Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -37,6 +37,8 @@ export default function LandingPage() {
           name: "Servicios",          id: "services"},
         {
           name: "Nosotros",          id: "about"},
+        {
+          name: "Antes y Después",          id: "before-after"},
         {
           name: "Contacto",          id: "contact"},
       ]}
@@ -54,7 +56,7 @@ export default function LandingPage() {
         {
           text: "Solicita tu cotización gratis",          href: "https://wa.me/573125128835"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/park-outdoor-manicured-lawn-flowerbed-ai-generated-image_587448-1397.jpg"
+      imageSrc="https://img.b2bpic.net/premium-photo/woman-walks-through-garden-with-bucket-flowers_1021198-24337.jpg?id=383404890"
       imageAlt="Hermoso jardín bien cuidado"
       mediaAnimation="slide-up"
       avatars={[
@@ -90,11 +92,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       heading={[
         {
-          type: "text",          content: "Quiénes Somos: Expertos en Paisajismo y Jardinería"},
+          type: "text",          content: "Expertos en Paisajismo y Jardinería"},
         {
-          type: "text",          content: "Con más de una década de experiencia en el sector, Todo en Jardinería H.L. S.A.S. se ha consolidado como líder en la creación y mantenimiento de espacios verdes excepcionales en Cajicá, Chía y la Sabana de Bogotá."},
+          type: "image",          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvKF0nYkuW5UrQc26ci1QAjGmI/uploaded-1781230361608-30xose8g.png",          alt: "Jardinero trabajando"},
         {
-          type: "text",          content: "Nuestro equipo de profesionales altamente capacitados combina pasión, conocimiento técnico y creatividad para transformar cualquier área en un oasis de belleza y funcionalidad. Nos especializamos en diseños personalizados, utilizando las mejores prácticas de jardinería sostenible y tecnología de vanguardia para garantizar resultados duraderos y un servicio de excelencia."},
+          type: "text",          content: "Más de una década transformando espacios verdes en Cajicá, Chía y la Sabana de Bogotá. Nuestro equipo combina pasión, experiencia y sostenibilidad para crear jardines únicos y funcionales."},
       ]}
       buttons={[
         {
@@ -110,37 +112,37 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Mantenimiento de Jardines",          description: "Cuidado integral para que tu jardín luzca siempre impecable, incluyendo poda, fertilización y control de plagas.",          phoneOne: {
+          title: "Mantenimiento de Jardines",          description: "Cuidado integral para que tu jardín luzca siempre impecable.",          phoneOne: {
             imageSrc: "http://img.b2bpic.net/free-photo/man-uniform-trimming-hedge-summer-time_7502-9829.jpg",            imageAlt: "Mantenimiento de jardines"},
           phoneTwo: {
             imageSrc: "http://img.b2bpic.net/free-photo/man-having-game-golf-outdoors-field_23-2150551615.jpg",            imageAlt: "Poda de arbustos"}
         },
         {
-          title: "Diseño y Paisajismo",          description: "Creamos espacios verdes únicos y funcionales, adaptados a tus gustos y necesidades, desde el concepto hasta la ejecución.",          phoneOne: {
+          title: "Diseño y Paisajismo",          description: "Creamos espacios verdes únicos y funcionales, desde el concepto hasta la ejecución.",          phoneOne: {
             imageSrc: "http://img.b2bpic.net/free-photo/architecture-concept-with-plans_23-2147813131.jpg",            imageAlt: "Diseño de paisajismo"},
           phoneTwo: {
             imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-hand-trowel-green-grass_181624-26501.jpg",            imageAlt: "Instalación de césped"}
         },
         {
-          title: "Poda de Árboles y Arbustos",          description: "Servicio especializado para mantener tus árboles y arbustos sanos, seguros y con una forma estética, realizado por expertos.",          phoneOne: {
+          title: "Poda de Árboles y Arbustos",          description: "Servicio especializado para mantener tus árboles y arbustos sanos y estéticos.",          phoneOne: {
             imageSrc: "http://img.b2bpic.net/free-photo/close-up-cutting-plant-leaves_23-2148905237.jpg",            imageAlt: "Poda de árboles"},
           phoneTwo: {
             imageSrc: "http://img.b2bpic.net/free-photo/happy-male-gardener-pruning-green-plant_23-2147844326.jpg",            imageAlt: "Mantenimiento general"}
         },
         {
-          title: "Instalación y Mantenimiento de Césped",          description: "Desde la preparación del terreno hasta la siembra o instalación de césped, garantizamos un área verde densa y duradera.",          phoneOne: {
+          title: "Instalación y Mantenimiento de Césped",          description: "Garantizamos un área verde densa y duradera.",          phoneOne: {
             imageSrc: "http://img.b2bpic.net/free-photo/farmer-doing-his-job-close-up_23-2148579992.jpg",            imageAlt: "Césped recién instalado"},
           phoneTwo: {
             imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-tools-grass_23-2148224034.jpg",            imageAlt: "Sistema de riego"}
         },
         {
-          title: "Sistemas de Riego",          description: "Diseñamos e instalamos sistemas de riego eficientes y automatizados que aseguran la hidratación óptima de tus plantas, ahorrando agua.",          phoneOne: {
+          title: "Sistemas de Riego",          description: "Diseñamos e instalamos sistemas de riego eficientes y automatizados.",          phoneOne: {
             imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-watering-plants-with-sprinkler_23-2148396764.jpg",            imageAlt: "Sistema de riego automático"},
           phoneTwo: {
             imageSrc: "http://img.b2bpic.net/free-photo/house-exterior-with-wooden-fence_23-2147663471.jpg?_wi=1",            imageAlt: "Limpieza de zonas verdes"}
         },
         {
-          title: "Limpieza y Adecuación de Zonas Verdes",          description: "Dejamos tus espacios libres de maleza y residuos, listos para disfrutar o para iniciar un nuevo proyecto de paisajismo.",          phoneOne: {
+          title: "Limpieza y Adecuación de Zonas Verdes",          description: "Dejamos tus espacios libres de maleza y residuos.",          phoneOne: {
             imageSrc: "http://img.b2bpic.net/free-photo/man-collects-leaves-cleans-park_1157-27409.jpg",            imageAlt: "Limpieza de jardín"},
           phoneTwo: {
             imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-outdoors_23-2148968963.jpg",            imageAlt: "Nuevo diseño de jardín"}
@@ -160,20 +162,20 @@ export default function LandingPage() {
       animationType="slide-up"
       metrics={[
         {
-          id: "m1",          value: "1.",          title: "Personal Capacitado",          description: "Nuestro equipo está conformado por profesionales con años de experiencia en jardinería y paisajismo.",          icon: Users,
+          id: "m1",          value: "1.",          title: "Equipo Experto",          description: "Profesionales con años de experiencia en jardinería y paisajismo.",          icon: Users,
         },
         {
-          id: "m2",          value: "2.",          title: "Trabajos Garantizados",          description: "Nos comprometemos con la excelencia y la satisfacción, ofreciendo garantías en todos nuestros servicios.",          icon: Award,
+          id: "m2",          value: "2.",          title: "Servicio Garantizado",          description: "Excelencia y satisfacción en cada proyecto.",          icon: Award,
         },
         {
-          id: "m3",          value: "3.",          title: "Atención Puntual",          description: "Valoramos tu tiempo. Cumplimos con los plazos y horarios acordados para tu comodidad.",          icon: Clock,
+          id: "m3",          value: "3.",          title: "Puntualidad",          description: "Respetamos tus tiempos y horarios.",          icon: Clock,
         },
         {
-          id: "m4",          value: "4.",          title: "Precios Justos",          description: "Ofrecemos tarifas competitivas y transparentes, ajustadas a la calidad y el alcance de cada proyecto.",          icon: DollarSign,
+          id: "m4",          value: "4.",          title: "Precios Claros",          description: "Tarifas competitivas y transparentes.",          icon: DollarSign,
         },
       ]}
       title="¿Por qué elegirnos?"
-      description="La calidad y confianza que tu jardín merece, respaldada por nuestro compromiso."
+      description="Tu jardín merece la mejor calidad y confianza."
     />
   </div>
 
@@ -187,21 +189,40 @@ export default function LandingPage() {
         {
           id: "g1",          name: "Jardín Tropical Renovado",          price: "",          variant: "Cajicá",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-plants-deco_23-2149198591.jpg",          imageAlt: "Jardín tropical renovado"},
         {
-          id: "g2",          name: "Espacio Zen Moderno",          price: "",          variant: "Chía",          imageSrc: "http://img.b2bpic.net/free-photo/house-exterior-with-wooden-fence_23-2147663471.jpg?_wi=2",          imageAlt: "Jardín zen moderno"},
+          id: "g2",          name: "Espacio Zen Moderno",          price: "",          variant: "Chía",          imageSrc: "https://img.b2bpic.net/premium-photo/luxury-landscape-design-tropical-garden-beautiful-view-tropical-landscape_179755-9186.jpg?id=9082353",          imageAlt: "Jardín zen moderno"},
         {
           id: "g3",          name: "Huerta Orgánica Urbana",          price: "",          variant: "Sabana de Bogotá",          imageSrc: "http://img.b2bpic.net/free-photo/healthy-ingredients-included-salad_23-2148173926.jpg",          imageAlt: "Huerta orgánica"},
         {
           id: "g4",          name: "Iluminación de Exteriores",          price: "",          variant: "Cajicá",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-kid-running_23-2148758581.jpg",          imageAlt: "Jardín con iluminación"},
         {
-          id: "g5",          name: "Jardín Vertical Balcón",          price: "",          variant: "Chía",          imageSrc: "http://img.b2bpic.net/free-photo/house-blue-garden-spring-park-background_1417-976.jpg",          imageAlt: "Jardín vertical en balcón"},
+          id: "g5",          name: "Jardín Vertical Balcón",          price: "",          variant: "Chía",          imageSrc: "https://img.b2bpic.net/premium-photo/lush-english-garden-month-june_117038-46385.jpg?id=177729259",          imageAlt: "Jardín vertical en balcón"},
         {
-          id: "g6",          name: "Paisajismo Residencial Clásico",          price: "",          variant: "Sabana de Bogotá",          imageSrc: "http://img.b2bpic.net/free-photo/meadow-with-tall-grass-swaying-strong-prestorm-wind-ai-generated_268835-18715.jpg",          imageAlt: "Paisajismo residencial"},
+          id: "g6",          name: "Paisajismo Residencial Clásico",          price: "",          variant: "Sabana de Bogotá",          imageSrc: "https://img.b2bpic.net/premium-photo/tropical-garden-landscape-with-stone-pathway-white-pebble-border_1222783-32272.jpg?id=345481223",          imageAlt: "Paisajismo residencial"},
       ]}
       title="Nuestra Galería de Trabajos"
       description="Explora proyectos transformados: antes y después que inspiran un nuevo estilo de vida."
     />
   </div>
 
+  <div id="before-after" data-section="before-after">
+      <ProductCardFour
+      animationType="scale-rotate"
+      textboxLayout="default"
+      gridVariant="two-columns-alternating-heights"
+      useInvertedBackground={false}
+      title="Transformaciones: Antes y Después"
+      description="Inspírate con nuestras obras. Cada jardín, una historia de cambio y belleza."
+      products={[
+        {
+          id: "ba1",          name: "Jardín con encanto",          variant: "Antes",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvKF0nYkuW5UrQc26ci1QAjGmI/uploaded-1781230361608-5ktcw80x.png",          imageAlt: "Jardín antes de la transformación",          price: ""}
+        ,
+        {
+          id: "ba2",          name: "Jardín revitalizado",          variant: "Después",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvKF0nYkuW5UrQc26ci1QAjGmI/uploaded-1781230361608-yrv8a40j.png",          imageAlt: "Jardín después de la transformación",          price: ""}
+        ,
+      ]}
+    />
+  </div>
+
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwelve
       useInvertedBackground={false}
@@ -219,8 +240,8 @@ export default function LandingPage() {
         {
           id: "t6",          name: "Juan S.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-bearded-man-wearing-hat-park_23-2148203063.jpg",          imageAlt: "Juan S. - Cliente satisfecho"},
       ]}
-      cardTitle="Nuestros Clientes lo Confirman"
-      cardTag="Experiencias de Éxito"
+      cardTitle="Clientes Satisfechos"
+      cardTag="Transformaciones Exitosas"
       cardAnimation="slide-up"
     />
   </div>
@@ -230,7 +251,7 @@ export default function LandingPage() {
       useInvertedBackground={true}
       background={{
         variant: "radial-gradient"}}
-      text="Estamos ubicados en Casa Los Álamos, La Florida, Diagonal 3 Sur #14-14, Cajicá, Cundinamarca, listos para atenderte de Lunes a sábado, desde las 8:00 a.m. Contáctanos y transforma tu jardín."
+      text="Contáctanos: Tel/WhatsApp 312 5128835. Visítanos en Casa Los Álamos, La Florida, Diagonal 3 Sur #14-14, Cajicá, Cundinamarca. Horario: Lunes a Sábado, 8:00 a.m. ¡Transforma tu jardín!"
       buttons={[
         {
           text: "Escríbenos por WhatsApp",          href: "https://wa.me/573125128835"},
@@ -249,6 +270,8 @@ export default function LandingPage() {
               label: "Servicios",              href: "#services"},
             {
               label: "Nosotros",              href: "#about"},
+            {
+              label: "Antes y Después",              href: "#before-after"},
             {
               label: "Contacto",              href: "#contact"},
           ],
@@ -264,16 +287,18 @@ export default function LandingPage() {
           ],
         },
         {
-          title: "Legal",          items: [
+          title: "Contacto",          items: [
             {
-              label: "Política de Privacidad",              href: "#"},
+              label: "Tel/WhatsApp: 312 5128835",              href: "https://wa.me/573125128835"},
             {
-              label: "Términos de Servicio",              href: "#"},
+              label: "Dir: Cajicá, Cundinamarca",              href: "#contact"},
+            {
+              label: "Horario: Lun-Sab 8:00 a.m.",              href: "#contact"},
           ],
         },
       ]}
       logoText="Todo en Jardinería H.L. S.A.S."
-      copyrightText="© 2026 Todo en Jardinería H.L. S.A.S. Todos los derechos reservados."
+      copyrightText="© 2026 Todo en Jardinería H.L. S.A.S."
     />
   </div>
       </ReactLenis>

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-raleway), sans-serif;
+  font-family: var(--font-manrope), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-raleway), sans-serif;
+  font-family: var(--font-manrope), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9fef9;
-  --foreground: #0d2e1c;
-  --primary-cta: #3e8c56;
+  --background: #f8fafc;
+  --card: #ffffff;
+  --foreground: #1e293b;
+  --primary-cta: #22c55e;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f5e8d6;
+  --secondary-cta: #15803d;
   --secondary-cta-text: #0d2e1c;
-  --accent: #b2a28b;
-  --background-accent: #e9f5e9;
+  --accent: #38bdf8;
+  --background-accent: #e2e8f0;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);