fix: change bento section title to reflect security focus

pkg/nebula/components/sections/cta.templ

@@ -1,10 +1,9 @@
 package sections
 
-templ CTA() {
-	<!-- CTA -->
+templ CallToAction() {
 	<section>
 		<div class="py-12 md:py-20">
-			<div class="max-w-6xl mx-auto px-4 sm:px-6">
+			<div class="max-w-5xl mx-auto px-4 sm:px-6">
 				<div class="relative max-w-3xl mx-auto text-center pb-12 md:pb-16">
 					<div class="inline-flex items-center justify-center w-20 h-20 bg-white rounded-xl shadow-md mb-8 relative before:absolute before:-top-12 before:w-52 before:h-52 before:bg-zinc-900 before:opacity-[.08] before:rounded-full before:blur-3xl before:-z-10">
 						<a href="index.html">
@@ -12,7 +11,7 @@ templ CTA() {
 						</a>
 					</div>
 					<h2 class="font-inter-tight text-3xl md:text-4xl font-bold text-zinc-900 mb-4">
-						Start your journey 
+						Take control of your identity
 						<em class="relative not-italic inline-flex justify-center items-end">
 							today
 							<svg class="absolute fill-zinc-300 w-[calc(100%+1rem)] -z-10" xmlns="http://www.w3.org/2000/svg" width="120" height="10" viewBox="0 0 120 10" aria-hidden="true" preserveAspectRatio="none">
@@ -20,7 +19,7 @@ templ CTA() {
 							</svg>
 						</em>
 					</h2>
-					<p class="text-lg text-zinc-500 mb-8">Gray removes creative distances by connecting beginners, pros, and every team in between. Are you ready to start your journey?</p>
+					<p class="text-lg text-zinc-500 mb-8">Sonr removes creative distances by connecting beginners, pros, and every team in between. Are you ready to start your journey?</p>
 					<div class="max-w-xs mx-auto sm:max-w-none sm:inline-flex sm:justify-center space-y-4 sm:space-y-0 sm:space-x-4">
 						<div>
 							<a class="btn text-zinc-100 bg-zinc-900 hover:bg-zinc-800 w-full shadow" href="request-demo.html">Register</a>