Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,13 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import TeamCardFive from '@/components/sections/team/TeamCardFive';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import { PawPrint, Heart, Bone, Sparkles } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -28,18 +29,9 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Home", id: "/" },
-          name: "Home",
+        { name: "Technology", id: "/tech" },
-          id: "/",
+        { name: "Shop", id: "/shop" },
-        },
-        {
-          name: "Technology",
-          id: "/tech",
-        },
-        {
-          name: "Shop",
-          id: "/shop",
-        },
       ]}
       brandName="PawsTech"
     />
@@ -47,129 +39,21 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       title="The Future of Canine Comfort"
       description="Innovative, premium tech essentials designed to enhance the life of your best friend."
-      leftCarouselItems={[
+      leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-sportswoman-smiling-confident-using-laptop-with-dog-home_839833-8077.jpg?_wi=1" }]}
-        {
+      rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-style-adorable-dog_23-2151107777.jpg?_wi=1" }]}
-          imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-sportswoman-smiling-confident-using-laptop-with-dog-home_839833-8077.jpg?_wi=1",
+      buttons={[{ text: "Shop Essentials", href: "/shop" }, { text: "Learn Tech", href: "/tech" }]}
-          imageAlt: "Smart tech dog collar",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-sportswoman-smiling-confident-using-laptop-with-dog-home_839833-8077.jpg?_wi=2",
-          imageAlt: "Smart tech dog collar",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-sportswoman-smiling-confident-using-laptop-with-dog-home_839833-8077.jpg?_wi=3",
-          imageAlt: "Smart tech dog collar",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-sportswoman-smiling-confident-using-laptop-with-dog-home_839833-8077.jpg?_wi=4",
-          imageAlt: "Smart tech dog collar",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-sportswoman-smiling-confident-using-laptop-with-dog-home_839833-8077.jpg?_wi=5",
-          imageAlt: "Smart tech dog collar",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-sportswoman-smiling-confident-using-laptop-with-dog-home_839833-8077.jpg?_wi=6",
-          imageAlt: "Smart tech dog collar",
-        },
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-style-adorable-dog_23-2151107777.jpg?_wi=1",
-          imageAlt: "Futuristic dog bed",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-style-adorable-dog_23-2151107777.jpg?_wi=2",
-          imageAlt: "Futuristic dog bed",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-style-adorable-dog_23-2151107777.jpg?_wi=3",
-          imageAlt: "Futuristic dog bed",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-style-adorable-dog_23-2151107777.jpg?_wi=4",
-          imageAlt: "Futuristic dog bed",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-style-adorable-dog_23-2151107777.jpg?_wi=5",
-          imageAlt: "Futuristic dog bed",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-style-adorable-dog_23-2151107777.jpg?_wi=6",
-          imageAlt: "Futuristic dog bed",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Shop Essentials",
-          href: "/shop",
-        },
-        {
-          text: "Learn Tech",
-          href: "/tech",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/studio-portrait-attractive-happy-blonde-room-with-loft-interior_613910-8845.jpg",
-          alt: "Customer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/love-domestic-animals-pets-cheerful-curly-haired-female-dog-owner-winks-eye-sticks-out-tongue-poses-with-favorite-pug-dog-plan-vacation-enjoy-good-day-isolated-brown-background_273609-61536.jpg",
-          alt: "Customer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/full-shot-women-dog-with-ball_23-2148977462.jpg",
-          alt: "Customer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/elegant-woman-brown-coat-with-black-bulldog_1157-31802.jpg",
-          alt: "Customer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cute-puppy-bag-outdoors_23-2150565423.jpg",
-          alt: "Customer 5",
-        },
-      ]}
       avatarText="Trusted by 5,000+ happy pet parents"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Innovative Design",
-        },
-        {
-          type: "text",
-          text: "Pet-Safe Sensors",
-        },
-        {
-          type: "text",
-          text: "Weatherproof Tech",
-        },
-        {
-          type: "text",
-          text: "Premium Durability",
-        },
-        {
-          type: "text",
-          text: "Smart Comfort",
-        },
-      ]}
     />
   </div>
 
   <div id="about" data-section="about">
       <TextSplitAbout
-      useInvertedBackground={false}
       title="Redefining Pet Care"
-      description={[
+      description={["At PawsTech, we blend cutting-edge technology with high-quality materials to provide the ultimate comfort for your dog.", "Our mission is to improve the quality of life for pets everywhere through thoughtful innovation."]}
-        "At PawsTech, we blend cutting-edge technology with high-quality materials to provide the ultimate comfort for your dog.",
+      useInvertedBackground={false}
-        "Our mission is to improve the quality of life for pets everywhere through thoughtful innovation.",
-      ]}
     />
   </div>
 
