Add src/app/products/page.tsx

src/app/page.tsx

@@ -31,21 +31,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "/"},
         {
-          name: "Vehicles",
-          id: "products",
-        },
+          name: "Products",          id: "/products"},
         {
-          name: "Performance",
-          id: "metrics",
-        },
+          name: "Performance",          id: "#metrics"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="Sarkinamota"
     />
@@ -54,141 +46,49 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Elegance in Motion"
       description="Discover the pinnacle of automotive engineering with Sarkinamota. We curate the finest selection of luxury and performance vehicles designed for those who refuse to compromise."
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg",
-          alt: "Client 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg",          alt: "Client 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-man-delivering-christmas-tree-car_1303-19511.jpg",
-          alt: "Client 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-man-delivering-christmas-tree-car_1303-19511.jpg",          alt: "Client 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/working-with-partner_1098-14261.jpg",
-          alt: "Client 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/working-with-partner_1098-14261.jpg",          alt: "Client 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-sales-woman-carshowroom-standing-by-car_1303-20423.jpg",
-          alt: "Client 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-sales-woman-carshowroom-standing-by-car_1303-20423.jpg",          alt: "Client 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
-          alt: "Client 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",          alt: "Client 5"},
       ]}
       avatarText="Trusted by 500+ satisfied drivers."
       buttons={[
         {
-          text: "View Showroom",
-          href: "#products",
-        },
+          text: "View Products",          href: "/products"},
         {
-          text: "Contact Us",
-          href: "#contact",
-        },
+          text: "Contact Us",          href: "#contact"},
       ]}
       buttonAnimation="slide-up"
       marqueeItems={[
         {
-          type: "text-icon",
-          text: "Premium Selection",
-          icon: Diamond,
+          type: "text-icon",          text: "Premium Selection",          icon: Diamond,
         },
         {
-          type: "text-icon",
-          text: "Unmatched Performance",
-          icon: Gauge,
+          type: "text-icon",          text: "Unmatched Performance",          icon: Gauge,
         },
         {
-          type: "text-icon",
-          text: "Expert Maintenance",
-          icon: Wrench,
+          type: "text-icon",          text: "Expert Maintenance",          icon: Wrench,
         },
         {
-          type: "text-icon",
-          text: "Global Logistics",
-          icon: Globe,
+          type: "text-icon",          text: "Global Logistics",          icon: Globe,
         },
         {
-          type: "text-icon",
-          text: "Certified Quality",
-          icon: CheckCircle,
+          type: "text-icon",          text: "Certified Quality",          icon: CheckCircle,
         },
       ]}
     />
   </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "1",
-          brand: "Sarkinamota",
-          name: "The Executive",
-          price: "$125,000",
-          rating: 5,
-          reviewCount: "42",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-by-her-house_1303-17808.jpg",
-        },
-        {
-          id: "2",
-          brand: "Sarkinamota",
-          name: "Volt Stealth",
-          price: "$98,000",
-          rating: 5,
-          reviewCount: "38",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-four-wheeled-vehicle-mobility-fast-travel_23-2151016450.jpg",
-        },
-        {
-          id: "3",
-          brand: "Sarkinamota",
-          name: "Race Pro S",
-          price: "$210,000",
-          rating: 5,
-          reviewCount: "55",
-          imageSrc: "http://img.b2bpic.net/free-photo/trail-light-red-sports-car-white-rooms_181624-22513.jpg",
-        },
-        {
-          id: "4",
-          brand: "Sarkinamota",
-          name: "GT Phantom",
-          price: "$185,000",
-          rating: 4,
-          reviewCount: "29",
-          imageSrc: "http://img.b2bpic.net/free-photo/steering-wheel-car-with-brown-interior_181624-6097.jpg",
-        },
-        {
-          id: "5",
-          brand: "Sarkinamota",
-          name: "Comfort Plus",
-          price: "$85,000",
-          rating: 5,
-          reviewCount: "47",
-          imageSrc: "http://img.b2bpic.net/free-photo/cushion-modern-car_1339-5505.jpg",
-        },
-        {
-          id: "6",
-          brand: "Sarkinamota",
-          name: "Hybrid Apex",
-          price: "$155,000",
-          rating: 5,
-          reviewCount: "33",
-          imageSrc: "http://img.b2bpic.net/free-photo/white-coupe-sport-car-parking-bridge_114579-4006.jpg",
-        },
-      ]}
-      title="Our Exclusive Fleet"
-      description="Unmatched quality, timeless design, and exhilarating performance. Explore our current stock."
-    />
-  </div>
-
   <div id="metrics" data-section="metrics">
       <MetricCardOne
       animationType="slide-up"
