better-ui

lang/ca/landings/landing4.php

@@ -47,5 +47,9 @@
     'card_number' => 'Nombre de la targeta',
 'expiration'  => 'Expiració',
 'cvc'         => 'CVC',
-'select_your_plan' => 'Selecciona el teu Pla',
+'contact_title' => 'Contacta amb nosaltres',
+'contact_name' => 'Nom',
+'contact_email' => 'Correu electrònic',
+'contact_message' => 'Missatge',
+'contact_submit' => 'Enviar',
 ];

lang/en/landings/landing4.php

@@ -48,4 +48,10 @@
 'expiration'  => 'Expiration',
 'cvc'         => 'CVC',
 'select_your_plan' => 'Select Your Plan',
+'contact_title' => 'Contact Us',
+'contact_name' => 'Name',
+'contact_email' => 'Email',
+'contact_message' => 'Message',
+'contact_submit' => 'Send',
+
 ];

lang/es/landings/landing4.php

@@ -48,4 +48,9 @@
 'expiration'  => 'Expiración',
 'cvc'         => 'CVC',
 'select_your_plan' => 'Selecciona tu Plan',
+'contact_title' => 'Contacta con nosotros',
+'contact_name' => 'Nombre',
+'contact_email' => 'Correo electrónico',
+'contact_message' => 'Mensaje',
+'contact_submit' => 'Enviar',
 ];

resources/views/Landings/landing4.blade.php

@@ -160,7 +160,7 @@
               <div class="relative min-h-[30rem] w-full grow">
   <div class="absolute inset-0 overflow-hidden rounded-tl-xl bg-gray-900 shadow-2xl">
     <img
-      src="https://images.pexels.com/photos/461428/pexels-photo-461428.jpeg"
+  src="{{ asset('images/img4-bg.jpg') }}"
       alt="Naturaleza"
       class="w-full h-full object-cover"
     />
@@ -263,14 +263,47 @@ class="w-full h-full object-cover"
         </div>
       </div>
     </section>
-    <footer id="footer" class="bg-gradient-to-r from-emerald-800 to-emerald-900 text-white py-12 px-4">
-      <div class="max-w-7xl mx-auto">
-        <p class="text-center text-sm">
-          &copy; 2025 Urban Tree 5.0.
-          {{ __('landings/landing4.tagline') }}
-        </p>
+   <footer id="footer" class="bg-gradient-to-r from-emerald-800 to-emerald-900 text-white py-12 px-4">
+  <div class="max-w-7xl mx-auto">
+    <h4 class="text-center text-2xl font-bold mb-6">{{ __('landings/landing4.contact_title') }}</h4>
+    <form action="#" method="" class="bg-white/10 p-6 rounded-xl shadow-md max-w-xl mx-auto space-y-4">
+      <div class="flex flex-col sm:flex-row gap-4">
+        <input
+          type="text"
+          name="name"
+          placeholder="{{ __('landings/landing4.contact_name') }}"
+          class="w-full sm:w-1/2 px-4 py-3 rounded-md text-gray-900 focus:ring-emerald-500 focus:border-emerald-500"
+          required
+        />
+        <input
+          type="email"
+          name="email"
+          placeholder="{{ __('landings/landing4.contact_email') }}"
+          class="w-full sm:w-1/2 px-4 py-3 rounded-md text-gray-900 focus:ring-emerald-500 focus:border-emerald-500"
+          required
+        />
       </div>
