Merge version_4 into main #6
@@ -20,6 +20,23 @@ export default function RootLayout({
|
||||
}) {
|
||||
return (
|
||||
<html lang="es">
|
||||
<head>
|
||||
<script
|
||||
async
|
||||
src="https://cdn.jsdelivr.net/npm/lenis@1.1.13/dist/lenis.min.js"
|
||||
/>
|
||||
<script>
|
||||
{`
|
||||
const lenis = new Lenis();
|
||||
lenis.on('scroll', (e) => {});
|
||||
function raf(time) {
|
||||
lenis.raf(time);
|
||||
requestAnimationFrame(raf);
|
||||
}
|
||||
requestAnimationFrame(raf);
|
||||
`}
|
||||
</script>
|
||||
</head>
|
||||
<body className={`${geist.variable} ${geistMono.variable} antialiased`}>
|
||||
{children}
|
||||
|
||||
|
||||
@@ -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 (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
@@ -53,7 +65,7 @@ export default function LandingPage() {
|
||||
mediaAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Llamar ahora", href: "tel:+543518139382" },
|
||||
{ text: "Pedir presupuesto", href: "#contact" }
|
||||
{ text: "Pedir 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" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Floating WhatsApp Button */}
|
||||
<a
|
||||
href="https://wa.me/543518139382?text=Hola%2C%20vi%20tu%20p%C3%A1gina%20web%20y%20quiero%20consultar%20por%20un%20trabajo%20de%20herrer%C3%ADa"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="fixed bottom-6 right-6 z-50 flex items-center gap-2 bg-[#25D366] hover:bg-[#20BA5A] text-white rounded-full p-4 shadow-lg transition-all duration-300 hover:scale-110 md:bottom-8 md:right-8"
|
||||
aria-label="Chat on WhatsApp"
|
||||
>
|
||||
<MessageCircle size={24} />
|
||||
<span className="hidden md:inline font-semibold text-sm">WhatsApp</span>
|
||||
</a>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user