305 lines
9.6 KiB
TypeScript
305 lines
9.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Products",
|
|
id: "products",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="LuxeCraft"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
background={{
|
|
variant: "rotated-rays-static",
|
|
}}
|
|
title="Bespoke Luxury Furniture Manufacturing"
|
|
description="Crafting timeless pieces for residential and commercial elegance with unmatched artisan quality."
|
|
buttons={[
|
|
{
|
|
text: "Explore Projects",
|
|
href: "#products",
|
|
},
|
|
{
|
|
text: "Contact Us",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-working-office_23-2149370554.jpg",
|
|
imageAlt: "Master Artisan at work",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa-chair_74190-2086.jpg",
|
|
imageAlt: "Modern luxury living space",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/handicapped-young-woman-office-low-view_23-2148497295.jpg",
|
|
imageAlt: "Commercial project installation",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-barista_23-2150754686.jpg",
|
|
imageAlt: "Precision woodworking detail",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/silver-modern-cutlery-stone-background-closeup_1220-6630.jpg",
|
|
imageAlt: "Designer furniture showroom",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-restoring-wooden-furniture_23-2150232682.jpg",
|
|
imageAlt: "Artisanal studio atmosphere",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="A Legacy of Craftsmanship"
|
|
description="With over three decades in furniture manufacturing, we merge traditional techniques with modern precision to bring architectural visions to life, for both residential homes and commercial spaces."
|
|
metrics={[
|
|
{
|
|
value: "30+",
|
|
title: "Years Experience",
|
|
},
|
|
{
|
|
value: "1200+",
|
|
title: "Custom Projects",
|
|
},
|
|
{
|
|
value: "50+",
|
|
title: "Master Artisans",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-mid-adult-carpenter-his-workshop_637285-11693.jpg"
|
|
imageAlt="Our manufacturing facility floor"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
brand: "LuxeCraft",
|
|
name: "Velvet Sovereign Sofa",
|
|
price: "Custom Pricing",
|
|
rating: 5,
|
|
reviewCount: "12",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-goodlooking-woman-sitting-chair-talking-phone-golden-room_627829-10738.jpg",
|
|
},
|
|
{
|
|
id: "2",
|
|
brand: "LuxeCraft",
|
|
name: "Heritage Oak Dining Suite",
|
|
price: "Custom Pricing",
|
|
rating: 5,
|
|
reviewCount: "8",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-artisan-jobs-equipment-arrangement_23-2148732422.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
brand: "LuxeCraft",
|
|
name: "Midnight Accent Armchair",
|
|
price: "Custom Pricing",
|
|
rating: 4,
|
|
reviewCount: "15",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-relaxing-couch_23-2148415921.jpg",
|
|
},
|
|
]}
|
|
title="Signature Custom Collections"
|
|
description="Exquisite bespoke designs crafted to your specific dimensions and material preferences."
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Material Excellence",
|
|
description: "We source the finest sustainable woods, premium leathers, and high-quality fabrics for every piece.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-barista_23-2150754686.jpg",
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Precision Manufacturing",
|
|
description: "Our CNC precision is balanced by artisanal hand-finishing for perfection in every detail.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mid-adult-carpenter-his-workshop_637285-11693.jpg",
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Design Consultation",
|
|
description: "Collaborate directly with our master designers on your specific custom furniture projects.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-restoring-wooden-furniture_23-2150232682.jpg",
|
|
},
|
|
]}
|
|
title="Why Choose Our Manufacturing"
|
|
description="Superior quality, tailored to your exact standards."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Miller",
|
|
role: "CEO",
|
|
company: "Urban Living",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-front-glass-building_23-2147704437.jpg",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "David Thorne",
|
|
role: "Lead Architect",
|
|
company: "Thorne Design",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/digital-nomad-working-remotly-their-project_23-2149241836.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Elena Rodriguez",
|
|
role: "Hotel Manager",
|
|
company: "Grand Hyatt",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Marcus Chen",
|
|
role: "Property Owner",
|
|
company: "Residential Group",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-discussing-project_23-2149721919.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "James Wilson",
|
|
role: "Interior Designer",
|
|
company: "Wilson Interiors",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-front-glass-building_23-2147704437.jpg",
|
|
},
|
|
]}
|
|
title="Client Success Stories"
|
|
description="Hear from those who trust LuxeCraft for their residential and commercial spaces."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "rotated-rays-static",
|
|
}}
|
|
text="Ready to discuss your custom furniture project? Let's bring your vision to life."
|
|
buttons={[
|
|
{
|
|
text: "Schedule Consultation",
|
|
href: "#",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "LuxeCraft",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Projects",
|
|
href: "#products",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Terms of Service",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 LuxeCraft Manufacturing"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|