-    </footer>
+      <textarea
+        name="message"
+        placeholder="{{ __('landings/landing4.contact_message') }}"
+        rows="4"
+        class="w-full px-4 py-3 rounded-md text-gray-900 focus:ring-emerald-500 focus:border-emerald-500"
+        required
+      ></textarea>
+      <button
+        type="submit"
+        class="w-full bg-emerald-600 hover:bg-emerald-700 px-6 py-3 rounded-md font-semibold"
+      >
+        {{ __('landings/landing4.contact_submit') }}
+      </button>
+    </form>
+    <p class="text-center text-sm mt-8">
+      &copy; 2025 Urban Tree 5.0. {{ __('landings/landing4.tagline') }}
+    </p>
+  </div>
+</footer>
+
+
     <div class="fixed inset-0 bg-[rgba(0,0,0,0.5)] backdrop-blur-sm z-40" x-show="showOverlay" x-transition @click="openPayment = false; showOverlay = false"></div>
     <div class="fixed top-0 right-0 z-50 w-full max-w-md h-screen bg-white shadow-xl p-6 overflow-auto transform transition-all duration-300" x-show="openPayment" x-transition:enter="translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="translate-x-0" x-transition:leave-end="translate-x-full">
       <button class="absolute top-4 right-4 text-3xl font-bold text-gray-600 hover:text-gray-800 cursor-pointer" @click="

resources/views/landings/landing11.blade.php

