Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -13,6 +13,10 @@ import FooterCard from '@/components/sections/footer/FooterCard';
 import { Award, Scissors, Users, Clock, Zap, Star, Phone, Facebook, Instagram, Camera, TrendingUp } from 'lucide-react';
 
 export default function LandingPage() {
+  const handleCallClick = () => {
+    window.location.href = 'tel:+1234567890';
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="bounce-effect"
@@ -188,15 +192,15 @@ export default function LandingPage() {
 
       <div id="contact" data-section="contact">
         <ContactCenter
-          tag="Get In Touch"
+          tag="Call Us Now"
           tagIcon={Phone}
-          title="Book Your Appointment Today"
-          description="Call us, visit in person, or send us a message. We're here to serve you with premium barbershop care."
+          title="(555) 123-4567"
+          description="Open 7 AM – 5 PM Daily. No appointment needed – walk-ins welcome! Tap to call and book your appointment or visit us in person for immediate service."
           background={{ variant: "rotated-rays-animated-grid" }}
           useInvertedBackground={true}
-          inputPlaceholder="Your email"
-          buttonText="Get In Touch"
-          termsText="We'll respond within 30 minutes. Open 7 AM – 5 PM daily."
+          buttonText="Call Now"
+          onSubmit={handleCallClick}
+          termsText="Direct phone booking is the fastest way to schedule your appointment. We answer calls within 1 minute during business hours."
         />
       </div>