230 lines
14 KiB
TypeScript
230 lines
14 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 TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import { Award, Crown, MessageSquare, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="LUXE"
|
|
navItems={[
|
|
{ name: "Collections", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Design", id: "features" },
|
|
{ name: "Testimonials", id: "testimonials" }
|
|
]}
|
|
button={{ text: "Shop Now", href: "#products" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
title="Curated Luxury Furniture for the Discerning Home"
|
|
description="Discover exquisitely crafted pieces that elevate your living space with timeless elegance and contemporary sophistication."
|
|
tag="Premium Collection"
|
|
tagIcon={Sparkles}
|
|
imageSrc="http://img.b2bpic.net/free-photo/luxurious-lifestyle-rich-woman_52683-97508.jpg"
|
|
imageAlt="Modern luxury sofa minimalist design"
|
|
mediaAnimation="slide-up"
|
|
background={{ variant: "glowing-orb" }}
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
name: "Sarah Mitchell", handle: "Interior Designer, Architectural Digest", testimonial: "LUXE's furniture collection redefines luxury with meticulous attention to detail and uncompromising quality.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-architectural-designer-enjoying-work-process_1262-18386.jpg?_wi=1"
|
|
},
|
|
{
|
|
name: "James Chen", handle: "CEO, Design Studios International", testimonial: "Each piece is a masterpiece of craftsmanship and modern design. Truly exceptional.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-art-studio_23-2149705893.jpg?_wi=1"
|
|
},
|
|
{
|
|
name: "Elena Rodriguez", handle: "Luxury Home Curator", testimonial: "The epitome of sophisticated taste. Every detail speaks to quality and refinement.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-blonde-young-businesswoman-with-crossed-arms-leaning-glass-wall_23-2148066805.jpg?_wi=1"
|
|
}
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
buttons={[
|
|
{ text: "Explore Collection", href: "#products" },
|
|
{ text: "Learn More", href: "#about" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
title="Featured Collection"
|
|
description="Handpicked pieces from our exclusive luxury furniture range, each selected for exceptional craftsmanship and design."
|
|
tag="New Arrivals"
|
|
tagIcon={Crown}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", name: "Velvet Lounge Chair", price: "$3,850", imageSrc: "http://img.b2bpic.net/free-photo/luxury-leather-chair-brick-wall-background_74190-336.jpg", imageAlt: "Premium lounge chair designer furniture", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "2", name: "Marble Coffee Table", price: "$2,400", imageSrc: "http://img.b2bpic.net/free-photo/front-view-interior-room-design-concept_23-2148786476.jpg", imageAlt: "Designer coffee table marble minimalist", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "3", name: "Walnut Storage Cabinet", price: "$4,200", imageSrc: "http://img.b2bpic.net/free-photo/shoe-rack-indoors-still-life_23-2150695643.jpg", imageAlt: "Luxury storage cabinet modern minimalist", initialQuantity: 1
|
|
}
|
|
]}
|
|
buttons={[{ text: "View All Products", href: "#" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="About LUXE"
|
|
description={[
|
|
"We believe that exceptional furniture is more than just functionality—it's a statement of refined taste and lifestyle. At LUXE, we curate only the finest pieces from master craftsmen and visionary designers around the world.", "Each collection reflects our commitment to sustainability, ethical sourcing, and timeless design. Our team personally vets every artisan and manufacturer to ensure the highest standards of quality and craftsmanship.", "From sustainable materials to innovative design, LUXE represents the pinnacle of luxury furniture for the modern home."
|
|
]}
|
|
useInvertedBackground={false}
|
|
showBorder={true}
|
|
buttons={[{ text: "Our Story", href: "#" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardMedia
|
|
title="What Sets Us Apart"
|
|
description="Experience the difference that true craftsmanship and design excellence make."
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "1", tag: "Craftsmanship", title: "Master Artisans", description: "Each piece is meticulously crafted by skilled artisans with decades of experience, ensuring uncompromising quality.", imageSrc: "http://img.b2bpic.net/free-photo/pottery-craftsperson-studio-creating-ceramics_23-2150164943.jpg", imageAlt: "Furniture craftsman woodworking skilled artisan"
|
|
},
|
|
{
|
|
id: "2", tag: "Design", title: "Timeless Design", description: "Our curated collection features contemporary designs that transcend trends, creating lasting elegance.", imageSrc: "http://img.b2bpic.net/free-photo/young-successful-architector-smiling-holding-drawings-standing-office_176420-1726.jpg", imageAlt: "Interior designer sketching furniture plans"
|
|
},
|
|
{
|
|
id: "3", tag: "Materials", title: "Premium Quality", description: "We source only the finest natural materials—sustainably harvested woods, luxury fabrics, and premium finishes.", imageSrc: "http://img.b2bpic.net/free-photo/background-black-texture-wood-surface_169016-50521.jpg", imageAlt: "Premium materials leather fabric wood texture"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Recognized by Design Excellence"
|
|
description="Trusted and celebrated by leading interior design publications, museums, and luxury retailers worldwide."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tag="Awards & Recognition"
|
|
tagIcon={Award}
|
|
names={["Architectural Digest", "Elle Decor", "Sustainable Design Council", "International Design Awards", "Premium Retailers Network", "Design Excellence Institute", "Museum Collection Partners"]}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/gradient-golden-luxury-badges-set_52683-69964.jpg", "http://img.b2bpic.net/free-vector/covers-collection-with-organic-shapes_23-2147872844.jpg", "http://img.b2bpic.net/free-photo/leaf-eco-word_23-2148576662.jpg", "http://img.b2bpic.net/free-vector/gradient-golden-luxury-badges-set_52683-69962.jpg", "http://img.b2bpic.net/free-vector/elegant-hades-real-estate-sale-yard-sign_742173-8904.jpg", "http://img.b2bpic.net/free-vector/flat-design-business-banner-template_23-2149715625.jpg", "http://img.b2bpic.net/free-vector/personal-trainer-badges-template-design_23-2149434462.jpg"
|
|
]}
|
|
speed={30}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
title="Client Testimonials"
|
|
description="Hear from our satisfied clients about their experience with LUXE's premium furniture collections."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tag="Client Stories"
|
|
tagIcon={MessageSquare}
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Transformed Our Living Space", quote: "The quality and design of LUXE's furniture completely transformed our home. Every piece is a conversation starter, and the craftsmanship is absolutely exceptional.", name: "Victoria Sterling", role: "Luxury Home Owner, Manhattan", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-architectural-designer-enjoying-work-process_1262-18386.jpg?_wi=2", imageAlt: "Victoria Sterling"
|
|
},
|
|
{
|
|
id: "2", title: "Timeless Investment", quote: "We've invested in LUXE pieces for our flagship store, and they've become signature elements of our interior design. Clients consistently compliment their elegance and quality.", name: "Marcus Williams", role: "Interior Design Director, Beverly Hills", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-art-studio_23-2149705893.jpg?_wi=2", imageAlt: "Marcus Williams"
|
|
},
|
|
{
|
|
id: "3", title: "Exceptional Service & Quality", quote: "From selection to delivery, LUXE's attention to detail is unmatched. The furniture isn't just beautiful—it's built to last generations.", name: "Caroline Dubois", role: "Design Curator, Paris", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-blonde-young-businesswoman-with-crossed-arms-leaning-glass-wall_23-2148066805.jpg?_wi=2", imageAlt: "Caroline Dubois"
|
|
},
|
|
{
|
|
id: "4", title: "A Statement of Refined Taste", quote: "LUXE represents everything we value: sustainability, craftsmanship, and timeless design. Their collection is incomparable in today's market.", name: "David Yoshida", role: "Luxury Lifestyle Architect, Tokyo", imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-standing-office-medium-shot_23-2148327019.jpg", imageAlt: "David Yoshida"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to elevate your home with premium furniture? Our design consultants are here to help you create your perfect space."
|
|
animationType="background-highlight"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Schedule Consultation", href: "#" },
|
|
{ text: "Contact Us", href: "#" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="LUXE"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Collections", href: "#products" },
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Design", href: "#features" },
|
|
{ label: "Testimonials", href: "#testimonials" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "Consultation", href: "#" },
|
|
{ label: "Shipping Info", href: "#" },
|
|
{ label: "Returns", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Sustainability", href: "#" },
|
|
{ label: "Careers", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Pinterest", href: "https://pinterest.com" },
|
|
{ label: "LinkedIn", href: "https://linkedin.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |