|
|
@@ -12,13 +12,13 @@
|
|
|
<style>
|
|
|
/* Custom styles */
|
|
|
.gradient-bg {
|
|
|
- background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
|
- }
|
|
|
+ background: linear-gradient(135deg, #d946ef 0%, #8b5cf6 100%);
|
|
|
+}
|
|
|
.gradient-text {
|
|
|
- background: linear-gradient(to right, #667eea, #764ba2);
|
|
|
- -webkit-background-clip: text;
|
|
|
- -webkit-text-fill-color: transparent;
|
|
|
- }
|
|
|
+ background: linear-gradient(to right, #d946ef, #8b5cf6);
|
|
|
+ -webkit-background-clip: text;
|
|
|
+ -webkit-text-fill-color: transparent;
|
|
|
+}
|
|
|
.hover-lift {
|
|
|
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
|
|
}
|
|
|
@@ -27,7 +27,16 @@
|
|
|
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
|
|
}
|
|
|
</style>
|
|
|
-</head>
|
|
|
+
|
|
|
+ <style>
|
|
|
+ /* Dark mode overrides */
|
|
|
+ .dark { background-color: #111827; color: #f9fafb; }
|
|
|
+ .dark .bg-white { background-color: #1f2937; }
|
|
|
+ .dark .text-gray-900 { color: #f9fafb; }
|
|
|
+ .dark .text-gray-600 { color: #d1d5db; }
|
|
|
+ .dark .hover:text-gray-900:hover { color: #f9fafb; }
|
|
|
+ .dark .border-gray-200 { border-color: #4b5563; }
|
|
|
+ </style></head>
|
|
|
<body class="bg-gray-50 text-gray-900">
|
|
|
<div class="min-h-screen">
|
|
|
<!-- Header -->
|
|
|
@@ -35,7 +44,7 @@
|
|
|
<div class="max-w-7xl mx-auto px-6 lg:px-8">
|
|
|
<div class="flex flex-wrap items-center justify-between py-4">
|
|
|
<a href="#" class="flex items-center space-x-3">
|
|
|
- <svg class="h-8 w-8 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg>
|
|
|
+ <svg class="h-8 w-8 text-magenta-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg>
|
|
|
<span class="text-xl font-bold gradient-text">AI LLM Solutions</span>
|
|
|
</a>
|
|
|
<nav class="hidden md:flex space-x-6">
|
|
|
@@ -44,9 +53,12 @@
|
|
|
<a href="#gdpr" class="text-gray-600 hover:text-gray-900 transition-colors">DSGVO & Lokal</a>
|
|
|
<a href="#contact" class="text-gray-600 hover:text-gray-900 transition-colors">Kontakt</a>
|
|
|
</nav>
|
|
|
- <button id="mobile-menu-button" class="md:hidden flex items-center p-2 rounded-md hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-indigo-500">
|
|
|
+ <button id="mobile-menu-button" class="md:hidden flex items-center p-2 rounded-md hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-magenta-500">
|
|
|
<svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg>
|
|
|
</button>
|
|
|
+<button id="theme-toggle" class="md:hidden flex items-center p-2 rounded-md hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-magenta-500">
|
|
|
+ <svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"></path></svg>
|
|
|
+</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</header>
|
|
|
@@ -72,10 +84,10 @@
|
|
|
Wir unterstützen Sie bei der Nutzung, dem Betrieb und Training von Large Language Models sowie agentenbasierter Programmierung – alles DSGVO-konform und lokal betrieben.
|
|
|
</p>
|
|
|
<div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4">
|
|
|
- <a href="#services" class="px-6 py-3 bg-indigo-600 text-white rounded-md hover:bg-indigo-700 transition-colors transform hover-lift" aos aos-animation="fade-up" aos-delay="200">
|
|
|
+ <a href="#services" class="px-6 py-3 bg-magenta-600 text-white rounded-md hover:bg-magenta-700 transition-colors transform hover-lift" aos aos-animation="fade-up" aos-delay="200">
|
|
|
Unsere Leistungen
|
|
|
</a>
|
|
|
- <a href="#contact" class="px-6 py-3 border border-indigo-600 text-indigo-600 rounded-md hover:bg-indigo-50 hover:text-indigo-800 transition-colors transform hover-lift" aos aos-animation="fade-up" aos-delay="300">
|
|
|
+ <a href="#contact" class="px-6 py-3 border border-magenta-600 text-magenta-600 rounded-md hover:bg-indigo-50 hover:text-magenta-800 transition-colors transform hover-lift" aos aos-animation="fade-up" aos-delay="300">
|
|
|
Jetzt kontaktieren
|
|
|
</a>
|
|
|
</div>
|
|
|
@@ -102,16 +114,17 @@
|
|
|
<!-- Service Card 1 -->
|
|
|
<div class="bg-white rounded-xl shadow-sm hover-lift transform transition-all duration-300 aos aos-animation="fade-up" aos-delay="200">
|
|
|
<div class="p-6">
|
|
|
+<img src="https://via.placeholder.com/300" alt="Placeholder" class="w-full h-48 object-cover mb-4 rounded">
|
|
|
<div class="flex items-center mb-4">
|
|
|
- <div class="bg-indigo-100 p-3 rounded-full">
|
|
|
- <svg class="h-5 w-5 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m2 0a2 2 0 100-4 2 2 0 000 4zm-9 3a2 2 0 110-4 2 2 0 010 4zm8 0a2 2 0 100-4 2 2 0 000 4zm4 0a2 2 0 110-4 2 2 0 010 4zm-5 5a2 2 0 100-4 2 2 0 000 4zm4 0a2 2 0 100-4 2 2 0 000 4z"></path></svg>
|
|
|
+ <div class="bg-magenta-100 p-3 rounded-full">
|
|
|
+ <svg class="h-5 w-5 text-magenta-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m2 0a2 2 0 100-4 2 2 0 000 4zm-9 3a2 2 0 110-4 2 2 0 010 4zm8 0a2 2 0 100-4 2 2 0 000 4zm4 0a2 2 0 110-4 2 2 0 010 4zm-5 5a2 2 0 100-4 2 2 0 000 4zm4 0a2 2 0 100-4 2 2 0 000 4z"></path></svg>
|
|
|
</div>
|
|
|
<h3 class="text-xl font-bold ml-3">LLM-Nutzung & Beratung</h3>
|
|
|
</div>
|
|
|
<p class="text-gray-600 mb-4">
|
|
|
Wir analysieren Ihre Use Cases und empfehlen die optimalen LLMs für Ihre Anforderungen – von offenen Modellen bis zu kommerziellen Lösungen.
|
|
|
</p>
|
|
|
- <a href="#" class="text-indigo-600 font-medium hover:text-indigo-800 transition-colors">
|
|
|
+ <a href="#" class="text-magenta-600 font-medium hover:text-magenta-800 transition-colors">
|
|
|
Mehr erfahren
|
|
|
<svg class="ml-2 h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 11h6m0 0l2-2m-2 2 2 2"></path></svg>
|
|
|
</a>
|
|
|
@@ -120,16 +133,17 @@
|
|
|
<!-- Service Card 2 -->
|
|
|
<div class="bg-white rounded-xl shadow-sm hover-lift transform transition-all duration-300 aos aos-animation="fade-up" aos-delay="300">
|
|
|
<div class="p-6">
|
|
|
+<img src="https://via.placeholder.com/300" alt="Placeholder" class="w-full h-48 object-cover mb-4 rounded">
|
|
|
<div class="flex items-center mb-4">
|
|
|
- <div class="bg-indigo-100 p-3 rounded-full">
|
|
|
- <svg class="h-5 w-5 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7 20h10a2 2 0 002-2V6a2 2 0 00-2-2H7a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg>
|
|
|
+ <div class="bg-magenta-100 p-3 rounded-full">
|
|
|
+ <svg class="h-5 w-5 text-magenta-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7 20h10a2 2 0 002-2V6a2 2 0 00-2-2H7a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg>
|
|
|
</div>
|
|
|
<h3 class="text-xl font-bold ml-3">LLM-Betrieb & Optimierung</h3>
|
|
|
</div>
|
|
|
<p class="text-gray-600 mb-4">
|
|
|
Von der Infrastruktur über das Monitoring bis zum Performance-Tuning – wir sorgen dafür, dass Ihre LLMs stabil, sicher und kosteneffizient laufen.
|
|
|
</p>
|
|
|
- <a href="#" class="text-indigo-600 font-medium hover:text-indigo-800 transition-colors">
|
|
|
+ <a href="#" class="text-magenta-600 font-medium hover:text-magenta-800 transition-colors">
|
|
|
Mehr erfahren
|
|
|
<svg class="ml-2 h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 11h6m0 0l2-2m-2 2 2 2"></path></svg>
|
|
|
</a>
|
|
|
@@ -138,16 +152,17 @@
|
|
|
<!-- Service Card 3 -->
|
|
|
<div class="bg-white rounded-xl shadow-sm hover-lift transform transition-all duration-300 aos aos-animation="fade-up" aos-delay="400">
|
|
|
<div class="p-6">
|
|
|
+<img src="https://via.placeholder.com/300" alt="Placeholder" class="w-full h-48 object-cover mb-4 rounded">
|
|
|
<div class="flex items-center mb-4">
|
|
|
- <div class="bg-indigo-100 p-3 rounded-full">
|
|
|
- <svg class="h-5 w-5 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path></svg>
|
|
|
+ <div class="bg-magenta-100 p-3 rounded-full">
|
|
|
+ <svg class="h-5 w-5 text-magenta-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path></svg>
|
|
|
</div>
|
|
|
<h3 class="text-xl font-bold ml-3">LLM-Training & Feinabstimmung</h3>
|
|
|
</div>
|
|
|
<p class="text-gray-600 mb-4">
|
|
|
Wir helfen Ihnen dabei, eigene Modelle mit Ihren Daten zu trainieren oder bestehende LLMs für Ihre spezifischen Tasks zu feinabzustimmen – vollständig on-premise.
|
|
|
</p>
|
|
|
- <a href="#" class="text-indigo-600 font-medium hover:text-indigo-800 transition-colors">
|
|
|
+ <a href="#" class="text-magenta-600 font-medium hover:text-magenta-800 transition-colors">
|
|
|
Mehr erfahren
|
|
|
<svg class="ml-2 h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 11h6m0 0l2-2m-2 2 2 2"></path></svg>
|
|
|
</a>
|
|
|
@@ -156,16 +171,17 @@
|
|
|
<!-- Service Card 4 -->
|
|
|
<div class="bg-white rounded-xl shadow-sm hover-lift transform transition-all duration-300 aos aos-animation="fade-up" aos-delay="500">
|
|
|
<div class="p-6">
|
|
|
+<img src="https://via.placeholder.com/300" alt="Placeholder" class="w-full h-48 object-cover mb-4 rounded">
|
|
|
<div class="flex items-center mb-4">
|
|
|
- <div class="bg-indigo-100 p-3 rounded-full">
|
|
|
- <svg class="h-5 w-5 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2H5a2 2 0 00-2-2v2a2 2 0 00-2 2h2l2 2h6a2 2 0 012 2v6a2 2 0 01-2 2z"></path></svg>
|
|
|
+ <div class="bg-magenta-100 p-3 rounded-full">
|
|
|
+ <svg class="h-5 w-5 text-magenta-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2H5a2 2 0 00-2-2v2a2 2 0 00-2 2h2l2 2h6a2 2 0 012 2v6a2 2 0 01-2 2z"></path></svg>
|
|
|
</div>
|
|
|
<h3 class="text-xl font-bold ml-3">Agentenbasierte Programmierung</h3>
|
|
|
</div>
|
|
|
<p class="text-gray-600 mb-4">
|
|
|
Entwicklung intelligenter Agenten, die komplexe Aufgaben autonom erledigen – von Datenanalyse über Prozessautomatisierung bis hin zu kundenspezifischen Lösungen.
|
|
|
</p>
|
|
|
- <a href="#" class="text-indigo-600 font-medium hover:text-indigo-800 transition-colors">
|
|
|
+ <a href="#" class="text-magenta-600 font-medium hover:text-magenta-800 transition-colors">
|
|
|
Mehr erfahren
|
|
|
<svg class="ml-2 h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 11h6m0 0l2-2m-2 2 2 2"></path></svg>
|
|
|
</a>
|
|
|
@@ -180,7 +196,7 @@
|
|
|
<div class="max-w-7xl mx-auto px-6 lg:px-8">
|
|
|
<div class="grid gap-12 items-start sm:flex sm:items-center sm:gap-16">
|
|
|
<div class="flex flex-col items-center sm:text-left aos aos-animation="fade-left" aos-delay="200">
|
|
|
- <svg class="h-16 w-16 text-indigo-600 mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg>
|
|
|
+ <svg class="h-16 w-16 text-magenta-600 mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg>
|
|
|
<h2 class="gradient-text text-2xl font-bold mb-4">Über uns</h2>
|
|
|
<p class="text-gray-600 max-w-xl">
|
|
|
Wir sind ein Team von KI-Experten, das Unternehmen dabei unterstützt, das Potenzial von Large Language Models voll auszuschöpfen – wobei wir stets höchste Standards hinsichtlich Datenschutz, Sicherheit und Leistung einhalten.
|
|
|
@@ -188,10 +204,10 @@
|
|
|
</div>
|
|
|
<div class="aos aos-animation="fade-right" aos-delay="300">
|
|
|
<div class="relative h-64 w-full sm:h-80 lg:h-96">
|
|
|
- <div class="absolute inset-0 bg-gradient-to-r from-indigo-100 to-gray-50 rounded-xl shadow-lg overflow-hidden">
|
|
|
+ <div class="absolute inset-0 bg-gradient-to-r from-magenta-100 to-gray-50 rounded-xl shadow-lg overflow-hidden">
|
|
|
<div class="absolute inset-0 bg-[url('https://images.unsplash.com/photo-1485827404703-89b55fcc595e?auto=format&fit=crop&w=800&q=80')] bg-center bg-cover opacity-20"></div>
|
|
|
<div class="relative h-full w-full">
|
|
|
- <div class="absolute inset-0 bg-gradient-to-tr from-indigo-600 via-purple-600 to-pink-600 opacity-10 mix-blend-screen"></div>
|
|
|
+ <div class="absolute inset-0 bg-gradient-to-tr from-magenta-600 via-magenta-500 to-pink-600 opacity-10 mix-blend-screen"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -211,7 +227,7 @@
|
|
|
</div>
|
|
|
<div class="grid gap-8 md:grid-cols-2">
|
|
|
<div class="space-y-6 aos aos-animation="fade-left" aos-delay="200">
|
|
|
- <h3 class="text-2xl font-bold text-indigo-600 flex items-center">
|
|
|
+ <h3 class="text-2xl font-bold text-magenta-600 flex items-center">
|
|
|
<svg class="h-5 w-5 mr-3" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zm-1 4a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg>
|
|
|
DSGVO-Konformität
|
|
|
</h3>
|
|
|
@@ -220,7 +236,7 @@
|
|
|
</p>
|
|
|
</div>
|
|
|
<div class="space-y-6 aos aos-animation="fade-right" aos-delay="300">
|
|
|
- <h3 class="text-2xl font-bold text-indigo-600 flex items-center">
|
|
|
+ <h3 class="text-2xl font-bold text-magenta-600 flex items-center">
|
|
|
<svg class="h-5 w-5 mr-3" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-6 0a2 2 0 10-4 0v5h2a2 2 0 100 4h-2v5a2 2 0 104 0v-5h2a2 2 0 100-4v-5z" clip-rule="evenodd"></path></svg>
|
|
|
Lokaler Betrieb
|
|
|
</h3>
|
|
|
@@ -230,7 +246,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="mt-16 flex justify-center aos aos-animation="fade-up" aos-delay="400">
|
|
|
- <a href="#contact" class="px-8 py-4 bg-indigo-600 text-white rounded-md hover:bg-indigo-700 transition-colors transform hover-lift">
|
|
|
+ <a href="#contact" class="px-8 py-4 bg-magenta-600 text-white rounded-md hover:bg-magenta-700 transition-colors transform hover-lift">
|
|
|
Jetzt kostenlos beraten lassen
|
|
|
</a>
|
|
|
</div>
|
|
|
@@ -252,21 +268,21 @@
|
|
|
<form id="contactForm" class="space-y-6 bg-white p-6 rounded-xl shadow-sm">
|
|
|
<div>
|
|
|
<label for="name" class="block text-sm font-medium text-gray-700 mb-1">Name</label>
|
|
|
- <input type="text" id="name" name="name" required class="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 sm:text-lg">
|
|
|
+ <input type="text" id="name" name="name" required class="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-magenta-500 focus:border-indigo-500 sm:text-lg">
|
|
|
</div>
|
|
|
<div>
|
|
|
<label for="email" class="block text-sm font-medium text-gray-700 mb-1">E-Mail</label>
|
|
|
- <input type="email" id="email" name="email" required class="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 sm:text-lg">
|
|
|
+ <input type="email" id="email" name="email" required class="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-magenta-500 focus:border-indigo-500 sm:text-lg">
|
|
|
</div>
|
|
|
<div>
|
|
|
<label for="company" class="block text-sm font-medium text-gray-700 mb-1">Unternehmen</label>
|
|
|
- <input type="text" id="company" name="company" class="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 sm:text-lg">
|
|
|
+ <input type="text" id="company" name="company" class="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-magenta-500 focus:border-indigo-500 sm:text-lg">
|
|
|
</div>
|
|
|
<div>
|
|
|
<label for="message" class="block text-sm font-medium text-gray-700 mb-1">Nachricht</label>
|
|
|
- <textarea id="message" name="message" rows="5" required class="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 sm:text-lg"></textarea>
|
|
|
+ <textarea id="message" name="message" rows="5" required class="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-magenta-500 focus:border-indigo-500 sm:text-lg"></textarea>
|
|
|
</div>
|
|
|
- <button type="submit" class="w-full px-6 py-3 bg-indigo-600 text-white rounded-md hover:bg-indigo-700 transition-colors transform hover-lift sm:py-4">
|
|
|
+ <button type="submit" class="w-full px-6 py-3 bg-magenta-600 text-white rounded-md hover:bg-magenta-700 transition-colors transform hover-lift sm:py-4">
|
|
|
Nachricht senden
|
|
|
</button>
|
|
|
<div id="formStatus" class="mt-4 text-center text-sm hidden"></div>
|
|
|
@@ -275,9 +291,10 @@
|
|
|
<!-- Contact Info -->
|
|
|
<div class="aos aos-animation="fade-right" aos-delay="300">
|
|
|
<div class="space-y-6 bg-white p-6 rounded-xl shadow-sm">
|
|
|
+<img src="https://via.placeholder.com/300" alt="Placeholder" class="w-full h-48 object-cover mb-4 rounded">
|
|
|
<div class="flex items-start space-x-4">
|
|
|
<div class="flex-shrink-0">
|
|
|
- <svg class="h-5 w-5 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3-2 1V5z"></path></svg>
|
|
|
+ <svg class="h-5 w-5 text-magenta-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3-2 1V5z"></path></svg>
|
|
|
</div>
|
|
|
<div>
|
|
|
<h3 class="text-lg font-medium text-gray-900">Adresse</h3>
|
|
|
@@ -286,7 +303,7 @@
|
|
|
</div>
|
|
|
<div class="flex items-start space-x-4">
|
|
|
<div class="flex-shrink-0">
|
|
|
- <svg class="h-5 w-5 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10z"></path></svg>
|
|
|
+ <svg class="h-5 w-5 text-magenta-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10z"></path></svg>
|
|
|
</div>
|
|
|
<div>
|
|
|
<h3 class="text-lg font-medium text-gray-900">Telefon</h3>
|
|
|
@@ -295,11 +312,11 @@
|
|
|
</div>
|
|
|
<div class="flex items-start space-x-4">
|
|
|
<div class="flex-shrink-0">
|
|
|
- <svg class="h-5 w-5 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10z"></path></svg>
|
|
|
+ <svg class="h-5 w-5 text-magenta-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10z"></path></svg>
|
|
|
</div>
|
|
|
<div>
|
|
|
<h3 class="text-lg font-medium text-gray-900">E-Mail</h3>
|
|
|
- <p class="text-gray-600"><a href="mailto:info@ai-llm-solutions.de" class="text-indigo-600 hover:underline">info@ai-llm-solutions.de</a></p>
|
|
|
+ <p class="text-gray-600"><a href="mailto:info@ai-llm-solutions.de" class="text-magenta-600 hover:underline">info@ai-llm-solutions.de</a></p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -382,5 +399,23 @@
|
|
|
<script>
|
|
|
document.getElementById('year').textContent = new Date().getFullYear();
|
|
|
</script>
|
|
|
-</body>
|
|
|
+
|
|
|
+ <script>
|
|
|
+ const themeToggle = document.getElementById('theme-toggle');
|
|
|
+ themeToggle.addEventListener('click', () => {
|
|
|
+ document.documentElement.classList.toggle('dark');
|
|
|
+ // Store preference
|
|
|
+ if (document.documentElement.classList.contains('dark')) {
|
|
|
+ localStorage.setItem('theme', 'dark');
|
|
|
+ } else {
|
|
|
+ localStorage.setItem('theme', 'light');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ // On load, check stored preference
|
|
|
+ window.addEventListener('DOMContentLoaded', () => {
|
|
|
+ if (localStorage.getItem('theme') === 'dark') {
|
|
|
+ document.documentElement.classList.add('dark');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ </script></body>
|
|
|
</html>
|
