diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index fde32ae..c176624 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,21 +1,10 @@
import type { Metadata } from "next";
-import { Halant } from "next/font/google";
-import { Inter } from "next/font/google";
import { Manrope } from "next/font/google";
import { DM_Sans } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
-const halant = Halant({
- variable: "--font-halant", subsets: ["latin"],
- weight: ["300", "400", "500", "600", "700"],
-});
-
-const inter = Inter({
- variable: "--font-inter", subsets: ["latin"],
-});
-
const manrope = Manrope({
variable: "--font-manrope", subsets: ["latin"],
});
diff --git a/src/app/page.tsx b/src/app/page.tsx
index e284492..edb6cbb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,8 +8,25 @@ import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import ContactText from "@/components/sections/contact/ContactText";
import FooterBase from "@/components/sections/footer/FooterBase";
+import { Wrench, Flame, Wind, Thermometer, Phone, MapPin, Mail } from "lucide-react";
+import { useEffect, useState } from "react";
export default function LandingPage() {
+ const [showMobileButton, setShowMobileButton] = useState(false);
+
+ useEffect(() => {
+ const handleScroll = () => {
+ if (window.scrollY > 300) {
+ setShowMobileButton(true);
+ } else {
+ setShowMobileButton(false);
+ }
+ };
+
+ window.addEventListener("scroll", handleScroll);
+ return () => window.removeEventListener("scroll", handleScroll);
+ }, []);
+
return (
+ {/* Sticky Mobile Call Button */}
+ {showMobileButton && (
+
+
+
+ )}
+
@@ -65,20 +93,57 @@ export default function LandingPage() {
+
+
+
+
+
+
+
+
@@ -87,39 +152,15 @@ export default function LandingPage() {
-
-
-
-