Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -216,22 +216,24 @@ export default function LandingPage() {
       </div>
 
       <div id="metrics" data-section="metrics">
-        <MetricCardThree
+        <a href="/contact" className="block">
-          title="Why Choose Arez"
+          <MetricCardThree
-          description="Our commitment to excellence reflected in numbers"
+            title="Why Choose Arez"
-          tag="Our Impact"
+            description="Trusted by 100+ clients with 95% 5-star reviews and 10+ years of expertise"
-          tagIcon={TrendingUp}
+            tag="Our Impact"
-          tagAnimation="slide-up"
+            tagIcon={TrendingUp}
-          animationType="slide-up"
+            tagAnimation="slide-up"
-          textboxLayout="default"
+            animationType="slide-up"
-          useInvertedBackground={true}
+            textboxLayout="default"
-          metrics={[
+            useInvertedBackground={true}
-            { id: '1', icon: Users, title: 'Satisfied Clients', value: '100+' },
+            metrics={[
-            { id: '2', icon: Award, title: 'Expert Barbers', value: '5+' },
+              { id: '1', icon: Users, title: 'Satisfied Clients', value: '100+' },
-            { id: '3', icon: Star, title: '5-Star Reviews', value: '95%' },
+              { id: '2', icon: Award, title: 'Expert Barbers', value: '5+' },
-            { id: '4', icon: Clock, title: 'Years Experience', value: '10+' }
+              { id: '3', icon: Star, title: '5-Star Reviews', value: '95%' },
-          ]}
+              { id: '4', icon: Clock, title: 'Years Experience', value: '10+' }
-        />
+            ]}
+          />
+        </a>
       </div>
 
       <div id="location-contact" data-section="location-contact" className="w-full py-16 md:py-20 px-4 md:px-6">
@@ -246,7 +248,6 @@ export default function LandingPage() {
           </div>
 
           <div className="grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-12">
-            {/* Map Section */}
             <div className="rounded-lg overflow-hidden shadow-lg h-80 md:h-96">
               <iframe
                 src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3155.8974300000003!2d44.0059!3d36.1914!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2sArez%20Barbershop%20Erbil!5e0!3m2!1sen!2siq!4v1234567890"
@@ -261,35 +262,31 @@ export default function LandingPage() {
               />
             </div>
 
-            {/* Contact Information */}
             <div className="space-y-8">
-              {/* Phone */}
               <div className="flex gap-4">
                 <div className="flex-shrink-0">
                   <Phone className="w-6 h-6 text-primary-cta mt-1" />
                 </div>
                 <div>
                   <h3 className="text-lg font-semibold mb-2">Phone</h3>
-                  <a href="tel:+9647501234567" className="text-foreground/75 hover:text-primary-cta transition-colors">
+                  <a href="tel:+9647504925292" className="text-foreground/75 hover:text-primary-cta transition-colors">
-                    +964 750 123 4567
+                    +964 750 492 5292
                   </a>
                 </div>
               </div>
 
-              {/* WhatsApp */}
               <div className="flex gap-4">
                 <div className="flex-shrink-0">
                   <MessageSquare className="w-6 h-6 text-primary-cta mt-1" />
                 </div>
                 <div>
                   <h3 className="text-lg font-semibold mb-2">WhatsApp</h3>
-                  <a href="https://wa.me/9647501234567" target="_blank" rel="noopener noreferrer" className="text-foreground/75 hover:text-primary-cta transition-colors">
+                  <a href="https://wa.me/9647504925292" target="_blank" rel="noopener noreferrer" className="text-foreground/75 hover:text-primary-cta transition-colors">
                     Message us on WhatsApp
                   </a>
                 </div>
               </div>
 
-              {/* Business Hours */}
               <div className="flex gap-4">
                 <div className="flex-shrink-0">
                   <Clock className="w-6 h-6 text-primary-cta mt-1" />
@@ -297,9 +294,13 @@ export default function LandingPage() {
                 <div>
                   <h3 className="text-lg font-semibold mb-2">Business Hours</h3>
                   <div className="text-foreground/75 space-y-1 text-sm md:text-base">
-                    <p>Monday - Friday: 9:00 AM - 8:00 PM</p>
+                    <p>Thursday: 8:30 AM - 12:00 AM</p>
-                    <p>Saturday: 10:00 AM - 7:00 PM</p>
+                    <p>Friday: 2:00 PM - 12:00 AM</p>
-                    <p>Sunday: 10:00 AM - 6:00 PM</p>
+                    <p>Saturday: 8:30 AM - 12:00 AM</p>
+                    <p>Sunday: 8:30 AM - 12:00 AM</p>
+                    <p>Monday: 8:30 AM - 12:00 AM</p>
+                    <p>Tuesday: 8:30 AM - 12:00 AM</p>
+                    <p>Wednesday: 8:30 AM - 12:00 AM (Eid al-Fitr)</p>
                   </div>
                 </div>
               </div>
@@ -349,7 +350,7 @@ export default function LandingPage() {
               items: [
                 { label: 'Facebook', href: 'https://facebook.com' },
                 { label: 'Instagram', href: 'https://instagram.com' },
-                { label: 'WhatsApp', href: 'https://wa.me/9647501234567' },
+                { label: 'WhatsApp', href: 'https://wa.me/9647504925292' },
                 { label: 'Email', href: 'mailto:contact@arezbarbershop.com' }
               ]
             }