219 lines
9.9 KiB
TypeScript
219 lines
9.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Sparkles, Mail, Award, Users, Star, Globe } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="largeSizeMediumTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="LuxeNest"
|
|
navItems={[
|
|
{ name: "Products", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Quality", id: "features" },
|
|
{ name: "Reviews", id: "testimonials" }
|
|
]}
|
|
button={{ text: "Shop Now", href: "products" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
title="Experience Comfort Redefined"
|
|
description="Handcrafted premium bedding and blankets designed for the perfect night's sleep. Luxury meets simplicity."
|
|
tag="Premium Collection"
|
|
tagIcon={Sparkles}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-white-beige-soft-pillows-bed-blanket-bedroom-interior-design-conceptbed-maid-luxury-ideas-concept_609648-89.jpg"
|
|
imageAlt="Luxury bedding collection showcase"
|
|
background={{ variant: "plain" }}
|
|
testimonials={[
|
|
{
|
|
name: "Emma Richardson", handle: "Verified Buyer", testimonial: "The softest sheets I've ever owned. Changed my sleep completely.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Explore Collection", href: "products" },
|
|
{ text: "Learn More", href: "features" }
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
title="Our Bestsellers"
|
|
description="Curated selection of premium bedding essentials"
|
|
tag="Shop"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", name: "Signature Comforter Set", price: "$189.00", imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-hotel-room-with-comfortable-bedding-generated-by-ai_188544-17078.jpg", imageAlt: "White luxury comforter set", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "2", name: "Egyptian Cotton Sheets", price: "$129.00", imageSrc: "http://img.b2bpic.net/free-photo/bed-arrangements-still-life_23-2150532976.jpg", imageAlt: "Premium cotton bed sheets", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "3", name: "Cashmere Throw Blanket", price: "$159.00", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-music-hot-beverage-bed_23-2147937145.jpg", imageAlt: "Soft cashmere throw blanket", initialQuantity: 1
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyThree
|
|
title="Why Choose LuxeNest"
|
|
description="Meticulously crafted bedding with attention to every detail"
|
|
features={[
|
|
{
|
|
id: "1", title: "Premium Softness", tags: ["Quality", "Comfort"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/soft-cream-knitted-texture-detail-close-up_84443-55385.jpg", imageAlt: "Premium soft texture"
|
|
},
|
|
{
|
|
id: "2", title: "Exceptional Durability", tags: ["Longevity", "Value"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-male-senior-tailor-selecting-fabric-shelf_23-2148180337.jpg", imageAlt: "Durable quality fabric"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Thousands"
|
|
description="Join our community of satisfied customers enjoying premium sleep"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Wellness Magazine", "Sleep Health Review", "Home Comfort Daily", "Luxury Living Co", "Premium Textiles Inc", "Sleep Science Lab", "Comfort Innovations"
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<AboutMetric
|
|
title="A Legacy of Excellence in Premium Bedding"
|
|
metrics={[
|
|
{ icon: Award, label: "Years of Craftsmanship", value: "25+" },
|
|
{ icon: Users, label: "Happy Customers", value: "150K+" },
|
|
{ icon: Star, label: "Customer Rating", value: "4.9★" },
|
|
{ icon: Globe, label: "Countries Worldwide", value: "45" }
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="What Our Customers Say"
|
|
description="Real experiences from people who've discovered the LuxeNest difference"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Chen", role: "Interior Designer", company: "Design Studio Collective", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Torres", role: "Wellness Coach", company: "Holistic Health", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg"
|
|
},
|
|
{
|
|
id: "3", name: "Jessica Morrison", role: "Luxury Brand Curator", company: "Premium Homes", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"
|
|
},
|
|
{
|
|
id: "4", name: "David Patterson", role: "Architect", company: "Modern Living Spaces", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg"
|
|
}
|
|
]}
|
|
kpiItems={[
|
|
{ value: "98%", label: "Customer Satisfaction" },
|
|
{ value: "30-Night", label: "Money-Back Guarantee" },
|
|
{ value: "Free", label: "Express Shipping" }
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Newsletter"
|
|
title="Join the Sleep Revolution"
|
|
description="Subscribe to our newsletter for exclusive offers, sleep tips, and new collection launches delivered to your inbox."
|
|
tagIcon={Mail}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe anytime from our emails."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Shop", items: [
|
|
{ label: "All Products", href: "products" },
|
|
{ label: "Comforters", href: "#" },
|
|
{ label: "Sheets", href: "#" },
|
|
{ label: "Throws", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#" },
|
|
{ label: "Our Story", href: "#" },
|
|
{ label: "Sustainability", href: "#" },
|
|
{ label: "Careers", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Contact", href: "contact" },
|
|
{ label: "FAQ", href: "#" },
|
|
{ label: "Shipping Info", href: "#" },
|
|
{ label: "Returns", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 LuxeNest. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|