Files
2026-06-12 02:37:19 +00:00

308 lines
16 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Award, Clock, DollarSign, Users } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="medium"
sizing="mediumLargeSizeMediumTitles"
background="fluid"
cardStyle="gradient-radial"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid"
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Inicio", id: "hero"},
{
name: "Servicios", id: "services"},
{
name: "Nosotros", id: "about"},
{
name: "Antes y Después", id: "before-after"},
{
name: "Contacto", id: "contact"},
]}
brandName="Todo en Jardinería H.L. S.A.S."
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "plain"}}
title="Transformamos tus espacios verdes"
description="Diseño, mantenimiento y cuidado profesional de jardines en Cajicá, Chía y la Sabana de Bogotá."
buttons={[
{
text: "Solicita tu cotización gratis", href: "https://wa.me/573125128835"},
]}
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={[
{
src: "http://img.b2bpic.net/free-photo/confident-office-employers-thumbing-up-smiling-two-happy-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-cooperation-concept_74855-6924.jpg", alt: "Profesional de paisajismo satisfecho"},
{
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", alt: "Cliente feliz con nuestro servicio"},
{
src: "http://img.b2bpic.net/free-photo/woman-with-coffee-cup-showing-thumb-up_23-2148055893.jpg", alt: "Miembro del equipo sonriendo"},
{
src: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3561.jpg", alt: "Experto en jardinería"},
{
src: "http://img.b2bpic.net/free-photo/relaxed-peaceful-guy-striped-shirt-walking-through-park_1262-20797.jpg", alt: "Diseñador de jardines"},
]}
avatarText="+100 Proyectos Exitosos"
marqueeItems={[
{
type: "text", text: "Jardines Excepcionales"},
{
type: "image", src: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-shorts-watering-flowers_259150-57548.jpg", alt: "Mujer regando flores"},
{
type: "text", text: "Servicio de Primera"},
{
type: "image", src: "http://img.b2bpic.net/free-photo/back-view-young-woman-taking-care-plants_23-2148509882.jpg", alt: "Mujer cuidando plantas"},
{
type: "text", text: "Confianza y Calidad"},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text", content: "Expertos en Paisajismo y Jardinería"},
{
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: "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={[
{
text: "Conoce más de nuestra historia", href: "#"},
]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
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, 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 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: "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.", 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.", 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"}
},
]}
showStepNumbers={false}
title="Nuestros Servicios"
description="Ofrecemos una gama completa de servicios para mantener tus espacios verdes vibrantes y saludables."
/>
</div>
<div id="why-choose-us" data-section="why-choose-us">
<MetricCardOne
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
animationType="slide-up"
metrics={[
{
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: "Servicio Garantizado", description: "Excelencia y satisfacción en cada proyecto.", icon: Award,
},
{
id: "m3", value: "3.", title: "Puntualidad", description: "Respetamos tus tiempos y horarios.", icon: Clock,
},
{
id: "m4", value: "4.", title: "Precios Claros", description: "Tarifas competitivas y transparentes.", icon: DollarSign,
},
]}
title="¿Por qué elegirnos?"
description="Tu jardín merece la mejor calidad y confianza."
/>
</div>
<div id="gallery" data-section="gallery">
<ProductCardFour
animationType="scale-rotate"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={true}
products={[
{
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: "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: "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: "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}
testimonials={[
{
id: "t1", name: "Sofía G.", imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg", imageAlt: "Sofía G. - Cliente Satisfecha"},
{
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: "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: "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: "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="Clientes Satisfechos"
cardTag="Transformaciones Exitosas"
cardAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "radial-gradient"}}
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"},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Navegación", items: [
{
label: "Inicio", href: "#hero"},
{
label: "Servicios", href: "#services"},
{
label: "Nosotros", href: "#about"},
{
label: "Antes y Después", href: "#before-after"},
{
label: "Contacto", href: "#contact"},
],
},
{
title: "Servicios", items: [
{
label: "Mantenimiento", href: "#services"},
{
label: "Paisajismo", href: "#services"},
{
label: "Riego", href: "#services"},
],
},
{
title: "Contacto", items: [
{
label: "Tel/WhatsApp: 312 5128835", href: "https://wa.me/573125128835"},
{
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."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}