Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -172,7 +172,11 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
+      <FaqDouble
+      title="Frequently Asked Questions"
+      description="Answers to common inquiries about our creative services and process."
+      faqsAnimation="slide-up"
+      textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
         {
@@ -182,61 +186,43 @@ export default function LandingPage() {
         {
           id: "q3",          title: "How do we get started?",          content: "Book a discovery call through our contact section and we'll schedule an initial consultation."},
       ]}
-      sideTitle="Frequently Asked Questions"
-      faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "radial-gradient"}}
+      <ContactCenter
       tag="Elevate Your Brand"
       title="Ready to Start?"
       description="Let's create something extraordinary together."
-      buttons={[
-        {
-          text: "Book a Call",          href: "#"},
-      ]}
+      background={{ variant: "plain" }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/dark-green-water_23-2147933832.jpg"
+      <FooterBase
       logoText="AUREX STUDIO"
       columns={[
         {
           title: "Services",          items: [
-            {
-              label: "Brand Identity",              href: "#"},
-            {
-              label: "Logo Design",              href: "#"},
-            {
-              label: "Web Design",              href: "#"},
-            {
-              label: "Social Media",              href: "#"},
+            { label: "Brand Identity", href: "#" },
+            { label: "Logo Design", href: "#" },
+            { label: "Web Design", href: "#" },
+            { label: "Social Media", href: "#" },
           ],
         },
         {
           title: "Company",          items: [
-            {
-              label: "About Us",              href: "#"},
-            {
-              label: "Our Process",              href: "#"},
-            {
-              label: "Case Studies",              href: "#"},
-            {
-              label: "Contact",              href: "#"},
+            { label: "About Us", href: "#" },
+            { label: "Our Process", href: "#" },
+            { label: "Case Studies", href: "#" },
+            { label: "Contact", href: "#" },
           ],
         },
         {
           title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"},
+            { label: "Privacy Policy", href: "#" },
+            { label: "Terms of Service", href: "#" },
           ],
         },
       ]}