src/app/page.tsx

@@ -12,7 +12,7 @@ import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCa
 import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
 import FaqBase from "@/components/sections/faq/FaqBase";
 import ContactSplit from "@/components/sections/contact/ContactSplit";
-import FooterCard from "@/components/sections/footer/FooterCard";
+import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 import {
   Crown,
   Sparkles,
@@ -370,25 +370,45 @@ export default function HomePage() {
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterCard
+        <FooterBaseCard
           logoText="Luxe Properties"
-          copyrightText="© 2025 Luxe Properties. All rights reserved. Premium Real Estate Excellence."
-          socialLinks={[
+          columns={[
             {
-              icon: Facebook,
-              href: "https://facebook.com/luxeproperties",              ariaLabel: "Facebook"},
+              title: "Properties",              items: [
+                { label: "Residential", href: "#properties" },
+                { label: "Commercial", href: "#properties" },
+                { label: "International", href: "#properties" },
+                { label: "Investment", href: "#properties" },
+              ],
+            },
             {
-              icon: Instagram,
-              href: "https://instagram.com/luxeproperties",              ariaLabel: "Instagram"},
+              title: "Services",              items: [
+                { label: "Property Search", href: "#features" },
+                { label: "Investment Advisory", href: "#features" },
+                { label: "Concierge", href: "#features" },
+                { label: "Management", href: "#features" },
+              ],
+            },
             {
-              icon: Linkedin,
-              href: "https://linkedin.com/company/luxeproperties",              ariaLabel: "LinkedIn"},
+              title: "Company",              items: [
+                { label: "About Us", href: "#about" },
+                { label: "Our Team", href: "#team" },
+                { label: "Testimonials", href: "#testimonials" },
+                { label: "Contact", href: "#contact" },
+              ],
+            },
             {
-              icon: Twitter,
-              href: "https://twitter.com/luxeproperties",              ariaLabel: "Twitter"},
+              title: "Resources",              items: [
+                { label: "Market Insights", href: "#metrics" },
+                { label: "FAQ", href: "#faq" },
+                { label: "Blog", href: "#" },
+                { label: "Privacy Policy", href: "#" },
+              ],
+            },
           ]}
+          copyrightText="© 2025 Luxe Properties. All rights reserved. Premium Real Estate Excellence."
         />
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f6f7;
-  --card: #ffffff;
-  --foreground: #250c0d;
-  --primary-cta: #b82b40;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #f5f5f5;
+  --primary-cta: #d4af37;
   --primary-cta-text: #f7f6f7;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #250c0d;
-  --accent: #b90941;
-  --background-accent: #e8a8b6;
+  --accent: #b8860b;
+  --background-accent: #d4af37;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);