Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
-import FaqBase from '@/components/sections/faq/FaqBase';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -140,35 +140,39 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="split"
-      useInvertedBackground={false}
+      <FaqSplitText
+      sideTitle="FAQ"
+      sideDescription="Learn how our AI-powered 3D platform accelerates your journey."
       faqs={[
-        { id: "q1", title: "Is it suitable for beginners?", content: "Yes, the 3D-enhanced curriculum is designed for all levels." },
-        { id: "q2", title: "Can I cancel easily?", content: "Yes, subscription control is simple." },
+        { id: "q1", title: "Is it suitable for beginners?", content: "Yes, the 3D-enhanced curriculum is designed for all levels to build a strong foundation with AI guidance." },
+        { id: "q2", title: "Can I cancel easily?", content: "Yes, subscription control is simple through your AI-personalized dashboard." },
       ]}
-      title="Questions?"
-      description="We have answers."
       faqsAnimation="slide-up"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{ variant: "sparkles-gradient" }}
-      text="Ready to start your 3D-enhanced AI journey? Join today."
-      buttons={[{ text: "Get Started", href: "#pricing" }]}
+      <ContactSplitForm
+      title="Start Your AI Journey"
+      description="Get in touch for custom 3D training plans and AI insights."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Full Name" },
+        { name: "email", type: "email", placeholder: "Email Address" }
+      ]}
+      imageSrc="https://img.b2bpic.net/free-photo/3d-ai-contact-design.jpg"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        { items: [{ label: "Home", href: "#" }, { label: "Features", href: "#features" }] },
-        { items: [{ label: "Pricing", href: "#pricing" }, { label: "FAQ", href: "#faq" }] },
-      ]}
+      <FooterBaseReveal
       logoText="Talkpik"
+      columns={[
+        { title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
+        { title: "Resources", items: [{ label: "FAQ", href: "#faq" }, { label: "AI 3D Guide", href: "#" }] },
+      ]}
     />
   </div>
       </ReactLenis>