@@ -197,32 +97,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "1500+",
-          title: "Vehicles Sold",
-          description: "High-performance cars delivered safely.",
-          icon: CheckCircle,
+          id: "m1",          value: "1500+",          title: "Vehicles Sold",          description: "High-performance cars delivered safely.",          icon: CheckCircle,
         },
         {
-          id: "m2",
-          value: "98%",
-          title: "Satisfaction",
-          description: "Customer approval rating on every deal.",
-          icon: Award,
+          id: "m2",          value: "98%",          title: "Satisfaction",          description: "Customer approval rating on every deal.",          icon: Award,
         },
         {
-          id: "m3",
-          value: "50+",
-          title: "Global Partners",
-          description: "Sourcing only from elite manufacturers.",
-          icon: Shield,
+          id: "m3",          value: "50+",          title: "Global Partners",          description: "Sourcing only from elite manufacturers.",          icon: Shield,
         },
         {
-          id: "m4",
-          value: "24/7",
-          title: "Expert Support",
-          description: "Always there when you need assistance.",
-          icon: Zap,
+          id: "m4",          value: "24/7",          title: "Expert Support",          description: "Always there when you need assistance.",          icon: Zap,
         },
       ]}
       title="Performance at Scale"
@@ -238,45 +122,20 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",
-          name: "Sarah Jenkins",
-          role: "Entrepreneur",
-          company: "TechInnovate",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg",
-        },
+          id: "t1",          name: "Sarah Jenkins",          role: "Entrepreneur",          company: "TechInnovate",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg"},
         {
-          id: "t2",
-          name: "Mark Thompson",
-          role: "Creative Director",
-          company: "PixelStudio",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-delivering-christmas-tree-car_1303-19511.jpg",
-        },
+          id: "t2",          name: "Mark Thompson",          role: "Creative Director",          company: "PixelStudio",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-man-delivering-christmas-tree-car_1303-19511.jpg"},
         {
-          id: "t3",
-          name: "Elena Rodriguez",
-          role: "Architect",
-          company: "UrbanDesign",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/working-with-partner_1098-14261.jpg",
-        },
+          id: "t3",          name: "Elena Rodriguez",          role: "Architect",          company: "UrbanDesign",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/working-with-partner_1098-14261.jpg"},
         {
-          id: "t4",
-          name: "David Miller",
-          role: "CFO",
-          company: "InvestGrowth",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-sales-woman-carshowroom-standing-by-car_1303-20423.jpg",
-        },
+          id: "t4",          name: "David Miller",          role: "CFO",          company: "InvestGrowth",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-sales-woman-carshowroom-standing-by-car_1303-20423.jpg"},
         {
-          id: "t5",
-          name: "Jessica Wu",
-          role: "MD",
-          company: "GlobalHealth",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
-        },
+          id: "t5",          name: "Jessica Wu",          role: "MD",          company: "GlobalHealth",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
       ]}
       title="Client Stories"
       description="Hear from those who chose the road with us."
