src/app/page.tsx

@@ -8,8 +8,9 @@ import AboutMetric from '@/components/sections/about/AboutMetric';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import { TrendingUp, Zap, Settings, Target, Sparkles, Calculator, Mail } from 'lucide-react';
+import { TrendingUp, Zap, Settings, Target, Sparkles, Calculator, Mail, Facebook, Instagram, TikTok } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -214,7 +215,7 @@ export default function LandingPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactCenter
+        <ContactSplit
           tag="Get In Touch"
           tagIcon={Mail}
           title="Request Your Free Restaurant Audit"
@@ -224,6 +225,7 @@ export default function LandingPage() {
           inputPlaceholder="your@email.com"
           buttonText="Get Free Audit"
           termsText="We respect your privacy. We'll only use your information to prepare your personalized restaurant audit."
+          mediaPosition="right"
         />
       </div>
 

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #e3deea;
-  --card: #ffffff;
-  --foreground: #1f2027;
-  --primary-cta: #1f2027;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffff;
+  --primary-cta: #10b981;
   --primary-cta-text: #e3deea;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #1f2027;
-  --accent: #627dc6;
-  --background-accent: #627dc6;
+  --accent: #10b981;
+  --background-accent: #10b981;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);