Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqBase from '@/components/sections/faq/FaqBase';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import { Award, CheckCircle, Sparkles } from "lucide-react";
 
 export default function LandingPage() {
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Collections",
-          id: "products",
-        },
-        {
-          name: "Our Story",
-          id: "about",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Collections", id: "products" },
+        { name: "Our Story", id: "about" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="PurePad"
     />
@@ -57,37 +45,11 @@ export default function LandingPage() {
       <HeroCarouselLogo
       logoText="PurePad"
       description="Discover curated luxury home decor inspired by those who live beautifully. Every piece designed for discerning taste."
-      buttons={[
-        {
-          text: "Explore Collections",
-          href: "#products",
-        },
-      ]}
+      buttons={[{ text: "Explore Collections", href: "#products" }]}
       slides={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-flowers-arrangement-indoors_23-2149591600.jpg",
-          imageAlt: "Luxurious living room design",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-lifestyle-rich-woman_52683-97508.jpg",
-          imageAlt: "Minimalist luxury home furniture",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-sitting-bed-hotel-stylish-evening-dress-sensual-mood-talking-phone-smiling-flirty-looking-sexy_285396-6168.jpg",
-          imageAlt: "Modern luxury bedroom aesthetic",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dish-set-gilded-candlesticks_140725-2255.jpg",
-          imageAlt: "Luxury dining room setup",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/healthy-young-brunette-asian-woman-pants-beige-cardigan-sits-wooden-table-kitchen-smiles-holds-fresh-tasty-apple_197531-27800.jpg",
-          imageAlt: "Luxury home office space",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407592.jpg",
-          imageAlt: "Artistic luxury home entryway",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-flowers-arrangement-indoors_23-2149591600.jpg" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/luxurious-lifestyle-rich-woman_52683-97508.jpg" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-sitting-bed-hotel-stylish-evening-dress-sensual-mood-talking-phone-smiling-flirty-looking-sexy_285396-6168.jpg" }
       ]}
     />
   </div>
@@ -96,26 +58,11 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
-          type: "text",
-          content: "Elevate Your Space,",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/happy-woman-checking-documents-holding-camera_23-2147601352.jpg",
-          alt: "Curated Decor",
-        },
-        {
-          type: "text",
-          content: "Elevate Your Life",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Our Story",
-          href: "#about-detail",
-        },
+        { type: "text", content: "Elevate Your Space," },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/interior-design-concept-with-golden-accents_23-2151038980.jpg?_wi=1" },
+        { type: "text", content: "Elevate Your Life" },
       ]}
+      buttons={[{ text: "Our Story", href: "#about-detail" }]}
     />
   </div>
 
@@ -125,21 +72,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          icon: Sparkles,
-          title: "Curated Exclusivity",
-          description: "Hand-selected pieces for truly unique spaces.",
-        },
-        {
-          icon: CheckCircle,
-          title: "Premium Quality",
-          description: "Craftsmanship that stands the test of time.",
-        },
-        {
-          icon: Award,
-          title: "Design Excellence",
-          description: "Professional interior-grade aesthetics.",
-        },
+        { icon: Sparkles, title: "Curated Exclusivity", description: "Hand-selected pieces for truly unique spaces." },
+        { icon: CheckCircle, title: "Premium Quality", description: "Craftsmanship that stands the test of time." },
+        { icon: Award, title: "Design Excellence", description: "Professional interior-grade aesthetics." },
       ]}
       title="Why Choose PurePad"
       description="Expertly curated decor solutions for the modern home."
@@ -149,52 +84,14 @@ export default function LandingPage() {
   <div id="products" data-section="products">
       <ProductCardFour
       animationType="slide-up"
-      textboxLayout="default"
+      textboxLayout="split-actions"
+      buttons={[{ text: "View Full Collection", href: "#collections-page" }]}
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Modern Leather Sofa",
-          price: "$2,500",
-          variant: "Premium Leather",
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-decor-furniture-inspired-by-fruits-vegetables_23-2151361875.jpg",
-        },
-        {
-          id: "p2",
-          name: "Marble Coffee Table",
-          price: "$850",
-          variant: "Calacatta Gold",
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-marble-table_53876-71231.jpg",
-        },
-        {
-          id: "p3",
-          name: "Brass Floor Lamp",
-          price: "$450",
-          variant: "Polished Brass",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-photorealistic-lamp-design_23-2151038972.jpg",
-        },
-        {
-          id: "p4",
-          name: "Silk Throw Pillows",
-          price: "$120",
-          variant: "Set of 2",
-          imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa-decoration-living-room_1339-4971.jpg",
-        },
-        {
-          id: "p5",
-          name: "Sculptural Vase",
-          price: "$220",
-          variant: "Ceramic",
-          imageSrc: "http://img.b2bpic.net/free-photo/vases-with-green-pink-light-arrangement_23-2149835495.jpg",
-        },
-        {
-          id: "p6",
-          name: "Abstract Wall Art",
-          price: "$500",
-          variant: "Canvas Print",
-          imageSrc: "http://img.b2bpic.net/free-photo/long-shot-ferromagnetic-liquid-metal-with-copy-space_23-2148253640.jpg",
-        },
+        { id: "p1", name: "Modern Leather Sofa", price: "$2,500", variant: "Premium Leather", imageSrc: "http://img.b2bpic.net/free-photo/interior-decor-furniture-inspired-by-fruits-vegetables_23-2151361875.jpg" },
+        { id: "p2", name: "Marble Coffee Table", price: "$850", variant: "Calacatta Gold", imageSrc: "http://img.b2bpic.net/free-photo/laptop-marble-table_53876-71231.jpg" },
+        { id: "p3", name: "Brass Floor Lamp", price: "$450", variant: "Polished Brass", imageSrc: "http://img.b2bpic.net/free-photo/modern-photorealistic-lamp-design_23-2151038972.jpg" },
       ]}
       title="Explore Collections"
       description="Shop our latest curated home decor arrivals."
