go/sonr
1
0 Fork 0
mirror of https://github.com/sonr-io/sonr.git synced 2026-11-02 13:12:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: change bento section title to reflect security focus

Browse Source
This commit is contained in:
Prad Nukala committed 2024-10-01 10:34:02 -04:00
1 parent 88e7dd5812
commit c66d50dcc0
18 files changed
+142 -108
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

Makefile
+1 -1
View File
@@ -94,7 +94,7 @@ endif
install: go.sum install: go.sum
go install -mod=readonly $(BUILD_FLAGS) ./cmd/sonrd 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 ### Tools & dependencies
pkg/nebula/components/sections/bento.templ
+7 -7
View File
@@ -4,14 +4,14 @@ templ Bento() {
<!-- Features #2 --> <!-- Features #2 -->
<section> <section>
<div class="py-12 md:py-20"> <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 <div
class="relative max-w-3xl mx-auto text-center pb-12 md:pb-20" class="relative max-w-3xl mx-auto text-center pb-12 md:pb-20"
> >
<h2 <h2
class="font-inter-tight text-3xl md:text-4xl font-bold text-zinc-900 mb-4" 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> </h2>
<p class="text-lg text-zinc-500"> <p class="text-lg text-zinc-500">
Whenever you are ready, just hit publish to turn your site Whenever you are ready, just hit publish to turn your site
@@ -38,7 +38,7 @@ templ Bento() {
></path> ></path>
</svg> </svg>
<h3 class="font-inter-tight font-semibold text-zinc-900"> <h3 class="font-inter-tight font-semibold text-zinc-900">
Truly Collaborative Decentralized Identity
</h3> </h3>
</div> </div>
<p class="grow max-w-md text-sm text-zinc-500"> <p class="grow max-w-md text-sm text-zinc-500">
@@ -72,7 +72,7 @@ templ Bento() {
></path> ></path>
</svg> </svg>
<h3 class="font-inter-tight font-semibold text-zinc-900"> <h3 class="font-inter-tight font-semibold text-zinc-900">
Advanced AI IPFS Vaults
</h3> </h3>
</div> </div>
<p class="grow max-w-md text-sm text-zinc-500"> <p class="grow max-w-md text-sm text-zinc-500">
@@ -106,7 +106,7 @@ templ Bento() {
></path> ></path>
</svg> </svg>
<h3 class="font-inter-tight font-semibold text-zinc-900"> <h3 class="font-inter-tight font-semibold text-zinc-900">
Simple Snippets Service Records
</h3> </h3>
</div> </div>
<p class="grow max-w-md text-sm text-zinc-500"> <p class="grow max-w-md text-sm text-zinc-500">
@@ -140,7 +140,7 @@ templ Bento() {
></path> ></path>
</svg> </svg>
<h3 class="font-inter-tight font-semibold text-zinc-900"> <h3 class="font-inter-tight font-semibold text-zinc-900">
Precise Activity Authentication & Authorization
</h3> </h3>
</div> </div>
<p class="grow max-w-md text-sm text-zinc-500"> <p class="grow max-w-md text-sm text-zinc-500">
@@ -173,7 +173,7 @@ templ Bento() {
></path> ></path>
</svg> </svg>
<h3 class="font-inter-tight font-semibold text-zinc-900"> <h3 class="font-inter-tight font-semibold text-zinc-900">
Real-time Feedback Decentralized Exchange
</h3> </h3>
</div> </div>
<p class="grow max-w-md text-sm text-zinc-500"> <p class="grow max-w-md text-sm text-zinc-500">
pkg/nebula/components/sections/bento_templ.go
+1 -1
View File
@@ -29,7 +29,7 @@ func Bento() templ.Component {
templ_7745c5c3_Var1 = templ.NopComponent templ_7745c5c3_Var1 = templ.NopComponent
} }
ctx = templ.ClearChildren(ctx) ctx = templ.ClearChildren(ctx)
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!-- Features #2 --><section><div class=\"py-12 md:py-20\"><div class=\"max-w-6xl 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</h2><p class=\"text-lg text-zinc-500\">Whenever you are ready, just hit publish to turn your site sketches into an actual designs. No creating, no skills, no reshaping.</p></div><div class=\"max-w-xs mx-auto sm:max-w-none grid sm:grid-cols-2 md:grid-cols-3 gap-8 sm:gap-4 lg:gap-8\"><article class=\"sm:col-span-2 flex flex-col border border-transparent [background:linear-gradient(theme(colors.white),theme(colors.zinc.50))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box] rounded-lg\"><div class=\"grow flex flex-col p-5 pt-6\"><div class=\"flex items-center space-x-3 mb-1\"><svg class=\"inline-flex fill-zinc-400\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\"><path d=\"M17 9c.6 0 1 .4 1 1v6a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h6c.6 0 1 .4 1 1s-.4 1-1 1H4v12h12v-6c0-.6.4-1 1-1Zm-.7-6.7c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4l-8 8c-.2.2-.4.3-.7.3-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l8-8Z\"></path></svg><h3 class=\"font-inter-tight font-semibold text-zinc-900\">Truly Collaborative</h3></div><p class=\"grow max-w-md text-sm text-zinc-500\">Create teams and organize your designs into folders using project specs and insights.</p></div><figure><img class=\"h-[280px] object-cover object-left mx-auto sm:object-contain sm:h-auto\" src=\"./images/feature-post-01.png\" width=\"721\" height=\"280\" alt=\"Feature Post 01\"></figure></article><article class=\"flex flex-col border border-transparent [background:linear-gradient(theme(colors.white),theme(colors.zinc.50))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box] rounded-lg\"><div class=\"grow flex flex-col p-5 pt-6\"><div class=\"flex items-center space-x-3 mb-1\"><svg class=\"inline-flex fill-zinc-400\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\"><path d=\"m6.035 17.335-4-14c-.2-.8.5-1.5 1.3-1.3l14 4c.9.3 1 1.5.1 1.9l-6.6 2.9-2.8 6.6c-.5.9-1.7.8-2-.1Zm-1.5-12.8 2.7 9.5 1.9-4.4c.1-.2.3-.4.5-.5l4.4-1.9-9.5-2.7Z\"></path></svg><h3 class=\"font-inter-tight font-semibold text-zinc-900\">Advanced AI</h3></div><p class=\"grow max-w-md text-sm text-zinc-500\">Generate images and explore new ways of presenting your designs with AI.</p></div><figure><img class=\"h-[280px] object-cover object-left mx-auto sm:object-contain sm:h-auto\" src=\"./images/feature-post-02.png\" width=\"342\" height=\"280\" alt=\"Feature Post 02\"></figure></article><article class=\"flex flex-col border border-transparent [background:linear-gradient(theme(colors.white),theme(colors.zinc.50))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box] rounded-lg\"><div class=\"grow flex flex-col p-5 pt-6\"><div class=\"flex items-center space-x-3 mb-1\"><svg class=\"inline-flex fill-zinc-400\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\"><path d=\"M8.974 16c-.3 0-.7-.2-.9-.5l-2.2-3.7-2.1 2.8c-.3.4-1 .5-1.4.2-.4-.3-.5-1-.2-1.4l3-4c.2-.3.5-.4.9-.4.3 0 .6.2.8.5l2 3.3 3.3-8.1c0-.4.4-.7.8-.7s.8.2.9.6l4 8c.2.5 0 1.1-.4 1.3-.5.2-1.1 0-1.3-.4l-3-6-3.2 7.9c-.2.4-.6.6-1 .6Z\"></path></svg><h3 class=\"font-inter-tight font-semibold text-zinc-900\">Simple Snippets</h3></div><p class=\"grow max-w-md text-sm text-zinc-500\">Get your scenes inside your projects using simple embed code/snippets.</p></div><figure><img class=\"h-[280px] object-cover object-left mx-auto sm:object-contain sm:h-auto\" src=\"./images/feature-post-03.png\" width=\"342\" height=\"280\" alt=\"Feature Post 03\"></figure></article><article class=\"flex flex-col border border-transparent [background:linear-gradient(theme(colors.white),theme(colors.zinc.50))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box] rounded-lg\"><div class=\"grow flex flex-col p-5 pt-6\"><div class=\"flex items-center space-x-3 mb-1\"><svg class=\"inline-flex fill-zinc-400\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\"><path d=\"M9.3 11.7c-.4-.4-.4-1 0-1.4l7-7c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4l-7 7c-.4.4-1 .4-1.4 0ZM9.3 17.7c-.4-.4-.4-1 0-1.4l7-7c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4l-7 7c-.4.4-1 .4-1.4 0ZM2.3 12.7c-.4-.4-.4-1 0-1.4l7-7c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4l-7 7c-.4.4-1 .4-1.4 0Z\"></path></svg><h3 class=\"font-inter-tight font-semibold text-zinc-900\">Precise Activity</h3></div><p class=\"grow max-w-md text-sm text-zinc-500\">Easily make drag and drop interactions without coding.</p></div><figure><img class=\"h-[280px] object-cover object-left mx-auto sm:object-contain sm:h-auto\" src=\"./images/featureLine truncated _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!-- Features #2 --><section><div class=\"py-12 md:py-20\"><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\">Onchain Security with Offchain Privacy</h2><p class=\"text-lg text-zinc-500\">Whenever you are ready, just hit publish to turn your site sketches into an actual designs. No creating, no skills, no reshaping.</p></div><div class=\"max-w-xs mx-auto sm:max-w-none grid sm:grid-cols-2 md:grid-cols-3 gap-8 sm:gap-4 lg:gap-8\"><article class=\"sm:col-span-2 flex flex-col border border-transparent [background:linear-gradient(theme(colors.white),theme(colors.zinc.50))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box] rounded-lg\"><div class=\"grow flex flex-col p-5 pt-6\"><div class=\"flex items-center space-x-3 mb-1\"><svg class=\"inline-flex fill-zinc-400\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\"><path d=\"M17 9c.6 0 1 .4 1 1v6a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h6c.6 0 1 .4 1 1s-.4 1-1 1H4v12h12v-6c0-.6.4-1 1-1Zm-.7-6.7c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4l-8 8c-.2.2-.4.3-.7.3-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l8-8Z\"></path></svg><h3 class=\"font-inter-tight font-semibold text-zinc-900\">Decentralized Identity</h3></div><p class=\"grow max-w-md text-sm text-zinc-500\">Create teams and organize your designs into folders using project specs and insights.</p></div><figure><img class=\"h-[280px] object-cover object-left mx-auto sm:object-contain sm:h-auto\" src=\"./images/feature-post-01.png\" width=\"721\" height=\"280\" alt=\"Feature Post 01\"></figure></article><article class=\"flex flex-col border border-transparent [background:linear-gradient(theme(colors.white),theme(colors.zinc.50))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box] rounded-lg\"><div class=\"grow flex flex-col p-5 pt-6\"><div class=\"flex items-center space-x-3 mb-1\"><svg class=\"inline-flex fill-zinc-400\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\"><path d=\"m6.035 17.335-4-14c-.2-.8.5-1.5 1.3-1.3l14 4c.9.3 1 1.5.1 1.9l-6.6 2.9-2.8 6.6c-.5.9-1.7.8-2-.1Zm-1.5-12.8 2.7 9.5 1.9-4.4c.1-.2.3-.4.5-.5l4.4-1.9-9.5-2.7Z\"></path></svg><h3 class=\"font-inter-tight font-semibold text-zinc-900\">IPFS Vaults</h3></div><p class=\"grow max-w-md text-sm text-zinc-500\">Generate images and explore new ways of presenting your designs with AI.</p></div><figure><img class=\"h-[280px] object-cover object-left mx-auto sm:object-contain sm:h-auto\" src=\"./images/feature-post-02.png\" width=\"342\" height=\"280\" alt=\"Feature Post 02\"></figure></article><article class=\"flex flex-col border border-transparent [background:linear-gradient(theme(colors.white),theme(colors.zinc.50))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box] rounded-lg\"><div class=\"grow flex flex-col p-5 pt-6\"><div class=\"flex items-center space-x-3 mb-1\"><svg class=\"inline-flex fill-zinc-400\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\"><path d=\"M8.974 16c-.3 0-.7-.2-.9-.5l-2.2-3.7-2.1 2.8c-.3.4-1 .5-1.4.2-.4-.3-.5-1-.2-1.4l3-4c.2-.3.5-.4.9-.4.3 0 .6.2.8.5l2 3.3 3.3-8.1c0-.4.4-.7.8-.7s.8.2.9.6l4 8c.2.5 0 1.1-.4 1.3-.5.2-1.1 0-1.3-.4l-3-6-3.2 7.9c-.2.4-.6.6-1 .6Z\"></path></svg><h3 class=\"font-inter-tight font-semibold text-zinc-900\">Service Records</h3></div><p class=\"grow max-w-md text-sm text-zinc-500\">Get your scenes inside your projects using simple embed code/snippets.</p></div><figure><img class=\"h-[280px] object-cover object-left mx-auto sm:object-contain sm:h-auto\" src=\"./images/feature-post-03.png\" width=\"342\" height=\"280\" alt=\"Feature Post 03\"></figure></article><article class=\"flex flex-col border border-transparent [background:linear-gradient(theme(colors.white),theme(colors.zinc.50))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box] rounded-lg\"><div class=\"grow flex flex-col p-5 pt-6\"><div class=\"flex items-center space-x-3 mb-1\"><svg class=\"inline-flex fill-zinc-400\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\"><path d=\"M9.3 11.7c-.4-.4-.4-1 0-1.4l7-7c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4l-7 7c-.4.4-1 .4-1.4 0ZM9.3 17.7c-.4-.4-.4-1 0-1.4l7-7c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4l-7 7c-.4.4-1 .4-1.4 0ZM2.3 12.7c-.4-.4-.4-1 0-1.4l7-7c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4l-7 7c-.4.4-1 .4-1.4 0Z\"></path></svg><h3 class=\"font-inter-tight font-semibold text-zinc-900\">Authentication & Authorization</h3></div><p class=\"grow max-w-md text-sm text-zinc-500\">Easily make drag and drop interactions without coding.</p></div><figure><img class=\"h-[280px] object-cover object-left mx-auto sm:object-contain sm:h-auto\Line truncated
if templ_7745c5c3_Err != nil { if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err return templ_7745c5c3_Err
} }
pkg/nebula/components/sections/cta.templ
+4 -5
View File
@@ -1,10 +1,9 @@
package sections package sections
templ CTA() { templ CallToAction() {
<!-- CTA -->
<section> <section>
<div class="py-12 md:py-20"> <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="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"> <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"> <a href="index.html">
@@ -12,7 +11,7 @@ templ CTA() {
</a> </a>
</div> </div>
<h2 class="font-inter-tight text-3xl md:text-4xl font-bold text-zinc-900 mb-4"> <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"> <em class="relative not-italic inline-flex justify-center items-end">
today 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"> <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> </svg>
</em> </em>
</h2> </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 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> <div>
<a class="btn text-zinc-100 bg-zinc-900 hover:bg-zinc-800 w-full shadow" href="request-demo.html">Register</a> <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/cta_templ.go
+2 -2
View File
@@ -8,7 +8,7 @@ package sections
import "github.com/a-h/templ" import "github.com/a-h/templ"
import templruntime "github.com/a-h/templ/runtime" import templruntime "github.com/a-h/templ/runtime"
func CTA() templ.Component { func CallToAction() templ.Component {
return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) { 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 templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil { if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {
@@ -29,7 +29,7 @@ func CTA() templ.Component {
templ_7745c5c3_Var1 = templ.NopComponent templ_7745c5c3_Var1 = templ.NopComponent
} }
ctx = templ.ClearChildren(ctx) ctx = templ.ClearChildren(ctx)
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!-- CTA --><section><div class=\"py-12 md:py-20\"><div class=\"max-w-6xl 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\"><img src=\"https://cdn.sonr.id/img/logo-zinc.svg\" width=\"60\" height=\"60\" alt=\"Logo\"></a></div><h2 class=\"font-inter-tight text-3xl md:text-4xl font-bold text-zinc-900 mb-4\">Start your journey <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\"><path d=\"M118.273 6.09C79.243 4.558 40.297 5.459 1.305 9.034c-1.507.13-1.742-1.521-.199-1.81C39.81-.228 79.647-1.568 118.443 4.2c1.63.233 1.377 1.943-.17 1.89Z\"></path></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><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></div><div><a class=\"btn text-zinc-600 bg-white hover:text-zinc-900 w-full shadow\" href=\"#0\">Log in</a></div></div></div><!-- Clients --><div class=\"text-center\"><ul class=\"inline-flex flex-wrap items-center justify-center -m-2 [mask-image:linear-gradient(to_right,transparent_8px,_theme(colors.white/.7)_64px,_theme(colors.white)_50%,_theme(colors.white/.7)_calc(100%-64px),_transparent_calc(100%-8px))]\"><li class=\"m-2 p-4 relative rounded-lg border border-transparent [background:linear-gradient(theme(colors.zinc.50),theme(colors.zinc.50))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box]\"><svg class=\"fill-zinc-400\" xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"40\" aria-label=\"Adobe\"><path d=\"m21.966 31-1.69-4.231h-4.154l3.892-9.037L25.676 31h-3.71Zm-5.082-21H8v21l8.884-21ZM32 10h-8.884L32 31V10Z\"></path></svg></li><li class=\"m-2 p-4 relative rounded-lg border border-transparent [background:linear-gradient(theme(colors.zinc.50),theme(colors.zinc.50))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box]\"><svg class=\"fill-zinc-400\" xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"40\" aria-label=\"Unsplash\"><path d=\"M16.119 9h8.762v6.571h-8.762zM24.881 18.857H32V32H9V18.857h7.119v6.572h8.762z\"></path></svg></li><li class=\"m-2 p-4 relative rounded-lg border border-transparent [background:linear-gradient(theme(colors.zinc.50),theme(colors.zinc.50))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box]\"><svg class=\"fill-zinc-400\" xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"40\" aria-label=\"Google\"><path d=\"M8.407 26.488a13.458 13.458 0 0 1 0-11.98A13.48 13.48 0 0 1 29.63 10.57l-4.012 3.821a7.934 7.934 0 0 0-5.12-1.87 7.986 7.986 0 0 0-7.568 5.473 7.94 7.94 0 0 0-.408 2.504A7.94 7.94 0 0 0 12.93 23a7.986 7.986 0 0 0 7.567 5.472 8.577 8.577 0 0 0 4.566-1.127l4.489 3.459a13.415 13.415 0 0 1-9.055 3.19 13.512 13.512 0 0 1-12.09-7.507Zm25.036-8.444c.664 6.002-1.021 10.188-3.89 12.762l-4.488-3.46a6.581 6.581 0 0 0 2.795-3.78h-7.301v-5.522h12.884Z\"></path></svg></li><li class=\"m-2 p-4 relative rounded-lg border border-transparent [background:linear-gradient(theme(colors.zinc.50),theme(colors.zinc.50))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box]\"><svg class=\"fill-zinc-400\" xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"40\" aria-label=\"WordPress\"><path d=\"M8.061 20.5c0-1.804.387-3.516 1.077-5.063l5.934 16.257c-4.15-2.016-7.01-6.271-7.01-11.194Zm20.836-.628c0 1.065-.41 2.3-.946 4.021L26.71 28.04l-4.496-13.371c.749-.04 1.424-.119 1.424-.119.67-.079.591-1.064-.08-1.025 0 0-2.014.158-3.315.158-1.222 0-3.276-.158-3.276-.158-.67-.039-.75.986-.079 1.025 0 0 .635.08 1.305.119l1.938 5.31-2.723 8.163-4.53-13.473c.75-.04 1.424-.119 1.424-.119.67-.079.591-1.064-.08-1.025 0 0-2.014.158-3.314.158-.234 0-.509-.005-.801-.015A12.425 12.425 0 0 1 20.5 8.061c3.238 0 6.187 1.238 8.4 3.266-.054-.004-.106-.01-.162-.01-1.221 0-2.088 1.064-2.088 2.207 0 1.025.591 1.893 1.221 2.918.474.828 1.026 1.892 1.026 3.43Zm-8.179 1.716 3.824 10.475c.025.061.056.118.089.171a12.434 12.434 0 0 1-7.645.198l3.732-10.844Zm10.697-7.056a12.378 12.378 0 0 1 1.524 5.968c0 Line truncated _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<section><div class=\"py-12 md:py-20\"><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\"><img src=\"https://cdn.sonr.id/img/logo-zinc.svg\" width=\"60\" height=\"60\" alt=\"Logo\"></a></div><h2 class=\"font-inter-tight text-3xl md:text-4xl font-bold text-zinc-900 mb-4\">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\"><path d=\"M118.273 6.09C79.243 4.558 40.297 5.459 1.305 9.034c-1.507.13-1.742-1.521-.199-1.81C39.81-.228 79.647-1.568 118.443 4.2c1.63.233 1.377 1.943-.17 1.89Z\"></path></svg></em></h2><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></div><div><a class=\"btn text-zinc-600 bg-white hover:text-zinc-900 w-full shadow\" href=\"#0\">Log in</a></div></div></div><!-- Clients --><div class=\"text-center\"><ul class=\"inline-flex flex-wrap items-center justify-center -m-2 [mask-image:linear-gradient(to_right,transparent_8px,_theme(colors.white/.7)_64px,_theme(colors.white)_50%,_theme(colors.white/.7)_calc(100%-64px),_transparent_calc(100%-8px))]\"><li class=\"m-2 p-4 relative rounded-lg border border-transparent [background:linear-gradient(theme(colors.zinc.50),theme(colors.zinc.50))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box]\"><svg class=\"fill-zinc-400\" xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"40\" aria-label=\"Adobe\"><path d=\"m21.966 31-1.69-4.231h-4.154l3.892-9.037L25.676 31h-3.71Zm-5.082-21H8v21l8.884-21ZM32 10h-8.884L32 31V10Z\"></path></svg></li><li class=\"m-2 p-4 relative rounded-lg border border-transparent [background:linear-gradient(theme(colors.zinc.50),theme(colors.zinc.50))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box]\"><svg class=\"fill-zinc-400\" xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"40\" aria-label=\"Unsplash\"><path d=\"M16.119 9h8.762v6.571h-8.762zM24.881 18.857H32V32H9V18.857h7.119v6.572h8.762z\"></path></svg></li><li class=\"m-2 p-4 relative rounded-lg border border-transparent [background:linear-gradient(theme(colors.zinc.50),theme(colors.zinc.50))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box]\"><svg class=\"fill-zinc-400\" xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"40\" aria-label=\"Google\"><path d=\"M8.407 26.488a13.458 13.458 0 0 1 0-11.98A13.48 13.48 0 0 1 29.63 10.57l-4.012 3.821a7.934 7.934 0 0 0-5.12-1.87 7.986 7.986 0 0 0-7.568 5.473 7.94 7.94 0 0 0-.408 2.504A7.94 7.94 0 0 0 12.93 23a7.986 7.986 0 0 0 7.567 5.472 8.577 8.577 0 0 0 4.566-1.127l4.489 3.459a13.415 13.415 0 0 1-9.055 3.19 13.512 13.512 0 0 1-12.09-7.507Zm25.036-8.444c.664 6.002-1.021 10.188-3.89 12.762l-4.488-3.46a6.581 6.581 0 0 0 2.795-3.78h-7.301v-5.522h12.884Z\"></path></svg></li><li class=\"m-2 p-4 relative rounded-lg border border-transparent [background:linear-gradient(theme(colors.zinc.50),theme(colors.zinc.50))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box]\"><svg class=\"fill-zinc-400\" xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"40\" aria-label=\"WordPress\"><path d=\"M8.061 20.5c0-1.804.387-3.516 1.077-5.063l5.934 16.257c-4.15-2.016-7.01-6.271-7.01-11.194Zm20.836-.628c0 1.065-.41 2.3-.946 4.021L26.71 28.04l-4.496-13.371c.749-.04 1.424-.119 1.424-.119.67-.079.591-1.064-.08-1.025 0 0-2.014.158-3.315.158-1.222 0-3.276-.158-3.276-.158-.67-.039-.75.986-.079 1.025 0 0 .635.08 1.305.119l1.938 5.31-2.723 8.163-4.53-13.473c.75-.04 1.424-.119 1.424-.119.67-.079.591-1.064-.08-1.025 0 0-2.014.158-3.314.158-.234 0-.509-.005-.801-.015A12.425 12.425 0 0 1 20.5 8.061c3.238 0 6.187 1.238 8.4 3.266-.054-.004-.106-.01-.162-.01-1.221 0-2.088 1.064-2.088 2.207 0 1.025.591 1.893 1.221 2.918.474.828 1.026 1.892 1.026 3.43Zm-8.179 1.716 3.824 10.475c.025.061.056.118.089.171a12.434 12.434 0 0 1-7.645.198l3.732-10.844Zm10.697-7.056a12.378 12.378 0 0 1 1.524 5.968c0 4.Line truncated
if templ_7745c5c3_Err != nil { if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err return templ_7745c5c3_Err
} }
pkg/nebula/components/sections/features.templ
+23 -25
View File
@@ -7,7 +7,7 @@ templ Features() {
> >
<div class="py-12 md:py-20"> <div class="py-12 md:py-20">
<!-- Carousel --> <!-- 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 <div
class="lg:flex space-y-12 lg:space-y-0 lg:space-x-12 xl:space-x-24" class="lg:flex space-y-12 lg:space-y-0 lg:space-x-12 xl:space-x-24"
x-data="{ tab: '1' }" x-data="{ tab: '1' }"
@@ -18,17 +18,17 @@ templ Features() {
<div <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" 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> </div>
<h3 <h3
class="font-inter-tight text-3xl font-bold text-zinc-200 mb-4" 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> </h3>
<p class="text-lg text-zinc-500"> <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> </p>
</div> </div>
<!-- Tabs buttons --> <!-- Tabs buttons -->
@@ -195,7 +195,12 @@ templ Features() {
</div> </div>
</div> </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="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"> <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-8 lg:gap-16">
<!-- Block #1 --> <!-- Block #1 -->
@@ -212,12 +217,11 @@ templ Features() {
></path> ></path>
</svg> </svg>
<h3 class="font-inter-tight font-semibold text-zinc-200"> <h3 class="font-inter-tight font-semibold text-zinc-200">
Discussions Multi-party Computation
</h3> </h3>
</div> </div>
<p class="text-sm text-zinc-500"> <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> </p>
</div> </div>
<!-- Block #2 --> <!-- Block #2 -->
@@ -234,12 +238,11 @@ templ Features() {
></path> ></path>
</svg> </svg>
<h3 class="font-inter-tight font-semibold text-zinc-200"> <h3 class="font-inter-tight font-semibold text-zinc-200">
Team views Matrix Protocol
</h3> </h3>
</div> </div>
<p class="text-sm text-zinc-500"> <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> </p>
</div> </div>
<!-- Block #3 --> <!-- Block #3 -->
@@ -256,12 +259,11 @@ templ Features() {
></path> ></path>
</svg> </svg>
<h3 class="font-inter-tight font-semibold text-zinc-200"> <h3 class="font-inter-tight font-semibold text-zinc-200">
Powerful search OpenID Connect
</h3> </h3>
</div> </div>
<p class="text-sm text-zinc-500"> <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> </p>
</div> </div>
<!-- Block #4 --> <!-- Block #4 -->
@@ -278,7 +280,7 @@ templ Features() {
></path> ></path>
</svg> </svg>
<h3 class="font-inter-tight font-semibold text-zinc-200"> <h3 class="font-inter-tight font-semibold text-zinc-200">
Enhancing Native ETH & BTC
</h3> </h3>
</div> </div>
<p class="text-sm text-zinc-500"> <p class="text-sm text-zinc-500">
@@ -300,12 +302,11 @@ templ Features() {
></path> ></path>
</svg> </svg>
<h3 class="font-inter-tight font-semibold text-zinc-200"> <h3 class="font-inter-tight font-semibold text-zinc-200">
Powerful search Developer Integrations
</h3> </h3>
</div> </div>
<p class="text-sm text-zinc-500"> <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> </p>
</div> </div>
<!-- Block #6 --> <!-- Block #6 -->
@@ -322,16 +323,13 @@ templ Features() {
></path> ></path>
</svg> </svg>
<h3 class="font-inter-tight font-semibold text-zinc-200"> <h3 class="font-inter-tight font-semibold text-zinc-200">
Team views Secure Backups
</h3> </h3>
</div> </div>
<p class="text-sm text-zinc-500"> <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> </p>
</div> </div>
</div> </div>
</div> </div>
</div>
</section>
} }
pkg/nebula/components/sections/features_templ.go
+38 -1
View File
@@ -29,7 +29,44 @@ func Features() templ.Component {
templ_7745c5c3_Var1 = templ.NopComponent templ_7745c5c3_Var1 = templ.NopComponent
} }
ctx = templ.ClearChildren(ctx) ctx = templ.ClearChildren(ctx)
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!-- Features #3 --><section class=\"relative bg-zinc-800 after:absolute after:top-0 after:right-0 after:h-full after:w-96 after:pointer-events-none after:bg-gradient-to-l after:from-zinc-800 max-lg:after:hidden\"><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=\"lg:flex space-y-12 lg:space-y-0 lg:space-x-12 xl:space-x-24\" x-data=\"{ tab: &#39;1&#39; }\"><!-- Content --><div class=\"lg:max-w-none lg:min-w-[524px]\"><div class=\"mb-8\"><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</div><h3 class=\"font-inter-tight text-3xl font-bold text-zinc-200 mb-4\">Design-powered workflows for teams of any size</h3><p class=\"text-lg text-zinc-500\">Gray can understand what you are designing, learn from your feedback to take your creativity further, and turn it instantly into beautiful images.</p></div><!-- Tabs buttons --><div class=\"mb-8 md:mb-0 space-y-2\"><button :class=\"tab !== &#39;1&#39; ? &#39;&#39; : &#39;[background:linear-gradient(#2E2E32,#2E2E32)_padding-box,linear-gradient(120deg,theme(colors.zinc.700),theme(colors.zinc.700/0),theme(colors.zinc.700))_border-box]&#39;\" class=\"text-left flex items-center px-6 py-4 rounded border border-transparent\" @click.prevent=\"tab = &#39;1&#39;\"><svg class=\"shrink-0 fill-zinc-400 mr-3\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\"><path d=\"m7.951 14.537 6.296-7.196 1.506 1.318-7.704 8.804-3.756-3.756 1.414-1.414 2.244 2.244Zm11.296-7.196 1.506 1.318-7.704 8.804-1.756-1.756 1.414-1.414.244.244 6.296-7.196Z\"></path></svg><div><div class=\"font-inter-tight text-lg font-semibold text-zinc-200 mb-1\">Make designs feel real</div><div class=\"text-zinc-500\">Save time and keep things consistent with reusable images, and 3D assets in shared libraries.</div></div></button> <button :class=\"tab !== &#39;2&#39; ? &#39;&#39; : &#39;[background:linear-gradient(#2E2E32,#2E2E32)_padding-box,linear-gradient(120deg,theme(colors.zinc.700),theme(colors.zinc.700/0),theme(colors.zinc.700))_border-box]&#39;\" class=\"text-left flex items-center px-6 py-4 rounded border border-transparent\" @click.prevent=\"tab = &#39;2&#39;\"><svg class=\"shrink-0 fill-zinc-400 mr-3\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\"><path d=\"m16.997 19.056-1.78-.912A13.91 13.91 0 0 0 16.75 11.8c0-2.206-.526-4.38-1.533-6.344l1.78-.912A15.91 15.91 0 0 1 18.75 11.8c0 2.524-.602 5.01-1.753 7.256Zm-3.616-1.701-1.77-.93A9.944 9.944 0 0 0 12.75 11.8c0-1.611-.39-3.199-1.14-4.625l1.771-.93c.9 1.714 1.37 3.62 1.369 5.555 0 1.935-.47 3.841-1.369 5.555Zm-3.626-1.693-1.75-.968c.49-.885.746-1.881.745-2.895a5.97 5.97 0 0 0-.745-2.893l1.75-.968a7.968 7.968 0 0 1 .995 3.861 7.97 7.97 0 0 1-.995 3.863Zm-3.673-1.65-1.664-1.11c.217-.325.333-.709.332-1.103 0-.392-.115-.776-.332-1.102L6.082 9.59c.437.655.67 1.425.668 2.21a3.981 3.981 0 0 1-.668 2.212Z\"></path></svg><div><div class=\"font-inter-tight text-lg font-semibold text-zinc-200 mb-1\">Bring creatives closer</div><div class=\"text-zinc-500\">Save time and keep things consistent with reusable images, and 3D assets in shared libraries.</div></div></button> <button :class=\"tab !== &#39;3&#39; ? &#39;&#39; : &#39;[background:linear-gradient(#2E2E32,#2E2E32)_padding-box,linear-gradient(120deg,theme(colors.zinc.700),theme(colors.zinc.700/0),theme(colors.zinc.700))_border-box]&#39;\" class=\"text-left flex items-center px-6 py-4 rounded border border-transparent\" @click.prevent=\"tab = &#39;3&#39;\"><svg class=\"shrink-0 fill-zinc-400 mr-3\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\"><path d=\"m11.293 5.293 1.414 1.414-8 8-1.414-1.414 8-8Zm7-1 1.414 1.414-8 8-1.414-1.414 8-8Zm0 6 1.414 1.414-8 8-1.414-1.414 8-8Z\"></path></svg><div><div class=\"font-inter-tight text-lg font-semibold text-zinc-200 mb-1\">Scale and align your design team</div><div class=\"text-zinc-500\">Save time and keep things consistent with reusable images, and 3D assets in shared libraries.</div></div></button></div></div><!-- Tabs items --><div class=\"relative lg:max-w-none\"><div class=\"relative flex flex-col\"><!-- Item 1 --><div class=\"w-full\" x-show=\"tab === &#39;1&#39;\" x-transition:enter=\"transition ease-in-out duration-700 transform order-first\" x-transition:enter-start=\"opacity-0 translate-x-8\" x-transition:enter-end=\"opacity-100 translate-x-0\" x-transition:leave=\"transition ease-in-out duration-300 transform absolute\" x-transition:leave-start=\"opacity-100 translate-x-0\" x-transition:leave-end=\"opacity-0 -translate-x-8\"><div><img class=\"lg:max-w-none mx-auto rounded-lg shadow-2xl\" src=\"./images/carousel-illustrLine truncated _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!-- Features #3 --><section class=\"relative bg-zinc-800 after:absolute after:top-0 after:right-0 after:h-full after:w-96 after:pointer-events-none after:bg-gradient-to-l after:from-zinc-800 max-lg:after:hidden\"><div class=\"py-12 md:py-20\"><!-- Carousel --><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: &#39;1&#39; }\"><!-- Content --><div class=\"lg:max-w-none lg:min-w-[524px]\"><div class=\"mb-8\"><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\">L1 Blockchain</div><h3 class=\"font-inter-tight text-3xl font-bold text-zinc-200 mb-4\">The Protocol for Decentralized Identity & Authentication</h3><p class=\"text-lg text-zinc-500\">We're creating the Global Standard for Decentralized Identity. Authenticate users with PassKeys, Issue Crypto Wallets, Build Payment flows, Send Encrypted Messages - all on a single platform.</p></div><!-- Tabs buttons --><div class=\"mb-8 md:mb-0 space-y-2\"><button :class=\"tab !== &#39;1&#39; ? &#39;&#39; : &#39;[background:linear-gradient(#2E2E32,#2E2E32)_padding-box,linear-gradient(120deg,theme(colors.zinc.700),theme(colors.zinc.700/0),theme(colors.zinc.700))_border-box]&#39;\" class=\"text-left flex items-center px-6 py-4 rounded border border-transparent\" @click.prevent=\"tab = &#39;1&#39;\"><svg class=\"shrink-0 fill-zinc-400 mr-3\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\"><path d=\"m7.951 14.537 6.296-7.196 1.506 1.318-7.704 8.804-3.756-3.756 1.414-1.414 2.244 2.244Zm11.296-7.196 1.506 1.318-7.704 8.804-1.756-1.756 1.414-1.414.244.244 6.296-7.196Z\"></path></svg><div><div class=\"font-inter-tight text-lg font-semibold text-zinc-200 mb-1\">Make designs feel real</div><div class=\"text-zinc-500\">Save time and keep things consistent with reusable images, and 3D assets in shared libraries.</div></div></button> <button :class=\"tab !== &#39;2&#39; ? &#39;&#39; : &#39;[background:linear-gradient(#2E2E32,#2E2E32)_padding-box,linear-gradient(120deg,theme(colors.zinc.700),theme(colors.zinc.700/0),theme(colors.zinc.700))_border-box]&#39;\" class=\"text-left flex items-center px-6 py-4 rounded border border-transparent\" @click.prevent=\"tab = &#39;2&#39;\"><svg class=\"shrink-0 fill-zinc-400 mr-3\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\"><path d=\"m16.997 19.056-1.78-.912A13.91 13.91 0 0 0 16.75 11.8c0-2.206-.526-4.38-1.533-6.344l1.78-.912A15.91 15.91 0 0 1 18.75 11.8c0 2.524-.602 5.01-1.753 7.256Zm-3.616-1.701-1.77-.93A9.944 9.944 0 0 0 12.75 11.8c0-1.611-.39-3.199-1.14-4.625l1.771-.93c.9 1.714 1.37 3.62 1.369 5.555 0 1.935-.47 3.841-1.369 5.555Zm-3.626-1.693-1.75-.968c.49-.885.746-1.881.745-2.895a5.97 5.97 0 0 0-.745-2.893l1.75-.968a7.968 7.968 0 0 1 .995 3.861 7.97 7.97 0 0 1-.995 3.863Zm-3.673-1.65-1.664-1.11c.217-.325.333-.709.332-1.103 0-.392-.115-.776-.332-1.102L6.082 9.59c.437.655.67 1.425.668 2.21a3.981 3.981 0 0 1-.668 2.212Z\"></path></svg><div><div class=\"font-inter-tight text-lg font-semibold text-zinc-200 mb-1\">Bring creatives closer</div><div class=\"text-zinc-500\">Save time and keep things consistent with reusable images, and 3D assets in shared libraries.</div></div></button> <button :class=\"tab !== &#39;3&#39; ? &#39;&#39; : &#39;[background:linear-gradient(#2E2E32,#2E2E32)_padding-box,linear-gradient(120deg,theme(colors.zinc.700),theme(colors.zinc.700/0),theme(colors.zinc.700))_border-box]&#39;\" class=\"text-left flex items-center px-6 py-4 rounded border border-transparent\" @click.prevent=\"tab = &#39;3&#39;\"><svg class=\"shrink-0 fill-zinc-400 mr-3\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\"><path d=\"m11.293 5.293 1.414 1.414-8 8-1.414-1.414 8-8Zm7-1 1.414 1.414-8 8-1.414-1.414 8-8Zm0 6 1.414 1.414-8 8-1.414-1.414 8-8Z\"></path></svg><div><div class=\"font-inter-tight text-lg font-semibold text-zinc-200 mb-1\">Scale and align your design team</div><div class=\"text-zinc-500\">Save time and keep things consistent with reusable images, and 3D assets in shared libraries.</div></div></button></div></div><!-- Tabs items --><div class=\"relative lg:max-w-none\"><div class=\"relative flex flex-col\"><!-- Item 1 --><div class=\"w-full\" x-show=\"tab === &#39;1&#39;\" x-transition:enter=\"transition ease-in-out duration-700 transform order-first\" x-transition:enter-start=\"opacity-0 translate-x-8\" x-transition:enter-end=\"opacity-100 translate-x-0\" x-transition:leave=\"transition ease-in-out duration-300 transform absolute\" x-transition:leave-start=\"opacity-100 translate-x-0\" x-transition:leave-end=\"opacity-0 -translate-x-8\"><div><img class=\"lg:max-w-none mx-auto Line truncated
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
templ_7745c5c3_Err = featuresBlocks().Render(ctx, templ_7745c5c3_Buffer)
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></section>")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
return templ_7745c5c3_Err
})
}
func featuresBlocks() 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 {
return templ_7745c5c3_CtxErr
}
templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templruntime.GetBuffer(templ_7745c5c3_W)
if !templ_7745c5c3_IsBuffer {
defer func() {
templ_7745c5c3_BufErr := templruntime.ReleaseBuffer(templ_7745c5c3_Buffer)
if templ_7745c5c3_Err == nil {
templ_7745c5c3_Err = templ_7745c5c3_BufErr
}
}()
}
ctx = templ.InitializeContext(ctx)
templ_7745c5c3_Var2 := templ.GetChildren(ctx)
if templ_7745c5c3_Var2 == nil {
templ_7745c5c3_Var2 = templ.NopComponent
}
ctx = templ.ClearChildren(ctx)
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<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 --><div><div class=\"flex items-center mb-1\"><svg class=\"fill-zinc-400 mr-2\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"><path d=\"M15 9a1 1 0 0 1 0 2c-.441 0-1.243.92-1.89 1.716.319 1.005.529 1.284.89 1.284a1 1 0 0 1 0 2 2.524 2.524 0 0 1-2.339-1.545A3.841 3.841 0 0 1 9 16a1 1 0 0 1 0-2c.441 0 1.243-.92 1.89-1.716C10.57 11.279 10.361 11 10 11a1 1 0 0 1 0-2 2.524 2.524 0 0 1 2.339 1.545A3.841 3.841 0 0 1 15 9Zm-5-1H7.51l-.02.142C6.964 11.825 6.367 16 3 16a3 3 0 0 1-3-3 1 1 0 0 1 2 0 1 1 0 0 0 1 1c1.49 0 1.984-2.48 2.49-6H3a1 1 0 1 1 0-2h2.793c.52-3.1 1.4-6 4.207-6a3 3 0 0 1 3 3 1 1 0 0 1-2 0 1 1 0 0 0-1-1C8.808 2 8.257 3.579 7.825 6H10a1 1 0 0 1 0 2Z\"></path></svg><h3 class=\"font-inter-tight font-semibold text-zinc-200\">Multi-party Computation</h3></div><p class=\"text-sm text-zinc-500\">Eliminate the need for seed-phrases, and browser extensions for crypto wallets.</p></div><!-- Block #2 --><div><div class=\"flex items-center mb-1\"><svg class=\"fill-zinc-400 mr-2\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"><path d=\"M13 16c-.153 0-.306-.035-.447-.105l-3.851-1.926c-.231.02-.465.031-.702.031-4.411 0-8-3.14-8-7s3.589-7 8-7 8 3.14 8 7c0 1.723-.707 3.351-2 4.63V15a1.003 1.003 0 0 1-1 1Zm-4.108-4.054c.155 0 .308.036.447.105L12 13.382v-2.187c0-.288.125-.562.341-.752C13.411 9.506 14 8.284 14 7c0-2.757-2.691-5-6-5S2 4.243 2 7s2.691 5 6 5c.266 0 .526-.02.783-.048a1.01 1.01 0 0 1 .109-.006Z\"></path></svg><h3 class=\"font-inter-tight font-semibold text-zinc-200\">Matrix Protocol</h3></div><p class=\"text-sm text-zinc-500\">End-to-end encrypted messaging with <a class=\"text-zinc-500 hover:text-zinc-300 transition\" href=\"https://sonr.chat\">sonr.chat</a>.</p></div><!-- Block #3 --><div><div class=\"flex items-center mb-1\"><svg class=\"fill-zinc-400 mr-2\" xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"16\"><path d=\"M13 0H1C.4 0 0 .4 0 1v14c0 .6.4 1 1 1h8l5-5V1c0-.6-.4-1-1-1ZM2 2h10v8H8v4H2V2Z\"></path></svg><h3 class=\"font-inter-tight font-semibold text-zinc-200\">OpenID Connect</h3></div><p class=\"text-sm text-zinc-500\">Seamless integration with Web2 Applications with the OpenID Standard.</p></div><!-- Block #4 --><div><div class=\"flex items-center mb-1\"><svg class=\"fill-zinc-400 mr-2\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"><path d=\"M7 14c-3.86 0-7-3.14-7-7s3.14-7 7-7 7 3.14 7 7-3.14 7-7 7ZM7 2C4.243 2 2 4.243 2 7s2.243 5 5 5 5-2.243 5-5-2.243-5-5-5Zm8.707 12.293a.999.999 0 1 1-1.414 1.414L11.9 13.314a8.019 8.019 0 0 0 1.414-1.414l2.393 2.393Z\"></path></svg><h3 class=\"font-inter-tight font-semibold text-zinc-200\">Native ETH & BTC</h3></div><p class=\"text-sm text-zinc-500\">Keep workflows efficient with tools that give teams visibility throughout the process.</p></div><!-- Block #5 --><div><div class=\"flex items-center mb-1\"><svg class=\"fill-zinc-400 mr-2\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"><path d=\"M14.6.085 8 2.885 1.4.085c-.5-.2-1.4-.1-1.4.9v11c0 .4.2.8.6.9l7 3c.3.1.5.1.8 0l7-3c.4-.2.6-.5.6-.9v-11c0-1-.9-1.1-1.4-.9ZM2 2.485l5 2.1v8.8l-5-2.1v-8.8Zm12 8.8-5 2.1v-8.7l5-2.1v8.7Z\"></path></svg><h3 class=\"font-inter-tight font-semibold text-zinc-200\">Developer Integrations</h3></div><p class=\"text-sm text-zinc-500\">Quickly integrate with Sonr by leveraging modern web APIs.</p></div><!-- Block #6 --><div><div class=\"flex items-center mb-1\"><svg class=\"fill-zinc-400 mr-2\" xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"16\"><path d=\"M13 14a1 1 0 0 1 0 2H1a1 1 0 0 1 0-2h12Zm-6.707-2.293-5-5a1 1 0 0 1 1.414-1.414L6 8.586V1a1 1 0 1 1 2 0v7.586l3.293-3.293a1 1 0 1 1 1.414 1.414l-5 5a1 1 0 0 1-1.414 0Z\"></path></svg><h3 class=\"font-inter-tight font-semibold text-zinc-200\">Secure Backups</h3></div><p class=\"text-sm text-zinc-500\">Uniformly accessible user keyshare access on/off network.</p></div></div></div>")
if templ_7745c5c3_Err != nil { if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err return templ_7745c5c3_Err
} }
pkg/nebula/components/sections/footer.templ
+1 -1
View File
@@ -1,6 +1,6 @@
package sections package sections
templ FooterMarketingNav() { templ MarketingFooter() {
<!-- Site footer --> <!-- Site footer -->
<footer> <footer>
<div class="max-w-5xl mx-auto px-4 sm:px-6"> <div class="max-w-5xl mx-auto px-4 sm:px-6">
pkg/nebula/components/sections/footer_templ.go
+1 -1
View File
@@ -8,7 +8,7 @@ package sections
import "github.com/a-h/templ" import "github.com/a-h/templ"
import templruntime "github.com/a-h/templ/runtime" 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) { 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 templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil { if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {
pkg/nebula/components/sections/header.templ
+1 -1
View File
@@ -1,6 +1,6 @@
package sections package sections
templ HeaderMarketingNav() { templ MarketingHeader() {
<!-- Site header --> <!-- Site header -->
<header class="absolute top-2 md:top-6 w-full z-30"> <header class="absolute top-2 md:top-6 w-full z-30">
<div class="px-4 sm:px-6"> <div class="px-4 sm:px-6">
pkg/nebula/components/sections/header_templ.go
+1 -1
View File
@@ -8,7 +8,7 @@ package sections
import "github.com/a-h/templ" import "github.com/a-h/templ"
import templruntime "github.com/a-h/templ/runtime" 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) { 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 templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil { if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {
pkg/nebula/components/sections/highlights.templ
+10 -10
View File
@@ -4,12 +4,12 @@ templ Highlights() {
<!-- Features --> <!-- Features -->
<section class="relative bg-zinc-50"> <section class="relative bg-zinc-50">
<div class="py-12 md:py-20"> <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"> <div class="max-w-3xl mx-auto text-center pb-12">
<h2 <h2
class="font-inter-tight text-3xl md:text-4xl font-bold text-zinc-900 mb-4" 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> </h2>
<p class="text-lg text-zinc-500"> <p class="text-lg text-zinc-500">
AI reads and understands your designs, and with nothing more 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="flex items-center justify-between mb-1">
<div class="font-inter-tight font-semibold text-zinc-900"> <div class="font-inter-tight font-semibold text-zinc-900">
AI Effects Experience
</div> </div>
<svg <svg
:class="tab !== '1' ? 'hidden' : ''" :class="tab !== '1' ? 'hidden' : ''"
@@ -42,7 +42,7 @@ templ Highlights() {
</svg> </svg>
</div> </div>
<div class="text-sm text-zinc-500"> <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> </div>
</button> </button>
<button <button
@@ -52,7 +52,7 @@ templ Highlights() {
> >
<div class="flex items-center justify-between mb-1"> <div class="flex items-center justify-between mb-1">
<div class="font-inter-tight font-semibold text-zinc-900"> <div class="font-inter-tight font-semibold text-zinc-900">
Creative Mode Compliance
</div> </div>
<svg <svg
:class="tab !== '2' ? 'hidden' : ''" :class="tab !== '2' ? 'hidden' : ''"
@@ -67,7 +67,7 @@ templ Highlights() {
</svg> </svg>
</div> </div>
<div class="text-sm text-zinc-500"> <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> </div>
</button> </button>
<button <button
@@ -77,7 +77,7 @@ templ Highlights() {
> >
<div class="flex items-center justify-between mb-1"> <div class="flex items-center justify-between mb-1">
<div class="font-inter-tight font-semibold text-zinc-900"> <div class="font-inter-tight font-semibold text-zinc-900">
Realistic Images Interoperability
</div> </div>
<svg <svg
:class="tab !== '3' ? 'hidden' : ''" :class="tab !== '3' ? 'hidden' : ''"
@@ -92,7 +92,7 @@ templ Highlights() {
</svg> </svg>
</div> </div>
<div class="text-sm text-zinc-500"> <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> </div>
</button> </button>
<button <button
@@ -102,7 +102,7 @@ templ Highlights() {
> >
<div class="flex items-center justify-between mb-1"> <div class="flex items-center justify-between mb-1">
<div class="font-inter-tight font-semibold text-zinc-900"> <div class="font-inter-tight font-semibold text-zinc-900">
Powerful Plugins Security
</div> </div>
<svg <svg
:class="tab !== '4' ? 'hidden' : ''" :class="tab !== '4' ? 'hidden' : ''"
@@ -117,7 +117,7 @@ templ Highlights() {
</svg> </svg>
</div> </div>
<div class="text-sm text-zinc-500"> <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> </div>
</button> </button>
</div> </div>
pkg/nebula/components/sections/highlights_templ.go
+1 -1
View File
@@ -29,7 +29,7 @@ func Highlights() templ.Component {
templ_7745c5c3_Var1 = templ.NopComponent templ_7745c5c3_Var1 = templ.NopComponent
} }
ctx = templ.ClearChildren(ctx) ctx = templ.ClearChildren(ctx)
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!-- 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-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</h2><p class=\"text-lg text-zinc-500\">AI reads and understands your designs, and with nothing more than a single line of feedback, perform complex actions autonomously.</p></div><div x-data=\"{ tab: &#39;1&#39; }\"><!-- Tabs buttons --><div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 md:gap-6\"><button :class=\"tab !== &#39;1&#39; ? &#39;bg-zinc-100 opacity-60 hover:opacity-100 transition&#39; : &#39;[background:linear-gradient(theme(colors.white),theme(colors.white))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box] shadow-sm rotate-1&#39;\" class=\"text-left px-4 py-5 border border-transparent rounded\" @click.prevent=\"tab = &#39;1&#39;\"><div class=\"flex items-center justify-between mb-1\"><div class=\"font-inter-tight font-semibold text-zinc-900\">AI Effects</div><svg :class=\"tab !== &#39;1&#39; ? &#39;hidden&#39; : &#39;&#39;\" class=\"fill-zinc-400 shrink-0 ml-2\" xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\"><path d=\"M8.667.186H2.675a.999.999 0 0 0 0 1.998h3.581L.971 7.469a.999.999 0 1 0 1.412 1.412l5.285-5.285v3.58a.999.999 0 1 0 1.998 0V1.186a.999.999 0 0 0-.999-.999Z\"></path></svg></div><div class=\"text-sm text-zinc-500\">Visually structure your designs and structure them easily.</div></button> <button :class=\"tab !== &#39;2&#39; ? &#39;bg-zinc-100 opacity-60 hover:opacity-100 transition&#39; : &#39;[background:linear-gradient(theme(colors.white),theme(colors.white))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box] shadow-sm rotate-1&#39;\" class=\"text-left px-4 py-5 border border-transparent rounded\" @click.prevent=\"tab = &#39;2&#39;\"><div class=\"flex items-center justify-between mb-1\"><div class=\"font-inter-tight font-semibold text-zinc-900\">Creative Mode</div><svg :class=\"tab !== &#39;2&#39; ? &#39;hidden&#39; : &#39;&#39;\" class=\"fill-zinc-400 shrink-0 ml-2\" xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\"><path d=\"M8.667.186H2.675a.999.999 0 0 0 0 1.998h3.581L.971 7.469a.999.999 0 1 0 1.412 1.412l5.285-5.285v3.58a.999.999 0 1 0 1.998 0V1.186a.999.999 0 0 0-.999-.999Z\"></path></svg></div><div class=\"text-sm text-zinc-500\">Visually structure your designs and structure them easily.</div></button> <button :class=\"tab !== &#39;3&#39; ? &#39;bg-zinc-100 opacity-60 hover:opacity-100 transition&#39; : &#39;[background:linear-gradient(theme(colors.white),theme(colors.white))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box] shadow-sm rotate-1&#39;\" class=\"text-left px-4 py-5 border border-transparent rounded\" @click.prevent=\"tab = &#39;3&#39;\"><div class=\"flex items-center justify-between mb-1\"><div class=\"font-inter-tight font-semibold text-zinc-900\">Realistic Images</div><svg :class=\"tab !== &#39;3&#39; ? &#39;hidden&#39; : &#39;&#39;\" class=\"fill-zinc-400 shrink-0 ml-2\" xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\"><path d=\"M8.667.186H2.675a.999.999 0 0 0 0 1.998h3.581L.971 7.469a.999.999 0 1 0 1.412 1.412l5.285-5.285v3.58a.999.999 0 1 0 1.998 0V1.186a.999.999 0 0 0-.999-.999Z\"></path></svg></div><div class=\"text-sm text-zinc-500\">Visually structure your designs and structure them easily.</div></button> <button :class=\"tab !== &#39;4&#39; ? &#39;bg-zinc-100 opacity-60 hover:opacity-100 transition&#39; : &#39;[background:linear-gradient(theme(colors.white),theme(colors.white))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box] shadow-sm rotate-1&#39;\" class=\"text-left px-4 py-5 border border-transparent rounded\" @click.prevent=\"tab = &#39;4&#39;\"><div class=\"flex items-center justify-between mb-1\"><div class=\"font-inter-tight font-semibold text-zinc-900\">Powerful Plugins</div><svg :class=\"tab !== &#39;4&#39; ? &#39;hidden&#39; : &#39;&#39;\" class=\"fill-zinc-400 shrink-0 ml-2\" xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\"><path d=\"M8.667.186H2.675a.999.999 0 0 0 0 1.998h3.581L.971 7.469a.999.999 0 1 0 1.412 1.412l5.285-5.285v3.58a.999.999 0 1 0 1.998 0V1.186a.999.999 0 0 0-.999-.999Z\"></path></svg></div><div class=\"text-sm text-zinc-500\">Visually structure your designs and structure them easily.</div></button></div><!-- Tabs items --><div class=\"relative lg:max-w-none [mask-image:linear-gradient(white_0%,white_calc(100%-40px),_transparent_calc(100%-1px))] -mx-6\"><div class=\"relative flex flex-col pt-12 md:pt-20 mx-6\"><!-- Item 1 --><div class=\"w-fuLine truncated _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!-- Features --><section class=\"relative bg-zinc-50\"><div class=\"py-12 md:py-20\"><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\">The Internet Rebuilt for You</h2><p class=\"text-lg text-zinc-500\">AI reads and understands your designs, and with nothing more than a single line of feedback, perform complex actions autonomously.</p></div><div x-data=\"{ tab: &#39;1&#39; }\"><!-- Tabs buttons --><div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 md:gap-6\"><button :class=\"tab !== &#39;1&#39; ? &#39;bg-zinc-100 opacity-60 hover:opacity-100 transition&#39; : &#39;[background:linear-gradient(theme(colors.white),theme(colors.white))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box] shadow-sm rotate-1&#39;\" class=\"text-left px-4 py-5 border border-transparent rounded\" @click.prevent=\"tab = &#39;1&#39;\"><div class=\"flex items-center justify-between mb-1\"><div class=\"font-inter-tight font-semibold text-zinc-900\">Experience</div><svg :class=\"tab !== &#39;1&#39; ? &#39;hidden&#39; : &#39;&#39;\" class=\"fill-zinc-400 shrink-0 ml-2\" xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\"><path d=\"M8.667.186H2.675a.999.999 0 0 0 0 1.998h3.581L.971 7.469a.999.999 0 1 0 1.412 1.412l5.285-5.285v3.58a.999.999 0 1 0 1.998 0V1.186a.999.999 0 0 0-.999-.999Z\"></path></svg></div><div class=\"text-sm text-zinc-500\">Sonr is completely designed to be frictionless for every kind of user.</div></button> <button :class=\"tab !== &#39;2&#39; ? &#39;bg-zinc-100 opacity-60 hover:opacity-100 transition&#39; : &#39;[background:linear-gradient(theme(colors.white),theme(colors.white))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box] shadow-sm rotate-1&#39;\" class=\"text-left px-4 py-5 border border-transparent rounded\" @click.prevent=\"tab = &#39;2&#39;\"><div class=\"flex items-center justify-between mb-1\"><div class=\"font-inter-tight font-semibold text-zinc-900\">Compliance</div><svg :class=\"tab !== &#39;2&#39; ? &#39;hidden&#39; : &#39;&#39;\" class=\"fill-zinc-400 shrink-0 ml-2\" xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\"><path d=\"M8.667.186H2.675a.999.999 0 0 0 0 1.998h3.581L.971 7.469a.999.999 0 1 0 1.412 1.412l5.285-5.285v3.58a.999.999 0 1 0 1.998 0V1.186a.999.999 0 0 0-.999-.999Z\"></path></svg></div><div class=\"text-sm text-zinc-500\">Sonr is managed by a USA-based Wyoming DUNA, which is fully compliant with the GDPR.</div></button> <button :class=\"tab !== &#39;3&#39; ? &#39;bg-zinc-100 opacity-60 hover:opacity-100 transition&#39; : &#39;[background:linear-gradient(theme(colors.white),theme(colors.white))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box] shadow-sm rotate-1&#39;\" class=\"text-left px-4 py-5 border border-transparent rounded\" @click.prevent=\"tab = &#39;3&#39;\"><div class=\"flex items-center justify-between mb-1\"><div class=\"font-inter-tight font-semibold text-zinc-900\">Interoperability</div><svg :class=\"tab !== &#39;3&#39; ? &#39;hidden&#39; : &#39;&#39;\" class=\"fill-zinc-400 shrink-0 ml-2\" xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\"><path d=\"M8.667.186H2.675a.999.999 0 0 0 0 1.998h3.581L.971 7.469a.999.999 0 1 0 1.412 1.412l5.285-5.285v3.58a.999.999 0 1 0 1.998 0V1.186a.999.999 0 0 0-.999-.999Z\"></path></svg></div><div class=\"text-sm text-zinc-500\">Sonr is designed to work cross-platform, cross-network, and cross-chain.</div></button> <button :class=\"tab !== &#39;4&#39; ? &#39;bg-zinc-100 opacity-60 hover:opacity-100 transition&#39; : &#39;[background:linear-gradient(theme(colors.white),theme(colors.white))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box] shadow-sm rotate-1&#39;\" class=\"text-left px-4 py-5 border border-transparent rounded\" @click.prevent=\"tab = &#39;4&#39;\"><div class=\"flex items-center justify-between mb-1\"><div class=\"font-inter-tight font-semibold text-zinc-900\">Security</div><svg :class=\"tab !== &#39;4&#39; ? &#39;hidden&#39; : &#39;&#39;\" class=\"fill-zinc-400 shrink-0 ml-2\" xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\"><path d=\"M8.667.186H2.675a.999.999 0 0 0 0 1.998h3.581L.971 7.469a.999.999 0 1 0 1.412 1.412l5.285-5.285v3.58a.999.999 0 1 0 1.998 0V1.186a.999.999 0 0 0-.999-.999Z\"></path></svg></div><div class=\"text-sm text-zinc-500\">Sonr eliminates 99.9% of attack vectors with its quantum-resistant encryption.</div></button></div><!-- Tabs items --><div class=\"relative lg:max-w-none [mask-image:linear-gradient(white_0%,white_calc(100%-40px),_transparent_calc(100%-1px))] -mx-6\"><div class=\"relative flex flex-col pLine truncated
if templ_7745c5c3_Err != nil { if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err return templ_7745c5c3_Err
} }
pkg/nebula/components/sections/testimonials.templ → pkg/nebula/components/sections/lowlights.templ
+3 -3
View File
@@ -1,11 +1,11 @@
package sections package sections
templ Testimonials() { templ Lowlights() {
<section class="bg-zinc-800"> <section class="bg-zinc-800">
<div class="py-12 md:py-20"> <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"> <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> </div>
<div class="max-w-[94rem] mx-auto space-y-6"> <div class="max-w-[94rem] mx-auto space-y-6">
pkg/nebula/components/sections/lowlights_templ.go
+40
View File
@@ -0,0 +1,40 @@
// Code generated by templ - DO NOT EDIT.
// templ: version: v0.2.778
package sections
//lint:file-ignore SA4006 This context is only used if a nested component is present.
import "github.com/a-h/templ"
import templruntime "github.com/a-h/templ/runtime"
func Lowlights() 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 {
return templ_7745c5c3_CtxErr
}
templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templruntime.GetBuffer(templ_7745c5c3_W)
if !templ_7745c5c3_IsBuffer {
defer func() {
templ_7745c5c3_BufErr := templruntime.ReleaseBuffer(templ_7745c5c3_Buffer)
if templ_7745c5c3_Err == nil {
templ_7745c5c3_Err = templ_7745c5c3_BufErr
}
}()
}
ctx = templ.InitializeContext(ctx)
templ_7745c5c3_Var1 := templ.GetChildren(ctx)
if templ_7745c5c3_Var1 == nil {
templ_7745c5c3_Var1 = templ.NopComponent
}
ctx = templ.ClearChildren(ctx)
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<section class=\"bg-zinc-800\"><div class=\"py-12 md:py-20\"><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\">The Fragmentation Problem in the Existing Web is seeping into Crypto</h2></div></div><div class=\"max-w-[94rem] mx-auto space-y-6\"><!-- Row #1 --><div x-data=\"{}\" x-init=\"$nextTick(() =&gt; {\n let ul = $refs.testimonials;\n ul.insertAdjacentHTML(&#39;afterend&#39;, ul.outerHTML);\n ul.nextSibling.setAttribute(&#39;aria-hidden&#39;, &#39;true&#39;);\n })\" class=\"w-full inline-flex flex-nowrap overflow-hidden [mask-image:_linear-gradient(to_right,transparent_0,_black_28%,_black_calc(100%-28%),transparent_100%)] group\"><div x-ref=\"testimonials\" class=\"flex items-start justify-center md:justify-start [&amp;&gt;div]:mx-3 animate-infinite-scroll group-hover:[animation-play-state:paused]\"><!-- Item #1 --><div class=\"rounded h-full w-[22rem] border border-transparent [background:linear-gradient(#323237,#323237)_padding-box,linear-gradient(120deg,theme(colors.zinc.700),theme(colors.zinc.700/0),theme(colors.zinc.700))_border-box] p-5\"><div class=\"flex items-center mb-4\"><img class=\"shrink-0 rounded-full mr-3\" src=\"./images/testimonial-01.jpg\" width=\"44\" height=\"44\" alt=\"Testimonial 01\"><div><div class=\"font-inter-tight font-bold text-zinc-200\">Lina James</div><div><a class=\"text-sm font-medium text-zinc-500 hover:text-zinc-300 transition\" href=\"#0\">linaj87</a></div></div></div><div class=\"text-zinc-500 before:content-[&#39;\\0022&#39;] after:content-[&#39;\\0022&#39;]\">Extremely thoughtful approaches to business. I highly recommend this product to anyone wanting to jump into something new.</div></div><!-- Item #2 --><div class=\"rounded h-full w-[22rem] border border-transparent [background:linear-gradient(#323237,#323237)_padding-box,linear-gradient(120deg,theme(colors.zinc.700),theme(colors.zinc.700/0),theme(colors.zinc.700))_border-box] p-5\"><div class=\"flex items-center mb-4\"><img class=\"shrink-0 rounded-full mr-3\" src=\"./images/testimonial-02.jpg\" width=\"44\" height=\"44\" alt=\"Testimonial 02\"><div><div class=\"font-inter-tight font-bold text-zinc-200\">Sarah Mendes</div><div><a class=\"text-sm font-medium text-zinc-500 hover:text-zinc-300 transition\" href=\"#0\">saramendes</a></div></div></div><div class=\"text-zinc-500 before:content-[&#39;\\0022&#39;] after:content-[&#39;\\0022&#39;]\">Extremely thoughtful approaches to business. I highly recommend this product to anyone wanting to jump into something new.</div></div><!-- Item #3 --><div class=\"rounded h-full w-[22rem] border border-transparent [background:linear-gradient(#323237,#323237)_padding-box,linear-gradient(120deg,theme(colors.zinc.700),theme(colors.zinc.700/0),theme(colors.zinc.700))_border-box] p-5\"><div class=\"flex items-center mb-4\"><img class=\"shrink-0 rounded-full mr-3\" src=\"./images/testimonial-03.jpg\" width=\"44\" height=\"44\" alt=\"Testimonial 03\"><div><div class=\"font-inter-tight font-bold text-zinc-200\">Michał Rutt</div><div><a class=\"text-sm font-medium text-zinc-500 hover:text-zinc-300 transition\" href=\"#0\">michrutt</a></div></div></div><div class=\"text-zinc-500 before:content-[&#39;\\0022&#39;] after:content-[&#39;\\0022&#39;]\">Extremely thoughtful approaches to business. I highly recommend this product to anyone wanting to jump into something new.</div></div><!-- Item #4 --><div class=\"rounded h-full w-[22rem] border border-transparent [background:linear-gradient(#323237,#323237)_padding-box,linear-gradient(120deg,theme(colors.zinc.700),theme(colors.zinc.700/0),theme(colors.zinc.700))_border-box] p-5\"><div class=\"flex items-center mb-4\"><img class=\"shrink-0 rounded-full mr-3\" src=\"./images/testimonial-04.jpg\" width=\"44\" height=\"44\" alt=\"Testimonial 04\"><div><div class=\"font-inter-tight font-bold text-zinc-200\">Mary Kahl</div><div><a class=\"text-sm font-medium text-zinc-500 hover:text-zinc-300 transition\" href=\"#0\">marykahl</a></div></div></div><div class=\"text-zinc-500 before:content-[&#39;\\0022&#39;] after:content-[&#39;\\0022&#39;]\">Extremely thoughtful approaches to business. I highly recommend this product to anyone wanting to jump into something new.</div></div></div></div><!-- Row #2 --><div x-data=\"{}\" x-init=\"$nextTick(() =&gt; {\n let ul = $refs.testimonials;\n ul.insertAdjacentHTML(&#39;afterend&#39;, ul.outerHTML);\n ul.nextSibling.setAttribute(&#39;aria-hidden&#39;, &#39;true&#39;);\n })\" class=\"w-full inline-flex flex-nowrap overflow-hidden [mask-image:_linear-gradient(to_right,transparent_0,_blackLine truncated
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
return templ_7745c5c3_Err
})
}
var _ = templruntime.GeneratedTemplate
pkg/nebula/components/sections/testimonials_templ.go
-40
View File
@@ -1,40 +0,0 @@
// Code generated by templ - DO NOT EDIT.
// templ: version: v0.2.778
package sections
//lint:file-ignore SA4006 This context is only used if a nested component is present.
import "github.com/a-h/templ"
import templruntime "github.com/a-h/templ/runtime"
func Testimonials() 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 {
return templ_7745c5c3_CtxErr
}
templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templruntime.GetBuffer(templ_7745c5c3_W)
if !templ_7745c5c3_IsBuffer {
defer func() {
templ_7745c5c3_BufErr := templruntime.ReleaseBuffer(templ_7745c5c3_Buffer)
if templ_7745c5c3_Err == nil {
templ_7745c5c3_Err = templ_7745c5c3_BufErr
}
}()
}
ctx = templ.InitializeContext(ctx)
templ_7745c5c3_Var1 := templ.GetChildren(ctx)
if templ_7745c5c3_Var1 == nil {
templ_7745c5c3_Var1 = templ.NopComponent
}
ctx = templ.ClearChildren(ctx)
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<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-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></div></div><div class=\"max-w-[94rem] mx-auto space-y-6\"><!-- Row #1 --><div x-data=\"{}\" x-init=\"$nextTick(() =&gt; {\n let ul = $refs.testimonials;\n ul.insertAdjacentHTML(&#39;afterend&#39;, ul.outerHTML);\n ul.nextSibling.setAttribute(&#39;aria-hidden&#39;, &#39;true&#39;);\n })\" class=\"w-full inline-flex flex-nowrap overflow-hidden [mask-image:_linear-gradient(to_right,transparent_0,_black_28%,_black_calc(100%-28%),transparent_100%)] group\"><div x-ref=\"testimonials\" class=\"flex items-start justify-center md:justify-start [&amp;&gt;div]:mx-3 animate-infinite-scroll group-hover:[animation-play-state:paused]\"><!-- Item #1 --><div class=\"rounded h-full w-[22rem] border border-transparent [background:linear-gradient(#323237,#323237)_padding-box,linear-gradient(120deg,theme(colors.zinc.700),theme(colors.zinc.700/0),theme(colors.zinc.700))_border-box] p-5\"><div class=\"flex items-center mb-4\"><img class=\"shrink-0 rounded-full mr-3\" src=\"./images/testimonial-01.jpg\" width=\"44\" height=\"44\" alt=\"Testimonial 01\"><div><div class=\"font-inter-tight font-bold text-zinc-200\">Lina James</div><div><a class=\"text-sm font-medium text-zinc-500 hover:text-zinc-300 transition\" href=\"#0\">linaj87</a></div></div></div><div class=\"text-zinc-500 before:content-[&#39;\\0022&#39;] after:content-[&#39;\\0022&#39;]\">Extremely thoughtful approaches to business. I highly recommend this product to anyone wanting to jump into something new.</div></div><!-- Item #2 --><div class=\"rounded h-full w-[22rem] border border-transparent [background:linear-gradient(#323237,#323237)_padding-box,linear-gradient(120deg,theme(colors.zinc.700),theme(colors.zinc.700/0),theme(colors.zinc.700))_border-box] p-5\"><div class=\"flex items-center mb-4\"><img class=\"shrink-0 rounded-full mr-3\" src=\"./images/testimonial-02.jpg\" width=\"44\" height=\"44\" alt=\"Testimonial 02\"><div><div class=\"font-inter-tight font-bold text-zinc-200\">Sarah Mendes</div><div><a class=\"text-sm font-medium text-zinc-500 hover:text-zinc-300 transition\" href=\"#0\">saramendes</a></div></div></div><div class=\"text-zinc-500 before:content-[&#39;\\0022&#39;] after:content-[&#39;\\0022&#39;]\">Extremely thoughtful approaches to business. I highly recommend this product to anyone wanting to jump into something new.</div></div><!-- Item #3 --><div class=\"rounded h-full w-[22rem] border border-transparent [background:linear-gradient(#323237,#323237)_padding-box,linear-gradient(120deg,theme(colors.zinc.700),theme(colors.zinc.700/0),theme(colors.zinc.700))_border-box] p-5\"><div class=\"flex items-center mb-4\"><img class=\"shrink-0 rounded-full mr-3\" src=\"./images/testimonial-03.jpg\" width=\"44\" height=\"44\" alt=\"Testimonial 03\"><div><div class=\"font-inter-tight font-bold text-zinc-200\">Michał Rutt</div><div><a class=\"text-sm font-medium text-zinc-500 hover:text-zinc-300 transition\" href=\"#0\">michrutt</a></div></div></div><div class=\"text-zinc-500 before:content-[&#39;\\0022&#39;] after:content-[&#39;\\0022&#39;]\">Extremely thoughtful approaches to business. I highly recommend this product to anyone wanting to jump into something new.</div></div><!-- Item #4 --><div class=\"rounded h-full w-[22rem] border border-transparent [background:linear-gradient(#323237,#323237)_padding-box,linear-gradient(120deg,theme(colors.zinc.700),theme(colors.zinc.700/0),theme(colors.zinc.700))_border-box] p-5\"><div class=\"flex items-center mb-4\"><img class=\"shrink-0 rounded-full mr-3\" src=\"./images/testimonial-04.jpg\" width=\"44\" height=\"44\" alt=\"Testimonial 04\"><div><div class=\"font-inter-tight font-bold text-zinc-200\">Mary Kahl</div><div><a class=\"text-sm font-medium text-zinc-500 hover:text-zinc-300 transition\" href=\"#0\">marykahl</a></div></div></div><div class=\"text-zinc-500 before:content-[&#39;\\0022&#39;] after:content-[&#39;\\0022&#39;]\">Extremely thoughtful approaches to business. I highly recommend this product to anyone wanting to jump into something new.</div></div></div></div><!-- Row #2 --><div x-data=\"{}\" x-init=\"$nextTick(() =&gt; {\n let ul = $refs.testimonials;\n ul.insertAdjacentHTML(&#39;afterend&#39;, ul.outerHTML);\n ul.nextSibling.setAttribute(&#39;aria-hidden&#39;, &#39;true&#39;);\n })\" class=\"w-full inline-flex flex-nowrap overflow-hidden [mask-image:_linear-gradient(to_right,transparent_0,_black_28%,_black_calLine truncated
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
return templ_7745c5c3_Err
})
}
var _ = templruntime.GeneratedTemplate
pkg/nebula/pages/home.templ
+4 -4
View File
@@ -17,13 +17,13 @@ func Home(c echo.Context) error {
templ homeView(hero *models.Hero) { templ homeView(hero *models.Hero) {
@blocks.LayoutNoBody("Sonr.ID", true) { @blocks.LayoutNoBody("Sonr.ID", true) {
@sections.HeaderMarketingNav() @sections.MarketingHeader()
@sections.SectionHero(hero) @sections.SectionHero(hero)
@sections.Highlights() @sections.Highlights()
@sections.Features() @sections.Features()
@sections.Bento() @sections.Bento()
@sections.Testimonials() @sections.Lowlights()
@sections.CTA() @sections.CallToAction()
@sections.FooterMarketingNav() @sections.MarketingFooter()
} }
} }
pkg/nebula/pages/home_templ.go
+4 -4
View File
@@ -56,7 +56,7 @@ func homeView(hero *models.Hero) templ.Component {
}() }()
} }
ctx = templ.InitializeContext(ctx) 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 { if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err return templ_7745c5c3_Err
} }
@@ -96,7 +96,7 @@ func homeView(hero *models.Hero) templ.Component {
if templ_7745c5c3_Err != nil { if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err 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 { if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err return templ_7745c5c3_Err
} }
@@ -104,7 +104,7 @@ func homeView(hero *models.Hero) templ.Component {
if templ_7745c5c3_Err != nil { if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err 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 { if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err return templ_7745c5c3_Err
} }
@@ -112,7 +112,7 @@ func homeView(hero *models.Hero) templ.Component {
if templ_7745c5c3_Err != nil { if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err 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 { if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err return templ_7745c5c3_Err
} }