2026-03-05 15:47:12 +00:00
1 changed files with 126 additions and 0 deletions
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -0,0 +1,126 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
+import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { Shield, Mail } from "lucide-react";
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="compact"
+      sizing="mediumLargeSizeLargeTitles"
+      background="circleGradient"
+      cardStyle="subtle-shadow"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="solid"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Servicios", id: "/services" },
+            { name: "Trabajos", id: "gallery" },
+            { name: "Por qué nosotros", id: "about" },
+            { name: "Opiniones", id: "testimonials" },
+            { name: "Contacto", id: "contact" }
+          ]}
+          brandName="Herrería NAM"
+          bottomLeftText="+54 351 813-9382"
+          bottomRightText="Córdoba, Argentina"
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroSplit
+          title="Nuestros Servicios de Herrería"
+          description="Ofrecemos una completa gama de servicios de herrería profesional con expertos certificados, garantía en todos nuestros trabajos y atención personalizada."
+          tag="Expertos Certificados"
+          tagIcon={Shield}
+          background={{ variant: "glowing-orb" }}
+          imageSrc="http://img.b2bpic.net/free-photo/process-polishing-welding-metal-factory_651396-4.jpg?_wi=1"
+          imageAlt="Servicios profesionales de herrería"
+          imagePosition="right"
+          mediaAnimation="slide-up"
+          buttons={[
+            { 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" },
+            { text: "Llamar ahora", href: "tel:+543518139382" }
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="services" data-section="services">
+        <FeatureCardTwentyThree
+          title="Servicios de Herrería"
+          description="Desde rejas decorativas hasta estructuras metálicas complejas, nos especializamos en trabajos de herrería de alta calidad con precisión y dedicación."
+          tag="Nuestros Servicios"
+          features={[
+            {
+              id: "1",              title: "Rejas para casas",              tags: ["Seguridad", "Decoración"],
+              imageSrc: "http://img.b2bpic.net/free-photo/bars_23-2148098630.jpg?_wi=1",              imageAlt: "Rejas de seguridad decorativas para casas"
+            },
+            {
+              id: "2",              title: "Portones metálicos",              tags: ["Entrada", "Durabilidad"],
+              imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-residential-building_637285-1921.jpg?_wi=1",              imageAlt: "Portones metálicos de diseño personalizado"
+            },
+            {
+              id: "3",              title: "Puertas de seguridad",              tags: ["Protección", "Moderno"],
+              imageSrc: "http://img.b2bpic.net/free-photo/intercom-gate-front-residential-building_637285-1905.jpg",              imageAlt: "Puertas de seguridad metálicas"
+            },
+            {
+              id: "4",              title: "Estructuras metálicas",              tags: ["Construcción", "Resistencia"],
+              imageSrc: "http://img.b2bpic.net/free-photo/waibaidu-bridge_1359-927.jpg",              imageAlt: "Estructuras metálicas personalizadas"
+            },
+            {
+              id: "5",              title: "Soldadura profesional",              tags: ["Técnica", "Precisión"],
+              imageSrc: "http://img.b2bpic.net/free-photo/welder-working-with-steel_1385-3136.jpg",              imageAlt: "Trabajos de soldadura de alta calidad"
+            },
+            {
+              id: "6",              title: "Reparaciones y mantenimiento",              tags: ["Servicio", "Garantía"],
+              imageSrc: "http://img.b2bpic.net/free-photo/bars_23-2148098630.jpg?_wi=2",              imageAlt: "Reparaciones de herrería profesional"
+            }
+          ]}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Empresa",              items: [
+                { label: "Sobre nosotros", href: "#about" },
+                { label: "Servicios", href: "/services" },
+                { label: "Trabajos", href: "#gallery" }
+              ]
+            },
+            {
+              title: "Contacto",              items: [
+                { label: "Llamar: +54 351 813-9382", href: "tel:+543518139382" },
+                { label: "WhatsApp", href: "https://wa.me/543518139382" },
+                { label: "Ubicación", href: "#" }
+              ]
+            },
+            {
+              title: "Información",              items: [
+                { label: "Opiniones", href: "#testimonials" },
+                { label: "Presupuesto", href: "#contact" },
+                { label: "Google Reviews", href: "#" }
+              ]
+            }
+          ]}
+          bottomLeftText="© 2025 Herrería NAM. Todos los derechos reservados."
+          bottomRightText="Córdoba, Argentina"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}