bender/3bd11218-c85e-4fe2-b3f9-7e9bef5d59e1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_4
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1

8 Commits
version_2 ... version_4

Author SHA1 Message Date
bender
1ad6b12f2c Update src/app/page.tsx 2026-03-06 14:46:39 +00:00
bender
004872b32b Update src/app/layout.tsx 2026-03-06 14:46:39 +00:00
bender
f659f4ca8d Merge version_3 into main 
Merge version_3 into main
 2026-03-06 14:41:42 +00:00
bender
000e164313 Add src/components/whatsapp/WhatsAppButton.tsx 2026-03-06 14:41:38 +00:00
bender
e7c9e30c90 Update src/app/page.tsx 2026-03-06 14:41:38 +00:00
bender
5863aa6965 Update src/app/layout.tsx 2026-03-06 14:41:37 +00:00
bender
1238c9c4ce Merge version_2 into main 
Merge version_2 into main
 2026-03-06 14:27:53 +00:00
bender
23c9592c89 Merge version_2 into main 
Merge version_2 into main
 2026-03-06 14:26:40 +00:00
3 changed files with 56 additions and 5 deletions
Expand all files Collapse all files

9
src/app/layout.tsx
View File

@@ -1,11 +1,12 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Inter } from "next/font/google"; import { Inter } from "next/font/google";
import "./globals.css";
const inter = Inter({ subsets: ["latin"], variable: "--font-inter" }); const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = { 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({ export default function RootLayout({
children, children,
@@ -14,7 +15,7 @@ export default function RootLayout({
}) { }) {
return ( return (
<html lang="es"> <html lang="es">
<body className={`${inter.variable} antialiased`}> <body className={inter.variable}>
{children} {children}
<script <script

13
src/app/page.tsx
View File

@@ -11,7 +11,7 @@ import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCar
import ProductCardOne from "@/components/sections/product/ProductCardOne"; import ProductCardOne from "@/components/sections/product/ProductCardOne";
import ContactSplit from "@/components/sections/contact/ContactSplit"; import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard"; import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Sparkles, CheckCircle, Shield, Wind, Wrench, Hammer } from "lucide-react"; import { Sparkles, CheckCircle, Shield, Wind, Wrench, Hammer, MessageCircle } from "lucide-react";
export default function HomePage() { export default function HomePage() {
const navItems = [ const navItems = [
@@ -245,6 +245,17 @@ export default function HomePage() {
copyrightText="© 2025 Cerramientos Walter. Todos los derechos reservados. Buenos Aires, Argentina." copyrightText="© 2025 Cerramientos Walter. Todos los derechos reservados. Buenos Aires, Argentina."
/> />
</div> </div>
{/* WhatsApp Floating Button */}
<a
href="https://api.whatsapp.com/send?phone=5491139493469&text=Hola%20quiero%20consultar%20por%20un%20presupuesto"
target="_blank"
rel="noopener noreferrer"
className="fixed bottom-6 right-6 z-50 flex items-center justify-center w-14 h-14 bg-green-500 hover:bg-green-600 text-white rounded-full shadow-lg transition-all duration-300 hover:scale-110"
aria-label="Contactar por WhatsApp"
>
<MessageCircle size={24} />
</a>
</ThemeProvider> </ThemeProvider>
); );
} }

39
src/components/whatsapp/WhatsAppButton.tsx Normal file
View File

@@ -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 (
<button
onClick={handleClick}
aria-label="Contact us on WhatsApp"
className="fixed bottom-8 right-8 z-50 flex items-center justify-center w-14 h-14 rounded-full bg-green-500 hover:bg-green-600 shadow-lg transition-all duration-300 hover:scale-110 active:scale-95"
title="Chat on WhatsApp"
>
<MessageCircle className="w-6 h-6 text-white" strokeWidth={2} />
</button>
);
}