Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -10,9 +10,17 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactFaq from '@/components/sections/contact/ContactFaq';
-import { Award, CheckCircle, HelpCircle, Phone, Shield, Sparkles, Star, Zap } from 'lucide-react';
+import { Award, CheckCircle, HelpCircle, Phone, Shield, Sparkles, Star, Zap, MessageCircle, Calendar } from 'lucide-react';
 
 export default function LandingPage() {
+  const handleWhatsAppClick = () => {
+    window.open('https://wa.me/your-whatsapp-number', '_blank');
+  };
+
+  const handleBookingClick = () => {
+    window.open('https://your-booking-system-url.com', '_blank');
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="elastic-effect"
@@ -225,12 +233,12 @@ export default function LandingPage() {
       <div id="contact" data-section="contact">
         <ContactFaq
           ctaTitle="Ready to Fix Your AC?"
-          ctaDescription="Get in touch today for emergency repairs, installations, or maintenance contracts. We're here to serve you."
+          ctaDescription="Get in touch today for emergency repairs, installations, or maintenance contracts. We're here to serve you. Use our booking system or WhatsApp for instant contact."
           ctaButton={{ text: "Contact Us Now", href: "#" }}
           ctaIcon={Phone}
           faqs={[
             {
-              id: "1",              title: "How do I book an appointment?",              content: "You can book by calling us directly at +965 XXXX XXXX, sending a WhatsApp message, or filling out our online booking form. We'll confirm your appointment and provide an estimated arrival time."
+              id: "1",              title: "How do I book an appointment?",              content: "You can book by calling us directly, sending a WhatsApp message, using our online booking system, or filling out our booking form. We'll confirm your appointment and provide an estimated arrival time."
             },
             {
               id: "2",              title: "What areas of Kuwait do you service?",              content: "We serve all residential and commercial areas across Kuwait including Salmiya, Hawally, Kuwait City, Jabriya, Nuzha, Mahboula, and surrounding regions. Call us to confirm service availability for your area."
@@ -248,6 +256,25 @@ export default function LandingPage() {
           showCard={true}
         />
       </div>
+
+      <div className="fixed bottom-6 right-6 flex gap-3 z-50">
+        <button
+          onClick={handleWhatsAppClick}
+          className="flex items-center justify-center w-14 h-14 bg-green-500 hover:bg-green-600 text-white rounded-full shadow-lg transition-all hover:scale-110"
+          title="Contact via WhatsApp"
+          aria-label="Contact via WhatsApp"
+        >
+          <MessageCircle size={24} />
+        </button>
+        <button
+          onClick={handleBookingClick}
+          className="flex items-center justify-center w-14 h-14 bg-blue-500 hover:bg-blue-600 text-white rounded-full shadow-lg transition-all hover:scale-110"
+          title="Book an appointment"
+          aria-label="Book an appointment"
+        >
+          <Calendar size={24} />
+        </button>
+      </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -12,13 +12,13 @@
 
   --background: #f7f6f7;
   --card: #ffffff;
-  --foreground: #25190c;
-  --primary-cta: #ff6207;
+  --foreground: #0c1325;
+  --primary-cta: #0798ff;
   --primary-cta-text: #f7f6f7;
   --secondary-cta: #ffffff;
-  --secondary-cta-text: #25190c;
-  --accent: #ffce93;
-  --background-accent: #e8cfa8;
+  --secondary-cta-text: #0c1325;
+  --accent: #93c7ff;
+  --background-accent: #a8cde8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);