bender/f43ba614-6c23-4623-92b4-98d5249fdb6a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-12 17:35:34 +00:00
parent f8bc26a1c0 9bc4fb67e1
commit 5b85e61c22
1 changed files with 140 additions and 367 deletions
Download Patch File Download Diff File Expand all files Collapse all files

507
src/app/page.tsx
View File

@@ -16,384 +16,157 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="mediumSmall"
sizing="mediumLargeSizeMediumTitles"
background="fluid"
cardStyle="inset"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
headingFontWeight="bold"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="mediumSmall"
sizing="mediumLargeSizeMediumTitles"
background="fluid"
cardStyle="inset"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Philosophy",
id: "about",
},
{
name: "Collection",
id: "products",
},
{
name: "Comparison",
id: "pricing",
},
{
name: "Restoration",
id: "testimonials",
},
]}
brandName="Aura Sleep"
button={{
text: "Start Sleep Match",
href: "#contact",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Philosophy", id: "about" },
{ name: "Collection", id: "products" },
{ name: "Comparison", id: "pricing" },
{ name: "Restoration", id: "testimonials" },
]}
brandName="Aura Sleep"
button={{ text: "Start Sleep Match", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogo
logoText="Aura Sleep"
description="Redefining the architecture of rest through intentional design, premium materials, and restorative environments."
buttons={[
{
text: "Discover Sanctuary",
href: "#about",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497256.jpg?_wi=1"
imageAlt="Cinematic bedroom retreat"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogo
logoText="Aura Sleep"
description="Redefining the architecture of rest through intentional design, premium materials, and restorative environments."
buttons={[{ text: "Discover Sanctuary", href: "#about" }]}
imageSrc="http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497256.jpg"
imageAlt="Cinematic bedroom retreat"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="A Ritual of Restoration"
description="We treat sleep not as a function, but as the foundation of your well-being. Our curated marketplace is designed to guide you into a deeper, more peaceful night."
bulletPoints={[
{
title: "Intentional Materials",
description: "Sourced for tactile comfort and long-term health.",
},
{
title: "Bespoke Guidance",
description: "Expertly curated matches based on your unique body.",
},
{
title: "Warm Environment",
description: "Digital spaces that feel as calm as your bedroom.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/kettle-chocolate-hot-drink-white-bedsheet_23-2147887746.jpg?_wi=1"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="A Ritual of Restoration"
description="We treat sleep not as a function, but as the foundation of your well-being. Our curated marketplace is designed to guide you into a deeper, more peaceful night."
bulletPoints={[
{ title: "Intentional Materials", description: "Sourced for tactile comfort and long-term health." },
{ title: "Bespoke Guidance", description: "Expertly curated matches based on your unique body." },
{ title: "Warm Environment", description: "Digital spaces that feel as calm as your bedroom." },
]}
imageSrc="http://img.b2bpic.net/free-photo/kettle-chocolate-hot-drink-white-bedsheet_23-2147887746.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardEight
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Pressure Relief",
description: "Smart-contouring foam technology.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-texture-baby-blanket_169016-37787.jpg?_wi=1",
imageAlt: "Comfort",
},
{
title: "Temperature Control",
description: "Breathable fabrics for consistent cool rest.",
imageSrc: "http://img.b2bpic.net/free-photo/gray-lines_1122-937.jpg?_wi=1",
imageAlt: "Breathability",
},
{
title: "Zero Motion Transfer",
description: "Sleep undisturbed regardless of your partner.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cozy-texture-clothing_23-2149432461.jpg?_wi=1",
imageAlt: "Motion control",
},
]}
title="Sensory Design Philosophy"
description="Our mattresses integrate advanced pressure-relief technology with cloud-soft aesthetics."
/>
</div>
<div id="features" data-section="features">
<FeatureCardEight
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Pressure Relief", description: "Smart-contouring foam technology.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-texture-baby-blanket_169016-37787.jpg", imageAlt: "Comfort" },
{ title: "Temperature Control", description: "Breathable fabrics for consistent cool rest.", imageSrc: "http://img.b2bpic.net/free-photo/gray-lines_1122-937.jpg", imageAlt: "Breathability" },
{ title: "Zero Motion Transfer", description: "Sleep undisturbed regardless of your partner.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cozy-texture-clothing_23-2149432461.jpg", imageAlt: "Motion control" },
]}
title="Sensory Design Philosophy"
description="Our mattresses integrate advanced pressure-relief technology with cloud-soft aesthetics."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "The Cloud Soft",
price: "$1,200",
imageSrc: "http://img.b2bpic.net/free-photo/childrens-bed-nursery-cot-velvet-childrens-room_181624-29663.jpg",
},
{
id: "p2",
name: "The Firm Sanctuary",
price: "$1,450",
imageSrc: "http://img.b2bpic.net/free-photo/bed-arrangements-still-life_23-2150532976.jpg",
},
{
id: "p3",
name: "The Organic Haven",
price: "$1,800",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-detail-cozy-clothing-texture_23-2149409177.jpg",
},
{
id: "p4",
name: "The Hybrid Oasis",
price: "$1,600",
imageSrc: "http://img.b2bpic.net/free-photo/view-textured-fur-fabric_23-2149600298.jpg",
},
{
id: "p5",
name: "The Restorative Foam",
price: "$2,100",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cozy-texture-clothing_23-2149432500.jpg",
},
{
id: "p6",
name: "The Serene Elite",
price: "$2,500",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cozy-texture-clothing_23-2149432495.jpg",
},
]}
title="Curated Experiences"
description="Explore our hand-selected mattress gallery, tested for quality and comfort."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{ id: "p1", name: "The Cloud Soft", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/childrens-bed-nursery-cot-velvet-childrens-room_181624-29663.jpg" },
{ id: "p2", name: "The Firm Sanctuary", price: "$1,450", imageSrc: "http://img.b2bpic.net/free-photo/bed-arrangements-still-life_23-2150532976.jpg" },
{ id: "p3", name: "The Organic Haven", price: "$1,800", imageSrc: "http://img.b2bpic.net/free-photo/close-up-detail-cozy-clothing-texture_23-2149409177.jpg" },
{ id: "p4", name: "The Hybrid Oasis", price: "$1,600", imageSrc: "http://img.b2bpic.net/free-photo/view-textured-fur-fabric_23-2149600298.jpg" },
{ id: "p5", name: "The Restorative Foam", price: "$2,100", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cozy-texture-clothing_23-2149432500.jpg" },
{ id: "p6", name: "The Serene Elite", price: "$2,500", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cozy-texture-clothing_23-2149432495.jpg" },
]}
title="Curated Experiences"
description="Explore our hand-selected mattress gallery, tested for quality and comfort."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Essential",
price: "$999",
subtitle: "For foundational rest",
features: [
"10-year warranty",
"Free delivery",
],
buttons: [
{
text: "Compare",
},
],
},
{
id: "pro",
badge: "Elevated",
price: "$1,899",
subtitle: "Our most popular comfort",
features: [
"15-year warranty",
"Sleep trial",
"Cooling tech",
],
buttons: [
{
text: "Compare",
},
],
},
{
id: "ultra",
badge: "Sanctuary",
price: "$2,999",
subtitle: "Ultimate luxury experience",
features: [
"Lifetime warranty",
"White glove delivery",
"Customization",
],
buttons: [
{
text: "Compare",
},
],
},
]}
title="Transparency in Comfort"
description="We offer clear comparison layers to help you decide what fits your body perfectly."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{ id: "basic", badge: "Essential", price: "$999", subtitle: "For foundational rest", features: ["10-year warranty", "Free delivery"], buttons: [{ text: "Compare" }] },
{ id: "pro", badge: "Elevated", price: "$1,899", subtitle: "Our most popular comfort", features: ["15-year warranty", "Sleep trial", "Cooling tech"], buttons: [{ text: "Compare" }] },
{ id: "ultra", badge: "Sanctuary", price: "$2,999", subtitle: "Ultimate luxury experience", features: ["Lifetime warranty", "White glove delivery", "Customization"], buttons: [{ text: "Compare" }] },
]}
title="Transparency in Comfort"
description="We offer clear comparison layers to help you decide what fits your body perfectly."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "94%",
title: "Deep Sleep",
description: "Improvement in REM cycles.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cozy-bed-arrangement_23-2150326127.jpg",
},
{
id: "m2",
value: "12k+",
title: "Restored",
description: "Sleepers finding peace.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-bedding-pillow-sheets_181624-22038.jpg",
},
{
id: "m3",
value: "100%",
title: "Commitment",
description: "To your comfort and trial.",
imageSrc: "http://img.b2bpic.net/free-photo/bed-arrangement-with-fresh-sheets_23-2150551124.jpg",
},
]}
title="A Proven Path to Rest"
description="Numbers behind the peace of mind our community experiences."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "94%", title: "Deep Sleep", description: "Improvement in REM cycles.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cozy-bed-arrangement_23-2150326127.jpg" },
{ id: "m2", value: "12k+", title: "Restored", description: "Sleepers finding peace.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-bedding-pillow-sheets_181624-22038.jpg" },
{ id: "m3", value: "100%", title: "Commitment", description: "To your comfort and trial.", imageSrc: "http://img.b2bpic.net/free-photo/bed-arrangement-with-fresh-sheets_23-2150551124.jpg" },
]}
title="A Proven Path to Rest"
description="Numbers behind the peace of mind our community experiences."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Elena R.",
date: "Jan 2025",
title: "Designer",
quote: "My sleep quality doubled instantly.",
tag: "5 stars",
avatarSrc: "http://img.b2bpic.net/free-photo/cup-coffee-female-hands-bed-top-view_169016-18291.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497256.jpg?_wi=2",
imageAlt: "person waking up morning light",
},
{
id: "2",
name: "Marcus J.",
date: "Dec 2024",
title: "Executive",
quote: "Feels like a luxury hotel at home.",
tag: "5 stars",
avatarSrc: "http://img.b2bpic.net/free-photo/full-shot-sad-woman-holding-pillow_23-2149071879.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/kettle-chocolate-hot-drink-white-bedsheet_23-2147887746.jpg?_wi=2",
imageAlt: "person waking up morning light",
},
{
id: "3",
name: "Sarah W.",
date: "Nov 2024",
title: "Creative",
quote: "The most tactile comfort I've ever felt.",
tag: "5 stars",
avatarSrc: "http://img.b2bpic.net/free-photo/back-view-women-enjoying-coffee-bed-while-stretching-after-awaking_158595-7362.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-texture-baby-blanket_169016-37787.jpg?_wi=2",
imageAlt: "person waking up morning light",
},
{
id: "4",
name: "Julian D.",
date: "Oct 2024",
title: "Doctor",
quote: "Restoration is finally a priority.",
tag: "5 stars",
avatarSrc: "http://img.b2bpic.net/free-photo/plus-size-person-doing-indoor-house-activities_52683-107881.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/gray-lines_1122-937.jpg?_wi=2",
imageAlt: "person waking up morning light",
},
{
id: "5",
name: "Chloe T.",
date: "Sep 2024",
title: "Teacher",
quote: "Simply life-changing mornings.",
tag: "5 stars",
avatarSrc: "http://img.b2bpic.net/free-photo/tattooed-handsome-man-white-tank-top_53876-98130.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cozy-texture-clothing_23-2149432461.jpg?_wi=2",
imageAlt: "person waking up morning light",
},
]}
title="Stories from the Sanctuary"
description="Listen to the voices of our community as they wake up feeling truly restored."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Elena R.", date: "Jan 2025", title: "Designer", quote: "My sleep quality doubled instantly.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/cup-coffee-female-hands-bed-top-view_169016-18291.jpg", imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497256.jpg", imageAlt: "person waking up morning light" },
{ id: "2", name: "Marcus J.", date: "Dec 2024", title: "Executive", quote: "Feels like a luxury hotel at home.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/full-shot-sad-woman-holding-pillow_23-2149071879.jpg", imageSrc: "http://img.b2bpic.net/free-photo/kettle-chocolate-hot-drink-white-bedsheet_23-2147887746.jpg", imageAlt: "person waking up morning light" },
{ id: "3", name: "Sarah W.", date: "Nov 2024", title: "Creative", quote: "The most tactile comfort I've ever felt.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/back-view-women-enjoying-coffee-bed-while-stretching-after-awaking_158595-7362.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-texture-baby-blanket_169016-37787.jpg", imageAlt: "person waking up morning light" },
{ id: "4", name: "Julian D.", date: "Oct 2024", title: "Doctor", quote: "Restoration is finally a priority.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/plus-size-person-doing-indoor-house-activities_52683-107881.jpg", imageSrc: "http://img.b2bpic.net/free-photo/gray-lines_1122-937.jpg", imageAlt: "person waking up morning light" },
{ id: "5", name: "Chloe T.", date: "Sep 2024", title: "Teacher", quote: "Simply life-changing mornings.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/tattooed-handsome-man-white-tank-top_53876-98130.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cozy-texture-clothing_23-2149432461.jpg", imageAlt: "person waking up morning light" },
]}
title="Stories from the Sanctuary"
description="Listen to the voices of our community as they wake up feeling truly restored."
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
tag="Inquiry"
title="Ready to Design Your Sanctuary?"
description="Speak with our sleep architects to find your perfect mattress fit."
buttons={[
{
text: "Start Your Consultation",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{ variant: "sparkles-gradient" }}
tag="Inquiry"
title="Ready to Design Your Sanctuary?"
description="Speak with our sleep architects to find your perfect mattress fit."
buttons={[{ text: "Start Your Consultation" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Aura Sleep"
columns={[
{
title: "Explore",
items: [
{
label: "Philosophy",
href: "#about",
},
{
label: "Comparison",
href: "#pricing",
},
],
},
{
title: "Support",
items: [
{
label: "Contact Us",
href: "#contact",
},
{
label: "Shipping",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Aura Sleep"
columns={[
{ title: "Explore", items: [{ label: "Philosophy", href: "#about" }, { label: "Comparison", href: "#pricing" }] },
{ title: "Support", items: [{ label: "Contact Us", href: "#contact" }, { label: "Shipping", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);