Merge version_4 into main

Merge version_4 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 ContactCenter from '@/components/sections/contact/ContactCenter';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
@@ -144,38 +144,39 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
+      <FaqDouble
+      textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
         { id: "q1", title: "How long does a project take?", content: "Depending on scope, 4-12 weeks." },
         { id: "q2", title: "Do you offer maintenance?", content: "Yes, we have ongoing support packages." },
-        { id: "q3", title: "What is your pricing model?", content: "Fixed project fee or retainer based." }
+        { id: "q3", title: "What is your pricing model?", content: "Every project is custom-tailored for maximum fairness and value. Reach out for a bespoke consultation." }
       ]}
-      title="Frequently Asked"
-      description="Get quick answers about our processes."
+      title="Frequently Asked Questions"
+      description="Get quick answers about our processes and collaboration methods."
       faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
+      <ContactCenter
+      tag="Let's Connect"
+      title="Ready to transform your digital presence?"
+      description="We're ready to partner with you on your next big idea."
       background={{ variant: "sparkles-gradient" }}
-      text="Ready to transform your digital presence? Let's talk."
-      buttons={[{ text: "Contact Us", href: "mailto:hello@agency.com" }]}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="AgencyCore"
+      <FooterSimple
       columns={[
         { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
         { title: "Services", items: [{ label: "Web Design", href: "#features" }, { label: "Development", href: "#features" }] },
         { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] }
       ]}
-      copyrightText="© 2024 AgencyCore Inc. All rights reserved."
+      bottomLeftText="© 2024 AgencyCore Inc. All rights reserved."
+      bottomRightText="Built with AgencyCore"
     />
   </div>
       </ReactLenis>