@@ -177,125 +61,64 @@ export default function LandingPage() {
       <TestimonialCardThirteen
       animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Alice M.",
-          handle: "@alicem",
-          testimonial: "My dog loves the new warm bed! Truly a premium build.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-attractive-happy-blonde-room-with-loft-interior_613910-8845.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Bob K.",
-          handle: "@bobk",
-          testimonial: "The tech jacket is perfect for our rainy hikes.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/love-domestic-animals-pets-cheerful-curly-haired-female-dog-owner-winks-eye-sticks-out-tongue-poses-with-favorite-pug-dog-plan-vacation-enjoy-good-day-isolated-brown-background_273609-61536.jpg?_wi=1",
-        },
-        {
-          id: "3",
-          name: "Carol L.",
-          handle: "@caroll",
-          testimonial: "Best toys we've found, they actually hold up well.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-women-dog-with-ball_23-2148977462.jpg",
-        },
-        {
-          id: "4",
-          name: "David R.",
-          handle: "@davidr",
-          testimonial: "The mat is durable and easy to clean, totally worth it.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-brown-coat-with-black-bulldog_1157-31802.jpg",
-        },
-        {
-          id: "5",
-          name: "Eva P.",
-          handle: "@evap",
-          testimonial: "Great integration and thoughtful design, very happy.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-puppy-bag-outdoors_23-2150565423.jpg",
-        },
-      ]}
-      showRating={true}
       title="Trusted by Pet Parents"
       description="See why owners and their dogs love our premium tech collection."
+      testimonials={[{ id: "1", name: "Alice M.", handle: "@alicem", testimonial: "My dog loves the new warm bed! Truly a premium build.", rating: 5 }]}
+      showRating={true}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="pricing" data-section="pricing">
-      <PricingCardOne
+      <PricingCardThree
       animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={false}
+      title="Playful Pricing Tiers"
-      title="Choose Your Tech Plan"
+      description="Choose the perfect tech plan for your pup's lifestyle!"
-      description="Select the perfect gear level for your furry companion's lifestyle."
       plans={[
         { 
-          id: "basic",
+          id: "play", 
-          badge: "Essentials",
+          name: "Playful Pup", 
           price: "$29", 
-          subtitle: "For daily tech needs",
+          badge: "Essential Fun", 
-          features: [
+          badgeIcon: Bone,
-            "Basic Collar",
+          features: ["Basic Tech Collar", "Monthly Toy Box", "24/7 Support"],
-            "Support",
+          buttons: [{ text: "Get Started" }]
-            "1 Year Warranty",
-          ],
         },
         { 
-          id: "pro",
+          id: "premium", 
-          badge: "Premium",
+          name: "Happy Tail", 
           price: "$79", 
-          subtitle: "Advanced tracking & comfort",
+          badge: "Ultimate Comfort", 
-          features: [
+          badgeIcon: PawPrint,
-            "Smart Bed",
+          features: ["Smart Tracking Bed", "Health Monitoring App", "Lifetime Warranty", "Priority Care"],
-            "Health Monitor",
+          buttons: [{ text: "Go Premium" }]
-            "Priority Support",
+        }
-            "Lifetime Warranty",
-          ],
-        },
       ]}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="team" data-section="team">
       <TeamCardFive
       animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
       title="Meet the Experts"
       description="Our passionate team of animal behaviorists and engineers."
-      team={[
+      team={[{ id: "t1", name: "Sarah Chen", role: "Lead Engineer" }]}
-        {
+      textboxLayout="default"
-          id: "t1",
+      useInvertedBackground={false}
-          name: "Sarah Chen",
-          role: "Lead Engineer",
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-attractive-happy-blonde-room-with-loft-interior_613910-8845.jpg?_wi=2",
-        },
-        {
-          id: "t2",
-          name: "Mark Roberts",
-          role: "Pet Behaviorist",
-          imageSrc: "http://img.b2bpic.net/free-photo/love-domestic-animals-pets-cheerful-curly-haired-female-dog-owner-winks-eye-sticks-out-tongue-poses-with-favorite-pug-dog-plan-vacation-enjoy-good-day-isolated-brown-background_273609-61536.jpg?_wi=2",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterCard
       logoText="PawsTech"
-      leftLink={{
+      copyrightText="© 2025 PawsTech | Made with love for pets"
-        text: "Privacy Policy",
+      socialLinks={[
-        href: "#",
+        { icon: Heart, href: "#", ariaLabel: "Heart" },
-      }}
+        { icon: PawPrint, href: "#", ariaLabel: "Paw" },
-      rightLink={{
+        { icon: Sparkles, href: "#", ariaLabel: "Sparkles" }
-        text: "Contact Us",
+      ]}
-        href: "#",
-      }}
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
+  --background: #fbfaff;
-  --card: #ffffff;
+  --card: #f7f5ff;
-  --foreground: #1c1c1c;
+  --foreground: #0f0022;
-  --primary-cta: #1c1c1c;
+  --primary-cta: #8b5cf6;
   --primary-cta-text: #f5f5f5;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #1c1c1c;
-  --accent: #15479c;
+  --accent: #d8cef5;
-  --background-accent: #a8cce8;
+  --background-accent: #c4a8f9;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);