ayvens

Running

App Files Files Community

svilalta commited on May 11, 2025

Commit

f2b0abb

verified ·

1 Parent(s): 93335cc

Add 3 files

Browse files

Files changed (3) hide show

README.md +6 -4
index.html +639 -19
prompts.txt +1 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Ayvens
-emoji: 👁
 colorFrom: blue
-colorTo: purple
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: ayvens
+emoji: 🐳
 colorFrom: blue
+colorTo: red
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,639 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="es">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Ayvens - Líder en Movilidad Sostenible</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        .hero {
+            background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://images.unsplash.com/photo-1494972308805-463bc619d34e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2073&q=80');
+            background-size: cover;
+            background-position: center;
+        }
+        .counter-item {
+            transition: all 0.3s ease;
+        }
+        .counter-item:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
+        }
+        .timeline-item:not(:last-child)::after {
+            content: '';
+            position: absolute;
+            left: 50%;
+            bottom: -50px;
+            width: 2px;
+            height: 50px;
+            background-color: #3b82f6;
+        }
+        @media (max-width: 768px) {
+            .timeline-item:not(:last-child)::after {
+                left: 20px;
+            }
+        }
+        .service-card {
+            transition: all 0.3s ease;
+        }
+        .service-card:hover {
+            transform: translateY(-10px);
+            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+        }
+    </style>
+</head>
+<body class="font-sans">
+    <!-- Header -->
+    <header class="bg-white shadow-md sticky top-0 z-50">
+        <div class="container mx-auto px-4 py-3 flex justify-between items-center">
+            <div class="flex items-center">
+                <img src="https://via.placeholder.com/150x50?text=Ayvens" alt="Ayvens Logo" class="h-10">
+            </div>
+            <nav class="hidden md:flex space-x-8">
+                <a href="#servicios" class="text-gray-700 hover:text-blue-600 font-medium">Servicios</a>
+                <a href="#empresa" class="text-gray-700 hover:text-blue-600 font-medium">Empresa</a>
+                <a href="#cifras" class="text-gray-700 hover:text-blue-600 font-medium">Cifras</a>
+                <a href="#sostenibilidad" class="text-gray-700 hover:text-blue-600 font-medium">Sostenibilidad</a>
+                <a href="#contacto" class="text-gray-700 hover:text-blue-600 font-medium">Contacto</a>
+            </nav>
+            <div class="md:hidden">
+                <button id="menu-toggle" class="text-gray-700 focus:outline-none">
+                    <i class="fas fa-bars text-2xl"></i>
+                </button>
+            </div>
+        </div>
+        <!-- Mobile menu -->
+        <div id="mobile-menu" class="hidden md:hidden bg-white py-2 px-4 shadow-lg">
+            <a href="#servicios" class="block py-2 text-gray-700 hover:text-blue-600">Servicios</a>
+            <a href="#empresa" class="block py-2 text-gray-700 hover:text-blue-600">Empresa</a>
+            <a href="#cifras" class="block py-2 text-gray-700 hover:text-blue-600">Cifras</a>
+            <a href="#sostenibilidad" class="block py-2 text-gray-700 hover:text-blue-600">Sostenibilidad</a>
+            <a href="#contacto" class="block py-2 text-gray-700 hover:text-blue-600">Contacto</a>
+        </div>
+    </header>
+    <!-- Hero Section -->
+    <section class="hero text-white py-20 md:py-32">
+        <div class="container mx-auto px-4 text-center">
+            <h1 class="text-4xl md:text-6xl font-bold mb-6">Encuentra el renting que mejor se adapta a tus necesidades</h1>
+            <p class="text-xl md:text-2xl mb-10 max-w-3xl mx-auto">En Ayvens, nos enorgullecemos de algo más que ofrecer vehículos. Somos tus socios en movilidad.</p>
+            <div class="flex flex-col md:flex-row justify-center gap-4">
+                <a href="#servicios" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full transition duration-300">Nuestros servicios</a>
+                <a href="#contacto" class="bg-transparent hover:bg-white hover:text-blue-600 text-white font-bold py-3 px-8 border-2 border-white rounded-full transition duration-300">Contactar</a>
+            </div>
+        </div>
+    </section>
+    <!-- Services Section -->
+    <section id="servicios" class="py-16 bg-gray-50">
+        <div class="container mx-auto px-4">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Soluciones de movilidad a tu medida</h2>
+                <p class="text-gray-600 max-w-2xl mx-auto">Ofrecemos soluciones completas para todo tipo de empresas y particulares, con profesionalidad, transparencia y un compromiso con tu satisfacción.</p>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
+                <!-- Service 1 -->
+                <div class="service-card bg-white p-8 rounded-xl shadow-md text-center">
+                    <div class="bg-blue-100 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-6">
+                        <i class="fas fa-building text-blue-600 text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold text-gray-800 mb-3">Renting empresas vehículos nuevos</h3>
+                    <p class="text-gray-600">Estrena coche con un renting a largo plazo con todo incluido.</p>
+                </div>
+                <!-- Service 2 -->
+                <div class="service-card bg-white p-8 rounded-xl shadow-md text-center">
+                    <div class="bg-blue-100 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-6">
+                        <i class="fas fa-random text-blue-600 text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold text-gray-800 mb-3">Renting flexible para empresas</h3>
+                    <p class="text-gray-600">El renting que se adapta a tus necesidades.</p>
+                </div>
+                <!-- Service 3 -->
+                <div class="service-card bg-white p-8 rounded-xl shadow-md text-center">
+                    <div class="bg-blue-100 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-6">
+                        <i class="fas fa-user text-blue-600 text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold text-gray-800 mb-3">Renting particulares vehículos nuevos</h3>
+                    <p class="text-gray-600">Estrena coche con un renting a largo plazo con todo incluido.</p>
+                </div>
+                <!-- Service 4 -->
+                <div class="service-card bg-white p-8 rounded-xl shadow-md text-center">
+                    <div class="bg-blue-100 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-6">
+                        <i class="fas fa-car text-blue-600 text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold text-gray-800 mb-3">Renting de vehículos seminuevos</h3>
+                    <p class="text-gray-600">Conduce un seminuevo con entrega inmediata.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- About Section -->
+    <section id="empresa" class="py-16 bg-white">
+        <div class="container mx-auto px-4">
+            <div class="flex flex-col lg:flex-row items-center gap-12">
+                <div class="lg:w-1/2">
+                    <img src="https://images.unsplash.com/photo-1537047902294-62a40c20a6ae?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1935&q=80" alt="Ayvens Team" class="rounded-xl shadow-lg w-full">
+                </div>
+                <div class="lg:w-1/2">
+                    <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-6">Somos Ayvens</h2>
+                    <p class="text-gray-600 mb-6">Líder mundial en movilidad sostenible. ALD Automotive y LeasePlan se han unido y han creado Ayvens, líder mundial en movilidad sostenible.</p>
+                    <p class="text-gray-600 mb-6">Y como líder indiscutible en nuestro sector, estamos en una posición única para facilitar valor en el nuevo mundo de la movilidad.</p>
+                    <p class="text-gray-600 mb-8">Compramos, financiamos y gestionamos vehículos nuevos para clientes de todo el mundo, proporcionando un servicio de renting a medida, sin complicaciones, integral y con una duración de contrato estándar de entre tres y cuatro años.</p>
+                    <a href="#" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full transition duration-300 inline-block">Conoce nuestra historia</a>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Stats Section -->
+    <section id="cifras" class="py-16 bg-blue-600 text-white">
+        <div class="container mx-auto px-4">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl md:text-4xl font-bold mb-4">Ayvens en cifras</h2>
+                <p class="max-w-2xl mx-auto">Nuestro objetivo es convertirnos en el principal actor mundial en movilidad sostenible</p>
+            </div>
+            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">
+                <!-- Stat 1 -->
+                <div class="counter-item bg-white bg-opacity-10 p-8 rounded-xl text-center">
+                    <div class="text-4xl font-bold mb-2">15.700</div>
+                    <div class="text-xl">Empleados</div>
+                </div>
+                <!-- Stat 2 -->
+                <div class="counter-item bg-white bg-opacity-10 p-8 rounded-xl text-center">
+                    <div class="text-4xl font-bold mb-2">3,4 M</div>
+                    <div class="text-xl">Flota total</div>
+                </div>
+                <!-- Stat 3 -->
+                <div class="counter-item bg-white bg-opacity-10 p-8 rounded-xl text-center">
+                    <div class="text-4xl font-bold mb-2">500 K</div>
+                    <div class="text-xl">Vehículos eléctricos</div>
+                </div>
+                <!-- Stat 4 -->
+                <div class="counter-item bg-white bg-opacity-10 p-8 rounded-xl text-center">
+                    <div class="text-4xl font-bold mb-2">42</div>
+                    <div class="text-xl">Países</div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Sustainability Section -->
+    <section id="sostenibilidad" class="py-16 bg-gray-50">
+        <div class="container mx-auto px-4">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Impulsados por nuestras ambiciones de sostenibilidad</h2>
+                <p class="text-gray-600 max-w-3xl mx-auto">Actuar de manera responsable es la clave de nuestro futuro, y creemos que el enfoque holístico de Ayvens hacia la sostenibilidad nos ayudará a posicionar el valor sostenible para nuestros grupos de interés y nuestro planeta.</p>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+                <!-- Card 1 -->
+                <div class="bg-white p-8 rounded-xl shadow-md">
+                    <div class="bg-green-100 w-16 h-16 rounded-full flex items-center justify-center mb-6">
+                        <i class="fas fa-leaf text-green-600 text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold text-gray-800 mb-3">Movilidad sostenible</h3>
+                    <p class="text-gray-600">Estamos liderando la tarea en nuestra industria para ofrecer soluciones más sostenibles y hacer que la movilidad más ecológica sea una opción más fácil y atractiva para nuestros clientes.</p>
+                </div>
+                <!-- Card 2 -->
+                <div class="bg-white p-8 rounded-xl shadow-md">
+                    <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6">
+                        <i class="fas fa-users text-blue-600 text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold text-gray-800 mb-3">Compromiso social</h3>
+                    <p class="text-gray-600">Promovemos una cultura sólida y basada en valores en la que se celebra nuestra diversidad y se desarrolla el mejor talento de la industria de la movilidad.</p>
+                </div>
+                <!-- Card 3 -->
+                <div class="bg-white p-8 rounded-xl shadow-md">
+                    <div class="bg-purple-100 w-16 h-16 rounded-full flex items-center justify-center mb-6">
+                        <i class="fas fa-laptop-code text-purple-600 text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold text-gray-800 mb-3">Innovación digital</h3>
+                    <p class="text-gray-600">Al construir una plataforma de movilidad global eficiente e integral, nuestro objetivo es satisfacer las necesidades individuales de nuestros clientes y hacer que la movilidad sostenible sea más simple para todos.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Timeline Section -->
+    <section class="py-16 bg-white">
+        <div class="container mx-auto px-4">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Nuestro viaje hasta ahora</h2>
+                <p class="text-gray-600 max-w-2xl mx-auto">La historia de cómo ALD Automotive y LeasePlan se unieron para formar Ayvens</p>
+            </div>
+            <div class="relative">
+                <!-- Timeline line -->
+                <div class="hidden md:block absolute left-1/2 top-0 h-full w-1 bg-blue-500 transform -translate-x-1/2"></div>
+                <div class="space-y-16 md:space-y-0">
+                    <!-- Timeline item 1 -->
+                    <div class="timeline-item relative flex flex-col md:flex-row items-center md:even:flex-row-reverse">
+                        <div class="md:w-1/2 p-4 md:p-8">
+                            <div class="bg-gray-50 p-6 rounded-lg shadow-sm">
+                                <h3 class="text-xl font-bold text-gray-800 mb-2">1963</h3>
+                                <p class="text-gray-600">Se funda LeasePlan en Ámsterdam.</p>
+                            </div>
+                        </div>
+                        <div class="hidden md:block md:w-1/2"></div>
+                        <div class="absolute left-1/2 transform -translate-x-1/2 md:translate-x-0 md:left-1/2 w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center z-10">
+                            <i class="fas fa-car text-white"></i>
+                        </div>
+                    </div>
+                    <!-- Timeline item 2 -->
+                    <div class="timeline-item relative flex flex-col md:flex-row items-center md:even:flex-row-reverse">
+                        <div class="md:w-1/2 p-4 md:p-8">
+                            <div class="bg-gray-50 p-6 rounded-lg shadow-sm">
+                                <h3 class="text-xl font-bold text-gray-800 mb-2">1968</h3>
+                                <p class="text-gray-600">Se funda ALD Automotive en París como filial del grupo Société Générale.</p>
+                            </div>
+                        </div>
+                        <div class="hidden md:block md:w-1/2"></div>
+                        <div class="absolute left-1/2 transform -translate-x-1/2 md:translate-x-0 md:left-1/2 w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center z-10">
+                            <i class="fas fa-building text-white"></i>
+                        </div>
+                    </div>
+                    <!-- Timeline item 3 -->
+                    <div class="timeline-item relative flex flex-col md:flex-row items-center md:even:flex-row-reverse">
+                        <div class="md:w-1/2 p-4 md:p-8">
+                            <div class="bg-gray-50 p-6 rounded-lg shadow-sm">
+                                <h3 class="text-xl font-bold text-gray-800 mb-2">2022</h3>
+                                <p class="text-gray-600">ALD Automotive anuncia la adquisición prevista de LeasePlan.</p>
+                            </div>
+                        </div>
+                        <div class="hidden md:block md:w-1/2"></div>
+                        <div class="absolute left-1/2 transform -translate-x-1/2 md:translate-x-0 md:left-1/2 w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center z-10">
+                            <i class="fas fa-handshake text-white"></i>
+                        </div>
+                    </div>
+                    <!-- Timeline item 4 -->
+                    <div class="timeline-item relative flex flex-col md:flex-row items-center md:even:flex-row-reverse">
+                        <div class="md:w-1/2 p-4 md:p-8">
+                            <div class="bg-gray-50 p-6 rounded-lg shadow-sm">
+                                <h3 class="text-xl font-bold text-gray-800 mb-2">22 de mayo de 2023</h3>
+                                <p class="text-gray-600">Se obtienen las aprobaciones regulatorias y antimonopolio y se completa la transacción.</p>
+                            </div>
+                        </div>
+                        <div class="hidden md:block md:w-1/2"></div>
+                        <div class="absolute left-1/2 transform -translate-x-1/2 md:translate-x-0 md:left-1/2 w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center z-10">
+                            <i class="fas fa-check-circle text-white"></i>
+                        </div>
+                    </div>
+                    <!-- Timeline item 5 -->
+                    <div class="timeline-item relative flex flex-col md:flex-row items-center md:even:flex-row-reverse">
+                        <div class="md:w-1/2 p-4 md:p-8">
+                            <div class="bg-gray-50 p-6 rounded-lg shadow-sm">
+                                <h3 class="text-xl font-bold text-gray-800 mb-2">16 de octubre de 2023</h3>
+                                <p class="text-gray-600">El nombre de la empresa combinada se anuncia como Ayvens.</p>
+                            </div>
+                        </div>
+                        <div class="hidden md:block md:w-1/2"></div>
+                        <div class="absolute left-1/2 transform -translate-x-1/2 md:translate-x-0 md:left-1/2 w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center z-10">
+                            <i class="fas fa-star text-white"></i>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- PowerUP Section -->
+    <section class="py-16 bg-blue-600 text-white">
+        <div class="container mx-auto px-4">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl md:text-4xl font-bold mb-4">PowerUP 2026</h2>
+                <p class="max-w-3xl mx-auto">El plan estratégico de Ayvens para aprovechar nuestra posición de liderazgo única, dar forma al futuro de la movilidad y alcanzar la excelencia.</p>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
+                <!-- PowerUP 1 -->
+                <div class="bg-white bg-opacity-10 p-6 rounded-lg">
+                    <h3 class="text-xl font-bold mb-3">PowerUP para clientes</h3>
+                    <p class="text-blue-100">Nos comprometemos a facilitar la movilidad sostenible a nuestros clientes, ofreciendo una ventanilla única con el más amplio alcance de clientes y cobertura geográfica.</p>
+                </div>
+                <!-- PowerUP 2 -->
+                <div class="bg-white bg-opacity-10 p-6 rounded-lg">
+                    <h3 class="text-xl font-bold mb-3">PowerUP Eficiencia operativa</h3>
+                    <p class="text-blue-100">La eficiencia está en el centro de nuestra estrategia. Nos dedicamos a integrar a la perfección la herencia de nuestras dos empresas y a maximizar nuestras sinergias compartidas.</p>
+                </div>
+                <!-- PowerUP 3 -->
+                <div class="bg-white bg-opacity-10 p-6 rounded-lg">
+                    <h3 class="text-xl font-bold mb-3">PowerUP Responsabilidad</h3>
+                    <p class="text-blue-100">Los criterios ESG y la gestión de riesgos son fundamentales para nuestra estrategia. Seguiremos liderando el camino hacia la movilidad sostenible.</p>
+                </div>
+                <!-- PowerUP 4 -->
+                <div class="bg-white bg-opacity-10 p-6 rounded-lg">
+                    <h3 class="text-xl font-bold mb-3">PowerUP Rentabilidad</h3>
+                    <p class="text-blue-100">Nuestros objetivos financieros reflejan la ambición de nuestra empresa de crecer al tiempo que mejoramos sustancialmente nuestra eficiencia operativa.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Contact Section -->
+    <section id="contacto" class="py-16 bg-gray-50">
+        <div class="container mx-auto px-4">
+            <div class="max-w-4xl mx-auto bg-white rounded-xl shadow-md overflow-hidden">
+                <div class="md:flex">
+                    <div class="md:w-1/2 bg-blue-600 text-white p-12">
+                        <h2 class="text-3xl font-bold mb-6">Contáctanos</h2>
+                        <p class="mb-8">¿Listo para encontrar la solución de movilidad perfecta para ti? Nuestro equipo está aquí para ayudarte.</p>
+                        <div class="space-y-6">
+                            <div class="flex items-start">
+                                <div class="mr-4 mt-1">
+                                    <i class="fas fa-phone-alt"></i>
+                                </div>
+                                <div>
+                                    <h4 class="font-bold">Teléfono</h4>
+                                    <p>+34 900 123 456</p>
+                                </div>
+                            </div>
+                            <div class="flex items-start">
+                                <div class="mr-4 mt-1">
+                                    <i class="fas fa-envelope"></i>
+                                </div>
+                                <div>
+                                    <h4 class="font-bold">Email</h4>
+                                    <p>info@ayvens.com</p>
+                                </div>
+                            </div>
+                            <div class="flex items-start">
+                                <div class="mr-4 mt-1">
+                                    <i class="fas fa-map-marker-alt"></i>
+                                </div>
+                                <div>
+                                    <h4 class="font-bold">Oficinas</h4>
+                                    <p>Calle de la Movilidad, 123<br>28001 Madrid, España</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="md:w-1/2 p-12">
+                        <h3 class="text-2xl font-bold text-gray-800 mb-6">Envíanos un mensaje</h3>
+                        <form>
+                            <div class="mb-4">
+                                <label for="name" class="block text-gray-700 mb-2">Nombre</label>
+                                <input type="text" id="name" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
+                            </div>
+                            <div class="mb-4">
+                                <label for="email" class="block text-gray-700 mb-2">Email</label>
+                                <input type="email" id="email" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
+                            </div>
+                            <div class="mb-4">
+                                <label for="phone" class="block text-gray-700 mb-2">Teléfono</label>
+                                <input type="tel" id="phone" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500">
+                            </div>
+                            <div class="mb-4">
+                                <label for="message" class="block text-gray-700 mb-2">Mensaje</label>
+                                <textarea id="message" rows="4" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"></textarea>
+                            </div>
+                            <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-4 rounded-lg transition duration-300">Enviar mensaje</button>
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- FAQ Section -->
+    <section class="py-16 bg-white">
+        <div class="container mx-auto px-4 max-w-4xl">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Preguntas frecuentes</h2>
+                <p class="text-gray-600">Aquí respondemos a las dudas más comunes sobre nuestros servicios de renting.</p>
+            </div>
+            <div class="space-y-4">
+                <!-- FAQ Item 1 -->
+                <div class="border border-gray-200 rounded-lg overflow-hidden">
+                    <button class="faq-toggle w-full flex justify-between items-center p-6 bg-gray-50 hover:bg-gray-100 transition duration-200">
+                        <span class="text-lg font-medium text-left">¿Qué ventajas tiene el renting frente a la compra tradicional?</span>
+                        <i class="fas fa-chevron-down transition-transform duration-300"></i>
+                    </button>
+                    <div class="faq-content hidden px-6 pb-6 pt-2">
+                        <p class="text-gray-600">El renting ofrece múltiples ventajas: todo incluido en una cuota mensual fija (mantenimiento, seguro, impuestos), posibilidad de cambiar de vehículo cada pocos años sin preocuparte por su depreciación, flexibilidad en los contratos y acceso a vehículos nuevos con las últimas tecnologías y menores emisiones.</p>
+                    </div>
+                </div>
+                <!-- FAQ Item 2 -->
+                <div class="border border-gray-200 rounded-lg overflow-hidden">
+                    <button class="faq-toggle w-full flex justify-between items-center p-6 bg-gray-50 hover:bg-gray-100 transition duration-200">
+                        <span class="text-lg font-medium text-left">¿Qué incluye exactamente el servicio de renting?</span>
+                        <i class="fas fa-chevron-down transition-transform duration-300"></i>
+                    </button>
+                    <div class="faq-content hidden px-6 pb-6 pt-2">
+                        <p class="text-gray-600">Nuestro renting incluye: vehículo nuevo o seminuevo, seguro a todo riesgo con franquicia, mantenimiento programado y reparaciones, cambio de neumáticos, asistencia en carretera 24h, impuestos (excepto IVA para empresas), gestión de trámites y sustituciones en caso de avería grave. Todo en una única cuota mensual sin sorpresas.</p>
+                    </div>
+                </div>
+                <!-- FAQ Item 3 -->
+                <div class="border border-gray-200 rounded-lg overflow-hidden">
+                    <button class="faq-toggle w-full flex justify-between items-center p-6 bg-gray-50 hover:bg-gray-100 transition duration-200">
+                        <span class="text-lg font-medium text-left">¿Puedo elegir cualquier modelo de vehículo?</span>
+                        <i class="fas fa-chevron-down transition-transform duration-300"></i>
+                    </button>
+                    <div class="faq-content hidden px-6 pb-6 pt-2">
+                        <p class="text-gray-600">Sí, trabajamos con todas las marcas y modelos disponibles en el mercado. Nuestros expertos te asesorarán para encontrar el vehículo que mejor se adapte a tus necesidades y presupuesto. Además, tenemos acuerdos con los principales fabricantes que nos permiten ofrecerte condiciones especiales.</p>
+                    </div>
+                </div>
+                <!-- FAQ Item 4 -->
+                <div class="border border-gray-200 rounded-lg overflow-hidden">
+                    <button class="faq-toggle w-full flex justify-between items-center p-6 bg-gray-50 hover:bg-gray-100 transition duration-200">
+                        <span class="text-lg font-medium text-left">¿Qué opciones de renting ofrecen para vehículos eléctricos?</span>
+                        <i class="fas fa-chevron-down transition-transform duration-300"></i>
+                    </button>
+                    <div class="faq-content hidden px-6 pb-6 pt-2">
+                        <p class="text-gray-600">Como líderes en movilidad sostenible, ofrecemos renting de todos los modelos eléctricos disponibles, con opciones que incluyen la instalación de puntos de carga en domicilio o empresa, acceso a redes de carga públicas con tarifas preferentes, y asesoramiento completo sobre la transición a la movilidad eléctrica. Además, nuestros contratos para eléctricos incluyen mantenimientos adaptados a sus particularidades.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- CTA Section -->
+    <section class="py-16 bg-blue-600 text-white">
+        <div class="container mx-auto px-4 text-center">
+            <h2 class="text-3xl md:text-4xl font-bold mb-6">¿Listo para disfrutar de la mejor experiencia de renting?</h2>
+            <p class="text-xl mb-8 max-w-2xl mx-auto">Descubre cómo podemos ayudarte a encontrar la solución de movilidad perfecta para tus necesidades.</p>
+            <a href="#contacto" class="bg-white hover:bg-gray-100 text-blue-600 font-bold py-3 px-8 rounded-full transition duration-300 inline-block">Contactar ahora</a>
+        </div>
+    </section>
+    <!-- Footer -->
+    <footer class="bg-gray-900 text-white py-12">
+        <div class="container mx-auto px-4">
+            <div class="grid grid-cols-1 md:grid-cols-4 gap-12">
+                <div>
+                    <img src="https://via.placeholder.com/150x50?text=Ayvens" alt="Ayvens Logo" class="h-10 mb-6">
+                    <p class="text-gray-400">Líder mundial en movilidad sostenible, ofreciendo soluciones de renting integrales para empresas y particulares.</p>
+                </div>
+                <div>
+                    <h4 class="text-lg font-bold mb-6">Servicios</h4>
+                    <ul class="space-y-3">
+                        <li><a href="#" class="text-gray-400 hover:text-white transition">Renting para empresas</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white transition">Renting para particulares</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white transition">Vehículos eléctricos</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white transition">Vehículos seminuevos</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white transition">Gestión de flotas</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="text-lg font-bold mb-6">Empresa</h4>
+                    <ul class="space-y-3">
+                        <li><a href="#" class="text-gray-400 hover:text-white transition">Sobre Ayvens</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white transition">Sostenibilidad</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white transition">PowerUP 2026</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white transition">Trabaja con nosotros</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white transition">Blog</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h4 class="text-lg font-bold mb-6">Contacto</h4>
+                    <ul class="space-y-3">
+                        <li class="flex items-center">
+                            <i class="fas fa-map-marker-alt mr-3 text-gray-400"></i>
+                            <span class="text-gray-400">Calle de la Movilidad, 123<br>28001 Madrid, España</span>
+                        </li>
+                        <li class="flex items-center">
+                            <i class="fas fa-phone-alt mr-3 text-gray-400"></i>
+                            <span class="text-gray-400">+34 900 123 456</span>
+                        </li>
+                        <li class="flex items-center">
+                            <i class="fas fa-envelope mr-3 text-gray-400"></i>
+                            <span class="text-gray-400">info@ayvens.com</span>
+                        </li>
+                    </ul>
+                    <div class="mt-6 flex space-x-4">
+                        <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-facebook-f"></i></a>
+                        <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-twitter"></i></a>
+                        <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-linkedin-in"></i></a>
+                        <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-instagram"></i></a>
+                    </div>
+                </div>
+            </div>
+            <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
+                <p class="text-gray-400 mb-4 md:mb-0">© 2023 Ayvens. Todos los derechos reservados.</p>
+                <div class="flex space-x-6">
+                    <a href="#" class="text-gray-400 hover:text-white transition">Política de privacidad</a>
+                    <a href="#" class="text-gray-400 hover:text-white transition">Términos y condiciones</a>
+                    <a href="#" class="text-gray-400 hover:text-white transition">Cookies</a>
+                </div>
+            </div>
+        </div>
+    </footer>
+    <script>
+        // Mobile menu toggle
+        document.getElementById('menu-toggle').addEventListener('click', function() {
+            const menu = document.getElementById('mobile-menu');
+            menu.classList.toggle('hidden');
+        });
+        // FAQ toggle functionality
+        document.querySelectorAll('.faq-toggle').forEach(button => {
+            button.addEventListener('click', () => {
+                const content = button.nextElementSibling;
+                const icon = button.querySelector('i');
+                content.classList.toggle('hidden');
+                icon.classList.toggle('rotate-180');
+            });
+        });
+        // Smooth scrolling for anchor links
+        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+            anchor.addEventListener('click', function(e) {
+                e.preventDefault();
+                const targetId = this.getAttribute('href');
+                const targetElement = document.querySelector(targetId);
+                if (targetElement) {
+                    window.scrollTo({
+                        top: targetElement.offsetTop - 100,
+                        behavior: 'smooth'
+                    });
+                    // Close mobile menu if open
+                    const mobileMenu = document.getElementById('mobile-menu');
+                    if (!mobileMenu.classList.contains('hidden')) {
+                        mobileMenu.classList.add('hidden');
+                    }
+                }
+            });
+        });
+        // Counter animation for stats
+        function animateCounters() {
+            const counters = document.querySelectorAll('.counter-item div:first-child');
+            const speed = 200;
+            counters.forEach(counter => {
+                const target = +counter.innerText.replace(/[^0-9]/g, '');
+                const count = +counter.innerText.replace(/[^0-9]/g, '');
+                const increment = target / speed;
+                if (count < target) {
+                    counter.innerText = Math.ceil(count + increment).toLocaleString();
+                    setTimeout(animateCounters, 1);
+                } else {
+                    counter.innerText = target.toLocaleString();
+                }
+            });
+        }
+        // Intersection Observer to trigger counter animation when stats section is visible
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    animateCounters();
+                    observer.unobserve(entry.target);
+                }
+            });
+        }, {threshold: 0.5});
+        const statsSection = document.querySelector('#cifras');
+        if (statsSection) {
+            observer.observe(statsSection);
+        }
+    </script>
+<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=svilalta/ayvens" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>

