diff --git a/src/app/layout.tsx b/src/app/layout.tsx index b0527ff..7dfccd6 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -20,6 +20,23 @@ export default function RootLayout({ }) { return ( +
+ + + {children} diff --git a/src/app/page.tsx b/src/app/page.tsx index 2e83a46..f9039a8 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -9,9 +9,21 @@ import MediaAbout from '@/components/sections/about/MediaAbout'; import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive'; import ContactSplit from '@/components/sections/contact/ContactSplit'; import FooterSimple from '@/components/sections/footer/FooterSimple'; -import { Shield, Mail } from "lucide-react"; +import { Shield, Mail, MessageCircle } from "lucide-react"; +import { useEffect, useState } from "react"; export default function LandingPage() { + const [isMobile, setIsMobile] = useState(false); + + useEffect(() => { + const checkMobile = () => { + setIsMobile(window.innerWidth < 768); + }; + checkMobile(); + window.addEventListener('resize', checkMobile); + return () => window.removeEventListener('resize', checkMobile); + }, []); + return (