Merge version_7 into main

Merge version_7 into main

src/app/page.tsx

@@ -2,6 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { useState } from "react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
@@ -14,6 +15,8 @@ import TeamCardTen from '@/components/sections/team/TeamCardTen';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 
 export default function LandingPage() {
+  const [isModalOpen, setIsModalOpen] = useState(false);
+
   return (
     <ThemeProvider
         defaultButtonVariant="hover-magnetic"
@@ -27,6 +30,17 @@ export default function LandingPage() {
         secondaryButtonStyle="radial-glow"
         headingFontWeight="medium"
     >
+      {isModalOpen && (
+        <div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/60 backdrop-blur-sm" onClick={() => setIsModalOpen(false)}>
+          <div className="bg-white dark:bg-neutral-900 p-8 rounded-2xl shadow-2xl max-w-sm w-full text-center" onClick={(e) => e.stopPropagation()}>
+            <h2 className="text-2xl font-bold mb-4">Emergency Call</h2>
+            <p className="text-lg mb-6">Call our 24/7 support line now:</p>
+            <a href="tel:5550199" className="block text-3xl font-black text-blue-600 mb-8">555-0199</a>
+            <button onClick={() => setIsModalOpen(false)} className="w-full py-3 bg-neutral-100 dark:bg-neutral-800 rounded-lg">Close</button>
+          </div>
+        </div>
+      )}
+
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
@@ -47,7 +61,7 @@ export default function LandingPage() {
       description="24/7 expert emergency plumbing, high-end repairs, and full system installations. EliteFlow delivers precision and reliability for your home."
       tag="EliteFlow Plumbing"
       buttons={[
-        { text: "Call 24/7 Service", href: "tel:5550199" },
+        { text: "Call 24/7 Service", onClick: () => setIsModalOpen(true) },
       ]}
       mediaItems={[
         {
@@ -206,4 +220,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-mulish), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
 }