From 0b6ff06e8167b32ce77099f1a61125353a298f29 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 26 Apr 2026 14:49:58 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 45 ++++++++++++++++++++++++---------------------
 1 file changed, 24 insertions(+), 21 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 00f4792..7a4dcbc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,15 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqBase from '@/components/sections/faq/FaqBase';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 
 export default function LandingPage() {
@@ -73,7 +73,7 @@ export default function LandingPage() {
 
   <div id="how-it-works" data-section="how-it-works">
       <MetricCardTwo
-      animationType="slide-up"
+      animationType="depth-3d"
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
@@ -99,15 +99,15 @@ export default function LandingPage() {
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="slide-up"
+      <ProductCardOne
+      animationType="scale-rotate"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        { id: "p1", brand: "Stalkr", name: "QR Collar Tag", price: "₹499", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/side-view-emo-kid-with-accessories_23-2149645181.jpg" },
-        { id: "p2", brand: "Stalkr", name: "QR Bag Tag", price: "₹399", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-holding-smartphone_23-2149340930.jpg" },
-        { id: "p3", brand: "Stalkr", name: "Social Connect Card", price: "₹599", rating: 4, reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools_23-2150096569.jpg" },
+        { id: "p1", name: "QR Collar Tag", price: "₹499", imageSrc: "http://img.b2bpic.net/free-photo/side-view-emo-kid-with-accessories_23-2149645181.jpg" },
+        { id: "p2", name: "QR Bag Tag", price: "₹399", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-holding-smartphone_23-2149340930.jpg" },
+        { id: "p3", name: "Social Connect Card", price: "₹599", imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools_23-2150096569.jpg" },
       ]}
       title="Our Collection"
       description="Smart tags for every kind of family."
@@ -115,20 +115,20 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-        animationType="slide-up"
+      <TestimonialCardSix
+        animationType="depth-3d"
         textboxLayout="split"
         useInvertedBackground={false}
         title="What People Say"
         description="See why families trust Stalkr."
         testimonials={[
-            { id: "t1", name: "Priya Sharma", role: "Parent", testimonial: "Stalkr feels like the village I never had in this city. It gives me peace of mind every time my kids go out to play.", imageSrc: "http://img.b2bpic.net/free-photo/hands-taking-photos-with-camera_23-2148880347.jpg" }
+            { id: "t1", name: "Priya Sharma", handle: "@priyash", testimonial: "Stalkr feels like the village I never had in this city. It gives me peace of mind every time my kids go out to play.", imageSrc: "http://img.b2bpic.net/free-photo/hands-taking-photos-with-camera_23-2148880347.jpg" }
         ]}
       />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
+      <FaqDouble
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
@@ -137,24 +137,27 @@ export default function LandingPage() {
       ]}
       title="Important to Know"
       description="Answers to your questions about our shipping and policies."
-      faqsAnimation="slide-up"
+      faqsAnimation="blur-reveal"
     />
   </div>
 
   <div id="contact" data-section="contact">
-    <ContactCenter
-        tag="Get In Touch"
+    <ContactSplitForm
         title="Let's Build Something Together"
         description="Have a custom request or need help with your order? Send us a message."
-        background={{ variant: "plain" }}
+        inputs={[
+          { name: "name", type: "text", placeholder: "Full Name" },
+          { name: "email", type: "email", placeholder: "Email Address" }
+        ]}
+        imageSrc="http://img.b2bpic.net/free-photo/young-female-wearing-blue-jean-jacket-standing-against-white-wall_181624-37780.jpg"
         useInvertedBackground={true}
     />
   </div>
 
   <div id="footer" data-section="footer">
-    <FooterBaseReveal
+    <FooterMedia
         logoText="Stalkr"
-        copyrightText="© 2025 | Stalkr Tech"
+        imageSrc="http://img.b2bpic.net/free-photo/young-female-wearing-blue-jean-jacket-standing-against-white-wall_181624-37780.jpg"
         columns={[
             { title: "Navigation", items: [{ label: "Home", href: "#" }, { label: "Products", href: "#products" }] },
             { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Support", href: "#contact" }] }
-- 
2.49.1