fix: change bento section title to reflect security focus

Makefile

@@ -94,7 +94,7 @@ endif
 
 install: go.sum
 	go install -mod=readonly $(BUILD_FLAGS) ./cmd/sonrd
-	go install -mod=readonly $(BUILD_FLAGS) ./cmd/motrd
+	go install -mod=readonly $(BUILD_FLAGS) ./cmd/motr
 
 ########################################
 ### Tools & dependencies

pkg/nebula/components/sections/bento.templ

@@ -4,14 +4,14 @@ templ Bento() {
 	<!-- Features #2 -->
 	<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-20"
 				>
 					<h2
 						class="font-inter-tight text-3xl md:text-4xl font-bold text-zinc-900 mb-4"
 					>
-						AI-powered features and effects
+						Onchain Security with Offchain Privacy
 					</h2>
 					<p class="text-lg text-zinc-500">
 						Whenever you are ready, just hit publish to turn your site
@@ -38,7 +38,7 @@ templ Bento() {
 									></path>
 								</svg>
 								<h3 class="font-inter-tight font-semibold text-zinc-900">
-									Truly Collaborative
+									Decentralized Identity
 								</h3>
 							</div>
 							<p class="grow max-w-md text-sm text-zinc-500">
@@ -72,7 +72,7 @@ templ Bento() {
 									></path>
 								</svg>
 								<h3 class="font-inter-tight font-semibold text-zinc-900">
-									Advanced AI
+									IPFS Vaults
 								</h3>
 							</div>
 							<p class="grow max-w-md text-sm text-zinc-500">
@@ -106,7 +106,7 @@ templ Bento() {
 									></path>
 								</svg>
 								<h3 class="font-inter-tight font-semibold text-zinc-900">
-									Simple Snippets
+									Service Records
 								</h3>
 							</div>
 							<p class="grow max-w-md text-sm text-zinc-500">
@@ -140,7 +140,7 @@ templ Bento() {
 									></path>
 								</svg>
 								<h3 class="font-inter-tight font-semibold text-zinc-900">
-									Precise Activity
+									Authentication & Authorization
 								</h3>
 							</div>
 							<p class="grow max-w-md text-sm text-zinc-500">
@@ -173,7 +173,7 @@ templ Bento() {
 									></path>
 								</svg>
 								<h3 class="font-inter-tight font-semibold text-zinc-900">
-									Real-time Feedback
+									Decentralized Exchange
 								</h3>
 							</div>
 							<p class="grow max-w-md text-sm text-zinc-500">

pkg/nebula/components/sections/cta.templ

@@ -1,10 +1,9 @@
 package sections
 
-templ CTA() {
+templ CallToAction() {
-	<!-- CTA -->
 	<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>

pkg/nebula/components/sections/features.templ

@@ -7,7 +7,7 @@ templ Features() {
 	>
 		<div class="py-12 md:py-20">
 			<!-- Carousel -->
-			<div class="max-w-xl lg:max-w-6xl mx-auto px-4 sm:px-6">
+			<div class="max-w-xl lg:max-w-6xl mx-auto px-8 sm:px-6">
 				<div
 					class="lg:flex space-y-12 lg:space-y-0 lg:space-x-12 xl:space-x-24"
 					x-data="{ tab: '1' }"
@@ -18,17 +18,17 @@ templ Features() {
 							<div
 								class="inline-flex text-sm font-medium text-zinc-400 px-4 py-0.5 border border-transparent [background:linear-gradient(theme(colors.zinc.800),theme(colors.zinc.800))_padding-box,linear-gradient(120deg,theme(colors.zinc.700),theme(colors.zinc.700/0),theme(colors.zinc.700))_border-box] rounded-full mb-4"
 							>
-								Scale Your Team
+								L1 Blockchain
 							</div>
 							<h3
 								class="font-inter-tight text-3xl font-bold text-zinc-200 mb-4"
 							>
-								Design-powered workflows for teams of any size
+								The Protocol for Decentralized Identity & Authentication
 							</h3>
 							<p class="text-lg text-zinc-500">
-								Gray can understand what you are designing, learn from
+								We're creating the Global Standard for Decentralized Identity. 
-								your feedback to take your creativity further, and turn it
+								Authenticate users with PassKeys, Issue Crypto Wallets, Build 
-								instantly into beautiful images.
+								Payment flows, Send Encrypted Messages - all on a single platform.
 							</p>
 						</div>
 						<!-- Tabs buttons -->
@@ -195,7 +195,12 @@ templ Features() {
 					</div>
 				</div>
 			</div>
-			<!-- Features blocks -->
+			@featuresBlocks()
+		</div>
+	</section>
+}
+
+templ featuresBlocks() {
 	<div class="max-w-6xl mx-auto px-4 sm:px-6 mt-24 lg:mt-32">
 		<div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-8 lg:gap-16">
 			<!-- Block #1 -->
@@ -212,12 +217,11 @@ templ Features() {
 						></path>
 					</svg>
 					<h3 class="font-inter-tight font-semibold text-zinc-200">
-								Discussions
+						Multi-party Computation
 					</h3>
 				</div>
 				<p class="text-sm text-zinc-500">
-							Keep workflows efficient with tools that give teams
+					Eliminate the need for seed-phrases, and browser extensions for crypto wallets.
-							visibility throughout the process.
 				</p>
 			</div>
 			<!-- Block #2 -->
@@ -234,12 +238,11 @@ templ Features() {
 						></path>
 					</svg>
 					<h3 class="font-inter-tight font-semibold text-zinc-200">
-								Team views
+						Matrix Protocol
 					</h3>
 				</div>
 				<p class="text-sm text-zinc-500">
-							Keep workflows efficient with tools that give teams
+					End-to-end encrypted messaging with <a class="text-zinc-500 hover:text-zinc-300 transition" href="https://sonr.chat">sonr.chat</a>.
-							visibility throughout the process.
 				</p>
 			</div>
 			<!-- Block #3 -->
@@ -256,12 +259,11 @@ templ Features() {
 						></path>
 					</svg>
 					<h3 class="font-inter-tight font-semibold text-zinc-200">
-								Powerful search
+						OpenID Connect
 					</h3>
 				</div>
 				<p class="text-sm text-zinc-500">
-							Keep workflows efficient with tools that give teams
+					Seamless integration with Web2 Applications with the OpenID Standard.
-							visibility throughout the process.
 				</p>
 			</div>
 			<!-- Block #4 -->
@@ -278,7 +280,7 @@ templ Features() {
 						></path>
 					</svg>
 					<h3 class="font-inter-tight font-semibold text-zinc-200">
-								Enhancing
+						Native ETH & BTC
 					</h3>
 				</div>
 				<p class="text-sm text-zinc-500">
@@ -300,12 +302,11 @@ templ Features() {
 						></path>
 					</svg>
 					<h3 class="font-inter-tight font-semibold text-zinc-200">
-								Powerful search
+						Developer Integrations
 					</h3>
 				</div>
 				<p class="text-sm text-zinc-500">
-							Keep workflows efficient with tools that give teams
+					Quickly integrate with Sonr by leveraging modern web APIs.
-							visibility throughout the process.
 				</p>
 			</div>
 			<!-- Block #6 -->
@@ -322,16 +323,13 @@ templ Features() {
 						></path>
 					</svg>
 					<h3 class="font-inter-tight font-semibold text-zinc-200">
-								Team views
+						Secure Backups
 					</h3>
 				</div>
 				<p class="text-sm text-zinc-500">
-							Keep workflows efficient with tools that give teams
+					Uniformly accessible user keyshare access on/off network.
-							visibility throughout the process.
 				</p>
 			</div>
 		</div>
 	</div>
-		</div>
-	</section>
 }

pkg/nebula/components/sections/footer.templ

@@ -1,6 +1,6 @@
 package sections
 
-templ FooterMarketingNav() {
+templ MarketingFooter() {
 	<!-- Site footer -->
 	<footer>
 		<div class="max-w-5xl mx-auto px-4 sm:px-6">

pkg/nebula/components/sections/footer_templ.go

@@ -8,7 +8,7 @@ package sections
 import "github.com/a-h/templ"
 import templruntime "github.com/a-h/templ/runtime"
 
-func FooterMarketingNav() templ.Component {
+func MarketingFooter() templ.Component {
 	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
 		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
 		if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {

pkg/nebula/components/sections/header.templ

@@ -1,6 +1,6 @@
 package sections
 
-templ HeaderMarketingNav() {
+templ MarketingHeader() {
 	<!-- Site header -->
 	<header class="absolute top-2 md:top-6 w-full z-30">
 		<div class="px-4 sm:px-6">

pkg/nebula/components/sections/header_templ.go

@@ -8,7 +8,7 @@ package sections
 import "github.com/a-h/templ"
 import templruntime "github.com/a-h/templ/runtime"
 
-func HeaderMarketingNav() templ.Component {
+func MarketingHeader() templ.Component {
 	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
 		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
 		if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {

pkg/nebula/components/sections/highlights.templ

@@ -4,12 +4,12 @@ templ Highlights() {
 	<!-- Features -->
 	<section class="relative bg-zinc-50">
 		<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="max-w-3xl mx-auto text-center pb-12">
 					<h2
 						class="font-inter-tight text-3xl md:text-4xl font-bold text-zinc-900 mb-4"
 					>
-						Go further than the speed of thought
+						The Internet Rebuilt for You
 					</h2>
 					<p class="text-lg text-zinc-500">
 						AI reads and understands your designs, and with nothing more
@@ -27,7 +27,7 @@ templ Highlights() {
 						>
 							<div class="flex items-center justify-between mb-1">
 								<div class="font-inter-tight font-semibold text-zinc-900">
-									AI Effects
+									Experience
 								</div>
 								<svg
 									:class="tab !== '1' ? 'hidden' : ''"
@@ -42,7 +42,7 @@ templ Highlights() {
 								</svg>
 							</div>
 							<div class="text-sm text-zinc-500">
-								Visually structure your designs and structure them easily.
+								Sonr is completely designed to be frictionless for every kind of user.
 							</div>
 						</button>
 						<button
@@ -52,7 +52,7 @@ templ Highlights() {
 						>
 							<div class="flex items-center justify-between mb-1">
 								<div class="font-inter-tight font-semibold text-zinc-900">
-									Creative Mode
+									Compliance
 								</div>
 								<svg
 									:class="tab !== '2' ? 'hidden' : ''"
@@ -67,7 +67,7 @@ templ Highlights() {
 								</svg>
 							</div>
 							<div class="text-sm text-zinc-500">
-								Visually structure your designs and structure them easily.
+								Sonr is managed by a USA-based Wyoming DUNA, which is fully compliant with the GDPR.
 							</div>
 						</button>
 						<button
@@ -77,7 +77,7 @@ templ Highlights() {
 						>
 							<div class="flex items-center justify-between mb-1">
 								<div class="font-inter-tight font-semibold text-zinc-900">
-									Realistic Images
+									Interoperability
 								</div>
 								<svg
 									:class="tab !== '3' ? 'hidden' : ''"
@@ -92,7 +92,7 @@ templ Highlights() {
 								</svg>
 							</div>
 							<div class="text-sm text-zinc-500">
-								Visually structure your designs and structure them easily.
+								Sonr is designed to work cross-platform, cross-network, and cross-chain.
 							</div>
 						</button>
 						<button
@@ -102,7 +102,7 @@ templ Highlights() {
 						>
 							<div class="flex items-center justify-between mb-1">
 								<div class="font-inter-tight font-semibold text-zinc-900">
-									Powerful Plugins
+									Security
 								</div>
 								<svg
 									:class="tab !== '4' ? 'hidden' : ''"
@@ -117,7 +117,7 @@ templ Highlights() {
 								</svg>
 							</div>
 							<div class="text-sm text-zinc-500">
-								Visually structure your designs and structure them easily.
+								Sonr eliminates 99.9% of attack vectors with its quantum-resistant encryption.
 							</div>
 						</button>
 					</div>

pkg/nebula/components/sections/lowlights.templ

@@ -1,11 +1,11 @@
 package sections
 
-templ Testimonials() {
+templ Lowlights() {
 	<section class="bg-zinc-800">
 		<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="max-w-3xl mx-auto text-center pb-12 md:pb-20">
-					<h2 class="font-inter-tight text-3xl md:text-4xl font-bold text-zinc-200">Loved by thousands of creatives from around the world</h2>
+					<h2 class="font-inter-tight text-3xl md:text-4xl font-bold text-zinc-200">The Fragmentation Problem in the Existing Web is seeping into Crypto</h2>
 				</div>
 			</div>
 			<div class="max-w-[94rem] mx-auto space-y-6">

pkg/nebula/pages/home.templ

@@ -17,13 +17,13 @@ func Home(c echo.Context) error {
 
 templ homeView(hero *models.Hero) {
 	@blocks.LayoutNoBody("Sonr.ID", true) {
-		@sections.HeaderMarketingNav()
+		@sections.MarketingHeader()
 		@sections.SectionHero(hero)
 		@sections.Highlights()
 		@sections.Features()
 		@sections.Bento()
-		@sections.Testimonials()
+		@sections.Lowlights()
-		@sections.CTA()
+		@sections.CallToAction()
-		@sections.FooterMarketingNav()
+		@sections.MarketingFooter()
 	}
 }

pkg/nebula/pages/home_templ.go

@@ -56,7 +56,7 @@ func homeView(hero *models.Hero) templ.Component {
 				}()
 			}
 			ctx = templ.InitializeContext(ctx)
-			templ_7745c5c3_Err = sections.HeaderMarketingNav().Render(ctx, templ_7745c5c3_Buffer)
+			templ_7745c5c3_Err = sections.MarketingHeader().Render(ctx, templ_7745c5c3_Buffer)
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
@@ -96,7 +96,7 @@ func homeView(hero *models.Hero) templ.Component {
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = sections.Testimonials().Render(ctx, templ_7745c5c3_Buffer)
+			templ_7745c5c3_Err = sections.Lowlights().Render(ctx, templ_7745c5c3_Buffer)
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
@@ -104,7 +104,7 @@ func homeView(hero *models.Hero) templ.Component {
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = sections.CTA().Render(ctx, templ_7745c5c3_Buffer)
+			templ_7745c5c3_Err = sections.CallToAction().Render(ctx, templ_7745c5c3_Buffer)
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
@@ -112,7 +112,7 @@ func homeView(hero *models.Hero) templ.Component {
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = sections.FooterMarketingNav().Render(ctx, templ_7745c5c3_Buffer)
+			templ_7745c5c3_Err = sections.MarketingFooter().Render(ctx, templ_7745c5c3_Buffer)
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}