Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqBase from '@/components/sections/faq/FaqBase';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 
 export default function LandingPage() {
   return (
@@ -112,57 +112,61 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="split"
+      <TestimonialCardFifteen
+      testimonial="The most professional team I've worked with. They truly understand the narrative flow and have impeccable taste in color grading."
+      rating={5}
+      author="Sarah Jenkins"
+      avatars={[{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg", alt: "Sarah Jenkins" }]}
+      ratingAnimation="slide-up"
+      avatarsAnimation="slide-up"
       useInvertedBackground={true}
-      testimonials={[
-        { id: "t1", name: "Sarah Jenkins", handle: "@marketing", testimonial: "The most professional team I've worked with. They truly understand the narrative flow.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg" },
-        { id: "t2", name: "Marcus Thorne", handle: "@creative", testimonial: "Incredible turn-around times and impeccable taste in color grading.", imageSrc: "http://img.b2bpic.net/free-photo/face-handsome-cafe-adult-job_1157-3664.jpg" },
-        { id: "t3", name: "Elena Rodriguez", handle: "@startup", testimonial: "They captured the essence of our product instantly. Very happy with the results.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg" },
-      ]}
-      title="What Our Clients Say"
-      description="Professional feedback from partners who trust us with their vision."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
+      <FaqSplitText
       faqsAnimation="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
       faqs={[
         { id: "q1", title: "How does the revision process work?", content: "We offer three rounds of revisions per project to ensure the final output perfectly matches your vision." },
         { id: "q2", title: "Do you handle custom motion graphics?", content: "Absolutely. Our team includes specialized motion graphic designers for custom branding and vfx." },
         { id: "q3", title: "What is the typical turnaround time?", content: "Turnaround depends on project scope, but most short-form projects are delivered within 48-72 hours." },
       ]}
-      title="Common Questions"
-      description="Learn more about our process and how we handle client projects."
+      sideTitle="Common Questions"
+      sideDescription="Learn more about our process and how we handle client projects."
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
+      <ContactCenter
+      tag="Contact"
       title="Start Your Project"
       description="Ready to elevate your video content? Reach out and let's start a conversation about your creative goals."
-      inputs={[
-        { name: "name", type: "text", placeholder: "Your Name" },
-        { name: "email", type: "email", placeholder: "Your Email" },
-      ]}
-      textarea={{ name: "message", placeholder: "Tell us about your project..." }}
-      imageSrc="http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780739.jpg"
+      useInvertedBackground={true}
+      background={{ variant: "plain" }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterLogoEmphasis
       logoText="EditPro Agency"
-      leftLink={{ text: "Privacy Policy", href: "#" }}
-      rightLink={{ text: "Contact Us", href: "#contact" }}
+      columns={[
+        {
+            items: [
+                { label: "Work", href: "#portfolio" },
+                { label: "Services", href: "#services" },
+            ]
+        },
+        {
+            items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Contact Us", href: "#contact" },
+            ]
+        }
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}