src/app/page.tsx

@@ -9,7 +9,7 @@ import TeamCardOne from '@/components/sections/team/TeamCardOne';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import { Award, ChevronRight, HelpCircle, Heart, Instagram, Facebook, MessageCircle, MessageSquare, Sparkles, Star, Users, Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -213,14 +213,14 @@ export default function LandingPage() {
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterCard
+        <FooterLogoReveal
           logoText="Azurelle Salon"
-          copyrightText="© 2025 Azurelle Salon. All rights reserved. Located at Eikestad Mall, Stellenbosch."
-          socialLinks={[
-            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
-            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
-            { icon: MessageCircle, href: "https://wa.me/27123456789", ariaLabel: "WhatsApp" }
-          ]}
+          leftLink={{
+            text: "© 2025 Azurelle Salon",            href: "#home"
+          }}
+          rightLink={{
+            text: "Follow Us",            href: "https://instagram.com"
+          }}
           ariaLabel="Site Footer"
         />
       </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fffefe;
-  --card: #f6f7f4;
-  --foreground: #080908;
-  --primary-cta: #0e3a29;
+  --background: #f5f4ef;
+  --card: #dad6cd;
+  --foreground: #2a2928;
+  --primary-cta: #2a2928;
   --primary-cta-text: #fffefe;
-  --secondary-cta: #e7eecd;
+  --secondary-cta: #ecebea;
   --secondary-cta-text: #080908;
-  --accent: #35c18b;
-  --background-accent: #ecebe4;
+  --accent: #ffffff;
+  --background-accent: #c6b180;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);