prompts.txt ADDED Viewed

	@@ -0,0 +1 @@

+ Generame una landing para une empresa de alquiler de vehiculos con el siguiente contexto [Encuentra el renting que mejor se adapta a tus necesidades En Ayvens, nos enorgullecemos de algo más que ofrecer vehículos. Somos tus socios en movilidad, asegurando que cada paso de tu viaje se cumpla con profesionalidad, transparencia y un compromiso con tu satisfacción. Renting empresas vehículos nuevos Estrena coche con un renting a largo plazo con todo incluido Renting flexible para empresas El renting que se adapta a tus necesidades Renting particulares vehículos nuevos Estrena coche con un renting a largo plazo con todo incluido Renting de vehículos seminuevos Conduce un seminuevo con entrega inmediata | Somos Ayvens Líder mundial en movilidad sostenible. Líder mundial en movilidad sostenible. ALD Automotive y LeasePlan se han unido y han creado Ayvens, líder mundial en movilidad sostenible. Y como líder indiscutible en nuestro sector, estamos en una posición única para facilitar valor en el nuevo mundo de la movilidad. Compramos, financiamos y gestionamos vehículos nuevos para clientes de todo el mundo, proporcionando un servicio de renting a medida, sin complicaciones, integral y con una duración de contrato estándar de entre tres y cuatro años. Con nuestra amplia gama de productos, canales y marcas, ofrecemos soluciones completas para todo tipo de empresas y particulares. La movilidad está evolucionando Desde la electrificación hasta la digitalización, las megatendencias globales están cambiando la forma de movernos. Los nuevos servicios y los nuevos actores del mercado están cambiando el ecosistema de la movilidad. Y se está produciendo un cambio de la propiedad de vehículos hacia la usabilidad y el vehículo como servicio. Y en un mundo que necesita formas de moverse más intuitivas y sostenibles, nos comprometemos a hacer que la vida fluya mejor para todos nuestros clientes. Ayudamos a las personas a desplazarse, pero se trata de mucho más que eso. Porque también creamos experiencias de viajes que te hagan sonreír. Ayvens en cifras 15.700 Empleados. 3,4 M Flota total. 500 K Vehículos eléctricos. 42 Países. Nuestro objetivo es convertirnos en el principal actor mundial en movilidad sostenible Impulsados por el poder de nuestra gente En Ayvens, nuestros empleados marcan la diferencia. Promovemos una cultura sólida y basada en valores en la que se celebra nuestra diversidad y se desarrolla el mejor talento de la industria de la movilidad. Fomentamos un entorno inclusivo que apoya el bienestar y el compromiso de todos. E invertimos en el crecimiento y evolución de nuestros compañeros, asegurando que todos ellos puedan ofrecer su mejor desempeño, todos los días. Impulsados por nuestras ambiciones de sostenibilidad Actuar de manera responsable es la clave de nuestro futuro, y creemos que el enfoque holístico de Ayvens hacia la sostenibilidad, incluidos los criterios ESG y más allá, nos ayudará a posicionar el valor sostenible para nuestros grupos de interés y nuestro planeta. Todo comienza con nuestro compromiso para la descarbonización de la movilidad: estamos liderando la tarea en nuestra industria para ofrecer soluciones más sostenibles y hacer que la movilidad más ecológica sea una opción más fácil y atractiva para nuestros clientes. Impulsados por nuestras capacidades digitales Hoy en día, nuestros clientes esperan una experiencia digital fácil, rápida y sencilla tal y como se mueven en el mundo real, y eso es exactamente lo que ofrecerá la estrategia de digitalización de Ayvens. Al construir una plataforma de movilidad global eficiente e integral (que incluye herramientas digitales de autoservicio, procesos comerciales optimizados y conectividad mejorada), nuestro objetivo es satisfacer las necesidades individuales de nuestros clientes y hacer que la movilidad sostenible sea más simple para todos. De dónde venimos Ayvens nació de la adquisición de LeasePlan por parte de ALD Automotive, la empresa de movilidad global que forma parte del grupo Société Générale. Al unir nuestras capacidades y experiencia complementarias, vimos la oportunidad de reimaginar la movilidad tal y como la conocemos. Reimaginando la movilidad La oferta combinada abarca el servicio completo de renting, los servicios de suscripción flexible, la gestión de flotas y las soluciones de multimovilidad para grandes empresas, pymes, autónomos y particulares. Con 15.700 empleados que operan en 42 países, 3,4 millones de vehículos en todo el mundo y la flota de vehículos eléctricos multimarca más grande del mundo, estamos ayudando a que la vida y los negocios fluyan mejor, liderando el camino hacia el net zero y encabezando la transformación digital del sector de la movilidad. Nuestro viaje hasta ahora 1963 Se funda LeasePlan en Ámsterdam. 1968 Se funda ALD Automotive en París como filial del grupo Société Générale. 2022 ALD Automotive anuncia la adquisición prevista de LeasePlan. 22 de mayo de 2023 Se obtienen las aprobaciones regulatorias y antimonopolio y se completa la transacción. 16 de octubre de 2023 El nombre de la empresa combinada se anuncia como Ayvens. Hacia dónde vamos La ambición de Ayvens es convertirse en el líder mundial en movilidad sostenible. Partimos de una base sólida, basándonos en el legado de décadas de dos líderes en renting de automóviles, pero sabemos que hay mucho trabajo duro por hacer antes de llegar a nuestro destino. Guiar nuestro viaje es nuestro objetivo para hacer que la vida fluya mejor para nuestros clientes en todo el mundo, permitiendo una movilidad más fluida, más sostenible y más accesible. PowerUP 2026 En 2023, lanzamos PowerUP 2026: el plan estratégico de Ayvens para aprovechar nuestra posición de liderazgo única, dar forma al futuro de la movilidad y alcanzar la excelencia. ¿Suena ambicioso? Eso es porque lo es, pero nunca rehuimos un desafío. Particularmente cuando se trata de nuestras cuatro prioridades de PowerUP. PowerUP para clientes Nos comprometemos a facilitar la movilidad sostenible a nuestros clientes. Nuestro objetivo es liderar el camino ofreciendo una ventanilla única con el más amplio alcance de clientes y cobertura geográfica, así como las mayores opciones de distribución (a través de más de 430 asociaciones con OEM y otros). Al proporcionar el poder de elección, en todos los segmentos de clientes y a través de un enfoque digital al consumidor, nuestro objetivo es innovar y satisfacer las demandas cambiantes del mercado. Nuestro enfoque en la movilidad como servicio (MaaS), la experiencia del cliente y los servicios digitales establecerán nuevos estándares en la industria. PowerUP Eficiencia operativa La eficiencia está en el centro de nuestra estrategia. Nos dedicamos a integrar a la perfección la herencia de nuestras dos empresas y a maximizar nuestras sinergias compartidas. Utilizaremos nuestro liderazgo en el mercado para aprovechar el poder de las economías de escala para reducir costes y mejorar la rentabilidad. Y estamos comprometidos a lograr los mejores niveles de eficiencia estratégica del sector mediante la creación de la plataforma operativa global más eficiente y escalable. PowerUP Responsabilidad Los criterios ambientales, sociales y de gobierno corporativo (ESG) y la gestión de riesgos son fundamentales para nuestra estrategia. Seguiremos liderando el camino hacia la movilidad sostenible asesorando siempre a los clientes sobre opciones respetuosas con el medio ambiente, con nuestro compromiso con la transición del vehículo eléctrico (VE) y nuestros ambiciosos objetivos de descarbonización que son reflejo de nuestra dedicación. También invertiremos en nuestros empleados y la retención del talento, fomentaremos una cultura de responsabilidad y gestionaremos los riesgos de manera responsable. PowerUP Rentabilidad Nuestros objetivos financieros reflejan la ambición de nuestra empresa de crecer al tiempo que mejoramos sustancialmente nuestra eficiencia operativa a los mejores niveles de las empresas del sector y mantenemos una sólida posición de capital. Nuestro objetivo es utilizar nuestro posicionamiento competitivo único para aumentar la rentabilidad y ofrecer un sólido rendimiento financiero. Nuestro compromiso ESG PowerUp 2026 Plan estratégico de Ayvens Visita nuestro Blog Trabaja en Ayvens]