Merge version_17_1781899962954 into main

Merge version_17_1781899962954 into main

src/App.tsx

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

src/components/Layout.tsx

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

src/pages/HomePage.tsx

@@ -14,28 +14,28 @@ export default function HomePage() {
     <SectionErrorBoundary name="hero">
           <HeroBillboardCarousel
       tag="Preservando tus recuerdos"
-      title="Marcos en Resina: Elegancia y Protección para tus Fotos"
-      description="Transformamos tus momentos especiales en obras de arte duraderas con acabados en resina de alta calidad. Ideales para graduaciones, bodas y eventos especiales."
+      title="Cuadros Cuadros en  Resina: Elegancia y Protección para tus Fotos"
+      description="Servicios de Fotografia y Video Servicios de Fotografia y Video Bodas,Fiestas Rosas, Graduacionescada momento especial en un Video (USB)Ampliaciones y Enmarcaciones en Resina: Disponibles en diferentes tamaños para tus Fotos con estilo y color que me te guste Contáctanos sin compromiso !sera un placer atenderte!"
       primaryButton={{
-        text: "Ver catálogo",
+        text: "Ver catálogo  ",
         href: "#products",
       }}
       secondaryButton={{
-        text: "Contactar",
-        href: "https://wa.me/50377644014",
+        text: "77whatAspp",
+        href: "",
       }}
       items={[
         {
-          imageSrc: "https://storage.googleapis.com/webild/users/user_3ENJbkgtlzFJiF2a41WwJLaDTYb/uploaded-1781707396628-5pl832qd.jpg?_wi=1",
+          imageSrc: "https://storage.googleapis.com/webild/users/user_3ENJbkgtlzFJiF2a41WwJLaDTYb/uploaded-1781709719249-ddiwyt03.png",
         },
         {
-          imageSrc: "https://storage.googleapis.com/webild/users/user_3ENJbkgtlzFJiF2a41WwJLaDTYb/uploaded-1781707396632-crp5pet1.png",
+          imageSrc: "https://storage.googleapis.com/webild/users/user_3ENJbkgtlzFJiF2a41WwJLaDTYb/uploaded-1781709792333-46gry2bc.png",
         },
         {
           imageSrc: "https://storage.googleapis.com/webild/users/user_3ENJbkgtlzFJiF2a41WwJLaDTYb/uploaded-1781707396633-0791w11f.jpg",
         },
         {
-          imageSrc: "https://storage.googleapis.com/webild/users/user_3ENJbkgtlzFJiF2a41WwJLaDTYb/uploaded-1781707396633-54vej627.png",
+          imageSrc: "https://images.pexels.com/photos/14760649/pexels-photo-14760649.jpeg?auto=compress&cs=tinysrgb&h=650&w=940&id=14760649",
         },
         {
           imageSrc: "http://img.b2bpic.net/free-photo/young-lady-showing-thumbs-up-academic-dress-looking-confident_176474-82269.jpg",
@@ -53,7 +53,7 @@ export default function HomePage() {
           <AboutTextSplit
       title="Nuestra Pasión por el Arte"
       descriptions={[
-        "En VFL Video y Foto López, nos dedicamos a transformar tus fotografías en tesoros que durarán toda la vida. Entendemos que cada imagen cuenta una historia importante.",
+        "En VFL Video y Foto López, nos dedicamos a transformar tus fotografías en Momentos y Recuerdos que durarán toda la vida. Entendemos que cada imagen cuenta una historia importante.",
         "Nuestro proceso de enmarcado en resina no solo añade un toque de elegancia superior, sino que también protege tus recuerdos contra el paso del tiempo, manteniéndolos vibrantes y brillantes.",
       ]}
     />
@@ -104,10 +104,10 @@ export default function HomePage() {
           imageSrc: "http://img.b2bpic.net/free-photo/assortment-white-minimalist-frames_23-2148226792.jpg",
         },
         {
-          title: "16x20",
-          description: "La mayor expresión de tu recuerdo.",
-          href: "#contact",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-artist-concept-with-template_23-2148002096.jpg",
+          title: "Bodas y Eventos",
+          description: "Cuadros en madera, resina y vidrio para tu día especial.",
+          href: "https://wa.me/77644014",
+          imageSrc: "https://images.unsplash.com/photo-1511285560929-80b456fea0bc?auto=format&fit=crop&q=80&w=800",
         },
       ]}
     />
@@ -117,50 +117,50 @@ export default function HomePage() {
   <div id="pricing" data-section="pricing">
     <SectionErrorBoundary name="pricing">
           <PricingCenteredCards
-      tag="Precios"
-      title="Inversión en Recuerdos"
-      description="Elige la opción que mejor se adapte a tu evento y necesidad."
+      tag="Tamaños y Precios"
+      title="Cuadros en Madera, Resina y Vidrio"
+      description="Opciones perfectas para familias, graduaciones, bodas, 15 años y fiestas. Contáctanos al WhatsApp 77644014."
       plans={[
         {
-          tag: "Económico",
+          tag: "Pequeños",
           price: "Desde $4",
-          description: "Ideal para pequeños recuerdos.",
+          description: "Ideal para recuerdos de fiestas y eventos.",
           features: [
-            "Acabado en resina",
-            "Protección UV",
-            "Variedad de colores",
+            "Tamaños: 4x6, 5x7, 6x8",
+            "Acabados en madera, resina o vidrio",
+            "Perfecto para recuerdos familiares",
           ],
           primaryButton: {
-            text: "Solicitar",
-            href: "#contact",
+            text: "Pedir por WhatsApp",
+            href: "https://wa.me/77644014",
           },
         },
         {
-          tag: "Popular",
+          tag: "Medianos",
           price: "Desde $16",
-          description: "Perfecto para graduaciones.",
+          description: "Perfecto para graduaciones y 15 años.",
           features: [
-            "Calidad premium",
-            "Acabado brillante",
-            "Resistente",
+            "Tamaños: 8x10, 11x14",
+            "Calidad premium en resina y vidrio",
+            "Diseños elegantes y duraderos",
           ],
           primaryButton: {
-            text: "Solicitar",
-            href: "#contact",
+            text: "Pedir por WhatsApp",
+            href: "https://wa.me/77644014",
           },
         },
         {
-          tag: "Premium",
+          tag: "Grandes",
           price: "Desde $45",
-          description: "La mejor calidad de lujo.",
+          description: "La mejor opción para bodas y retratos familiares.",
           features: [
-            "Tamaño 16x20",
-            "Máxima durabilidad",
-            "Diseño personalizado",
+            "Tamaños: 16x20, 20x24 y más",
+            "Máxima durabilidad y lujo",
+            "Acabados personalizados",
           ],
           primaryButton: {
-            text: "Solicitar",
-            href: "#contact",
+            text: "Pedir por WhatsApp",
+            href: "https://wa.me/77644014",
           },
         },
       ]}

src/pages/ServiciosPage.tsx

@@ -0,0 +1,34 @@
+import Button from "@/components/ui/Button";
+import HeroBackgroundSlot from "@/components/ui/HeroBackgroundSlot";
+import TextAnimation from "@/components/ui/TextAnimation";
+import ImageOrVideo from "@/components/ui/ImageOrVideo";
+import ScrollReveal from "@/components/ui/ScrollReveal";
+import GridOrCarousel from "@/components/ui/GridOrCarousel";
+import { Check } from "lucide-react";
+
+export default function ServiciosPage() {
+  return (
+    <>
+      <div data-webild-section="HeroSplit"><section aria-label="Hero section" className="relative flex items-center h-fit md:h-svh md:py-0"><HeroBackgroundSlot /><div className="flex flex-col md:flex-row items-center w-content-width mx-auto"><div className="w-full md:w-1/2"><div className="flex flex-col items-center md:items-start gap-3"><div className="px-3 py-1 mb-1 text-sm card rounded w-fit"><p>Servicios VFL</p></div><TextAnimation text="Ampliaciones en Resina: Elegancia y Protección para tus Fotos" variant="fade" gradientText={true} tag="h1" className="text-7xl 2xl:text-8xl leading-[1.15] font-semibold text-center md:text-left text-balance" /><TextAnimation text="Transformamos tus fotos de bodas, graduaciones y fiestas en elegantes cuadros de resina. Descubre nuestras ampliaciones y opciones con video USB." variant="fade" gradientText={false} tag="p" className="md:max-w-8/10 text-lg md:text-xl leading-snug text-center md:text-left text-balance" /><div className="flex flex-wrap max-md:justify-center gap-3 mt-2 md:mt-3"><Button text="WhatsApp 77644014" href="https://wa.me/77644014" variant="primary" /><Button text="Tamaños y Precios" href="#precios" variant="secondary" animationDelay={0.1} /></div></div></div><ScrollReveal variant="fade-blur" delay={0.2} className="w-full md:w-1/2 h-100 md:h-[65vh] md:max-h-[75svh] p-2 xl:p-3 2xl:p-4 card rounded overflow-hidden"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/beautiful-young-wedding-couple-posing-outdoor_23-2148816048.jpg" /></ScrollReveal></div></section></div>
+      <div data-webild-section="FeaturesMediaCards"><section aria-label="Features section" className=""><div className="flex flex-col gap-8"><div className="flex flex-col items-center w-content-width mx-auto gap-2"><div className="px-3 py-1 mb-1 text-sm card rounded w-fit"><p>Nuestros Servicios</p></div><TextAnimation text="Ampliaciones y Enmarcaciones en Resina" variant="fade-blur" gradientText={true} tag="h2" className="md:max-w-8/10 text-6xl 2xl:text-7xl leading-[1.15] font-semibold text-center text-balance" /><TextAnimation text="Inmortaliza tus momentos más preciados con nuestra elegante resina. Ideal para bodas, graduaciones, fiestas y recuerdos familiares." variant="fade-blur" gradientText={false} tag="p" className="md:max-w-7/10 text-lg md:text-xl leading-snug text-center text-balance" /><div className="flex flex-wrap justify-center gap-3 mt-2 md:mt-3"><Button text="Contactar por WhatsApp" href="https://wa.me/77644014" variant="primary" /><Button text="Ver Precios" href="#precios" variant="secondary" animationDelay={0.1} /></div></div><ScrollReveal variant="fade-blur"><GridOrCarousel><div key="Recuerdos de Boda" className="flex flex-col gap-3 xl:gap-3.5 2xl:gap-4 p-3 xl:p-3.5 2xl:p-4 h-full card rounded"><div className="aspect-square rounded overflow-hidden button-secondary shadow shadow-foreground/5"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/bride-groom-having-their-wedding-with-guests_23-2149043955.jpg" /></div><div className="flex flex-col gap-1 p-3 xl:p-3.5 2xl:p-4"><h3 className="text-2xl font-semibold leading-snug">Recuerdos de Boda</h3><p className="text-base leading-snug">Conserva la magia de tu gran día con un acabado brillante y duradero.</p></div></div>
+<div key="Logros y Graduaciones" className="flex flex-col gap-3 xl:gap-3.5 2xl:gap-4 p-3 xl:p-3.5 2xl:p-4 h-full card rounded"><div className="aspect-square rounded overflow-hidden button-secondary shadow shadow-foreground/5"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/students-knowing-their-grades-concept_23-2147669009.jpg" /></div><div className="flex flex-col gap-1 p-3 xl:p-3.5 2xl:p-4"><h3 className="text-2xl font-semibold leading-snug">Logros y Graduaciones</h3><p className="text-base leading-snug">Enmarca tu título o foto de graduación con la elegancia que merece.</p></div></div>
+<div key="Momentos Familiares" className="flex flex-col gap-3 xl:gap-3.5 2xl:gap-4 p-3 xl:p-3.5 2xl:p-4 h-full card rounded"><div className="aspect-square rounded overflow-hidden button-secondary shadow shadow-foreground/5"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/happy-family-having-fun-together_23-2148983375.jpg" /></div><div className="flex flex-col gap-1 p-3 xl:p-3.5 2xl:p-4"><h3 className="text-2xl font-semibold leading-snug">Momentos Familiares</h3><p className="text-base leading-snug">Tus fotos familiares y de fiestas protegidas para siempre en resina.</p></div></div>
+<div key="Rosas y Detalles" className="flex flex-col gap-3 xl:gap-3.5 2xl:gap-4 p-3 xl:p-3.5 2xl:p-4 h-full card rounded"><div className="aspect-square rounded overflow-hidden button-secondary shadow shadow-foreground/5"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/beautiful-red-roses-bouquet_23-2149050012.jpg" /></div><div className="flex flex-col gap-1 p-3 xl:p-3.5 2xl:p-4"><h3 className="text-2xl font-semibold leading-snug">Rosas y Detalles</h3><p className="text-base leading-snug">Encapsulamos rosas y pequeños detalles para que duren toda la vida.</p></div></div>
+<div key="Opción de Video (USB)" className="flex flex-col gap-3 xl:gap-3.5 2xl:gap-4 p-3 xl:p-3.5 2xl:p-4 h-full card rounded"><div className="aspect-square rounded overflow-hidden button-secondary shadow shadow-foreground/5"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/usb-flash-drive-laptop_23-2148113401.jpg" /></div><div className="flex flex-col gap-1 p-3 xl:p-3.5 2xl:p-4"><h3 className="text-2xl font-semibold leading-snug">Opción de Video (USB)</h3><p className="text-base leading-snug">Incluye un USB con el video de tu evento integrado en el marco.</p></div></div>
+<div key="Tamaños y Precios" className="flex flex-col gap-3 xl:gap-3.5 2xl:gap-4 p-3 xl:p-3.5 2xl:p-4 h-full card rounded"><div className="aspect-square rounded overflow-hidden button-secondary shadow shadow-foreground/5"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/blank-picture-frame-wall_53876-92942.jpg" /></div><div className="flex flex-col gap-1 p-3 xl:p-3.5 2xl:p-4"><h3 className="text-2xl font-semibold leading-snug">Tamaños y Precios</h3><p className="text-base leading-snug">Desde pequeños detalles hasta grandes impresiones. Consulta precios.</p></div></div></GridOrCarousel></ScrollReveal></div></section></div>
+      <div data-webild-section="PricingSimpleCards"><section aria-label="Pricing section" className=""><div className="flex flex-col gap-8"><div className="flex flex-col items-center w-content-width mx-auto gap-2"><div className="px-3 py-1 mb-1 text-sm card rounded w-fit"><p>Tamaños y Precios</p></div><TextAnimation text="El Tamaño Ideal para tus Recuerdos" variant="fade" gradientText={true} tag="h2" className="md:max-w-8/10 text-6xl 2xl:text-7xl leading-[1.15] font-semibold text-center text-balance" /><TextAnimation text="Desde pequeños detalles hasta grandes impresiones, tenemos el tamaño ideal para cada espacio. Opciones de ampliación y enmarcación en resina para bodas, graduaciones y fiestas." variant="fade" gradientText={false} tag="p" className="md:max-w-7/10 text-lg md:text-xl leading-snug text-center text-balance" /><div className="flex flex-wrap justify-center gap-3 mt-2 md:mt-3"><Button text="Pedir por WhatsApp" href="https://wa.me/77644014" variant="primary" /><Button text="Más Información" href="#contacto" variant="secondary" animationDelay={0.1} /></div></div><ScrollReveal variant="fade"><GridOrCarousel><div key="Estándar" className="flex flex-col gap-4 xl:gap-5 2xl:gap-6 p-6 xl:p-7 2xl:p-8 h-full card rounded"><div className="px-3 py-1 text-sm card rounded w-fit"><p>Estándar</p></div><div className="flex flex-col gap-1"><span className="text-5xl md:text-6xl font-semibold">Desde $45</span><span className="text-base font-medium">Perfecto para retratos, rosas preservadas o pequeños recuerdos familiares.</span></div><div className="w-full h-px bg-foreground/20" /><div className="flex flex-col gap-3"><div key="Tamaño 8x10 pulgadas" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base">Tamaño 8x10 pulgadas</span></div>
+<div key="Acabado en resina brillante" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base">Acabado en resina brillante</span></div>
+<div key="Ideal para mesas o repisas" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base">Ideal para mesas o repisas</span></div>
+<div key="Opción de video en USB" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base">Opción de video en USB</span></div></div></div>
+<div key="Favorito" className="flex flex-col gap-4 xl:gap-5 2xl:gap-6 p-6 xl:p-7 2xl:p-8 h-full card rounded"><div className="px-3 py-1 text-sm card rounded w-fit"><p>Favorito</p></div><div className="flex flex-col gap-1"><span className="text-5xl md:text-6xl font-semibold">Desde $75</span><span className="text-base font-medium">El tamaño más popular para graduaciones y fiestas inolvidables.</span></div><div className="w-full h-px bg-foreground/20" /><div className="flex flex-col gap-3"><div key="Tamaño 11x14 pulgadas" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base">Tamaño 11x14 pulgadas</span></div>
+<div key="Protección UV de alta calidad" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base">Protección UV de alta calidad</span></div>
+<div key="Listo para colgar en pared" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base">Listo para colgar en pared</span></div>
+<div key="Opción de video en USB" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base">Opción de video en USB</span></div></div></div>
+<div key="Premium" className="flex flex-col gap-4 xl:gap-5 2xl:gap-6 p-6 xl:p-7 2xl:p-8 h-full card rounded"><div className="px-3 py-1 text-sm card rounded w-fit"><p>Premium</p></div><div className="flex flex-col gap-1"><span className="text-5xl md:text-6xl font-semibold">Desde $120</span><span className="text-base font-medium">Impactantes ampliaciones para bodas y grandes retratos familiares.</span></div><div className="w-full h-px bg-foreground/20" /><div className="flex flex-col gap-3"><div key="Desde 16x20 pulgadas" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base">Desde 16x20 pulgadas</span></div>
+<div key="Resina de máxima durabilidad" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base">Resina de máxima durabilidad</span></div>
+<div key="Marco elegante incluido" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base">Marco elegante incluido</span></div>
+<div key="Opción de video en USB" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base">Opción de video en USB</span></div></div></div></GridOrCarousel></ScrollReveal></div></section></div>
+      <div data-webild-section="ContactCta"><section aria-label="Contact section" className=""><div className="w-content-width mx-auto"><ScrollReveal variant="slide-up"><div className="flex flex-col items-center gap-8 px-8 rounded card"><div className="flex flex-col items-center gap-2"><div className="px-3 py-1 mb-1 text-sm card rounded w-fit"><p>Haz tu pedido hoy</p></div><TextAnimation text="Preserva la magia de tu boda o evento especial. Escríbenos al WhatsApp 77644014 y comencemos a crear tu recuerdo en resina." variant="fade" gradientText={true} tag="h2" className="md:max-w-8/10 text-5xl 2xl:text-6xl leading-[1.15] font-semibold text-center text-balance" /><div className="flex flex-wrap justify-center gap-3 mt-2 md:mt-3"><Button text="WhatsApp 77644014" href="https://wa.me/77644014" variant="primary" /><Button text="Ver precios" href="#precios" variant="secondary" animationDelay={0.1} /></div></div></div></ScrollReveal></div></section></div>
+    </>
+  );
+}

src/pages/SpecialEventsPage.tsx

@@ -0,0 +1,19 @@
+import Button from "@/components/ui/Button";
+import HeroBackgroundSlot from "@/components/ui/HeroBackgroundSlot";
+import TextAnimation from "@/components/ui/TextAnimation";
+import ImageOrVideo from "@/components/ui/ImageOrVideo";
+import ScrollReveal from "@/components/ui/ScrollReveal";
+import GridOrCarousel from "@/components/ui/GridOrCarousel";
+
+export default function SpecialEventsPage() {
+  return (
+    <>
+      <div data-webild-section="HeroSplit"><section aria-label="Hero section" className="relative flex items-center h-fit md:h-svh md:py-0"><HeroBackgroundSlot /><div className="flex flex-col md:flex-row items-center w-content-width mx-auto"><div className="w-full md:w-1/2"><div className="flex flex-col items-center md:items-start gap-3"><div className="px-3 py-1 mb-1 text-sm card rounded w-fit"><p>Eventos Especiales</p></div><TextAnimation text="Recuerdos Inolvidables de tus Eventos" variant="fade" gradientText={true} tag="h1" className="text-7xl 2xl:text-8xl leading-[1.15] font-semibold text-center md:text-left text-balance" /><TextAnimation text="Bodas, cumpleaños y graduaciones. Conserva tus memorias con ampliaciones en resina y servicios de video en USB." variant="fade" gradientText={false} tag="p" className="md:max-w-8/10 text-lg md:text-xl leading-snug text-center md:text-left text-balance" /><div className="flex flex-wrap max-md:justify-center gap-3 mt-2 md:mt-3"><Button text="WhatsApp 77644014" href="https://wa.me/77644014" variant="primary" /><Button text="Ver Servicios" href="#servicios" variant="secondary" animationDelay={0.1} /></div></div></div><ScrollReveal variant="fade-blur" delay={0.2} className="w-full md:w-1/2 h-100 md:h-[65vh] md:max-h-[75svh] p-2 xl:p-3 2xl:p-4 card rounded overflow-hidden"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/beautiful-wedding-details-with-flowers_23-2149303541.jpg" /></ScrollReveal></div></section></div>
+      <div data-webild-section="FeaturesMediaCards"><section aria-label="Features section" className=""><div className="flex flex-col gap-8"><div className="flex flex-col items-center w-content-width mx-auto gap-2"><div className="px-3 py-1 mb-1 text-sm card rounded w-fit"><p>Eventos Especiales</p></div><TextAnimation text="Recuerdos Inolvidables en Resina" variant="fade-blur" gradientText={true} tag="h2" className="md:max-w-8/10 text-6xl 2xl:text-7xl leading-[1.15] font-semibold text-center text-balance" /><TextAnimation text="Inmortaliza bodas, cumpleaños y graduaciones con ampliaciones en resina y video en USB. Calidad premium para tus mejores momentos." variant="fade-blur" gradientText={false} tag="p" className="md:max-w-7/10 text-lg md:text-xl leading-snug text-center text-balance" /><div className="flex flex-wrap justify-center gap-3 mt-2 md:mt-3"><Button text="Escribir al WhatsApp" href="https://wa.me/77644014" variant="primary" /><Button text="Ver Servicios" href="#servicios" variant="secondary" animationDelay={0.1} /></div></div><ScrollReveal variant="fade-blur"><GridOrCarousel><div key="Bodas de Ensueño" className="flex flex-col gap-3 xl:gap-3.5 2xl:gap-4 p-3 xl:p-3.5 2xl:p-4 h-full card rounded"><div className="aspect-square rounded overflow-hidden button-secondary shadow shadow-foreground/5"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/beautiful-wedding-couple-posing-nature_1303-18151.jpg" /></div><div className="flex flex-col gap-1 p-3 xl:p-3.5 2xl:p-4"><h3 className="text-2xl font-semibold leading-snug">Bodas de Ensueño</h3><p className="text-base leading-snug">Capturamos la magia de tu gran día con ampliaciones elegantes protegidas en resina.</p></div></div>
+<div key="Cumpleaños y Fiestas" className="flex flex-col gap-3 xl:gap-3.5 2xl:gap-4 p-3 xl:p-3.5 2xl:p-4 h-full card rounded"><div className="aspect-square rounded overflow-hidden button-secondary shadow shadow-foreground/5"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/friends-celebrating-birthday-party_23-2148118029.jpg" /></div><div className="flex flex-col gap-1 p-3 xl:p-3.5 2xl:p-4"><h3 className="text-2xl font-semibold leading-snug">Cumpleaños y Fiestas</h3><p className="text-base leading-snug">Guarda la alegría de cada celebración con colores vibrantes y marcos duraderos.</p></div></div>
+<div key="Graduaciones" className="flex flex-col gap-3 xl:gap-3.5 2xl:gap-4 p-3 xl:p-3.5 2xl:p-4 h-full card rounded"><div className="aspect-square rounded overflow-hidden button-secondary shadow shadow-foreground/5"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/group-students-celebrating-graduation_23-2148201815.jpg" /></div><div className="flex flex-col gap-1 p-3 xl:p-3.5 2xl:p-4"><h3 className="text-2xl font-semibold leading-snug">Graduaciones</h3><p className="text-base leading-snug">Celebra tus logros con cuadros en resina de alta calidad en varios tamaños.</p></div></div>
+<div key="Video en USB" className="flex flex-col gap-3 xl:gap-3.5 2xl:gap-4 p-3 xl:p-3.5 2xl:p-4 h-full card rounded"><div className="aspect-square rounded overflow-hidden button-secondary shadow shadow-foreground/5"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/usb-flash-drive-laptop-keyboard_1150-13725.jpg" /></div><div className="flex flex-col gap-1 p-3 xl:p-3.5 2xl:p-4"><h3 className="text-2xl font-semibold leading-snug">Video en USB</h3><p className="text-base leading-snug">Revive cada instante con nuestros videos de alta definición entregados en formato USB.</p></div></div></GridOrCarousel></ScrollReveal></div></section></div>
+      <div data-webild-section="ContactCta"><section aria-label="Contact section" className=""><div className="w-content-width mx-auto"><ScrollReveal variant="slide-up"><div className="flex flex-col items-center gap-8 px-8 rounded card"><div className="flex flex-col items-center gap-2"><div className="px-3 py-1 mb-1 text-sm card rounded w-fit"><p>Reserva tu Fecha</p></div><TextAnimation text="Inmortaliza tus eventos especiales hoy." variant="fade" gradientText={true} tag="h2" className="md:max-w-8/10 text-5xl 2xl:text-6xl leading-[1.15] font-semibold text-center text-balance" /><div className="flex flex-wrap justify-center gap-3 mt-2 md:mt-3"><Button text="WhatsApp: 77644014" href="https://wa.me/77644014" variant="primary" /><Button text="Ver Servicios" href="#servicios" variant="secondary" animationDelay={0.1} /></div></div></div></ScrollReveal></div></section></div>
+    </>
+  );
+}

src/routes.ts

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