Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -10,7 +10,7 @@ import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { MapPin, Phone, Mail, Clock } from 'lucide-react';
+import { MapPin, Phone, Mail, Clock, Facebook, Instagram, Twitter, Linkedin } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -65,7 +65,7 @@ export default function LandingPage() {
           useInvertedBackground={false}
           buttons={[
             { text: "Our Story", href: "#community" },
-            { text: "Reserve a Table", href: "#contact" }
+            { text: "Reserve a Table", href: "#visit" }
           ]}
           buttonAnimation="opacity"
         />
@@ -178,7 +178,7 @@ export default function LandingPage() {
       <div id="visit" data-section="visit">
         <ContactFaq
           ctaTitle="Visit Our Neighborhood Hub"
-          ctaDescription="123 Community Street, Your Neighborhood, City 12345\n\nOpen Monday–Friday: 6:30 AM – 8 PM\nSaturday: 7 AM – 9 PM\nSunday: 8 AM – 7 PM\n\nPhone: (555) 123-4567\nEmail: hello@cup2cafe.local"
+          ctaDescription="123 Community Street, Your Neighborhood, City 12345\n\nOpen Monday–Friday: 6:30 AM – 8 PM\nSaturday: 7 AM – 9 PM\nSunday: 8 AM – 7 PM\n\nPhone: (555) 123-4567\nEmail: hello@cup2cafe.local\n\nFollow Us On Social Media\nFacebook | Instagram | Twitter | LinkedIn"
           ctaIcon={MapPin}
           ctaButton={{ text: "Get Directions", href: "https://maps.google.com" }}
           useInvertedBackground={true}
@@ -222,11 +222,19 @@ export default function LandingPage() {
               ]
             },
             {
-              title: "Contact",              items: [
+              title: "Connect",              items: [
                 { label: "Visit Us", href: "#visit" },
-                { label: "Call: (555) 123-4567", href: "tel:+15551234567" },
+                { label: "Phone: (555) 123-4567", href: "tel:+15551234567" },
                 { label: "Email: hello@cup2cafe.local", href: "mailto:hello@cup2cafe.local" },
-                { label: "Follow Us", href: "#" }
+                { label: "Instagram", href: "https://instagram.com" }
+              ]
+            },
+            {
+              title: "Follow Us",              items: [
+                { label: "Facebook", href: "https://facebook.com" },
+                { label: "Instagram", href: "https://instagram.com" },
+                { label: "Twitter", href: "https://twitter.com" },
+                { label: "LinkedIn", href: "https://linkedin.com" }
               ]
             }
           ]}
@@ -234,4 +242,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
+  --background: #0a0a0a;
   --card: #1a1a1a;
   --foreground: #ffffff;
   --primary-cta: #10b981;
   --primary-cta-text: #f6f0e9;
-  --secondary-cta: #0a1a0c;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #2b180a;
-  --accent: #1a3d1f;
-  --background-accent: #355e3b;
+  --accent: #059669;
+  --background-accent: #047857;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);