diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index bec9076..a885c6c 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
-import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+import FooterCard from "@/components/sections/footer/FooterCard";
 import { Mail, MapPin, Phone, Clock, Facebook, Twitter, Linkedin, Instagram } from "lucide-react";
 import { useState } from "react";
 
@@ -168,33 +168,15 @@ export default function ContactPage() {
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterBaseReveal
-          columns={[
-            {
-              title: "Services",              items: [
-                { label: "Oil Changes", href: "/#services" },
-                { label: "Brake Service", href: "/#services" },
-                { label: "Tire Services", href: "/#services" },
-                { label: "Diagnostics", href: "/#services" }
-              ]
-            },
-            {
-              title: "Company",              items: [
-                { label: "About Us", href: "/#about" },
-                { label: "Why Us", href: "/#about" },
-                { label: "Testimonials", href: "/#testimonials" },
-                { label: "Contact", href: "/contact" }
-              ]
-            },
-            {
-              title: "Support",              items: [
-                { label: "Warranty Info", href: "#" },
-                { label: "Schedule Service", href: "/#contact" },
-                { label: "Contact Us", href: "/contact" }
-              ]
-            }
-          ]}
+        <FooterCard
+          logoText="Dallas Automotive"
           copyrightText="© 2024 Dallas Automotive. All rights reserved."
+          socialLinks={[
+            { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+            { icon: Twitter, href: "#", ariaLabel: "Twitter" },
+            { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
+            { icon: Instagram, href: "#", ariaLabel: "Instagram" }
+          ]}
         />
       </div>
     </ThemeProvider>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 029c252..068f742 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,8 +8,8 @@ import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCa
 import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
 import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
 import ContactCenter from "@/components/sections/contact/ContactCenter";
-import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-import { Award, CheckCircle, Cog, Droplets, Gauge, Phone, Rotate3D, Shield, TrendingUp, Wrench, Zap } from "lucide-react";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { Award, CheckCircle, Cog, Droplets, Gauge, Phone, Rotate3D, Shield, TrendingUp, Wrench, Zap, Facebook, Twitter, Linkedin, Instagram } from "lucide-react";
 import { useState } from "react";
 
 export default function LandingPage() {
@@ -228,33 +228,15 @@ export default function LandingPage() {
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterBaseReveal
-          columns={[
-            {
-              title: "Services",              items: [
-                { label: "Oil Changes", href: "#services" },
-                { label: "Brake Service", href: "#services" },
-                { label: "Tire Services", href: "#services" },
-                { label: "Diagnostics", href: "#services" }
-              ]
-            },
-            {
-              title: "Company",              items: [
-                { label: "About Us", href: "#about" },
-                { label: "Why Us", href: "#about" },
-                { label: "Testimonials", href: "#testimonials" },
-                { label: "Contact", href: "#contact" }
-              ]
-            },
-            {
-              title: "Support",              items: [
-                { label: "Warranty Info", href: "#" },
-                { label: "Schedule Service", href: "#contact" },
-                { label: "Contact Us", href: "#contact" }
-              ]
-            }
-          ]}
+        <FooterCard
+          logoText="Dallas Automotive"
           copyrightText="© 2024 Dallas Automotive. All rights reserved."
+          socialLinks={[
+            { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+            { icon: Twitter, href: "#", ariaLabel: "Twitter" },
+            { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
+            { icon: Instagram, href: "#", ariaLabel: "Instagram" }
+          ]}
         />
       </div>