diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index c427c11..eaacebd 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,11 +1,7 @@
import type { Metadata } from "next";
-import { Inter } from "next/font/google";
-import "./globals.css";
-
-const inter = Inter({ subsets: ["latin"], variable: "--font-inter" });
export const metadata: Metadata = {
- title: "Cerramientos Walter - Ventanas de Aluminio y Cerramientos a Medida", description: "Especialistas en ventanas de aluminio, cerramientos, rejas, mosquiteros y soluciones a medida. Trabajos prolijos con materiales de calidad."};
+ title: "Cerramientos Walter", description: "Especialistas en ventanas de aluminio, cerramientos, rejas y soluciones a medida"};
export default function RootLayout({
children,
@@ -14,7 +10,7 @@ export default function RootLayout({
}) {
return (
-
+
{children}
+
+ {/* WhatsApp Floating Button */}
+
);
}
\ No newline at end of file
diff --git a/src/components/whatsapp/WhatsAppButton.tsx b/src/components/whatsapp/WhatsAppButton.tsx
new file mode 100644
index 0000000..8e61a9f
--- /dev/null
+++ b/src/components/whatsapp/WhatsAppButton.tsx
@@ -0,0 +1,39 @@
+"use client";
+
+import { MessageCircle } from "lucide-react";
+import { useEffect, useState } from "react";
+
+interface WhatsAppButtonProps {
+ phoneNumber: string;
+ message: string;
+}
+
+export default function WhatsAppButton({
+ phoneNumber,
+ message,
+}: WhatsAppButtonProps) {
+ const [isVisible, setIsVisible] = useState(false);
+
+ useEffect(() => {
+ setIsVisible(true);
+ }, []);
+
+ const handleClick = () => {
+ const encodedMessage = encodeURIComponent(message);
+ const whatsappUrl = `https://wa.me/${phoneNumber}?text=${encodedMessage}`;
+ window.open(whatsappUrl, "_blank");
+ };
+
+ if (!isVisible) return null;
+
+ return (
+
+ );
+}
\ No newline at end of file