Merge version_4 into main

Merge version_4 into main

src/app/checkout/page.tsx

@@ -22,15 +22,33 @@ export default function CheckoutPage() {
         <div id="nav" data-section="nav">
           <NavbarStyleFullscreen
             navItems={[
-              { name: "Home", id: "/" },
-              { name: "About", id: "#about" },
-              { name: "Features", id: "#features" },
-              { name: "AirPods", id: "#products" },
-              { name: "Vision", id: "#vision" },
-              { name: "Testimonials", id: "#testimonials" },
-              { name: "FAQ", id: "#faq" },
-              { name: "Contact", id: "#contact" },
-              { name: "Checkout", id: "/checkout" }
+              {
+                name: "Home",                id: "/"
+              },
+              {
+                name: "About",                id: "#about"
+              },
+              {
+                name: "Features",                id: "#features"
+              },
+              {
+                name: "AirPods",                id: "#products"
+              },
+              {
+                name: "Vision",                id: "#vision"
+              },
+              {
+                name: "Testimonials",                id: "#testimonials"
+              },
+              {
+                name: "FAQ",                id: "#faq"
+              },
+              {
+                name: "Contact",                id: "#contact"
+              },
+              {
+                name: "Checkout",                id: "/checkout"
+              }
             ]}
             logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Eu6bBOTdX8kN4amCUkA0dEWXTg/uploaded-1781016191232-plk3q13v.png"
             logoAlt="PodWave Logo"
@@ -39,17 +57,8 @@ export default function CheckoutPage() {
             bottomRightText="info@podwave.com"
           />
         </div>
-
-        <div className="flex flex-col items-center justify-center min-h-[calc(100vh-200px)] px-4 py-16 text-center">
-          <h1 className="text-5xl md:text-7xl font-bold mb-6 text-foreground">
-            Your Payment Area
-          </h1>
-          <p className="text-lg md:text-xl max-w-2xl text-foreground/80 mb-8">
-            Proceed with your secure payment for PodWave AirPods.
-          </p>
-          <p className="text-foreground/60">
-            (This is a placeholder for your dedicated payment processing.)
-          </p>
+        <div className="flex min-h-[50vh] items-center justify-center text-center">
+          <h1 className="text-4xl font-bold text-foreground">Your Checkout</h1>
         </div>
       </ReactLenis>
     </ThemeProvider>

src/app/page.tsx

@@ -13,8 +13,14 @@ import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import TextAbout from '@/components/sections/about/TextAbout';
 import { Award, Bluetooth, Globe, Headphones } from "lucide-react";
+import { useCallback } from "react";
 
 export default function LandingPage() {
+  const handleButtonClick = useCallback((buttonText: string, sectionId: string) => {
+    console.log(`Button "${buttonText}" clicked in section: ${sectionId}`);
+    // Add specific functionality here based on buttonText or sectionId
+  }, []);
+
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
@@ -77,9 +83,9 @@ export default function LandingPage() {
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Discover Features",          href: "#features"},
+          text: "Discover Features",          href: "#features",          onClick: () => handleButtonClick("Discover Features", "home")},
         {
-          text: "Explore AirPods",          href: "#products"},
+          text: "Explore AirPods",          href: "#products",          onClick: () => handleButtonClick("Explore AirPods", "home")},
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Eu6bBOTdX8kN4amCUkA0dEWXTg/uploaded-1701389278929-airpods-pro-2-new-features-a-closer-look-at-its-superior-audio-capabilities.jpg?_wi=1"
       imageAlt="PodWave AirPods Pro"
@@ -175,13 +181,13 @@ export default function LandingPage() {
       animationType="slide-up"
       products={[
         {
-          id: "prod1",          name: "PodWave Pro Buds",          price: "$249",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Eu6bBOTdX8kN4amCUkA0dEWXTg/uploaded-1701389278929-airpods-pro-2-new-features-a-closer-look-at-its-superior-audio-capabilities.jpg?_wi=3",          imageAlt: "PodWave Pro Buds",          priceButtonProps: { text: "Buy Now", href: "/checkout" }
+          id: "prod1",          name: "PodWave Pro Buds",          price: "$249",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Eu6bBOTdX8kN4amCUkA0dEWXTg/uploaded-1701389278929-airpods-pro-2-new-features-a-closer-look-at-its-superior-audio-capabilities.jpg?_wi=3",          imageAlt: "PodWave Pro Buds",          priceButtonProps: { text: "Buy Now", href: "/checkout", onClick: () => handleButtonClick("Buy Now (PodWave Pro Buds)", "products") }
         },
         {
-          id: "prod2",          name: "PodWave Max Headphones",          price: "$549",          imageSrc: "http://img.b2bpic.net/free-photo/black-wireless-headphones-black-surface_417767-115.jpg",          imageAlt: "PodWave Max Headphones",          priceButtonProps: { text: "Buy Now", href: "/checkout" }
+          id: "prod2",          name: "PodWave Max Headphones",          price: "$549",          imageSrc: "http://img.b2bpic.net/free-photo/black-wireless-headphones-black-surface_417767-115.jpg",          imageAlt: "PodWave Max Headphones",          priceButtonProps: { text: "Buy Now", href: "/checkout", onClick: () => handleButtonClick("Buy Now (PodWave Max Headphones)", "products") }
         },
         {
-          id: "prod3",          name: "PodWave Classic Buds",          price: "$179",          imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074306.jpg",          imageAlt: "PodWave Classic Buds",          priceButtonProps: { text: "Buy Now", href: "/checkout" }
+          id: "prod3",          name: "PodWave Classic Buds",          price: "$179",          imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074306.jpg",          imageAlt: "PodWave Classic Buds",          priceButtonProps: { text: "Buy Now", href: "/checkout", onClick: () => handleButtonClick("Buy Now (PodWave Classic Buds)", "products") }
         },
       ]}
       title="Our Exclusive AirPods Collection"
@@ -259,7 +265,7 @@ export default function LandingPage() {
       description="Ready to immerse yourself in pure sound? Get in touch with our team for personalized assistance or explore our premium AirPods now."
       buttons={[
         {
-          text: "Get Started",          href: "#products"},
+          text: "Get Started",          href: "#products",          onClick: () => handleButtonClick("Get Started", "contact")},
       ]}
     />
   </div>