Merge version_1 into main #2
166
src/app/page.tsx
166
src/app/page.tsx
@@ -29,20 +29,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact Us",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact Us", id: "contact" },
|
||||
]}
|
||||
brandName="Snoozely"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -52,35 +44,15 @@ export default function LandingPage() {
|
||||
description="Enhance Sleep Quality Today. Snoozely offers personalized sleep tracking, science-backed tips, and community support to improve nightly rest and boost daily productivity."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Waitlist",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Join Waitlist", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeDLSVCAKkKFGpB8KqaAFsnZGn/a-high-quality-3d-render-of-a-cozy-moder-1774840642512-f7100cbb.png?_wi=1",
|
||||
imageAlt: "Cozy bedroom",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeDLSVCAKkKFGpB8KqaAFsnZGn/a-person-peacefully-sleeping-in-a-comfor-1774840641743-027e79bf.png?_wi=1",
|
||||
imageAlt: "Serene sleep",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeDLSVCAKkKFGpB8KqaAFsnZGn/abstract-visualization-of-sleep-cycles-u-1774840642876-d1587b02.png",
|
||||
imageAlt: "Sleep cycles",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeDLSVCAKkKFGpB8KqaAFsnZGn/night-landscape-view-through-window-calm-1774840645773-9c7bc0d0.png",
|
||||
imageAlt: "Night landscape",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeDLSVCAKkKFGpB8KqaAFsnZGn/snoozely-app-interface-on-a-smartphone-s-1774840642170-7a22d3e5.png",
|
||||
imageAlt: "App interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeDLSVCAKkKFGpB8KqaAFsnZGn/minimalist-clock-showing-night-time-soft-1774840644135-c31c662e.png",
|
||||
imageAlt: "Sleep clock",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeDLSVCAKkKFGpB8KqaAFsnZGn/a-high-quality-3d-render-of-a-cozy-moder-1774840642512-f7100cbb.png", imageAlt: "Cozy bedroom" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeDLSVCAKkKFGpB8KqaAFsnZGn/a-person-peacefully-sleeping-in-a-comfor-1774840641743-027e79bf.png", imageAlt: "Serene sleep" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeDLSVCAKkKFGpB8KqaAFsnZGn/abstract-visualization-of-sleep-cycles-u-1774840642876-d1587b02.png", imageAlt: "Sleep cycles" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeDLSVCAKkKFGpB8KqaAFsnZGn/night-landscape-view-through-window-calm-1774840645773-9c7bc0d0.png", imageAlt: "Night landscape" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeDLSVCAKkKFGpB8KqaAFsnZGn/snoozely-app-interface-on-a-smartphone-s-1774840642170-7a22d3e5.png", imageAlt: "App interface" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeDLSVCAKkKFGpB8KqaAFsnZGn/minimalist-clock-showing-night-time-soft-1774840644135-c31c662e.png", imageAlt: "Sleep clock" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -90,21 +62,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Why Snoozely?"
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Productivity Boost",
|
||||
value: "40%",
|
||||
},
|
||||
{
|
||||
icon: Moon,
|
||||
label: "Rest Quality",
|
||||
value: "85%",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Verified Tips",
|
||||
value: "100+",
|
||||
},
|
||||
{ icon: Zap, label: "Productivity Boost", value: "40%" },
|
||||
{ icon: Moon, label: "Rest Quality", value: "85%" },
|
||||
{ icon: Shield, label: "Verified Tips", value: "100+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -116,36 +76,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Tracking",
|
||||
title: "Precision Sleep Analysis",
|
||||
items: [
|
||||
"Deep REM monitoring",
|
||||
"Sound sensitivity",
|
||||
"Smart wake alarm",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Guidance",
|
||||
title: "Science-Backed Tips",
|
||||
items: [
|
||||
"Expert sleep hygiene",
|
||||
"Meditation guides",
|
||||
"Dietary insights",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Community",
|
||||
title: "Growth Support",
|
||||
items: [
|
||||
"Sleep challenges",
|
||||
"Member forums",
|
||||
"Coach check-ins",
|
||||
],
|
||||
},
|
||||
{ id: "f1", label: "Tracking", title: "Precision Sleep Analysis", items: ["Deep REM monitoring", "Sound sensitivity", "Smart wake alarm"] },
|
||||
{ id: "f2", label: "Guidance", title: "Science-Backed Tips", items: ["Expert sleep hygiene", "Meditation guides", "Dietary insights"] },
|
||||
{ id: "f3", label: "Community", title: "Growth Support", items: ["Sleep challenges", "Member forums", "Coach check-ins"] },
|
||||
]}
|
||||
title="Core Features"
|
||||
description="Everything you need to master your sleep cycle and wake up refreshed."
|
||||
@@ -157,23 +90,12 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "When is the launch?",
|
||||
content: "We are targeting a Q4 release for beta testing.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is it free?",
|
||||
content: "Basic features will be free, with premium coaching options available.",
|
||||
},
|
||||
{ id: "q1", title: "When is the launch?", content: "We are targeting a Q4 release for beta testing." },
|
||||
{ id: "q2", title: "Is it free?", content: "Basic features will be free, with premium coaching options available." },
|
||||
]}
|
||||
ctaTitle="Join the Waitlist"
|
||||
ctaDescription="Be one of the first in line to experience Snoozely. Secure your spot today for exclusive early access."
|
||||
ctaButton={{
|
||||
text: "JOIN",
|
||||
href: "#",
|
||||
}}
|
||||
ctaButton={{ text: "JOIN", href: "#" }}
|
||||
ctaIcon={ArrowRight}
|
||||
/>
|
||||
</div>
|
||||
@@ -186,41 +108,9 @@ export default function LandingPage() {
|
||||
title="Simple Pricing"
|
||||
description="Choose the plan that fits your sleep goals."
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Free",
|
||||
price: "$0",
|
||||
period: "forever",
|
||||
features: [
|
||||
"Basic sleep tracking",
|
||||
"Weekly insights",
|
||||
"Community access",
|
||||
],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeDLSVCAKkKFGpB8KqaAFsnZGn/a-high-quality-3d-render-of-a-cozy-moder-1774840642512-f7100cbb.png?_wi=2",
|
||||
imageAlt: "A high-quality 3D render of a cozy modern bedroom with soft ambient lighting, minimal aesthetic, foc",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Premium",
|
||||
price: "$9",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Advanced REM analysis",
|
||||
"Personalized coaching",
|
||||
"Priority support",
|
||||
"Ad-free experience",
|
||||
],
|
||||
button: {
|
||||
text: "Upgrade",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeDLSVCAKkKFGpB8KqaAFsnZGn/a-person-peacefully-sleeping-in-a-comfor-1774840641743-027e79bf.png?_wi=2",
|
||||
imageAlt: "A person peacefully sleeping in a comfortable bed, warm lighting, high quality photography, serene a",
|
||||
},
|
||||
{ id: "p1", title: "Free", price: "$0", period: "forever", features: ["Basic sleep tracking", "Weekly insights", "Community access"], button: { text: "Get Started", href: "#" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeDLSVCAKkKFGpB8KqaAFsnZGn/a-high-quality-3d-render-of-a-cozy-moder-1774840642512-f7100cbb.png", imageAlt: "Bedroom" },
|
||||
{ id: "p2", title: "Premium", price: "$9", period: "/mo", features: ["Advanced REM analysis", "Personalized coaching", "Priority support", "Ad-free experience"], button: { text: "Upgrade", href: "#" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeDLSVCAKkKFGpB8KqaAFsnZGn/a-person-peacefully-sleeping-in-a-comfor-1774840641743-027e79bf.png", imageAlt: "Bed" },
|
||||
{ id: "p3", title: "Expert", price: "$19", period: "/mo", features: ["Everything in Premium", "Dedicated sleep coach", "Customized meal plans", "Priority 24/7 support"], button: { text: "Select Plan", href: "#" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeDLSVCAKkKFGpB8KqaAFsnZGn/abstract-visualization-of-sleep-cycles-u-1774840642876-d1587b02.png", imageAlt: "Cycles" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -228,14 +118,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="SNOOZELY"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user