Merge version_1 into main #1
231
src/app/page.tsx
231
src/app/page.tsx
@@ -33,59 +33,32 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Shop", id: "#products"},
|
||||
{
|
||||
name: "The Science",
|
||||
id: "#features",
|
||||
},
|
||||
name: "The Science", id: "#features"},
|
||||
{
|
||||
name: "Quality",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Quality", id: "#about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
]}
|
||||
brandName="STRYX"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
}}
|
||||
text: "Shop Now", href: "#products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Master Your Sleep. Reclaim Your Vitality."
|
||||
description="STRYX delivers precision-engineered wellness gear. From 99% blue light blocking to ultimate silk comfort, wake up redefined."
|
||||
tag="Luxury Wellness Standards"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colored-transparent-sunglasses-still-life_23-2150163208.jpg",
|
||||
imageAlt: "Blue blocking glasses",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colored-transparent-sunglasses-still-life_23-2150163208.jpg", imageAlt: "Blue blocking glasses"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-morning-portrait-pretty-woman-lay-relaxed-her-bed-boho-style_291049-2798.jpg",
|
||||
imageAlt: "3D silk eye mask",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-modern-optical-sunglasses-grey_140725-18269.jpg",
|
||||
imageAlt: "Modern optical sunglasses",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sun-glasses-table_140725-7460.jpg",
|
||||
imageAlt: "Sun glasses on the table",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/winsome-blonde-girl-cute-eyemask-having-fun-early-morning-gorgeous-curly-female-model-lying-bed-smiling_197531-21614.jpg",
|
||||
imageAlt: "Winsome woman with eye mask",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-morning-portrait-pretty-woman-lay-relaxed-her-bed-boho-style_291049-2798.jpg", imageAlt: "3D silk eye mask"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -115,19 +88,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Shield,
|
||||
title: "99% Blue Light Block",
|
||||
description: "High-index optical materials for maximum protection against digital eye strain.",
|
||||
},
|
||||
title: "99% Blue Light Block", description: "High-index optical materials for maximum protection against digital eye strain."},
|
||||
{
|
||||
icon: Moon,
|
||||
title: "3D Silk Ergonomics",
|
||||
description: "100% premium silk construction ensuring zero pressure and perfect blackout.",
|
||||
},
|
||||
title: "3D Silk Ergonomics", description: "100% premium silk construction ensuring zero pressure and perfect blackout."},
|
||||
{
|
||||
icon: Headphones,
|
||||
title: "Precision Acoustics",
|
||||
description: "Industrial grade noise reduction comfort for an uninterrupted sleep environment.",
|
||||
},
|
||||
title: "Precision Acoustics", description: "Industrial grade noise reduction comfort for an uninterrupted sleep environment."},
|
||||
]}
|
||||
title="Unrivaled Performance"
|
||||
description="Elevated design meets biological science for a seamless lifestyle transition."
|
||||
@@ -142,41 +109,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Elite Red-Lens Specs",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-tanned-dark-haired-woman-with-red-lips-glasses-against-background-beautiful-street_197531-14752.jpg",
|
||||
},
|
||||
id: "p1", name: "Elite Red-Lens Specs", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-tanned-dark-haired-woman-with-red-lips-glasses-against-background-beautiful-street_197531-14752.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Precision Earplugs",
|
||||
price: "$49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/zero-waste-cup-with-lid_23-2149295048.jpg",
|
||||
},
|
||||
id: "p2", name: "Precision Earplugs", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/zero-waste-cup-with-lid_23-2149295048.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "3D Silk Eye Mask",
|
||||
price: "$69",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-blue-eyed-woman-pink-eyemask-laughing-light-wall-photo-ecstatic-girl-with-blonde-wavy-hairstyle-wears-sleepmask_197531-21701.jpg",
|
||||
},
|
||||
id: "p3", name: "3D Silk Eye Mask", price: "$69", imageSrc: "http://img.b2bpic.net/free-photo/relaxed-blue-eyed-woman-pink-eyemask-laughing-light-wall-photo-ecstatic-girl-with-blonde-wavy-hairstyle-wears-sleepmask_197531-21701.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "STRYX Wellness Kit",
|
||||
price: "$249",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-body-care-items-light-wall_169016-5926.jpg",
|
||||
},
|
||||
id: "p4", name: "STRYX Wellness Kit", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-body-care-items-light-wall_169016-5926.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Midnight Edition Glasses",
|
||||
price: "$159",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-transparent-sunglasses_52683-107510.jpg",
|
||||
},
|
||||
id: "p5", name: "Midnight Edition Glasses", price: "$159", imageSrc: "http://img.b2bpic.net/free-photo/colorful-transparent-sunglasses_52683-107510.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Sleep Recovery Bundle",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-equipment_23-2148148954.jpg",
|
||||
},
|
||||
id: "p6", name: "Sleep Recovery Bundle", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/sport-equipment_23-2148148954.jpg"},
|
||||
]}
|
||||
title="The STRYX Collection"
|
||||
description="Curated essentials for the modern optimizer."
|
||||
@@ -190,52 +133,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$89",
|
||||
subtitle: "Single Focus",
|
||||
buttons: [
|
||||
id: "basic", badge: "Essential", price: "$89", subtitle: "Single Focus", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
},
|
||||
text: "Get Started"},
|
||||
],
|
||||
features: [
|
||||
"1 Product",
|
||||
"Premium Carry Case",
|
||||
"Lifetime Warranty",
|
||||
],
|
||||
"1 Product", "Premium Carry Case", "Lifetime Warranty"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Optimal",
|
||||
price: "$199",
|
||||
subtitle: "Full Sleep Reset",
|
||||
buttons: [
|
||||
id: "pro", badge: "Optimal", price: "$199", subtitle: "Full Sleep Reset", buttons: [
|
||||
{
|
||||
text: "Go Pro",
|
||||
},
|
||||
text: "Go Pro"},
|
||||
],
|
||||
features: [
|
||||
"3 Products",
|
||||
"Priority Support",
|
||||
"Access to Private Community",
|
||||
],
|
||||
"3 Products", "Priority Support", "Access to Private Community"],
|
||||
},
|
||||
{
|
||||
id: "master",
|
||||
badge: "Elite",
|
||||
price: "$349",
|
||||
subtitle: "Total Vitality",
|
||||
buttons: [
|
||||
id: "master", badge: "Elite", price: "$349", subtitle: "Total Vitality", buttons: [
|
||||
{
|
||||
text: "Unlock Elite",
|
||||
},
|
||||
text: "Unlock Elite"},
|
||||
],
|
||||
features: [
|
||||
"Full Collection",
|
||||
"Concierge Service",
|
||||
"Early Access to New Tech",
|
||||
],
|
||||
"Full Collection", "Concierge Service", "Early Access to New Tech"],
|
||||
},
|
||||
]}
|
||||
title="Strategic Kits"
|
||||
@@ -250,20 +169,11 @@ export default function LandingPage() {
|
||||
tag="Verified Results"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99%",
|
||||
description: "Blue light blockage",
|
||||
},
|
||||
id: "m1", value: "99%", description: "Blue light blockage"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "38%",
|
||||
description: "Increased REM cycle depth",
|
||||
},
|
||||
id: "m2", value: "38%", description: "Increased REM cycle depth"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24h",
|
||||
description: "Customer support availability",
|
||||
},
|
||||
id: "m3", value: "24h", description: "Customer support availability"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -276,40 +186,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
handle: "@alexsleeps",
|
||||
testimonial: "These glasses changed my entire evening routine. I fall asleep in minutes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-unknown-man-posing-studio_23-2149417569.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex R.", handle: "@alexsleeps", testimonial: "These glasses changed my entire evening routine. I fall asleep in minutes.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-unknown-man-posing-studio_23-2149417569.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahwellness",
|
||||
testimonial: "The silk mask is beyond premium. The quality is unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/you-can-this-beautiful-cheerful-brunette-girl-winking-smiling-pointing-fingers-camera-prai_1258-118819.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah J.", handle: "@sarahwellness", testimonial: "The silk mask is beyond premium. The quality is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/you-can-this-beautiful-cheerful-brunette-girl-winking-smiling-pointing-fingers-camera-prai_1258-118819.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mark V.",
|
||||
handle: "@mv_tech",
|
||||
testimonial: "I travel constantly for work. The STRYX kit is my essential companion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-fashionable-male-with-crossed-arms-dressed-blue-shirt-grey-background_613910-12254.jpg",
|
||||
},
|
||||
id: "t3", name: "Mark V.", handle: "@mv_tech", testimonial: "I travel constantly for work. The STRYX kit is my essential companion.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-fashionable-male-with-crossed-arms-dressed-blue-shirt-grey-background_613910-12254.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena K.",
|
||||
handle: "@elenayoga",
|
||||
testimonial: "STRYX has helped me maintain consistent energy throughout the work week.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-outdoor-portrait-excited-happy-african-man-with-afro-hairstyle-holding-headphones-while-listening-music-smiling-broadly-being-amazed-with-what-he-hears_176420-19810.jpg",
|
||||
},
|
||||
id: "t4", name: "Elena K.", handle: "@elenayoga", testimonial: "STRYX has helped me maintain consistent energy throughout the work week.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-outdoor-portrait-excited-happy-african-man-with-afro-hairstyle-holding-headphones-while-listening-music-smiling-broadly-being-amazed-with-what-he-hears_176420-19810.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David L.",
|
||||
handle: "@david_l_optimizer",
|
||||
testimonial: "Simply the best wellness purchase I've made all year. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-mixed-race-dark-skinned-man-with-bristle-dark-eyes-has-headphones_273609-8594.jpg",
|
||||
},
|
||||
id: "t5", name: "David L.", handle: "@david_l_optimizer", testimonial: "Simply the best wellness purchase I've made all year. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-mixed-race-dark-skinned-man-with-bristle-dark-eyes-has-headphones_273609-8594.jpg"},
|
||||
]}
|
||||
title="Voices of Optimization"
|
||||
description="Thousands have transformed their sleep with STRYX."
|
||||
@@ -320,16 +205,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Ready to transform?"
|
||||
title="Connect with STRYX"
|
||||
description="Join the community of optimized sleepers and unlock your potential."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -339,50 +221,31 @@ export default function LandingPage() {
|
||||
logoText="STRYX"
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "Glasses",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Glasses", href: "#products"},
|
||||
{
|
||||
label: "Masks",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Masks", href: "#products"},
|
||||
{
|
||||
label: "Earplugs",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Earplugs", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Science",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Science", href: "#features"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user