Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -3,19 +3,18 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MediaAbout from '@/components/sections/about/MediaAbout';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import { Award, Shield, Zap } from "lucide-react";
+import { Award, Shield, Zap, Phone, MessageCircle, MessageSquareText } from "lucide-react";
 
 export default function LandingPage() {
+  const whatsappLink = "https://wa.me/18764784799";
+
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
@@ -54,6 +53,10 @@ export default function LandingPage() {
               { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-filling-out-insurance-contract_482257-85122.jpg", imageAlt: "ac technician working on system" },
             ]}
             mediaAnimation="slide-up"
+            buttons={[
+              { text: "Call Service 1", href: "tel:8764784799" },
+              { text: "Call Service 2", href: "tel:8763746261" }
+            ]}
           />
         </div>
 
@@ -105,7 +108,7 @@ export default function LandingPage() {
             useInvertedBackground={true}
             plans={[
               { id: "basic", tag: "Annual", price: "$199", period: "/yr", description: "Basic seasonal checks.", button: { text: "Select Plan" }, featuresTitle: "Included", features: ["1 Annual Check", "15% off parts"] },
-              { id: "pro", tag: "Recommended", price: "$399", period: "/yr", description: "Priority support.", button: { text: "Select Plan" }, featuresTitle: "Included", features: ["2 Annual Checks", "Priority repair", "30% off parts"] },
+              { id: "pro", tag: "Most Popular", price: "$399", period: "/yr", description: "Priority support.", button: { text: "Select Plan" }, featuresTitle: "Included", features: ["2 Annual Checks", "Priority repair", "30% off parts"] },
               { id: "enterprise", tag: "Premium", price: "$599", period: "/yr", description: "Complete peace of mind.", button: { text: "Select Plan" }, featuresTitle: "Included", features: ["4 Quarterly Checks", "Free repairs", "Lifetime warranty"] },
             ]}
             title="Service Membership Plans"
@@ -119,7 +122,7 @@ export default function LandingPage() {
             background={{ variant: "gradient-bars" }}
             tag="Get in touch"
             title="Ready for Perfect Comfort?"
-            description="Contact us today to schedule your consultation."
+            description="Contact us today to schedule your consultation or chat with us on WhatsApp."
           />
         </div>
 
@@ -129,6 +132,15 @@ export default function LandingPage() {
             copyrightText="© 2025 | CoolFlow AC Solutions"
           />
         </div>
+
+        <div className="fixed bottom-6 right-6 z-50 flex flex-col gap-3">
+           <a href={whatsappLink} target="_blank" rel="noreferrer" className="bg-green-500 text-white p-4 rounded-full shadow-lg hover:scale-110 transition-transform">
+             <MessageCircle size={28} />
+           </a>
+           <div className="bg-primary text-primary-foreground p-4 rounded-full shadow-lg cursor-pointer hover:scale-110 transition-transform">
+             <MessageSquareText size={28} />
+           </div>
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );