Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -4,14 +4,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import { Cloud, Code, Database, Globe, Lightbulb, Terminal } from "lucide-react";
 
 export default function LandingPage() {
@@ -139,15 +139,12 @@ export default function LandingPage() {
         </div>
 
         <div id="testimonials" data-section="testimonials">
-          <TestimonialCardTen
+          <TestimonialCardFive
             textboxLayout="default"
             useInvertedBackground={true}
             testimonials={[
-              { id: "t1", title: "Expert", quote: "Incredible dev flow.", name: "John Doe", role: "Senior Eng", imageSrc: "http://img.b2bpic.net/free-photo/abstract-portrait-man-vaporwave-style_23-2148950748.jpg" },
-              { id: "t2", title: "Lead", quote: "Clean architecture.", name: "Jane Smith", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/cool-man-with-hoodie_23-2147646523.jpg" },
-              { id: "t3", title: "Genius", quote: "Fast implementation.", name: "Bob Lee", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-male-with-curly-hair-dressed-jacket-eyeglasses_613910-567.jpg" },
-              { id: "t4", title: "Innovator", quote: "Very innovative.", name: "Sarah P", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1139.jpg" },
-              { id: "t5", title: "Partner", quote: "Great communication.", name: "Mike R", role: "PM", imageSrc: "http://img.b2bpic.net/free-photo/portrait-charismatic-sensual-male-black-sweater-with-wet_613910-11158.jpg" },
+              { id: "t1", name: "John Doe", date: "2024-05", title: "Expert", quote: "Incredible dev flow.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/abstract-portrait-man-vaporwave-style_23-2148950748.jpg" },
+              { id: "t2", name: "Jane Smith", date: "2024-06", title: "Lead", quote: "Clean architecture.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/cool-man-with-hoodie_23-2147646523.jpg" },
             ]}
             title="Peer Endorsements"
             description="Voices from the network."
@@ -155,16 +152,19 @@ export default function LandingPage() {
         </div>
 
         <div id="faq" data-section="faq">
-          <FaqSplitText
+          <FaqSplitMedia
             useInvertedBackground={false}
+            textboxLayout="default"
             faqs={[
               { id: "f1", title: "Tech Stack?", content: "React, Next.js, and Python." },
               { id: "f2", title: "Open for work?", content: "Always open to innovation." },
               { id: "f3", title: "Location?", content: "Global / Remote." },
             ]}
-            sideTitle="Q&A Nexus"
-            sideDescription="Curiosities answered."
+            title="Q&A Nexus"
+            description="Curiosities answered."
             faqsAnimation="blur-reveal"
+            mediaAnimation="blur-reveal"
+            imageSrc="http://img.b2bpic.net/free-photo/chrome-key-tablet-updating-ai-systems_482257-90828.jpg?_wi=1"
           />
         </div>
 
@@ -178,12 +178,12 @@ export default function LandingPage() {
               { name: "email", type: "email", placeholder: "Channel" },
             ]}
             textarea={{ name: "msg", placeholder: "Transmission text..." }}
-            imageSrc="http://img.b2bpic.net/free-photo/chrome-key-tablet-updating-ai-systems_482257-90828.jpg"
+            imageSrc="http://img.b2bpic.net/free-photo/chrome-key-tablet-updating-ai-systems_482257-90828.jpg?_wi=2"
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterBaseReveal
+          <FooterBase
             logoText="KAMUI"
             columns={[
               { title: "Social", items: [{ label: "GitHub", href: "#" }, { label: "LinkedIn", href: "#" }] },