Switch to version 3: modified src/app/page.tsx

This commit is contained in:
2026-05-13 02:57:34 +00:00
parent d452a39b97
commit fdcb33e3d8

View File

@@ -5,13 +5,13 @@ import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TimelineHorizontalCardStack from '@/components/cardStack/layouts/timelines/TimelineHorizontalCardStack';
import { Award, Heart, Sparkles } from "lucide-react";
import { Award, Heart, Sparkles, CheckCircle } from "lucide-react";
export default function LandingPage() {
return (
@@ -62,6 +62,7 @@ export default function LandingPage() {
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="The Art of Tufting"
metrics={[
{ label: "Custom Rugs Made", value: "250+", icon: Sparkles },
@@ -69,24 +70,22 @@ export default function LandingPage() {
{ label: "Years of Experience", value: "5", icon: Award },
]}
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="features" data-section="features">
<TimelineHorizontalCardStack
title="The Craft Process"
description="Watch how your rug comes to life, from initial design to final finish."
<FeatureCardTwentySix
textboxLayout="default"
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/tailoring-items-arrangement-still-life_23-2149647262.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-arranging-clothes-hanger-shop_23-2148175672.jpg?_wi=2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/mexican-culture-with-floral-textures_23-2149672964.jpg?_wi=1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/colorful-fabrics_53876-31630.jpg?_wi=1" }
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?_wi=2" },
{ 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" },
{ 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" }
]}
>
<div />
</TimelineHorizontalCardStack>
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">
@@ -165,4 +164,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}