src/app/page.tsx

@@ -2,8 +2,8 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -11,7 +11,7 @@ import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import TextAbout from '@/components/sections/about/TextAbout';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import { Building2, Star } from "lucide-react";
 
 export default function LandingPage() {
@@ -75,10 +75,13 @@ export default function LandingPage() {
   </div>
 
   <div id="about" data-section="about">
-      <TextAbout
+      <InlineImageSplitTextAbout
+      heading={[
+          { type: "text", content: "Setting the Standard for " },
+          { type: "text", content: "Gaming Excellence" }
+      ]}
       useInvertedBackground={false}
-      title="Built for Serious Gamers"
-      buttons={[{ text: "Learn More" }]}
+      buttons={[{ text: "Our Commitment" }]}
     />
   </div>
 
@@ -160,22 +163,20 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactCTA
+      tag="Support Center"
+      title="We're Here to Help"
+      description="Our dedicated support team is available 24/7 to assist with your orders, account, or technical issues."
+      buttons={[{ text: "Contact Support", href: "#" }]}
       useInvertedBackground={true}
-      background={{ variant: "animated-grid" }}
-      tag="Contact"
-      title="Join the Orbit"
-      description="Subscribe for news and deals."
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterLogoReveal
       logoText="GameOrbit"
-      columns={[
-        { title: "Store", items: [{ label: "Shop", href: "#products" }, { label: "Deals", href: "#pricing" }] },
-        { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#" }] },
-      ]}
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Terms of Service", href: "#" }}
     />
   </div>
       </ReactLenis>