@@ -0,0 +1,267 @@
+<!DOCTYPE html>
+<html lang="{{ session('locale', config('app.locale')) }}">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>{{ __('landings/landing11.title') }}</title>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+  @vite('resources/css/app.css')
+</head>
+
+<body class="bg-gray-50">
+  <nav class="bg-white shadow-md fixed top-0 left-0 w-full z-50 py-3">
+    <div class="container mx-auto flex justify-between items-center px-4">
+      <div class="text-lg font-bold text-green-700">Urban Tree 5.0</div>
+      <div class="flex space-x-4">
+        <a href="{{ route('set-language', ['lang' => 'es']) }}" class="text-gray-700 hover:text-green-600">🇪🇸 Español</a>
+        <a href="{{ route('set-language', ['lang' => 'en']) }}" class="text-gray-700 hover:text-green-600">🇬🇧 English</a>
+        <a href="{{ route('set-language', ['lang' => 'ca']) }}" class="text-gray-700 hover:text-green-600">🇨🇦 Català</a>
+        <a href="{{ url('/login') }}" class="bg-green-600 text-white px-4 py-2 rounded-lg font-semibold hover:bg-green-700 transition-all">
+          {{ __('landings/landing11.login') }}
+        </a>
+      </div>
+    </div>
+  </nav>
+
+  <div class="w-full mt-16">
+      @php
+          $lang = app()->getLocale(); // Obtener idioma actual
+          $banner = ($lang === 'es') ? 'bannerEs.jpg' : (($lang === 'ca') ? 'bannerCa.jpg' : 'bannerEn.jpg');
+      @endphp
+      <img src="{{ asset('images/' . $banner) }}" alt="Banner" class="w-full h-[400px] object-cover">
+  </div>
+  <div class="container mx-auto text-center my-8">
+    <h2 class="text-3xl font-bold mb-6">{{ __('landings/landing11.video') }}</h2>
+    <div class="w-full max-w-3xl mx-auto">
+      <iframe class="w-full h-64 md:h-96 rounded-lg shadow-lg"
+        src="https://www.youtube.com/embed/yed3-_zggHo"
+        title="Urban Tree 5.0 - Demo"
+        frameborder="0"
+        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+        allowfullscreen>
+      </iframe>
+    </div>
+  </div>
+  <section class="container mx-auto py-16 px-4">
+    <div class="max-w-6xl mx-auto text-center">
+      <h2 class="text-3xl font-bold mb-6">{{ __('landings/landing11.plans_title') }}</h2>
+      <p class="text-gray-600 mb-12 max-w-2xl mx-auto">{{ __('landings/landing11.plans_description') }}</p>
+
+      <div class="grid md:grid-cols-3 gap-8">
+        <div class="bg-white p-8 rounded-2xl shadow-lg border border-gray-100">
+          <h3 class="text-xl font-bold mb-4">{{ __('landings/landing11.city_solution') }}</h3>
+          <div class="text-4xl font-bold mb-6 text-green-600">€199<span class="text-lg text-gray-500">{{ __('landings/landing11.price_per_month') }}</span></div>
+          <ul class="space-y-4 mb-8">
+            <li class="flex items-center">
+              <i class="fas fa-check-circle text-green-500 mr-2"></i>{{ __('landings/landing11.contracts_5') }}
+            </li>
+            <li class="flex items-center">
+              <i class="fas fa-check-circle text-green-500 mr-2"></i>{{ __('landings/landing11.basic_support') }}
+            </li>
+            <li class="flex items-center">
+              <i class="fas fa-check-circle text-green-500 mr-2"></i>{{ __('landings/landing11.basic_reports') }}
+            </li>
+            <li class="flex items-center">
+              <i class="fas fa-check-circle text-green-500 mr-2"></i>{{ __('landings/landing11.manage_2_teams') }}
+            </li>
+          </ul>
+          <a href="#contact" class="block w-full bg-green-100 text-green-700 py-3 rounded-lg font-semibold hover:bg-green-200 transition-colors">
+            {{ __('landings/landing11.contact') }}
+          </a>
+        </div>
+
+        <div class="bg-white p-8 rounded-2xl shadow-lg border-2 border-green-500 relative">
+          <div class="absolute top-0 right-0 bg-green-500 text-white px-4 py-1 rounded-bl-lg text-sm">Más popular</div>
+          <h3 class="text-xl font-bold mb-4">{{ __('landings/landing11.regional_solution') }}</h3>
+          <div class="text-4xl font-bold mb-6 text-green-600">€499<span class="text-lg text-gray-500">{{ __('landings/landing11.price_per_month') }}</span></div>
+          <ul class="space-y-4 mb-8">
+            <li class="flex items-center">
+              <i class="fas fa-check-circle text-green-500 mr-2"></i>{{ __('landings/landing11.contracts_25') }}
+            </li>
+            <li class="flex items-center">
+              <i class="fas fa-check-circle text-green-500 mr-2"></i>{{ __('landings/landing11.priority_support') }}
+            </li>
+            <li class="flex items-center">
+              <i class="fas fa-check-circle text-green-500 mr-2"></i>{{ __('landings/landing11.advanced_analytics') }}
+            </li>
+            <li class="flex items-center">
+              <i class="fas fa-check-circle text-green-500 mr-2"></i>{{ __('landings/landing11.manage_10_teams') }}
+            </li>
+            <li class="flex items-center">
+              <i class="fas fa-check-circle text-green-500 mr-2"></i>{{ __('landings/landing11.automations') }}
+            </li>
+          </ul>
+          <a href="#contact" class="block w-full bg-green-600 text-white py-3 rounded-lg font-semibold hover:bg-green-700 transition-colors">
+            {{ __('landings/landing11.contact') }}
+          </a>
+        </div>
+
+        <div class="bg-white p-8 rounded-2xl shadow-lg border border-gray-100">
+          <h3 class="text-xl font-bold mb-4">{{ __('landings/landing11.enterprise_solution') }}</h3>
+          <div class="text-4xl font-bold mb-6 text-green-600">€999<span class="text-lg text-gray-500">{{ __('landings/landing11.price_per_month') }}</span></div>
+          <ul class="space-y-4 mb-8">
+            <li class="flex items-center">
+              <i class="fas fa-check-circle text-green-500 mr-2"></i>{{ __('landings/landing11.unlimited_contracts') }}
+            </li>
+            <li class="flex items-center">
+              <i class="fas fa-check-circle text-green-500 mr-2"></i>{{ __('landings/landing11.premium_support') }}
+            </li>
+            <li class="flex items-center">
+              <i class="fas fa-check-circle text-green-500 mr-2"></i>{{ __('landings/landing11.custom_reports') }}
+            </li>
+            <li class="flex items-center">
+              <i class="fas fa-check-circle text-green-500 mr-2"></i>{{ __('landings/landing11.unlimited_management') }}
+            </li>
+            <li class="flex items-center">
+              <i class="fas fa-check-circle text-green-500 mr-2"></i>{{ __('landings/landing11.api_integrations') }}
+            </li>
+          </ul>
+          <a href="#contact" class="block w-full bg-green-100 text-green-700 py-3 rounded-lg font-semibold hover:bg-green-200 transition-colors">
+            {{ __('landings/landing11.contact') }}
+          </a>
+        </div>
+      </div>
+    </div>
+  </section>
+  <section class="container mx-auto py-16 px-4">
+    <h2 class="text-3xl font-bold text-center mb-12">{{ __('landings/landing11.features_title') }}</h2>
+
+    <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
+      <div class="bg-white p-6 rounded-xl shadow-lg hover:shadow-xl transition-shadow">
+        <div class="w-12 h-12 bg-green-600 text-white text-xl rounded-lg mb-4 flex items-center justify-center">
+          <i class="fas fa-file-contract text-2xl"></i>
+        </div>
+        <h3 class="text-xl font-semibold mb-3">{{ __('landings/landing11.city_solution') }}</h3>
+        <ul class="list-disc pl-5 text-gray-600 space-y-2">
+          <li>{{ __('landings/landing11.contracts_5') }}</li>
+          <li>{{ __('landings/landing11.basic_support') }}</li>
+          <li>{{ __('landings/landing11.basic_reports') }}</li>
+        </ul>
+      </div>
+
+      <div class="bg-white p-6 rounded-xl shadow-lg hover:shadow-xl transition-shadow">
+        <div class="w-12 h-12 bg-green-600 text-white text-xl rounded-lg mb-4 flex items-center justify-center">
+          <i class="fas fa-tasks text-2xl"></i>
+        </div>
+        <h3 class="text-xl font-semibold mb-3">{{ __('landings/landing11.regional_solution') }}</h3>
+        <ul class="list-disc pl-5 text-gray-600 space-y-2">
+          <li>{{ __('landings/landing11.contracts_25') }}</li>
+          <li>{{ __('landings/landing11.priority_support') }}</li>
+          <li>{{ __('landings/landing11.advanced_analytics') }}</li>
+        </ul>
+      </div>
+
+      <div class="bg-white p-6 rounded-xl shadow-lg hover:shadow-xl transition-shadow">
+        <div class="w-12 h-12 bg-green-600 text-white text-xl rounded-lg mb-4 flex items-center justify-center">
+          <i class="fas fa-chart-line text-2xl"></i>
+        </div>
+        <h3 class="text-xl font-semibold mb-3">{{ __('landings/landing11.enterprise_solution') }}</h3>
+        <ul class="list-disc pl-5 text-gray-600 space-y-2">
+          <li>{{ __('landings/landing11.unlimited_contracts') }}</li>
+          <li>{{ __('landings/landing11.premium_support') }}</li>
+          <li>{{ __('landings/landing11.custom_reports') }}</li>
+        </ul>
+      </div>
+    </div>
+  </section>
+
+  <section class="container mx-auto py-16 px-4">
+    <div class="bg-white rounded-2xl shadow-xl overflow-hidden">
+      <img src="{{ asset('images/urbantree-map.jpg') }}" alt="Management Interface" class="w-full h-96 object-cover">
+      <div class="p-8 bg-gray-50">
+        <h3 class="text-2xl font-bold mb-4">{{ __('landings/landing11.features_title') }}</h3>
+        <div class="grid md:grid-cols-2 gap-8">
+          <div>
+            <h4 class="text-lg font-semibold mb-3">🎯 {{ __('landings/landing11.features_title') }}</h4>
+            <ul class="space-y-2">
+              <li class="flex items-center">
+                <span class="mr-2">✔️</span>{{ __('landings/landing11.contracts_5') }}
+              </li>
+              <li class="flex items-center">
+                <span class="mr-2">✔️</span>{{ __('landings/landing11.basic_support') }}
+              </li>
+              <li class="flex items-center">
+                <span class="mr-2">✔️</span>{{ __('landings/landing11.basic_reports') }}
+              </li>
+            </ul>
+          </div>
+          <div>
+            <h4 class="text-lg font-semibold mb-3">📈 {{ __('landings/landing11.features_title') }}</h4>
+            <ul class="space-y-2">
+              <li class="flex items-center">
+                <span class="mr-2">📊</span>{{ __('landings/landing11.contracts_25') }}
+              </li>
+              <li class="flex items-center">
+                <span class="mr-2">⏱️</span>{{ __('landings/landing11.priority_support') }}
+              </li>
+              <li class="flex items-center">
+                <span class="mr-2">🌿</span>{{ __('landings/landing11.advanced_analytics') }}
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="container mx-auto py-16 px-4">
+    <div class="max-w-2xl mx-auto bg-white rounded-xl shadow-xl p-8">
+      <h2 class="text-3xl font-bold text-center mb-6">{{ __('landings/landing11.contact_title') }}</h2>
+      <p class="text-center text-gray-600 mb-8">{{ __('landings/landing11.contact_description') }}</p>
+      @if(session('success'))
+      <div class="bg-green-500 text-white p-3 rounded-md mb-6">
+        {{ session('success') }}
+      </div>
+      @endif
+
+      @if ($errors->any())
+      <div class="bg-red-500 text-white p-3 rounded-md mb-6">
+        <ul class="list-disc list-inside">
+          @foreach ($errors->all() as $error)
+          <li>{{ $error }}</li>
+          @endforeach
+        </ul>
+      </div>
+      @endif
+      <form id="contact" action="{{ route('landing.form', ['number' => 11]) }}" method="POST" class="space-y-6">
+        @csrf
+        <div>
+          <label class="block text-gray-700 font-semibold mb-2">{{ __('landings/landing11.name') }}</label>
+          <input type="text" name="name" required class="w-full p-3 border rounded-lg focus:ring-2 ring-green-500 outline-none">
+        </div>
+
+        <div class="grid md:grid-cols-2 gap-6">
+          <div>
+            <label class="block text-gray-700 font-semibold mb-2">{{ __('landings/landing11.email') }}</label>
+            <input type="email" name="email" required class="w-full p-3 border rounded-lg focus:ring-2 ring-green-500 outline-none">
+          </div>
+          <div>
+            <label class="block text-gray-700 font-semibold mb-2">{{ __('landings/landing11.phone') }}</label>
+            <input type="text" name="phone" class="w-full p-3 border rounded-lg focus:ring-2 ring-green-500 outline-none">
+          </div>
+        </div>
+
+        <div>
+          <label class="block text-gray-700 font-semibold mb-2">{{ __('landings/landing11.message') }}</label>
+          <textarea name="message" rows="4" required class="w-full p-3 border rounded-lg focus:ring-2 ring-green-500 outline-none"></textarea>
+        </div>
+
+        <button type="submit" class="w-full bg-green-600 text-white py-4 rounded-lg font-semibold hover:bg-green-700 transition-all flex items-center justify-center gap-2">
+          {{ __('landings/landing11.send_request') }}
+        </button>
+      </form>
+    </div>
+  </section>
+
+  <footer class="bg-gray-900 text-white text-center py-6 mt-16">
+    <p>&copy; 2025 Urban Tree 5.0. {{ __('landings/landing11.footer') }}</p>
+    <div class="mt-2">
+      <a href="#" class="text-gray-400 hover:text-white mx-2">{{ __('landings/landing11.privacy_policy') }}</a>
+      <a href="#" class="text-gray-400 hover:text-white mx-2">{{ __('landings/landing11.terms_of_service') }}</a>
+    </div>
+  </footer>
+
+</body>
+
+</html>