CTA Banner

index.html Copy

<section class="cta"><div><span>Bereit?</span><h2>Starte mit deiner eigenen UI Library.</h2></div><div class="actions"><a class="primary" href="#">Jetzt starten</a><a href="#">Dokumentation</a></div></section><style>.cta{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;max-width:1080px;margin:auto;padding:32px;border-radius:18px;background:#18181b;color:white;display:flex;justify-content:space-between;gap:24px;align-items:center}.cta span{color:#c4b5fd;font-weight:800}.cta h2{margin:.3em 0 0;font-size:2rem}.actions{display:flex;gap:12px;align-items:center}.actions a{color:white;text-decoration:none;font-weight:700}.actions .primary{background:white;color:#18181b;padding:11px 14px;border-radius:8px}@media(max-width:720px){.cta{align-items:flex-start;flex-direction:column}}</style>