The colors should be more earthy, loving and mindful. - Follow Up Deployment

index.html

@@ -8,7 +8,7 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
         .gradient-bg {
-            background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #9333ea 100%);
+            background: linear-gradient(135deg, #5e8c61 0%, #3a5a40 50%, #344e41 100%);
         }
         .feature-card:hover {
             transform: translateY(-5px);
@@ -42,7 +42,7 @@
             <div class="flex justify-between h-16">
                 <div class="flex items-center">
                     <div class="flex-shrink-0 flex items-center">
-                        <i class="fas fa-brain text-indigo-600 text-2xl mr-2"></i>
+                        <i class="fas fa-brain text-green-700 text-2xl mr-2"></i>
                         <span class="text-xl font-bold text-gray-900">FørTid AI</span>
                     </div>
                 </div>
@@ -51,7 +51,7 @@
                     <a href="#process" class="text-gray-900 hover:text-indigo-600 px-3 py-2 text-sm font-medium">Processen</a>
                     <a href="#security" class="text-gray-900 hover:text-indigo-600 px-3 py-2 text-sm font-medium">Sikkerhed</a>
                     <a href="#contact" class="text-gray-900 hover:text-indigo-600 px-3 py-2 text-sm font-medium">Kontakt</a>
-                    <a href="#get-started" class="bg-indigo-600 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-indigo-700">Kom i gang</a>
+                    <a href="#get-started" class="bg-green-700 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-green-800">Kom i gang</a>
                 </div>
                 <div class="-mr-2 flex items-center md:hidden">
                     <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" aria-controls="mobile-menu" aria-expanded="false" id="mobile-menu-button">
@@ -81,8 +81,8 @@
                 <h1 class="text-4xl md:text-5xl font-bold mb-6">FørTid AI - Din professionelle partner til førtidspension</h1>
                 <p class="text-xl mb-8">Få den førtidspension, du fortjener - med AI-teknologi der forstår din situation</p>
                 <div class="flex flex-col sm:flex-row gap-4">
-                    <a href="#get-started" class="bg-indigo-600 hover:bg-indigo-700 text-white px-6 py-3 rounded-md text-lg font-medium text-center">Kom i gang</a>
-                    <a href="#features" class="bg-white hover:bg-gray-100 text-indigo-600 px-6 py-3 rounded-md text-lg font-medium text-center">Læs mere</a>
+                    <a href="#get-started" class="bg-green-700 hover:bg-green-800 text-white px-6 py-3 rounded-md text-lg font-medium text-center">Kom i gang</a>
+                    <a href="#features" class="bg-white hover:bg-gray-100 text-green-700 px-6 py-3 rounded-md text-lg font-medium text-center">Læs mere</a>
                 </div>
             </div>
         </div>
@@ -104,13 +104,13 @@
         <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
             <div class="text-center mb-12">
                 <h2 class="text-3xl font-bold text-gray-900 mb-4">Hvorfor vælge FørTid AI?</h2>
-                <div class="w-20 h-1 bg-indigo-600 mx-auto"></div>
+                <div class="w-20 h-1 bg-green-700 mx-auto"></div>
             </div>
 
             <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
                 <!-- Feature 1 -->
                 <div class="feature-card bg-white p-8 rounded-lg shadow-md transition duration-300">
-                    <div class="text-indigo-600 mb-4">
+                    <div class="text-green-700 mb-4">
                         <i class="fas fa-microscope text-4xl"></i>
                     </div>
                     <h3 class="text-xl font-bold text-gray-900 mb-3">Intelligent analyse af din komplette sygehistorie</h3>
@@ -164,7 +164,7 @@
         <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
             <div class="flex flex-col md:flex-row items-center">
                 <div class="md:w-1/2 mb-8 md:mb-0 md:pr-8">
-                    <div class="guarantee-badge bg-white text-indigo-600 inline-block px-6 py-4 rounded-lg shadow-lg mb-6">
+                    <div class="guarantee-badge bg-white text-green-700 inline-block px-6 py-4 rounded-lg shadow-lg mb-6">
                         <div class="flex items-center">
                             <i class="fas fa-shield-alt text-3xl mr-3"></i>
                             <span class="text-2xl font-bold">100% pengene-tilbage-garanti</span>
@@ -193,7 +193,7 @@
 
             <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
                 <div class="bg-gray-50 p-6 rounded-lg border border-gray-200">
-                    <div class="text-indigo-600 mb-3">
+                    <div class="text-green-700 mb-3">
                         <i class="fas fa-lock text-3xl"></i>
                     </div>
                     <h3 class="text-lg font-bold text-gray-900 mb-2">End-to-end kryptering</h3>
@@ -239,8 +239,8 @@
                     <h3 class="text-xl font-bold text-gray-900 mb-4 border-b pb-2">Krav til dokumentation:</h3>
                     <ul class="space-y-4">
                         <li class="flex items-start">
-                            <div class="flex-shrink-0 h-6 w-6 rounded-full bg-indigo-100 flex items-center justify-center">
-                                <i class="fas fa-check text-indigo-600 text-xs"></i>
+                            <div class="flex-shrink-0 h-6 w-6 rounded-full bg-green-100 flex items-center justify-center">
+                                <i class="fas fa-check text-green-700 text-xs"></i>
                             </div>
                             <p class="ml-3 text-gray-600">Alle medicinske journaler skal være autentiske og baseret på faktiske helbredstilstande</p>
                         </li>
@@ -285,8 +285,8 @@
                 Er du klar til at tage det næste skridt mod den førtidspension, du har brug for? Kontakt FørTid AI i dag og lad vores intelligente teknologi arbejde for dig.
             </p>
             <div class="flex flex-col sm:flex-row justify-center gap-4">
-                <a href="#" class="bg-white hover:bg-gray-100 text-indigo-600 px-8 py-4 rounded-md text-lg font-medium">Kontakt os</a>
-                <a href="#" class="bg-indigo-800 hover:bg-indigo-900 text-white px-8 py-4 rounded-md text-lg font-medium">Start ansøgning</a>
+                <a href="#" class="bg-white hover:bg-gray-100 text-green-700 px-8 py-4 rounded-md text-lg font-medium">Kontakt os</a>
+                <a href="#" class="bg-green-800 hover:bg-green-900 text-white px-8 py-4 rounded-md text-lg font-medium">Start ansøgning</a>
             </div>
             <p class="mt-8 text-lg italic">
                 Din fremtid starter her - med FørTid AI som din pålidelige partner.