Update src/app/page.tsx

This commit is contained in:
2026-05-13 02:47:06 +00:00
parent 047328f934
commit 98a1be9796

View File

@@ -11,7 +11,7 @@ import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestim
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Award, Heart, Sparkles } from "lucide-react";
import { Award, Heart, Sparkles, CheckCircle } from "lucide-react";
export default function LandingPage() {
return (
@@ -28,338 +28,135 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "About",
id: "#about",
},
{
name: "Process",
id: "#features",
},
{
name: "Shop",
id: "#shop",
},
{
name: "Contact",
id: "#contact",
},
]}
brandName="TuftCraft"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "About", id: "#about" },
{ name: "Process", id: "#features" },
{ name: "Shop", id: "#shop" },
{ name: "Contact", id: "#contact" },
]}
brandName="TuftCraft"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Handcrafted Rugs, Tufted with Love"
description="Transform your living space with bespoke, soft, and vibrant hand-tufted rugs. Every piece is unique, crafted specifically for your home."
testimonials={[
{
name: "Elena R.",
handle: "@elena_interiors",
testimonial: "The craftsmanship is unparalleled. My living room feels so much warmer now.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-having-his-arm-crossed-sitting-stool_23-2148306623.jpg?_wi=1",
},
{
name: "Mark D.",
handle: "@mark_designs",
testimonial: "Absolutely love the custom design. It's the perfect centerpiece for my office.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-european-woman-with-dark-hair-healthy-skin-smiling-with-morning-coffee-modern-light-kitchen_291650-156.jpg?_wi=1",
},
{
name: "Sarah J.",
handle: "@sarah_decor",
testimonial: "Exquisite quality and beautiful texture. Will definitely order again.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-floor-home-with-christmas-presents_114579-80824.jpg?_wi=1",
},
{
name: "David W.",
handle: "@dw_artist",
testimonial: "An incredible art piece for the floor. Highly recommend!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-customer-enjoying-shopping-standing-near-rack-with-dresses-looking-away-smiling-woman-buying-clothes-fashion-store-shopping-retail-concept_74855-11784.jpg?_wi=1",
},
{
name: "Anna P.",
handle: "@anna_h",
testimonial: "The attention to detail in every fiber is simply stunning.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-her-home-garden-floor_23-2148851367.jpg?_wi=1",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-s-hand-arranging-clothes-hanger-shop_23-2148175672.jpg?_wi=1"
imageAlt="Tufting artist working in a cozy workshop"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/modern-young-caucasian-brunette-woman-white-shirt-looks-camera-holds-smartphone-sitting-table-with-coffee_197531-33244.jpg",
alt: "Portrait of client",
},
{
src: "http://img.b2bpic.net/free-photo/beauty-redhead-female-barista-drinks-coffee-coffee-shop_613910-4782.jpg",
alt: "Portrait of client",
},
{
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg",
alt: "Portrait of client",
},
{
src: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424005.jpg",
alt: "Portrait of client",
},
{
src: "http://img.b2bpic.net/free-photo/person-enjoying-relaxing-time-home_23-2149106965.jpg",
alt: "Portrait of client",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Handcrafted Rugs, Tufted with Love"
description="Transform your living space with bespoke, soft, and vibrant hand-tufted rugs. Every piece is unique, crafted specifically for your home."
testimonials={[
{ name: "Elena R.", handle: "@elena_interiors", testimonial: "The craftsmanship is unparalleled. My living room feels so much warmer now.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-having-his-arm-crossed-sitting-stool_23-2148306623.jpg" },
{ name: "Mark D.", handle: "@mark_designs", testimonial: "Absolutely love the custom design. It's the perfect centerpiece for my office.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-european-woman-with-dark-hair-healthy-skin-smiling-with-morning-coffee-modern-light-kitchen_291650-156.jpg" },
{ name: "Sarah J.", handle: "@sarah_decor", testimonial: "Exquisite quality and beautiful texture. Will definitely order again.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-floor-home-with-christmas-presents_114579-80824.jpg" },
{ name: "David W.", handle: "@dw_artist", testimonial: "An incredible art piece for the floor. Highly recommend!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-female-customer-enjoying-shopping-standing-near-rack-with-dresses-looking-away-smiling-woman-buying-clothes-fashion-store-shopping-retail-concept_74855-11784.jpg" },
{ name: "Anna P.", handle: "@anna_h", testimonial: "The attention to detail in every fiber is simply stunning.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-her-home-garden-floor_23-2148851367.jpg" }
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-s-hand-arranging-clothes-hanger-shop_23-2148175672.jpg"
imageAlt="Tufting artist working in a cozy workshop"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="The Art of Tufting"
metrics={[
{
label: "Custom Rugs Made",
value: "250+",
icon: Sparkles,
},
{
label: "Happy Clients",
value: "180+",
icon: Heart,
},
{
label: "Years of Experience",
value: "5",
icon: Award,
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="The Art of Tufting"
metrics={[
{ label: "Custom Rugs Made", value: "250+", icon: Sparkles },
{ label: "Happy Clients", value: "180+", icon: Heart },
{ label: "Years of Experience", value: "5", icon: Award },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentySix
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Premium Wool Blend",
description: "High-grade materials ensuring durability and soft touch.",
buttonIcon: "CheckCircle",
imageSrc: "http://img.b2bpic.net/free-photo/tailoring-items-arrangement-still-life_23-2149647262.jpg",
imageAlt: "Tailoring items arrangement still life",
},
{
title: "Bespoke Designs",
description: "Tailored patterns to match your unique interior style.",
buttonIcon: "CheckCircle",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-arranging-clothes-hanger-shop_23-2148175672.jpg?_wi=2",
imageAlt: "Tailoring items arrangement still life",
},
{
title: "Hand-Finished Quality",
description: "Every thread is carefully trimmed and perfected.",
buttonIcon: "CheckCircle",
imageSrc: "http://img.b2bpic.net/free-photo/mexican-culture-with-floral-textures_23-2149672964.jpg?_wi=1",
imageAlt: "Tailoring items arrangement still life",
},
{
title: "Eco-Conscious Source",
description: "Ethically sourced wool that respects the environment.",
buttonIcon: "CheckCircle",
imageSrc: "http://img.b2bpic.net/free-photo/colorful-fabrics_53876-31630.jpg?_wi=1",
imageAlt: "Tailoring items arrangement still life",
},
]}
title="Why Our Rugs are Different"
description="We combine traditional techniques with modern aesthetic sensibilities to ensure every rug is both art and comfort."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentySix
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Premium Wool Blend", description: "High-grade materials ensuring durability and soft touch.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/tailoring-items-arrangement-still-life_23-2149647262.jpg" },
{ title: "Bespoke Designs", description: "Tailored patterns to match your unique interior style.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-arranging-clothes-hanger-shop_23-2148175672.jpg" },
{ title: "Hand-Finished Quality", description: "Every thread is carefully trimmed and perfected.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/mexican-culture-with-floral-textures_23-2149672964.jpg" },
{ title: "Eco-Conscious Source", description: "Ethically sourced wool that respects the environment.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/colorful-fabrics_53876-31630.jpg" }
]}
title="Why Our Rugs are Different"
description="We combine traditional techniques with modern aesthetic sensibilities to ensure every rug is both art and comfort."
/>
</div>
<div id="shop" data-section="shop">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Abstract Aura",
price: "$450",
imageSrc: "http://img.b2bpic.net/free-photo/mexican-culture-with-floral-textures_23-2149672964.jpg?_wi=2",
},
{
id: "2",
name: "Midnight Geometric",
price: "$380",
imageSrc: "http://img.b2bpic.net/free-photo/colorful-fabrics_53876-31630.jpg?_wi=2",
},
{
id: "3",
name: "Boho Sunset",
price: "$520",
imageSrc: "http://img.b2bpic.net/free-photo/decorative-background-fabric-detail_23-2148210068.jpg",
},
{
id: "4",
name: "Minimalist Path",
price: "$400",
imageSrc: "http://img.b2bpic.net/free-photo/fabric-texture-background_1385-1237.jpg",
},
{
id: "5",
name: "Vibrant Texture",
price: "$475",
imageSrc: "http://img.b2bpic.net/free-photo/wicker-straw-large-bag-pillows-decorative-elements-background-bed_169016-6775.jpg",
},
{
id: "6",
name: "Modern Runner",
price: "$320",
imageSrc: "http://img.b2bpic.net/free-photo/dried-yellow-flowers-glass-jar_114579-66354.jpg",
},
]}
title="Featured Collections"
description="Explore our latest handcrafted rug collections, available now."
/>
</div>
<div id="shop" data-section="shop">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "1", name: "Abstract Aura", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/mexican-culture-with-floral-textures_23-2149672964.jpg" },
{ id: "2", name: "Midnight Geometric", price: "$380", imageSrc: "http://img.b2bpic.net/free-photo/colorful-fabrics_53876-31630.jpg" },
{ id: "3", name: "Boho Sunset", price: "$520", imageSrc: "http://img.b2bpic.net/free-photo/decorative-background-fabric-detail_23-2148210068.jpg" },
{ id: "4", name: "Minimalist Path", price: "$400", imageSrc: "http://img.b2bpic.net/free-photo/fabric-texture-background_1385-1237.jpg" },
{ id: "5", name: "Vibrant Texture", price: "$475", imageSrc: "http://img.b2bpic.net/free-photo/wicker-straw-large-bag-pillows-decorative-elements-background-bed_169016-6775.jpg" },
{ id: "6", name: "Modern Runner", price: "$320", imageSrc: "http://img.b2bpic.net/free-photo/dried-yellow-flowers-glass-jar_114579-66354.jpg" }
]}
title="Featured Collections"
description="Explore our latest handcrafted rug collections, available now."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Jane D.",
role: "Collector",
company: "Home Owner",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-having-his-arm-crossed-sitting-stool_23-2148306623.jpg?_wi=2",
},
{
id: "2",
name: "Paul M.",
role: "Architect",
company: "Studio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-european-woman-with-dark-hair-healthy-skin-smiling-with-morning-coffee-modern-light-kitchen_291650-156.jpg?_wi=2",
},
{
id: "3",
name: "Lisa K.",
role: "Designer",
company: "DesignCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-floor-home-with-christmas-presents_114579-80824.jpg?_wi=2",
},
{
id: "4",
name: "Mike B.",
role: "Manager",
company: "Office",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-customer-enjoying-shopping-standing-near-rack-with-dresses-looking-away-smiling-woman-buying-clothes-fashion-store-shopping-retail-concept_74855-11784.jpg?_wi=2",
},
{
id: "5",
name: "Sarah P.",
role: "Stylist",
company: "Boutique",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-her-home-garden-floor_23-2148851367.jpg?_wi=2",
},
]}
title="Client Stories"
description="See what our customers are saying about their new rugs."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
animationType="slide-up"
testimonials={[
{ id: "1", name: "Jane D.", role: "Collector", company: "Home Owner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-having-his-arm-crossed-sitting-stool_23-2148306623.jpg" },
{ id: "2", name: "Paul M.", role: "Architect", company: "Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-european-woman-with-dark-hair-healthy-skin-smiling-with-morning-coffee-modern-light-kitchen_291650-156.jpg" },
{ id: "3", name: "Lisa K.", role: "Designer", company: "DesignCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-floor-home-with-christmas-presents_114579-80824.jpg" },
{ id: "4", name: "Mike B.", role: "Manager", company: "Office", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-female-customer-enjoying-shopping-standing-near-rack-with-dresses-looking-away-smiling-woman-buying-clothes-fashion-store-shopping-retail-concept_74855-11784.jpg" },
{ id: "5", name: "Sarah P.", role: "Stylist", company: "Boutique", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-her-home-garden-floor_23-2148851367.jpg" }
]}
title="Client Stories"
description="See what our customers are saying about their new rugs."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How long does a rug take?",
content: "Depending on size, usually 2-4 weeks.",
},
{
id: "q2",
title: "Can I provide my own design?",
content: "Yes, we love custom design requests!",
},
{
id: "q3",
title: "What materials do you use?",
content: "Mainly high-quality wool and cotton backings.",
},
]}
title="Common Questions"
description="Everything you need to know about custom rug creation."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "How long does a rug take?", content: "Depending on size, usually 2-4 weeks." },
{ id: "q2", title: "Can I provide my own design?", content: "Yes, we love custom design requests!" },
{ id: "q3", title: "What materials do you use?", content: "Mainly high-quality wool and cotton backings." }
]}
title="Common Questions"
description="Everything you need to know about custom rug creation."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
tag="Let's Chat"
title="Ready for your Custom Rug?"
description="Send us your vision and we'll start bringing it to life."
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/portrait-curly-shorthaired-young-woman-red-linen-dress-poses-cozy-office-works-as-fashion-designer-looks-clothes-patterns_197531-29808.jpg"
imageAlt="Fashion designer working on creative patterns"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
tag="Let's Chat"
title="Ready for your Custom Rug?"
description="Send us your vision and we'll start bringing it to life."
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/portrait-curly-shorthaired-young-woman-red-linen-dress-poses-cozy-office-works-as-fashion-designer-looks-clothes-patterns_197531-29808.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="TuftCraft"
columns={[
{
title: "Studio",
items: [
{
label: "About",
href: "#about",
},
{
label: "Shop",
href: "#shop",
},
],
},
{
title: "Connect",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "Instagram",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="TuftCraft"
columns={[
{ title: "Studio", items: [{ label: "About", href: "#about" }, { label: "Shop", href: "#shop" }] },
{ title: "Connect", items: [{ label: "Contact", href: "#contact" }, { label: "Instagram", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);