360 lines
12 KiB
TypeScript
360 lines
12 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
|
|
import { Instagram, Facebook, Pinterest, Youtube } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="sharp"
|
|
contentWidth="compact"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleMinimal
|
|
brandName="WoFurniture"
|
|
button={{
|
|
text: "Shop Now",
|
|
href: "product"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Transform Your Home with Elegance"
|
|
description="Discover our curated collection of premium furniture and home decor pieces designed to elevate your living spaces with timeless style and comfort."
|
|
tag="New Collection"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767515681733-nfaogjko.jpg"
|
|
imageAlt="Modern sofa in elegant living room setting"
|
|
textPosition="bottom-left"
|
|
showBlur={true}
|
|
showDimOverlay={false}
|
|
buttons={[
|
|
{
|
|
text: "Explore Collection",
|
|
href: "product"
|
|
},
|
|
{
|
|
text: "Learn More",
|
|
href: "about"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="product" data-section="product">
|
|
<ProductCardTwo
|
|
title="Featured Collections"
|
|
description="Hand-selected pieces that bring warmth, functionality, and contemporary style to every room in your home."
|
|
tag="Best Sellers"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
products={[
|
|
{
|
|
id: "1",
|
|
brand: "WoFurniture",
|
|
name: "Premium Accent Chair",
|
|
price: "$650.00",
|
|
rating: 5,
|
|
reviewCount: "328",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767515683512-5xaynpwo.jpg",
|
|
imageAlt: "Premium accent chair in warm terracotta"
|
|
},
|
|
{
|
|
id: "2",
|
|
brand: "WoFurniture",
|
|
name: "Modern Dining Table",
|
|
price: "$1,200.00",
|
|
rating: 5,
|
|
reviewCount: "214",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767515684440-hawfjk51.jpg",
|
|
imageAlt: "Solid wood dining table with natural finish"
|
|
},
|
|
{
|
|
id: "3",
|
|
brand: "WoFurniture",
|
|
name: "Contemporary Bedroom Set",
|
|
price: "$2,450.00",
|
|
rating: 4,
|
|
reviewCount: "156",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767515685273-4b4at3sz.jpg",
|
|
imageAlt: "Modern bedroom set with platform bed and nightstands"
|
|
},
|
|
{
|
|
id: "4",
|
|
brand: "WoFurniture",
|
|
name: "Storage Cabinet",
|
|
price: "$825.00",
|
|
rating: 5,
|
|
reviewCount: "189",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767515686346-cdog8vyz.jpg",
|
|
imageAlt: "Wooden storage cabinet with minimalist design"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Crafted for Your Lifestyle"
|
|
description="At WoFurniture, we believe every home tells a story. We source sustainable materials and work with talented artisans to create pieces that stand the test of time. Quality, design, and affordability come together in every product we offer."
|
|
tag="Our Story"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767515687669-fkicbagf.jpg"
|
|
imageAlt="Our beautiful furniture showroom"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{
|
|
text: "View All Products",
|
|
href: "product"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="feature" data-section="feature">
|
|
<FeatureCardSixteen
|
|
title="Why Choose WoFurniture"
|
|
description="See how we stand apart from traditional furniture retailers with our commitment to quality and customer satisfaction."
|
|
tag="Our Advantage"
|
|
negativeCard={{
|
|
title: "Traditional Retailers",
|
|
items: [
|
|
"Limited design options",
|
|
"High markups and hidden costs",
|
|
"Poor customer support",
|
|
"Long delivery times",
|
|
"No customization available"
|
|
]
|
|
}}
|
|
positiveCard={{
|
|
title: "WoFurniture",
|
|
items: [
|
|
"Curated modern collections",
|
|
"Transparent pricing",
|
|
"Award-winning support team",
|
|
"Fast and reliable shipping",
|
|
"Custom design services"
|
|
]
|
|
}}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardTwelve
|
|
cardTitle="Over 15,000 customers trust WoFurniture to bring their homes to life"
|
|
cardTag="See what they say"
|
|
useInvertedBackground="noInvert"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Johnson",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg",
|
|
imageAlt: "Sarah Johnson"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Michael Chen",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184724760-wxlm9bjg.jpg",
|
|
imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Emma Davis",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185880597-ieb2jad3.jpg",
|
|
imageAlt: "Emma Davis"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "James Wilson",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185881440-0jwi2e86.jpg",
|
|
imageAlt: "James Wilson"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Everything you need to know about our furniture, delivery, and services."
|
|
textPosition="left"
|
|
useInvertedBackground="noInvert"
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "What is your delivery timeframe?",
|
|
content: "Standard delivery typically takes 5-7 business days within the continental US. Express delivery options are available for an additional fee."
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Do you offer customization options?",
|
|
content: "Yes! We offer custom colors, fabrics, and dimensions for most of our furniture pieces. Contact our design team to discuss your specific needs."
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "What is your return policy?",
|
|
content: "We offer a 30-day money-back guarantee on all purchases. If you're not satisfied, simply contact us for a full refund or exchange."
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Are your materials sustainable?",
|
|
content: "We prioritize eco-friendly materials and ethical sourcing. Most of our pieces use sustainably harvested wood and non-toxic finishes."
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Do you provide assembly service?",
|
|
content: "Yes, we offer professional assembly services in select areas. Additional charges apply. Check availability based on your location during checkout."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Newsletter"
|
|
title="Stay Updated on New Arrivals"
|
|
description="Subscribe to our newsletter for exclusive discounts, design inspiration, and early access to new collections."
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe at any time."
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseSocial
|
|
logoText="WoFurniture"
|
|
description="Premium furniture and home decor for modern living. Thoughtfully designed pieces that elevate your home."
|
|
copyrightText="© 2025 WoFurniture. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Shop",
|
|
items: [
|
|
{
|
|
label: "All Products",
|
|
href: "product"
|
|
},
|
|
{
|
|
label: "New Arrivals",
|
|
href: "product"
|
|
},
|
|
{
|
|
label: "Best Sellers",
|
|
href: "product"
|
|
},
|
|
{
|
|
label: "Custom Orders",
|
|
href: "contact"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "about"
|
|
},
|
|
{
|
|
label: "Blog",
|
|
href: "blog"
|
|
},
|
|
{
|
|
label: "Careers",
|
|
href: "careers"
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "contact"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{
|
|
label: "FAQ",
|
|
href: "faq"
|
|
},
|
|
{
|
|
label: "Shipping Info",
|
|
href: "shipping"
|
|
},
|
|
{
|
|
label: "Returns",
|
|
href: "returns"
|
|
},
|
|
{
|
|
label: "Warranty",
|
|
href: "warranty"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "privacy"
|
|
},
|
|
{
|
|
label: "Terms of Service",
|
|
href: "terms"
|
|
},
|
|
{
|
|
label: "Cookie Policy",
|
|
href: "cookies"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
socialLinks={[
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com",
|
|
ariaLabel: "Instagram"
|
|
},
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com",
|
|
ariaLabel: "Facebook"
|
|
},
|
|
{
|
|
icon: Pinterest,
|
|
href: "https://pinterest.com",
|
|
ariaLabel: "Pinterest"
|
|
},
|
|
{
|
|
icon: Youtube,
|
|
href: "https://youtube.com",
|
|
ariaLabel: "YouTube"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |