Bob AI: Add servicios page

src/App.tsx

@@ -2,11 +2,13 @@ import { Routes, Route } from 'react-router-dom';
 import Layout from './components/Layout';
 import HomePage from './pages/HomePage';
 
+import ServiciosPage from "@/pages/ServiciosPage";
 export default function App() {
   return (
     <Routes>
       <Route element={<Layout />}>
         <Route path="/" element={<HomePage />} />
+        <Route path="/servicios" element={<ServiciosPage />} />
       </Route>
     </Routes>
   );

src/components/Layout.tsx

@@ -34,7 +34,9 @@ export default function Layout() {
   {
     "name": "Faq",
     "href": "#faq"
-  }
+  },
+  { name: "Servicios", href: "/servicios" },
+
 ];
 
   return (

src/pages/ServiciosPage.tsx

@@ -0,0 +1,101 @@
+import { routes } from "@/routes";
+import NavbarCentered from "@/components/ui/NavbarCentered";
+import HeroSplit from "@/components/sections/hero/HeroSplit";
+import FeaturesMediaCards from "@/components/sections/features/FeaturesMediaCards";
+import PricingSimpleCards from "@/components/sections/pricing/PricingSimpleCards";
+import ContactCta from "@/components/sections/contact/ContactCta";
+import FooterMinimal from "@/components/sections/footer/FooterMinimal";
+
+export default function ServiciosPage() {
+  return (
+    <div className="min-h-screen bg-background text-foreground">
+      <NavbarCentered
+        logo="ResinArt"
+        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
+        ctaButton={{ text: "WhatsApp 77644014", href: "https://wa.me/77644014" }}
+      />
+
+      <main>
+        <HeroSplit
+          tag="Servicios Exclusivos"
+          title="Ampliaciones y Enmarcaciones en Resina"
+          description="Inmortaliza tus momentos más preciados con nuestro acabado en resina de alta calidad. Perfecto para bodas, graduaciones, fiestas y recuerdos familiares."
+          primaryButton={{ text: "Ver Tamaños y Precios", href: "#precios" }}
+          secondaryButton={{ text: "Contactar por WhatsApp", href: "https://wa.me/77644014" }}
+          imageSrc="https://images.unsplash.com/photo-1511895426328-dc8714191300?q=80&w=2070&auto=format&fit=crop"
+        />
+
+        <FeaturesMediaCards
+          tag="Momentos Especiales"
+          title="Captura la Magia de Cada Ocasión"
+          description="Transformamos tus fotografías y recuerdos en obras de arte duraderas con un brillo espectacular."
+          items={[
+            {
+              title: "Bodas y Aniversarios",
+              description: "El día más feliz de tu vida, preservado para siempre con una elegancia inigualable.",
+              imageSrc: "https://images.unsplash.com/photo-1519741497674-611481863552?q=80&w=2070&auto=format&fit=crop"
+            },
+            {
+              title: "Graduaciones",
+              description: "Celebra tus logros académicos con una enmarcación digna de tu esfuerzo y dedicación.",
+              imageSrc: "https://images.unsplash.com/photo-1523050854058-8df90110c9f1?q=80&w=2070&auto=format&fit=crop"
+            },
+            {
+              title: "Conservación de Rosas",
+              description: "Eterniza ese ramo especial o rosa significativa encapsulándola en resina transparente.",
+              imageSrc: "https://images.unsplash.com/photo-1518709268805-4e9042af9f23?q=80&w=2069&auto=format&fit=crop"
+            },
+            {
+              title: "Opción Video (USB)",
+              description: "Integramos un compartimento discreto para tu memoria USB con el video de tu evento.",
+              imageSrc: "https://images.unsplash.com/photo-1624434207284-727cf0e6ea8e?q=80&w=2070&auto=format&fit=crop"
+            }
+          ]}
+        />
+
+        <div id="precios">
+          <PricingSimpleCards
+            tag="Tamaños y Precios"
+            title="Opciones para cada espacio"
+            description="Elige el tamaño perfecto para tu ampliación en resina. Contáctanos para cotizaciones personalizadas."
+            plans={[
+              {
+                tag: "Estándar",
+                price: "Consultar",
+                description: "Ideal para escritorios, mesas de noche o espacios íntimos.",
+                features: ["Tamaño 20x25 cm", "Acabado en resina brillante", "Marco de madera incluido", "Retoque fotográfico básico"],
+                primaryButton: { text: "Pedir por WhatsApp", href: "https://wa.me/77644014" }
+              },
+              {
+                tag: "Clásico",
+                price: "Consultar",
+                description: "Perfecto para salas, pasillos y decoración principal.",
+                features: ["Tamaño 40x50 cm", "Acabado en resina premium", "Marco de madera incluido", "Opción de compartimento USB"],
+                primaryButton: { text: "Pedir por WhatsApp", href: "https://wa.me/77644014" }
+              },
+              {
+                tag: "Galería",
+                price: "Consultar",
+                description: "Para ser el centro de atención en cualquier habitación grande.",
+                features: ["Tamaño 60x90 cm", "Acabado en resina premium", "Marco reforzado de lujo", "Opción de compartimento USB"],
+                primaryButton: { text: "Pedir por WhatsApp", href: "https://wa.me/77644014" }
+              }
+            ]}
+          />
+        </div>
+
+        <ContactCta
+          tag="Atención Personalizada"
+          text="¿Listo para enmarcar tus recuerdos? Escríbenos al WhatsApp 77644014 y te asesoraremos."
+          primaryButton={{ text: "Enviar Mensaje", href: "https://wa.me/77644014" }}
+          secondaryButton={{ text: "Llamar ahora", href: "tel:77644014" }}
+        />
+      </main>
+
+      <FooterMinimal
+        brand="ResinArt"
+        copyright="© 2024 ResinArt. Todos los derechos reservados."
+      />
+    </div>
+  );
+}

src/routes.ts

@@ -6,4 +6,5 @@ export interface Route {
 
 export const routes: Route[] = [
   { path: '/', label: 'Home', pageFile: 'HomePage' },
+  { path: '/servicios', label: 'Servicios', pageFile: 'ServiciosPage' },
 ];