From 391a68002dab36f1ab6a388d2b13e0210c7fb350 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 6 Apr 2026 02:18:12 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 205 +++++++----------------------------------------
 1 file changed, 29 insertions(+), 176 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c2ccb54..92e4b30 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,6 +9,7 @@ import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGaller
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TeamCardTen from '@/components/sections/team/TeamCardTen';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import { Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -29,18 +30,9 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Specs",
-          id: "specs",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
+        { name: "Features", id: "features" },
+        { name: "Product", id: "product" },
+        { name: "Pricing", id: "pricing" },
       ]}
       brandName="QiCharge"
     />
@@ -48,196 +40,57 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="Precision Engineered Power"
       description="Experience the future of wireless charging with the Qi2-certified station, combining architectural design with uncompromising performance."
       tag="Qi2 Certified Tech"
       mediaItems={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BxrCcFlPVvjGJSY73EGQqlhrwQ/uploaded-1775441448924-xd0tnx16.jpg?_wi=1",
-          imageAlt: "Product",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/isolated-shot-grey-disk-object-white-background_187299-46751.jpg",
-          imageAlt: "Device Close up",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-electric-car-charging-parking-lot_23-2148972400.jpg",
-          imageAlt: "Precision detail",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-playing-with-her-phone_23-2150455243.jpg",
-          imageAlt: "Desk integration",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/tp-view-hand-with-phone_23-2148826028.jpg",
-          imageAlt: "Charging action",
-        },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BxrCcFlPVvjGJSY73EGQqlhrwQ/uploaded-1775441448924-xd0tnx16.jpg?_wi=1", imageAlt: "Product" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/isolated-shot-grey-disk-object-white-background_187299-46751.jpg", imageAlt: "Device Close up" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/3d-electric-car-charging-parking-lot_23-2148972400.jpg", imageAlt: "Precision detail" },
       ]}
       mediaAnimation="slide-up"
       tagIcon={Zap}
     />
   </div>
 
+  <div id="product" data-section="product">
+      <ProductCardTwo
+        title="Buy Now"
+        description="Select your preference and secure your QiCharge station today."
+        gridVariant="four-items-2x2-equal-grid"
+        animationType="slide-up"
+        textboxLayout="split-actions"
+        useInvertedBackground={true}
+        products={[
+            { id: "p1", brand: "QiCharge", name: "Standard Edition", price: "$89", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/isolated-shot-grey-disk-object-white-background_187299-46751.jpg" },
+            { id: "p2", brand: "QiCharge", name: "Pro Edition", price: "$129", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/isolated-shot-grey-disk-object-white-background_187299-46751.jpg" }
+        ]}
+        buttons={[{ text: "Buy Now" }]}
+      />
+  </div>
+
   <div id="features" data-section="features">
       <FeatureCardTwentyFour
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          id: "f1",
-          title: "Magnetic Alignment",
-          author: "Pro Tech",
-          description: "Perfect magnetic coupling ensures maximum efficiency every time.",
-          tags: [
-            "Qi2",
-            "Magnetic",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-escalator-stairs_1339-1234.jpg",
-        },
-        {
-          id: "f2",
-          title: "Thermal Management",
-          author: "Pro Tech",
-          description: "Patented cooling technology to maintain charge speeds for longer.",
-          tags: [
-            "Cooling",
-            "Efficient",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-cyber-technology-with-flowing-particles_1048-12732.jpg",
-        },
-        {
-          id: "f3",
-          title: "Minimalist Design",
-          author: "Pro Tech",
-          description: "Crafted to complement the modern desktop environment.",
-          tags: [
-            "Aesthetic",
-            "Aluminum",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-office-with-analytics-diagrams-screen-running-economy-statistics-computers-business-space-startup-company-with-research-plans-charts-late-night-handheld-shot_482257-65066.jpg",
-        },
+        { id: "f1", title: "Magnetic Alignment", author: "Pro Tech", description: "Perfect magnetic coupling ensures maximum efficiency.", tags: ["Qi2", "Magnetic"], imageSrc: "http://img.b2bpic.net/free-photo/empty-escalator-stairs_1339-1234.jpg" },
       ]}
       title="Engineering Excellence"
-      description="Built from industrial-grade aluminum with a focus on thermals and magnetic precision."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Alex Rivers",
-          handle: "@alextech",
-          testimonial: "The best magnetic alignment I've tested on any charger.",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-elegant-male-eyeglasses-dressed-dark-blue-suit-with-bow-tie-grey-vignette-background_613910-631.jpg?_wi=1",
-        },
-        {
-          id: "t2",
-          name: "Sarah Chen",
-          handle: "@schen_dev",
-          testimonial: "Finally, a charger that doesn't overheat my phone during long sessions.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-beautiful-brunette-female-wearing-working-clothes-apron-standing-workshop_613910-5811.jpg?_wi=1",
-        },
-        {
-          id: "t3",
-          name: "Marcus Thorne",
-          handle: "@mthorne",
-          testimonial: "A piece of art that happens to charge perfectly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg?_wi=1",
-        },
-        {
-          id: "t4",
-          name: "Elena V.",
-          handle: "@elena_v",
-          testimonial: "Solid build quality, premium look and feel.",
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1083.jpg?_wi=1",
-        },
-        {
-          id: "t5",
-          name: "Jared D.",
-          handle: "@jared_d",
-          testimonial: "Consistent, fast, and looks amazing on my desk.",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-dj-grey-suit-listening-headphones-enjoying-music_114579-15960.jpg?_wi=1",
-        },
-      ]}
-      title="Industry Verified"
-      description="Loved by power users, engineers, and design enthusiasts globally."
-    />
-  </div>
-
-  <div id="team" data-section="team">
-      <TeamCardTen
-      useInvertedBackground={false}
-      title="The Engineering Team"
-      tag="Meet the Makers"
-      membersAnimation="slide-up"
-      memberVariant="card"
-      members={[
-        {
-          id: "m1",
-          name: "David Chen",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-elegant-male-eyeglasses-dressed-dark-blue-suit-with-bow-tie-grey-vignette-background_613910-631.jpg?_wi=2",
-        },
-        {
-          id: "m2",
-          name: "Sarah Jenkins",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-beautiful-brunette-female-wearing-working-clothes-apron-standing-workshop_613910-5811.jpg?_wi=2",
-        },
-        {
-          id: "m3",
-          name: "Marcus Wong",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg?_wi=2",
-        },
-        {
-          id: "m4",
-          name: "Elena Rodriguez",
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1083.jpg?_wi=2",
-        },
-        {
-          id: "m5",
-          name: "Jared Smith",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-dj-grey-suit-listening-headphones-enjoying-music_114579-15960.jpg?_wi=2",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Stay Informed"
-      title="Join the Elite List"
-      description="Be the first to hear about future product drops and technical updates."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BxrCcFlPVvjGJSY73EGQqlhrwQ/uploaded-1775441448924-xd0tnx16.jpg?_wi=2"
-      mediaAnimation="slide-up"
+      description="Built from industrial-grade aluminum with a focus on thermals."
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="QiCharge"
-      leftLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
+      leftLink={{ text: "Terms of Service", href: "#" }}
+      rightLink={{ text: "Privacy Policy", href: "#" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1