@@ -205,172 +102,62 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
-        "Vogue Living",
-        "Architectural Digest",
-        "Interior Design Magazine",
-        "Luxury Homes Today",
-        "Modern Home Solutions",
-        "Design Daily",
-        "Elite Spaces",
-      ]}
+      names={["Vogue Living", "Architectural Digest", "Interior Design Magazine", "Luxury Homes Today"]}
       title="Trusted by Experts"
       description="Featured in leading global design publications."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah J.",
-          role: "Homeowner",
-          testimonial: "PurePad transformed my living space completely. Absolutely stunning quality.",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg",
-        },
-        {
-          id: "t2",
-          name: "Mark D.",
-          role: "Architect",
-          testimonial: "The attention to detail in their product range is unmatched. Highly recommend.",
-          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-woman-african-american-guy-creating-new-design-writing-paper_74855-8846.jpg",
-        },
-        {
-          id: "t3",
-          name: "Emily R.",
-          role: "Designer",
-          testimonial: "PurePad provides the perfect finishing touches for any high-end project.",
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-black-stylish-silk-home-suit-eyeglasses-looks-into-camera-stands_197531-33654.jpg",
-        },
-        {
-          id: "t4",
-          name: "David K.",
-          role: "Homeowner",
-          testimonial: "Exquisite style and prompt delivery. A true luxury experience.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cool-young-stylish-happy-people-co-working-office_285396-1800.jpg",
-        },
-        {
-          id: "t5",
-          name: "Alice M.",
-          role: "Homeowner",
-          testimonial: "Best interior store I have ever shopped with. Simply beautiful.",
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg",
-        },
-      ]}
-      title="What Our Clients Say"
-      description="Hear from those who have crafted their dream homes with us."
+      <TestimonialCardFifteen
+      testimonial="PurePad's curated collection exceeded my expectations. The quality and design aesthetic are truly unparalleled for my home."
+      rating={5}
+      author="Sarah J., Interior Enthusiast"
+      avatars={[{ src: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg", alt: "Customer" }]}
+      ratingAnimation="blur-reveal"
+      avatarsAnimation="slide-up"
+      useInvertedBackground={true}
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Do you ship internationally?",
-          content: "Yes, we ship globally using premium logistics partners to ensure your items arrive safely.",
-        },
-        {
-          id: "q2",
-          title: "Can I return luxury furniture?",
-          content: "We offer a 30-day return policy for all items provided they are in original packaging and condition.",
-        },
-        {
-          id: "q3",
-          title: "Do you offer interior design support?",
-          content: "Yes, our team can assist with curated decor selections for larger high-end projects.",
-        },
-      ]}
+      <FaqSplitMedia
       title="Common Questions"
       faqsAnimation="slide-up"
-      description="Everything you need to know about your order and our service."
+      textboxLayout="default"
+      useInvertedBackground={false}
+      description="Answers to frequently asked questions about PurePad."
+      imageSrc="http://img.b2bpic.net/free-photo/beautiful-dish-set-gilded-candlesticks_140725-2255.jpg"
+      faqs={[
+        { id: "q1", title: "Do you ship internationally?", content: "Yes, we ship globally using premium logistics partners." },
+        { id: "q2", title: "Can I return luxury furniture?", content: "We offer a 30-day return policy for items in original packaging." },
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      <ContactCenter
       tag="Get in Touch"
       title="Ready to Transform Your Space?"
       description="Connect with our design team for personalized assistance."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "mailto:hello@purepad.com",
-        },
-      ]}
+      background={{ variant: "sparkles-gradient" }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterBaseCard
+      logoText="PurePad"
+      logoSrc="http://img.b2bpic.net/free-photo/abstract-luxury-gold-logo-design_23-2151038972.jpg?_wi=1"
       columns={[
-        {
-          title: "Shop",
-          items: [
-            {
-              label: "All Products",
-              href: "#products",
-            },
-            {
-              label: "New Arrivals",
-              href: "#",
-            },
-            {
-              label: "Best Sellers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "PurePad",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Our Story",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Shipping Info",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Shop", items: [{ label: "All Products", href: "#products" }, { label: "New Arrivals", href: "#" }] },
+        { title: "PurePad", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
+        { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] }
       ]}
-      bottomLeftText="© 2024 PurePad Home Decor"
-      bottomRightText="All rights reserved."
+      copyrightText="© 2025 PurePad Luxury Living"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}