Merge version_2 into main

Merge version_2 into main
This commit was merged in pull request #4.
This commit is contained in:
2026-06-12 02:14:32 +00:00
3 changed files with 59 additions and 34 deletions

View File

@@ -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"},
]}
@@ -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>
@@ -202,6 +204,25 @@ export default function LandingPage() {
/>
</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}
@@ -211,16 +232,16 @@ export default function LandingPage() {
{
id: "t2", name: "Carlos M.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-redhead-male-blue-jacket-table-cafe_613910-16175.jpg", imageAlt: "Carlos M. - Cliente Satisfecho"},
{
id: "t3", name: "Elena P.", imageSrc: "http://img.b2bpic.net/free-photo/summertime-mature-people-age-leisure-concept-outdoor-shot-stylish-caucasian-woman-pensioner-with-gray-short-hair-wearing-yellow-cardigan-relaxing-wild-nature-with-smile_343059-4802.jpg", imageAlt: "Elena P. - Cliente Satisfecha"},
id: "t3", name: "Elena P.", imageSrc: "http://img.b2bpic.net/free-photo/summertime-mature-people-age-leisure-concept-outdoor-shot-stylish-caucasian-woman-pensioner-with-gray-short-hair-wearing-yellow-cardigan-relaxing-wild-nature-with-smile_343059-4802.jpg", alt: "Elena P. - Cliente Satisfecha"},
{
id: "t4", name: "Andrés L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-big-city-woman-city_169016-66523.jpg", imageAlt: "Andrés L. - Cliente Satisfecho"},
id: "t4", name: "Andrés L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-big-city-woman-city_169016-66523.jpg", alt: "Andrés L. - Cliente Satisfecho"},
{
id: "t5", name: "Valeria R.", imageSrc: "http://img.b2bpic.net/free-photo/funny-cute-smiling-woman-beautiful-laughing-hipster-pretty-woman-with-long-amazing-brunette-hairs-bright-make-up-wearing-glasses-plaid-shirt_291049-920.jpg", imageAlt: "Valeria R. - Cliente Satisfecha"},
id: "t5", name: "Valeria R.", imageSrc: "http://img.b2bpic.net/free-photo/funny-cute-smiling-woman-beautiful-laughing-hipster-pretty-woman-with-long-amazing-brunette-hairs-bright-make-up-wearing-glasses-plaid-shirt_291049-920.jpg", alt: "Valeria R. - Cliente Satisfecha"},
{
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"},
id: "t6", name: "Juan S.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-bearded-man-wearing-hat-park_23-2148203063.jpg", alt: "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>

View File

@@ -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;
}

View File

@@ -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);