src/app/page.tsx

@@ -3,10 +3,10 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactText from '@/components/sections/contact/ContactText';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -22,10 +22,10 @@ export default function LandingPage() {
         borderRadius="rounded"
         contentWidth="small"
         sizing="mediumLarge"
-        background="noise"
-        cardStyle="subtle-shadow"
-        primaryButtonStyle="gradient"
-        secondaryButtonStyle="radial-glow"
+        background="none"
+        cardStyle="solid"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="solid"
         headingFontWeight="normal"
     >
       <ReactLenis root>
@@ -147,25 +147,24 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactText
+      text="Join the Apple Ecosystem and stay ahead of the curve with our latest updates."
+      background={{ variant: "plain" }}
       useInvertedBackground={false}
-      background={{ variant: "radial-gradient" }}
-      tag="Stay Connected"
-      title="Join the Apple Ecosystem"
-      description="Sign up for updates on our latest products and innovations."
+      buttons={[{ text: "Get Started" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        { items: [{ label: "Products", href: "#products" }, { label: "Support", href: "#contact" }] },
-        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] }
-      ]}
+      <FooterBaseCard
       logoText="Apple"
+      columns={[
+        { title: "Products", items: [{ label: "iPhone", href: "#" }, { label: "Mac", href: "#" }] },
+        { title: "Support", items: [{ label: "Help", href: "#" }, { label: "Contact", href: "#contact" }] }
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}