15 Commits

Author SHA1 Message Date
916b5156e2 Merge version_2 into main
Merge version_2 into main
2026-06-12 02:37:22 +00:00
7c61c292a5 Update src/app/page.tsx 2026-06-12 02:37:19 +00:00
5b3b54dd44 Merge version_2 into main
Merge version_2 into main
2026-06-12 02:32:09 +00:00
2440651d6f Update src/app/page.tsx 2026-06-12 02:32:06 +00:00
cb91dcfd35 Merge version_2 into main
Merge version_2 into main
2026-06-12 02:27:01 +00:00
553507fbc9 Update src/app/page.tsx 2026-06-12 02:26:55 +00:00
2590785585 Merge version_2 into main
Merge version_2 into main
2026-06-12 02:15:18 +00:00
45301914eb Update src/app/page.tsx 2026-06-12 02:15:12 +00:00
6efbec405b Merge version_2 into main
Merge version_2 into main
2026-06-12 02:14:32 +00:00
c7cb7d1501 Update src/app/styles/variables.css 2026-06-12 02:14:29 +00:00
68eacb0983 Update src/app/styles/base.css 2026-06-12 02:14:29 +00:00
398600f17a Update src/app/page.tsx 2026-06-12 02:14:29 +00:00
ab82b03fe1 Merge version_1 into main
Merge version_1 into main
2026-06-12 02:07:57 +00:00
bca72a93e2 Merge version_1 into main
Merge version_1 into main
2026-06-12 02:07:33 +00:00
1923932233 Merge version_1 into main
Merge version_1 into main
2026-06-12 02:06:47 +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"},
]}
@@ -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>

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