308 lines
16 KiB
TypeScript
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>
|
|
);
|
|
}
|