Update theme colors

Merge version_1 into main

src/app/page.tsx

@@ -8,9 +8,9 @@ import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwen
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
-import { Scissors, Clock, Zap, Calendar } from "lucide-react";
+import { Scissors, Clock, Zap, Calendar, MapPin, Phone, Mail } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -203,26 +203,24 @@ export default function LandingPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactSplit
+        <ContactCenter
           tag="Book Your Appointment"
-          title="Limited Availability. Reserve Your Slot."
+          title="Urban Style Meets Precision. Drop a Line."
-          description="Spots fill fast. Enter your email to check availability and book your next cut. Premium service for serious clients only."
+          description="Street-style booking for serious clients. Hit us up with your details and we'll lock you in. No fluff, just quality cuts and respect for your time."
           tagIcon={Calendar}
-          background={{ variant: "radial-gradient" }}
+          background={{ variant: "canvas-reveal" }}
           useInvertedBackground={true}
-          imageSrc="http://img.b2bpic.net/free-photo/hair-supplies-paper-bag_23-2148352906.jpg"
+          inputPlaceholder="Drop your email"
-          imageAlt="Professional barber tools"
+          buttonText="Lock In Your Cut"
-          mediaAnimation="slide-up"
+          termsText="By booking you're confirming alignment with our vibe and agree to the 24-hour cancellation policy. Keep it real."
-          mediaPosition="right"
-          inputPlaceholder="Enter your email to book"
-          buttonText="Check Availability"
-          termsText="By booking you confirm availability and agree to our cancellation policy. 24-hour notice required for rescheduling."
           ariaLabel="Contact section - Book appointment"
         />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterBaseReveal
+        <FooterMedia
+          imageSrc="http://img.b2bpic.net/free-photo/hair-supplies-paper-bag_23-2148352906.jpg"
+          imageAlt="Professional barber tools"
           columns={[
             {
               title: "Quick Links",              items: [
@@ -249,7 +247,7 @@ export default function LandingPage() {
               ]
             }
           ]}
-          copyrightText="© 2024 Isaiah Boire Elite Barber. Premium cuts for serious clients only."
+          copyrightText="© 2024 Isaiah Boire Elite Barber. Urban precision. Street respect."
           ariaLabel="Footer section"
         />
       </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f6f0e9;
+  --background: #ffffff;
-  --card: #efe7dd;
+  --card: #f9f9f9;
-  --foreground: #2b180a;
+  --foreground: #000f06e6;
-  --primary-cta: #2b180a;
+  --primary-cta: #0a7039;
-  --primary-cta-text: #f6f0e9;
+  --primary-cta-text: #ffffff;
-  --secondary-cta: #efe7dd;
+  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #2b180a;
+  --secondary-cta-text: #000f06e6;
-  --accent: #94877c;
+  --accent: #e2e2e2;
-  --background-accent: #afa094;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);