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 ( @@ -130,7 +142,7 @@ export default function LandingPage() { imageSrc="http://img.b2bpic.net/free-photo/process-polishing-welding-metal-factory_651396-4.jpg?_wi=2" imageAlt="Equipo profesional de Herrería NAM" buttons={[ - { text: "Solicitar presupuesto", href: "#contact" } + { text: "Solicitar presupuesto", href: "https://wa.me/543518139382?text=Hola%2C%20vi%20tu%20p%C3%A1gina%20web%20y%20quiero%20consultar%20por%20un%20trabajo%20de%20herrer%C3%ADa" } ]} useInvertedBackground={false} /> @@ -213,6 +225,18 @@ export default function LandingPage() { bottomRightText="Córdoba, Argentina" /> + + {/* Floating WhatsApp Button */} + + + WhatsApp + ); }