@@ -289,25 +148,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "Can I trade in my old car?",
-          content: "Yes, we offer competitive trade-in value evaluations for all makes and models.",
-        },
+          id: "f1",          title: "Can I trade in my old car?",          content: "Yes, we offer competitive trade-in value evaluations for all makes and models."},
         {
-          id: "f2",
-          title: "Do you offer financing?",
-          content: "Our finance experts work with top banks to offer customized financing options.",
-        },
+          id: "f2",          title: "Do you offer financing?",          content: "Our finance experts work with top banks to offer customized financing options."},
         {
-          id: "f3",
-          title: "Is there a warranty?",
-          content: "Every premium vehicle comes with a comprehensive 24-month manufacturer-backed warranty.",
-        },
+          id: "f3",          title: "Is there a warranty?",          content: "Every premium vehicle comes with a comprehensive 24-month manufacturer-backed warranty."},
         {
-          id: "f4",
-          title: "How do I schedule a test drive?",
-          content: "Simply fill out our contact form or call us to book your exclusive test drive session.",
-        },
+          id: "f4",          title: "How do I schedule a test drive?",          content: "Simply fill out our contact form or call us to book your exclusive test drive session."},
       ]}
       title="Frequently Asked Questions"
       description="Common inquiries about Sarkinamota services."
@@ -319,20 +166,15 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={true}
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       tag="Ready to own your dream?"
       title="Get in touch with the Sarkinamota team"
       description="Whether you have questions about inventory or need personalized advice, our team is ready to serve you."
       buttons={[
         {
-          text: "Contact Support",
-          href: "mailto:hello@sarkinamota.com",
-        },
+          text: "Contact Support",          href: "mailto:hello@sarkinamota.com"},
         {
-          text: "Visit Showroom",
-          href: "#",
-        },
+          text: "Visit Showroom",          href: "/products"},
       ]}
     />
   </div>
@@ -343,33 +185,21 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "About Us",
-              href: "#",
-            },
+              label: "About Us",              href: "#"},
             {
-              label: "Showroom",
-              href: "#products",
-            },
+              label: "Showroom",              href: "/products"},
             {
-              label: "Metrics",
-              href: "#metrics",
-            },
+              label: "Metrics",              href: "#metrics"},
           ],
         },
         {
           items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
       ]}

src/app/products/page.tsx

@@ -0,0 +1,61 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="mediumLarge"
+        sizing="largeSmallSizeLargeTitles"
+        background="fluid"
+        cardStyle="glass-depth"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Products", id: "/products" },
+            { name: "Performance", id: "/#metrics" },
+            { name: "Contact", id: "/#contact" },
+          ]}
+          brandName="Sarkinamota"
+        />
+        
+        <div className="pt-32 pb-20">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={true}
+            title="Our Exclusive Fleet"
+            description="Unmatched quality, timeless design, and exhilarating performance. Explore our current stock."
+            products={[
+              { id: "1", brand: "Sarkinamota", name: "The Executive", price: "$125,000", rating: 5, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-by-her-house_1303-17808.jpg" },
+              { id: "2", brand: "Sarkinamota", name: "Volt Stealth", price: "$98,000", rating: 5, reviewCount: "38", imageSrc: "http://img.b2bpic.net/free-photo/view-four-wheeled-vehicle-mobility-fast-travel_23-2151016450.jpg" },
+              { id: "3", brand: "Sarkinamota", name: "Race Pro S", price: "$210,000", rating: 5, reviewCount: "55", imageSrc: "http://img.b2bpic.net/free-photo/trail-light-red-sports-car-white-rooms_181624-22513.jpg" },
+              { id: "4", brand: "Sarkinamota", name: "GT Phantom", price: "$185,000", rating: 4, reviewCount: "29", imageSrc: "http://img.b2bpic.net/free-photo/steering-wheel-car-with-brown-interior_181624-6097.jpg" }
+            ]}
+          />
+        </div>
+
+        <FooterLogoEmphasis
+          columns={[
+            { items: [{ label: "Home", href: "/" }, { label: "Products", href: "/products" }] },
+            { items: [{ label: "Contact", href: "/#contact" }] }
+          ]}
+          logoText="Sarkinamota"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}