<!DOCTYPE html><html lang="es"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Ciclos Verdes - Tecnología Inteligente para la Agricultura Moderna</title> <meta name="description" content="Soluciones de tecnología agrícola inteligente en Medellín. Sistemas de iluminación, control ambiental automatizado y software para jardinería sostenible."> <link rel="icon" type="image/x-icon" href="favicon.ico"> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet"> <style> :root { --primary: #2E7D32; --secondary: #A5D6A7; --accent: #FFC107; --background: #F4F9F4; --text: #2B2B2B; --heading: #1B5E20; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Open Sans', sans-serif; line-height: 1.6; color: var(--text); background-color: var(--background); } h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; color: var(--heading); font-weight: 700; } .navbar { background-color: white; border: none; box-shadow: 0 2px 10px rgba(0,0,0,0.1); padding: 20px 0; transition: all 0.3s ease; } .navbar-brand { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 24px; color: var(--primary) !important; } .navbar-nav > li > a { font-family: 'Open Sans', sans-serif; font-weight: 600; color: var(--text) !important; transition: color 0.3s ease; } .navbar-nav > li > a:hover { color: var(--primary) !important; } .btn-primary { background-color: var(--primary); border-color: var(--primary); font-weight: 600; padding: 12px 30px; border-radius: 25px; transition: all 0.3s ease; } .btn-primary:hover { background-color: var(--heading); border-color: var(--heading); transform: translateY(-2px); } .hero-section { background: linear-gradient(135deg, #F8FCF4 0%, var(--background) 100%); padding: 100px 0; position: relative; overflow: hidden; } .hero-title { font-size: 48px; line-height: 1.2; margin-bottom: 20px; animation: fadeInUp 1s ease; } .hero-subtitle { font-size: 20px; color: var(--text); margin-bottom: 30px; animation: fadeInUp 1s ease 0.2s both; } .section-padding { padding: 80px 0; } .service-card { background: white; border: 2px solid #E8F5E8; border-radius: 15px; padding: 40px; text-align: center; transition: all 0.3s ease; height: 100%; margin-bottom: 30px; } .service-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 15px 40px rgba(46, 125, 50, 0.2); border-color: var(--primary); } .service-icon { width: 80px; height: 80px; margin: 0 auto 20px; background-color: var(--secondary); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .tech-section { background: white; padding: 80px 0; } .tech-section:nth-child(even) { background: #FAFCF7; } .testimonial-section { background: var(--heading); color: white; padding: 80px 0; } .testimonial-card { background: rgba(255,255,255,0.1); border-radius: 15px; padding: 40px; margin: 20px; text-align: center; } .cta-section { background: linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%); padding: 100px 0; color: white; } .form-control { border-radius: 8px; border: 1px solid #ddd; padding: 15px; margin-bottom: 20px; } .form-control:focus { border-color: var(--primary); box-shadow: 0 0 0 2px rgba(46, 125, 50, 0.2); } footer { background: #2C2C2C; color: #ccc; padding: 60px 0 20px; } footer h4 { color: white; margin-bottom: 20px; } footer a { color: var(--secondary); text-decoration: none; } footer a:hover { color: white; } .cookie-banner { position: fixed; bottom: 0; left: 0; right: 0; background: var(--heading); color: white; padding: 15px; z-index: 1000; display: none; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } @keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } .pulse-animation { animation: pulse 3s infinite; } @media (max-width: 768px) { .hero-title { font-size: 32px; } .hero-subtitle { font-size: 18px; } .section-padding { padding: 50px 0; } } </style></head><body> <nav class="navbar navbar-default navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#header"> <svg width="30" height="30" viewBox="0 0 100 100" style="margin-right: 10px;"> <circle cx="50" cy="50" r="45" fill="#2E7D32"/> <path d="M30 70 Q50 40 70 70" stroke="white" stroke-width="4" fill="none"/> <circle cx="35" cy="65" r="3" fill="#A5D6A7"/> <circle cx="50" cy="55" r="3" fill="#A5D6A7"/> <circle cx="65" cy="65" r="3" fill="#A5D6A7"/> </svg> Ciclos Verdes </a> </div> <div class="collapse navbar-collapse" id="navbar"> <ul class="navbar-nav navbar-right"> <li><a href="#section1">Soluciones</a></li> <li><a href="#section2">Software</a></li> <li><a href="#section3">Tecnología</a></li> <li><a href="#section6">Consultoría</a></li> <li><a href="#footer">Contacto</a></li> </ul> </div> </div> </nav> <main> <section id="header" class="hero-section"> <div class="container"> <div class="row"> <div class="col-md-8"> <h1 class="hero-title">Tecnología Inteligente para la Agricultura Moderna</h1> <p class="hero-subtitle">Transformamos la agricultura con soluciones inteligentes de iluminación, control ambiental automatizado y software especializado para el cultivo sostenible en Medellín, Colombia.</p> <div style="margin-top: 40px;"> <a href="#section1" class="btn btn-primary btn-lg pulse-animation" style="margin-right: 15px;">Explorar Soluciones</a> <a href="#footer" class="btn btn-default btn-lg">Contactar Ahora</a> </div> </div> <div class="col-md-4"> <div style="text-align: center; position: relative;"> <img src="images/agricultura_inteligente_tecnologia.jpeg" alt="Sistemas de agricultura inteligente con sensores IoT" class="img-responsive" style="border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.2);"> <div style="position: absolute; top: 20px; right: 20px; background: rgba(255,193,7,0.9); padding: 10px; border-radius: 8px; color: #1B5E20; font-weight: 600;"> <small>Tecnología IoT</small> </div> </div> </div> </div> </div> </section> <section id="section1" class="section-padding"> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <h2 style="font-size: 36px; margin-bottom: 20px;">Soluciones de Iluminación Inteligente para Agricultura Comunitaria Urbana</h2> <p style="font-size: 18px; color: #666; max-width: 800px; margin: 0 auto 60px;">Desarrollamos sistemas de iluminación eficiente especialmente diseñados para proyectos de agricultura urbana comunitaria, optimizando el crecimiento de cultivos en espacios urbanos.</p> </div> </div> <div class="row"> <div class="col-md-3 col-sm-6"> <div class="service-card"> <div class="service-icon"> <svg width="40" height="40" viewBox="0 0 100 100"> <circle cx="50" cy="50" r="25" fill="#2E7D32"/> <path d="M35 35 L65 35 L65 65 L35 65 Z" fill="none" stroke="#FFC107" stroke-width="3"/> <circle cx="42" cy="42" r="2" fill="#FFC107"/> <circle cx="58" cy="42" r="2" fill="#FFC107"/> <circle cx="42" cy="58" r="2" fill="#FFC107"/> <circle cx="58" cy="58" r="2" fill="#FFC107"/> </svg> </div> <h3>Luces LED Inteligentes</h3> <p>Sistemas de iluminación LED programables que ajustan automáticamente el espectro de luz según las necesidades específicas de cada cultivo.</p> </div> </div> <div class="col-md-3 col-sm-6"> <div class="service-card"> <div class="service-icon"> <svg width="40" height="40" viewBox="0 0 100 100"> <rect x="25" y="40" width="50" height="30" fill="#A5D6A7" rx="5"/> <circle cx="35" cy="55" r="3" fill="#2E7D32"/> <circle cx="50" cy="55" r="3" fill="#2E7D32"/> <circle cx="65" cy="55" r="3" fill="#2E7D32"/> <path d="M40 25 L40 40" stroke="#FFC107" stroke-width="2"/> <path d="M50 25 L50 40" stroke="#FFC107" stroke-width="2"/> <path d="M60 25 L60 40" stroke="#FFC107" stroke-width="2"/> </svg> </div> <h3>Ahorro Energético</h3> <p>Reducción del consumo energético hasta un 60% comparado con sistemas tradicionales, ideal para comunidades urbanas sostenibles.</p> </div> </div> <div class="col-md-3 col-sm-6"> <div class="service-card"> <div class="service-icon"> <svg width="40" height="40" viewBox="0 0 100 100"> <rect x="30" y="30" width="40" height="40" fill="none" stroke="#2E7D32" stroke-width="3"/> <circle cx="40" cy="50" r="4" fill="#A5D6A7"/> <circle cx="60" cy="50" r="4" fill="#A5D6A7"/> <path d="M25 25 L75 25" stroke="#FFC107" stroke-width="2"/> <path d="M25 75 L75 75" stroke="#FFC107" stroke-width="2"/> </svg> </div> <h3>Control Remoto</h3> <p>Monitoreo y control desde cualquier dispositivo móvil, permitiendo gestión eficiente de múltiples espacios de cultivo urbano.</p> </div> </div> <div class="col-md-3 col-sm-6"> <div class="service-card"> <div class="service-icon"> <svg width="40" height="40" viewBox="0 0 100 100"> <path d="M50 20 L40 40 L60 40 Z" fill="#2E7D32"/> <rect x="45" y="40" width="10" height="30" fill="#A5D6A7"/> <ellipse cx="35" cy="70" rx="8" ry="4" fill="#2E7D32"/> <ellipse cx="65" cy="70" rx="8" ry="4" fill="#2E7D32"/> <circle cx="30" cy="30" r="3" fill="#FFC107"/> <circle cx="70" cy="30" r="3" fill="#FFC107"/> </svg> </div> <h3>Cultivos Optimizados</h3> <p>Mejora del rendimiento hasta 40% en cultivos urbanos comunitarios con espectros de luz personalizados para cada etapa de crecimiento.</p> </div> </div> </div> </div> </section> <section id="section2" class="tech-section"> <div class="container"> <div class="row"> <div class="col-md-6"> <img src="images/calendario_digital_plantas_medicinales.jpeg" alt="Software de calendario digital para cuidado de plantas medicinales" class="img-responsive" style="border-radius: 15px;"> </div> <div class="col-md-6"> <h2>Calendarios Digitales para el Cuidado Sostenible de Plantas Medicinales</h2> <p>Nuestro software de calendario digital revoluciona el mantenimiento sostenible de plantas medicinales para productores especializados. La plataforma integra planificación automatizada de riego, nutrición y control de plagas, mejorando significativamente la calidad y productividad de los cultivos medicinales.</p> <div style="margin-top: 30px;"> <div style="display: flex; align-items: center; margin-bottom: 15px;"> <svg width="24" height="24" style="margin-right: 15px;" viewBox="0 0 100 100"> <circle cx="50" cy="50" r="20" fill="#2E7D32"/> <path d="M40 50 L45 55 L60 40" stroke="white" stroke-width="3" fill="none"/> </svg> <span><strong>Automatización del cultivo</strong> con recordatorios inteligentes</span> </div> <div style="display: flex; align-items: center; margin-bottom: 15px;"> <svg width="24" height="24" style="margin-right: 15px;" viewBox="0 0 100 100"> <circle cx="50" cy="50" r="20" fill="#2E7D32"/> <path d="M40 50 L45 55 L60 40" stroke="white" stroke-width="3" fill="none"/> </svg> <span><strong>Seguimiento de plantas medicinales</strong> específicas por especie</span> </div> <div style="display: flex; align-items: center; margin-bottom: 30px;"> <svg width="24" height="24" style="margin-right: 15px;" viewBox="0 0 100 100"> <circle cx="50" cy="50" r="20" fill="#2E7D32"/> <path d="M40 50 L45 55 L60 40" stroke="white" stroke-width="3" fill="none"/> </svg> <span><strong>Cuidado sostenible</strong> con prácticas ecológicas integradas</span> </div> <a href="#footer" class="btn btn-primary">Solicitar Demo</a> </div> </div> </div> </div> </section> <section id="section3" class="section-padding"> <div class="container"> <div class="row"> <div class="col-md-6"> <h2>Tecnología para Exportadores de Flores: Mejora en Calidad Postcosecha</h2> <p>Desarrollamos soluciones tecnológicas específicas para empresas exportadoras de flores, enfocadas en el control ambiental automatizado y detección temprana de plagas. Nuestros sistemas garantizan la frescura y calidad postcosecha, elementos críticos para el éxito en mercados internacionales.</p> <div style="margin-top: 30px;"> <h4 style="color: var(--primary); margin-bottom: 15px;">Control Ambiental Automatizado</h4> <p>Sistemas inteligentes que mantienen condiciones óptimas de temperatura, humedad y ventilación durante todo el proceso postcosecha.</p> <h4 style="color: var(--primary); margin-bottom: 15px; margin-top: 25px;">Detección de Plagas</h4> <p>Tecnología avanzada para la identificación temprana y control efectivo de plagas, protegiendo la calidad de exportación.</p> <h4 style="color: var(--primary); margin-bottom: 15px; margin-top: 25px;">Monitoreo en Tiempo Real</h4> <p>Supervisión constante de parámetros críticos con alertas automáticas y reportes detallados para optimizar procesos.</p> </div> </div> <div class="col-md-6"> <img src="images/exportacion_flores_control_calidad.jpeg" alt="Tecnología para control de calidad en exportación de flores" class="img-responsive" style="border-radius: 15px;"> <div style="background: white; padding: 20px; margin-top: 20px; border-radius: 10px; text-align: center; box-shadow: 0 5px 15px rgba(0,0,0,0.1);"> <h5 style="color: var(--primary);">Resultados Comprobados</h5> <div style="display: flex; justify-content: space-between; margin-top: 15px;"> <div> <strong style="font-size: 24px; color: var(--accent);">95%</strong><br> <small>Calidad Postcosecha</small> </div> <div> <strong style="font-size: 24px; color: var(--accent);">30%</strong><br> <small>Reducción Pérdidas</small> </div> <div> <strong style="font-size: 24px; color: var(--accent);">24/7</strong><br> <small>Monitoreo Continuo</small> </div> </div> </div> </div> </div> </div> </section> <section id="section4" class="tech-section"> <div class="container"> <div class="row"> <div class="col-md-6"> <img src="images/automatizacion_industrias_alimentarias.jpeg" alt="Sistemas automatizados para cultivo en industrias alimentarias" class="img-responsive" style="border-radius: 15px;"> </div> <div class="col-md-6"> <h2>Automatización Ambiental para Pequeñas Industrias Alimentarias</h2> <p>Implementamos sistemas automatizados especializados para el cultivo de ingredientes frescos en pequeñas industrias alimentarias. Nuestras soluciones incluyen control preciso de humedad, temperatura y luz, asegurando la calidad y sostenibilidad del cultivo de ingredientes destinados a la producción alimentaria.</p> <div style="background: #F8FCF4; padding: 25px; border-radius: 10px; margin-top: 30px;"> <h4 style="color: var(--primary); margin-bottom: 20px;">Características Principales</h4> <ul style="list-style: none; padding-left: 0;"> <li style="margin-bottom: 10px;"> <svg width="16" height="16" style="margin-right: 10px;" viewBox="0 0 100 100"> <circle cx="50" cy="50" r="15" fill="#2E7D32"/> <path d="M40 50 L45 55 L60 40" stroke="white" stroke-width="4" fill="none"/> </svg> Control automatizado de humedad relativa </li> <li style="margin-bottom: 10px;"> <svg width="16" height="16" style="margin-right: 10px;" viewBox="0 0 100 100"> <circle cx="50" cy="50" r="15" fill="#2E7D32"/> <path d="M40 50 L45 55 L60 40" stroke="white" stroke-width="4" fill="none"/> </svg> Gestión térmica inteligente 24/7 </li> <li style="margin-bottom: 10px;"> <svg width="16" height="16" style="margin-right: 10px;" viewBox="0 0 100 100"> <circle cx="50" cy="50" r="15" fill="#2E7D32"/> <path d="M40 50 L45 55 L60 40" stroke="white" stroke-width="4" fill="none"/> </svg> Iluminación adaptativa por ingrediente </li> <li style="margin-bottom: 10px;"> <svg width="16" height="16" style="margin-right: 10px;" viewBox="0 0 100 100"> <circle cx="50" cy="50" r="15" fill="#2E7D32"/> <path d="M40 50 L45 55 L60 40" stroke="white" stroke-width="4" fill="none"/> </svg> Certificación de sostenibilidad agrícola </li> </ul> </div> </div> </div> </div> </section> <section id="section5" class="section-padding"> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <h2>Invernaderos Comerciales en Antioquia: Soluciones Integrales de Automatización</h2> <p style="font-size: 18px; max-width: 900px; margin: 0 auto 50px;">Especializados en tecnologías integradas para invernaderos comerciales en Antioquia, ofrecemos sistemas inteligentes de iluminación, control de humedad, y monitoreo de plagas orientados a maximizar productividad y eficiencia en cultivos comerciales a gran escala.</p> </div> </div> <div class="row"> <div class="col-md-8"> <img src="images/invernaderos_comerciales_antioquia.jpeg" alt="Invernaderos comerciales automatizados en Antioquia" class="img-responsive" style="border-radius: 15px;"> </div> <div class="col-md-4"> <div style="background: white; padding: 30px; border-radius: 15px; height: 100%; box-shadow: 0 10px 30px rgba(0,0,0,0.1);"> <h4 style="color: var(--primary); margin-bottom: 25px;">Automatización de Invernaderos</h4> <div style="margin-bottom: 25px;"> <h5 style="color: var(--heading); margin-bottom: 10px;">Control Inteligente de Ambiente</h5> <p style="font-size: 14px;">Sistemas avanzados que regulan temperatura, humedad, CO2 y ventilación de forma automatizada.</p> </div> <div style="margin-bottom: 25px;"> <h5 style="color: var(--heading); margin-bottom: 10px;">Monitoreo de Plagas IoT</h5> <p style="font-size: 14px;">Detección temprana y control automatizado de plagas con sensores de última generación.</p> </div> <div style="margin-bottom: 25px;"> <h5 style="color: var(--heading); margin-bottom: 10px;">Optimización de Recursos</h5> <p style="font-size: 14px;">Maximización de productividad con uso eficiente de agua, energía y nutrientes.</p> </div> <div style="text-align: center; padding-top: 20px; border-top: 1px solid #eee;"> <small style="color: #666;">Instalaciones en toda Antioquia</small> </div> </div> </div> </div> <div style="margin-top: 60px;"> <div class="row"> <div class="col-md-3 col-sm-6 text-center"> <div style="background: var(--primary); color: white; padding: 30px; border-radius: 15px; margin-bottom: 20px;"> <h3 style="color: white; font-size: 36px; margin-bottom: 10px;">150+</h3> <p style="margin: 0;">Invernaderos Equipados</p> </div> </div> <div class="col-md-3 col-sm-6 text-center"> <div style="background: var(--accent); color: var(--heading); padding: 30px; border-radius: 15px; margin-bottom: 20px;"> <h3 style="color: var(--heading); font-size: 36px; margin-bottom: 10px;">45%</h3> <p style="margin: 0;">Aumento Productividad</p> </div> </div> <div class="col-md-3 col-sm-6 text-center"> <div style="background: var(--secondary); color: var(--heading); padding: 30px; border-radius: 15px; margin-bottom: 20px;"> <h3 style="color: var(--heading); font-size: 36px; margin-bottom: 10px;">30%</h3> <p style="margin: 0;">Ahorro Energético</p> </div> </div> <div class="col-md-3 col-sm-6 text-center"> <div style="background: var(--primary); color: white; padding: 30px; border-radius: 15px; margin-bottom: 20px;"> <h3 style="color: white; font-size: 36px; margin-bottom: 10px;">24/7</h3> <p style="margin: 0;">Soporte Técnico</p> </div> </div> </div> </div> </div> </section> <section id="section6" class="tech-section"> <div class="container"> <div class="row"> <div class="col-md-6"> <h2>Consultoría en Prácticas Sostenibles para Jardinería Interior</h2> <p>Ofrecemos servicios de asesoría especializada para implementar prácticas sostenibles en el cuidado de plantas de interior. Combinamos tecnología avanzada con métodos ecológicos para mejorar la salud vegetal y reducir significativamente el impacto ambiental en espacios interiores.</p> <div style="margin-top: 40px;"> <video controls style="width: 100%; border-radius: 10px;" poster="images/consultoria_jardineria_interior.jpeg"> <source src="b036e414.mp4" type="video/mp4"> Su navegador no soporta la reproducción de video HTML5. </video> <p style="text-align: center; margin-top: 10px; font-size: 14px; color: #666;"> Descubra nuestros métodos de consultoría sostenible </p> </div> </div> <div class="col-md-6"> <img src="images/consultoria_jardineria_sostenible.jpeg" alt="Consultoría en jardinería interior sostenible" class="img-responsive" style="border-radius: 15px; margin-bottom: 30px;"> <div style="background: var(--background); padding: 25px; border-radius: 15px;"> <h4 style="color: var(--primary); margin-bottom: 20px;">Servicios de Consultoría</h4> <div style="margin-bottom: 20px;"> <h5 style="color: var(--heading);">Prácticas Ecológicas</h5> <p>Implementación de métodos naturales y sostenibles para el cuidado óptimo de plantas de interior sin químicos dañinos.</p> </div> <div style="margin-bottom: 20px;"> <h5 style="color: var(--heading);">Tecnología para Plantas de Interior</h5> <p>Integración de sensores inteligentes y sistemas automatizados para monitoreo preciso de condiciones ambientales.</p> </div> <div style="margin-bottom: 20px;"> <h5 style="color: var(--heading);">Cuidado Sostenible</h5> <p>Estrategias personalizadas que reducen el consumo de recursos y maximizan la salud vegetal a largo plazo.</p> </div> <a href="#footer" class="btn btn-primary" style="width: 100%;">Solicitar Consultoría</a> </div> </div> </div> </div> </section> <section class="testimonial-section"> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <h2 style="color: white; margin-bottom: 50px;">Lo Que Dicen Nuestros Clientes</h2> </div> </div> <div class="row"> <div class="col-md-4"> <div class="testimonial-card"> <p style="font-style: italic; margin-bottom: 20px;">"Los sistemas de iluminación inteligente de Ciclos Verdes aumentaron nuestra productividad en un 40%. La agricultura urbana comunitaria en nuestro barrio nunca había sido tan eficiente."</p> <h5 style="color: var(--accent);">María Elena Restrepo</h5> <small>Coordinadora Agricultura Urbana, Comuna 13</small> </div> </div> <div class="col-md-4"> <div class="testimonial-card"> <p style="font-style: italic; margin-bottom: 20px;">"El calendario digital para nuestras plantas medicinales ha revolucionado nuestro cultivo. La automatización nos permite mantener la calidad mientras optimizamos recursos."</p> <h5 style="color: var(--accent);">Dr. Carlos Henao</h5> <small>Productor de Plantas Medicinales, Rionegro</small> </div> </div> <div class="col-md-4"> <div class="testimonial-card"> <p style="font-style: italic; margin-bottom: 20px;">"Como exportadores de flores, la tecnología postcosecha de Ciclos Verdes nos garantiza calidad premium. Hemos reducido pérdidas en un 30%."</p> <h5 style="color: var(--accent);">Ana Sofía Muñoz</h5> <small>Gerente de Calidad, Flores del Oriente</small> </div> </div> </div> <div class="row" style="margin-top: 30px;"> <div class="col-md-6"> <div class="testimonial-card"> <p style="font-style: italic; margin-bottom: 20px;">"La automatización ambiental para nuestra industria alimentaria ha sido un cambio total. Control perfecto de humedad y temperatura para ingredientes frescos."</p> <h5 style="color: var(--accent);">Roberto Gómez</h5> <small>Director de Producción, Alimentos Naturales SAS</small> </div> </div> <div class="col-md-6"> <div class="testimonial-card"> <p style="font-style: italic; margin-bottom: 20px;">"Nuestros invernaderos comerciales en Antioquia operan ahora con máxima eficiencia. El monitoreo de plagas y control ambiental es excepcional."</p> <h5 style="color: var(--accent);">Luis Fernando Zapata</h5> <small>Propietario, Invernaderos del Valle Verde</small> </div> </div> </div> </div> </section> <section id="general_services" class="section-padding"> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <h2>Servicios Generales de Tecnología Agrícola y Smart Gardening</h2> <p style="font-size: 18px; max-width: 900px; margin: 0 auto 60px;">Ciclos Verdes ofrece una gama completa de servicios desde desarrollo tecnológico hasta soporte técnico especializado, destacando la innovación y eficiencia para diversos mercados agrícolas y de jardinería inteligente.</p> </div> </div> <div class="row"> <div class="col-md-6"> <img src="images/tecnologia_agricola_smart_gardening.jpeg" alt="Servicios completos de tecnología agrícola y smart gardening" class="img-responsive" style="border-radius: 15px;"> </div> <div class="col-md-6"> <h3 style="color: var(--primary); margin-bottom: 25px;">Innovación Agrícola Integral</h3> <div style="background: white; padding: 25px; border-radius: 10px; margin-bottom: 20px; box-shadow: 0 5px 15px rgba(0,0,0,0.1);"> <h4 style="color: var(--heading); margin-bottom: 15px;">Desarrollo Tecnológico</h4> <p>Creamos soluciones personalizadas de automatización agrícola, desde sensores IoT hasta sistemas de control ambiental avanzados para optimizar cultivos.</p> </div> <div style="background: white; padding: 25px; border-radius: 10px; margin-bottom: 20px; box-shadow: 0 5px 15px rgba(0,0,0,0.1);"> <h4 style="color: var(--heading); margin-bottom: 15px;">Smart Gardening</h4> <p>Implementamos tecnología inteligente para jardinería moderna, incluyendo sistemas de riego automatizado, monitoreo de plantas y control de plagas ecológico.</p> </div> <div style="background: white; padding: 25px; border-radius: 10px; margin-bottom: 20px; box-shadow: 0 5px 15px rgba(0,0,0,0.1);"> <h4 style="color: var(--heading); margin-bottom: 15px;">Soporte Técnico Agrícola</h4> <p>Ofrecemos mantenimiento especializado, actualizaciones de software y capacitación continua para maximizar el rendimiento de nuestras soluciones tecnológicas.</p> </div> <a href="#footer" class="btn btn-primary btn-lg" style="width: 100%;">Solicitar Información Completa</a> </div> </div> </div> </section> <section class="cta-section"> <div class="container"> <div class="row"> <div class="col-md-6"> <h2 style="color: white; font-size: 40px; margin-bottom: 20px;">¿Listo para Revolucionar su Cultivo?</h2> <p style="font-size: 18px; margin-bottom: 30px;">Únase a más de 200 productores en Antioquia que ya confían en nuestras soluciones de tecnología agrícola inteligente. Obtenga una consultoría gratuita personalizada.</p> </div> <div class="col-md-6"> <div style="background: rgba(255,255,255,0.9); padding: 40px; border-radius: 15px;"> <h3 style="color: var(--heading); margin-bottom: 25px;">Consultoría Gratuita</h3> <form> <div class="form-group"> <input type="text" class="form-control" placeholder="Nombre completo" required> </div> <div class="form-group"> <input type="email" class="form-control" placeholder="Correo electrónico" required> </div> <div class="form-group"> <input type="tel" class="form-control" placeholder="Teléfono"> </div> <div class="form-group"> <select class="form-control" required> <option value="">Tipo de cultivo</option> <option value="urbano">Agricultura Urbana</option> <option value="medicinales">Plantas Medicinales</option> <option value="flores">Flores para Exportación</option> <option value="invernadero">Invernadero Comercial</option> <option value="interior">Jardinería Interior</option> <option value="industrial">Industria Alimentaria</option> </select> </div> <div class="form-group"> <textarea class="form-control" rows="4" placeholder="Describa su proyecto o necesidad específica"></textarea> </div> <button type="submit" class="btn btn-primary btn-lg" style="width: 100%;"> Solicitar Consultoría Gratuita </button> </form> </div> </div> </div> </div> </section></main> <footer id="footer"> <div class="container"> <div class="row"> <div class="col-md-4"> <h4>Ciclos Verdes</h4> <p>Líderes en tecnología agrícola inteligente y soluciones sostenibles para cultivo moderno en Colombia.</p> <div style="margin-top: 25px;"> <h5>Ubicación</h5> <p> <svg width="16" height="16" style="margin-right: 8px;" viewBox="0 0 100 100"> <circle cx="50" cy="40" r="25" fill="none" stroke="#A5D6A7" stroke-width="6"/> <circle cx="50" cy="40" r="8" fill="#A5D6A7"/> </svg> 47 Carrera 15, Piso 3, Oficina 305<br> Medellín, Antioquia 050021<br> Colombia </p> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3966.2123456789!2d-75.5636!3d6.2442!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8e4428dfb80fad05%3A0x42137cfcc7b53b56!2sMedell%C3%ADn%2C%20Antioquia%2C%20Colombia!5e0!3m2!1sen!2sus!4v1625123456789!5m2!1sen!2sus" width="100%" height="150" style="border:0; border-radius: 8px; margin-top: 15px;" allowfullscreen="" loading="lazy"></iframe> </div> </div> <div class="col-md-4"> <h4>Servicios</h4> <ul style="list-style: none; padding-left: 0;"> <li style="margin-bottom: 8px;"><a href="#section1">Iluminación Inteligente</a></li> <li style="margin-bottom: 8px;"><a href="#section2">Software de Calendario Digital</a></li> <li style="margin-bottom: 8px;"><a href="#section3">Control Postcosecha</a></li> <li style="margin-bottom: 8px;"><a href="#section4">Automatización Industrial</a></li> <li style="margin-bottom: 8px;"><a href="#section5">Invernaderos Comerciales</a></li> <li style="margin-bottom: 8px;"><a href="#section6">Consultoría Sostenible</a></li> <li style="margin-bottom: 8px;"><a href="#general_services">Tecnología Agrícola Integral</a></li> </ul> <div style="margin-top: 30px;"> <h5>Especialidades</h5> <ul style="list-style: none; padding-left: 0; font-size: 14px;"> <li>• Control de humedad automatizado</li> <li>• Detección y control de plagas</li> <li>• Sistemas grow light eficientes</li> <li>• Software agrícola personalizado</li> </ul> </div> </div> <div class="col-md-4"> <h4>Contacto</h4> <div style="margin-bottom: 15px;"> <svg width="16" height="16" style="margin-right: 10px;" viewBox="0 0 100 100"> <rect x="20" y="30" width="60" height="40" fill="none" stroke="#A5D6A7" stroke-width="4" rx="5"/> <path d="M20 35 L50 55 L80 35" fill="none" stroke="#A5D6A7" stroke-width="3"/> </svg> <a href="mailto:info@foxcommconnect.com">info@foxcommconnect.com</a> </div> <div style="margin-bottom: 15px;"> <svg width="16" height="16" style="margin-right: 10px;" viewBox="0 0 100 100"> <path d="M30 20 Q50 10 70 20 L75 25 Q70 30 65 25 L60 30 Q50 35 40 30 L35 25 Q30 30 25 25 Z" fill="#A5D6A7"/> <rect x="45" y="35" width="10" height="35" fill="#A5D6A7"/> <rect x="25" y="70" width="50" height="10" fill="#A5D6A7" rx="5"/> </svg> <a href="tel:+5744442759">+57 4 444 2759</a> </div> <div style="margin-bottom: 25px;"> <svg width="16" height="16" style="margin-right: 10px;" viewBox="0 0 100 100"> <rect x="25" y="25" width="50" height="50" fill="none" stroke="#A5D6A7" stroke-width="4" rx="8"/> <circle cx="50" cy="40" r="8" fill="#A5D6A7"/> <path d="M50 50 L50 60 M45 60 L55 60" stroke="#A5D6A7" stroke-width="3"/> </svg> Email alternativo: <a href="mailto:contact@relojverde.co">contact@relojverde.co</a> </div> <h5>Horarios de Atención</h5> <p style="font-size: 14px;"> Lunes a Viernes: 8:00 AM - 6:00 PM<br> Sábados: 9:00 AM - 2:00 PM<br> Soporte de emergencia 24/7 </p> <div style="margin-top: 25px;"> <h5>Certificaciones</h5> <p style="font-size: 12px; color: #999;"> • ISO 9001:2015 Gestión de Calidad<br> • Certificación Sostenibilidad Agrícola<br> • Registro INVIMA para Tecnología Agrícola </p> </div> </div> </div> <hr style="margin: 40px 0 20px; border-color: #444;"> <div class="row"> <div class="col-md-6"> <p style="font-size: 14px;">© 2024 Ciclos Verdes. Todos los derechos reservados.</p> </div> <div class="col-md-6 text-right"> <a href="./privacy.html" style="margin-right: 15px; font-size: 14px;">Política de Privacidad</a> <a href="./tos.html" style="font-size: 14px;">Términos de Servicio</a> </div> </div> </div></footer> <div class="cookie-banner" id="cookieBanner"> <div class="container"> <div class="row"> <div class="col-md-9"> <p style="margin: 0;">Utilizamos cookies para mejorar su experiencia en nuestro sitio web y analizar el tráfico. Al continuar navegando, acepta nuestro uso de cookies.</p> </div> <div class="col-md-3 text-right"> <button class="btn btn-sm" style="background: var(--accent); color: var(--heading); margin-right: 10px;" onclick="acceptCookies()">Aceptar</button> <button class="btn btn-sm btn-default" onclick="declineCookies()">Rechazar</button> </div> </div> </div></div> <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script><script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script><script> // Cookie banner functionality function showCookieBanner() { if (!localStorage.getItem('cookiesAccepted')) { document.getElementById('cookieBanner').style.display = 'block'; } } function acceptCookies() { localStorage.setItem('cookiesAccepted', 'true'); document.getElementById('cookieBanner').style.display = 'none'; } function declineCookies() { localStorage.setItem('cookiesAccepted', 'false'); document.getElementById('cookieBanner').style.display = 'none'; } // Show cookie banner on page load $(document).ready(function() { setTimeout(showCookieBanner, 2000); // Smooth scrolling for anchor links $('a[href^="#"]').on('click', function(event) { var target = $(this.getAttribute('href')); if( target.length ) { event.preventDefault(); $('html, body').stop().animate({ scrollTop: target.offset().top - 70 }, 1000); } }); // Add scroll effect to navbar $(window).scroll(function() { if ($(this).scrollTop() > 50) { $('.navbar').addClass('navbar-shrink'); } else { $('.navbar').removeClass('navbar-shrink'); } }); // Animate service cards on scroll $(window).scroll(function() { $('.service-card').each(function() { var elementTop = $(this).offset().top; var elementBottom = elementTop + $(this).outerHeight(); var viewportTop = $(window).scrollTop(); var viewportBottom = viewportTop + $(window).height(); if (elementBottom > viewportTop && elementTop < viewportBottom) { $(this).addClass('animate__fadeInUp'); } }); }); }); // Form submission handling $('form').on('submit', function(e) { e.preventDefault(); alert('Gracias por su interés. Nos pondremos en contacto con usted pronto.'); });</script></body></html>
