src/app/page.tsx

@@ -8,8 +8,8 @@ import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import TeamCardSix from '@/components/sections/team/TeamCardSix';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import { Shield, Trophy, Car, Star, MapPin, Phone } from 'lucide-react';
 
 export default function LandingPage() {
@@ -211,23 +211,19 @@ export default function LandingPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactCTA
+        <ContactCenter
           tag="Get in Touch"
           tagIcon={Phone}
           title="Ready to Protect Your Investment?"
           description="Schedule your Phantom PPF consultation today. Our team is available every day from 9 AM to 9 PM across the UAE. Contact us via phone, email, or visit our workshop."
-          buttons={[
-            { text: "Call Now: +971 52 365 6678", href: "tel:+97152365667" },
-            { text: "Email: ahadbkd@gmail.com", href: "mailto:ahadbkd@gmail.com" }
-          ]}
           background={{ variant: "plain" }}
           useInvertedBackground={true}
+          onSubmit={(email) => console.log("Email submission:", email)}
         />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterLogoEmphasis
-          logoText="Phantom PPF"
+        <FooterSimple
           columns={[
             {
               items: [
@@ -258,8 +254,10 @@ export default function LandingPage() {
               ]
             }
           ]}
+          bottomLeftText="© 2025 Phantom PPF. All rights reserved."
+          bottomRightText="Premium Paint Protection Film"
         />
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -17,7 +17,7 @@
   --primary-cta-text: #ffffff;
   --secondary-cta: #1a1a1a;
   --secondary-cta-text: #ffffff;
-  --accent: #737373;
+  --accent: #ffffff;
   --background-accent: #ff2e1f;
 
   /* text sizing - set by ThemeProvider */