Switch to version 3: modified src/app/page.tsx
This commit is contained in:
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user