248 lines
13 KiB
TypeScript
248 lines
13 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { Sparkles, Heart } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="large"
|
|
background="floatingGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Cozy Blankets"
|
|
navItems={[
|
|
{ name: "Products", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" }
|
|
]}
|
|
button={{
|
|
text: "Shop Now", href: "products"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Cozy Blankets"
|
|
description="Premium comfort for every home. Experience the ultimate softness and warmth with our curated collection of quality blankets."
|
|
buttons={[
|
|
{ text: "Shop Collection", href: "products" },
|
|
{ text: "Learn More", href: "about" }
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/close-up-person-near-heater_23-2149284101.jpg"
|
|
imageAlt="Cozy blanket draped over a comfortable bed"
|
|
showDimOverlay={true}
|
|
logoLineHeight={1.2}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
title="Featured Blankets"
|
|
description="Discover our bestselling blankets trusted by thousands of satisfied customers"
|
|
tag="Best Sellers"
|
|
tagIcon={Sparkles}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "1", brand: "Cozy Luxe", name: "Premium Fleece Blanket", price: "$49.99", rating: 5,
|
|
reviewCount: "2.3k", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-tea-cup_23-2149172493.jpg", imageAlt: "Premium fleece blanket in soft purple"
|
|
},
|
|
{
|
|
id: "2", brand: "Cozy Luxe", name: "Merino Wool Throw", price: "$79.99", rating: 5,
|
|
reviewCount: "1.8k", imageSrc: "https://img.b2bpic.net/free-photo/woman-drinking-tea_23-2148832346.jpg", imageAlt: "Merino wool throw blanket"
|
|
},
|
|
{
|
|
id: "3", brand: "Cozy Luxe", name: "Organic Cotton Bedding", price: "$69.99", rating: 5,
|
|
reviewCount: "2.1k", imageSrc: "https://img.b2bpic.net/free-photo/full-shot-woman-holding-device_23-2149160989.jpg", imageAlt: "Organic cotton blanket"
|
|
},
|
|
{
|
|
id: "4", brand: "Cozy Luxe", name: "Weighted Sleep Blanket", price: "$129.99", rating: 5,
|
|
reviewCount: "3.5k", imageSrc: "https://img.b2bpic.net/free-photo/portrait-blonde-woman-pointing-bed_114579-57128.jpg", imageAlt: "Weighted blanket for better sleep"
|
|
},
|
|
{
|
|
id: "5", brand: "Cozy Luxe", name: "Decorative Throw Blanket", price: "$39.99", rating: 5,
|
|
reviewCount: "1.5k", imageSrc: "https://img.b2bpic.net/free-photo/look-from-woman-lying-colorful-plaids-with-cup-latte_1304-3358.jpg", imageAlt: "Decorative throw blanket for sofa"
|
|
},
|
|
{
|
|
id: "6", brand: "Cozy Luxe", name: "Microfiber Comfort Wrap", price: "$44.99", rating: 5,
|
|
reviewCount: "2.7k", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-tea-cup_23-2149172493.jpg", imageAlt: "Microfiber comfort wrap blanket"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="About Cozy Blankets"
|
|
description={[
|
|
"We believe everyone deserves to experience the comfort of premium quality blankets. With over a decade of experience in textile sourcing, we partner directly with the finest manufacturers worldwide to bring you exceptional comfort at competitive prices.", "Our mission is simple: deliver the coziest, most durable blankets to homes everywhere. Every product is carefully selected and tested to ensure it meets our high standards for softness, warmth, and longevity. Your comfort is our priority."
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
showBorder={true}
|
|
buttons={[
|
|
{ text: "View All Products", href: "products" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwelve
|
|
title="Why Choose Our Blankets"
|
|
description="Discover what makes our blankets the preferred choice for comfort seekers"
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
features={[
|
|
{
|
|
id: "premium", label: "Premium", title: "Sourced from finest manufacturers worldwide", items: [
|
|
"100% ethically sourced materials", "Rigorous quality control standards", "Sustainable production practices"
|
|
]
|
|
},
|
|
{
|
|
id: "comfort", label: "Comfort", title: "Designed for ultimate relaxation", items: [
|
|
"Ultra-soft textures", "Temperature regulating fabrics", "Hypoallergenic materials"
|
|
]
|
|
},
|
|
{
|
|
id: "durable", label: "Durable", title: "Built to last for years", items: [
|
|
"Heavy-duty stitching", "Fade-resistant colors", "Easy care and maintenance"
|
|
]
|
|
}
|
|
]}
|
|
animationType="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
cardTitle="Trusted by over 50,000 happy customers worldwide"
|
|
cardTag="See what our customers say"
|
|
cardTagIcon={Heart}
|
|
useInvertedBackground="noInvert"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-woman_23-2148574874.jpg", imageAlt: "Sarah Johnson"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", imageSrc: "https://img.b2bpic.net/free-photo/caucasion-woman-casual-confident-concept_53876-137678.jpg", imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Emma Davis", imageSrc: "https://img.b2bpic.net/free-photo/positive-blond-girl-shows-tongue-winks-camera-makes-happy-funny-face-stands-against-white-background_176420-46979.jpg", imageAlt: "Emma Davis"
|
|
},
|
|
{
|
|
id: "4", name: "James Wilson", imageSrc: "https://img.b2bpic.net/free-photo/close-up-attractive-african-american-woman-smiling-looking-happy-standing-yellow-background_1258-54850.jpg", imageAlt: "James Wilson"
|
|
},
|
|
{
|
|
id: "5", name: "Lisa Martinez", imageSrc: "https://img.b2bpic.net/free-photo/young-woman-smiling_176474-95672.jpg", imageAlt: "Lisa Martinez"
|
|
},
|
|
{
|
|
id: "6", name: "David Thompson", imageSrc: "https://img.b2bpic.net/free-photo/outdoors-portrait-smiley-woman_23-2148486217.jpg", imageAlt: "David Thompson"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about our blankets and services"
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What materials are your blankets made from?", content: "Our blankets are crafted from premium materials including organic cotton, merino wool, polyester fleece, and microfiber. Each material is selected for its comfort, durability, and breathability. We provide detailed product descriptions so you can choose the perfect blanket for your needs."
|
|
},
|
|
{
|
|
id: "2", title: "Are your blankets hypoallergenic?", content: "Yes, many of our blanket options are hypoallergenic, particularly our organic cotton and wool collections. All materials are thoroughly tested for allergens. Check individual product pages for specific hypoallergenic certifications."
|
|
},
|
|
{
|
|
id: "3", title: "How should I care for my blanket?", content: "Most of our blankets are machine washable in cold water with mild detergent. We recommend tumble drying on low heat. Detailed care instructions are included with every order. Proper care will extend the life of your blanket significantly."
|
|
},
|
|
{
|
|
id: "4", title: "What is your return policy?", content: "We offer a 30-day money-back guarantee on all purchases. If you're not completely satisfied with your blanket, simply return it for a full refund. We want you to be completely happy with your Cozy Blankets purchase."
|
|
},
|
|
{
|
|
id: "5", title: "How quickly will my order arrive?", content: "We offer fast shipping with most orders arriving within 5-7 business days. We also provide express shipping options for faster delivery. All orders include tracking information so you can monitor your package."
|
|
},
|
|
{
|
|
id: "6", title: "Do you offer wholesale or bulk orders?", content: "Yes! We offer competitive wholesale pricing for bulk orders. Contact our sales team at wholesale@cozyblankets.com for special quotes and partnership opportunities."
|
|
}
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/cup-tea-cookies_23-2148832311.jpg"
|
|
imageAlt="Cozy home setting with comfort blankets"
|
|
mediaPosition="left"
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Newsletter"
|
|
title="Stay Cozy and Updated"
|
|
description="Subscribe to our newsletter for exclusive deals, new product launches, and comfort tips delivered to your inbox."
|
|
useInvertedBackground="noInvert"
|
|
imageSrc="https://img.b2bpic.net/free-photo/croissant-wooden-box-front-loving-young-couple-lying-bed_23-2147966415.jpg"
|
|
imageAlt="Newsletter signup illustration"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Your email address"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. You can unsubscribe anytime."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Cozy Blankets"
|
|
copyrightText="© 2025 Cozy Blankets. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Shop", items: [
|
|
{ label: "All Products", href: "products" },
|
|
{ label: "Best Sellers", href: "products" },
|
|
{ label: "New Arrivals", href: "products" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Contact", href: "contact" },
|
|
{ label: "Blog", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "FAQ", href: "faq" },
|
|
{ label: "Shipping Info", href: "#" },
|
|
{ label: "Returns", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |