Spaces:

Eckhardt12
/

webwizard-analysis-funnel

Running

App Files Files Community

Eckhardt12 commited on Oct 16, 2025

Commit

ee1ba36

verified ·

1 Parent(s): f9f4c30

bitte alles auf deutsch

Browse files

Files changed (2) hide show

index.html +50 -51
thankyou.html +14 -14

index.html CHANGED Viewed

@@ -3,8 +3,8 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Free Website Analysis | WebWizard</title>
-    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://unpkg.com/feather-icons"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
@@ -36,28 +36,28 @@
     <!-- Hero Section -->
     <div class="hero-pattern bg-primary-700 text-white min-h-screen flex items-center">
         <div class="container mx-auto px-6 py-24 text-center backdrop-brightness-75">
-            <h1 class="text-4xl md:text-6xl font-bold mb-6">Free Website Analysis</h1>
             <p class="text-xl md:text-2xl mb-10 max-w-3xl mx-auto">
-                Discover your website's hidden potential in just 15 minutes. We'll show you how to get more visibility and customers.
-            </p>
             <a href="#analysis-form" class="bg-secondary-500 hover:bg-secondary-600 text-white font-bold py-4 px-8 rounded-full text-lg transition-all duration-300 inline-flex items-center">
-                Start Free Analysis
-                <i data-feather="arrow-down" class="ml-2"></i>
             </a>
             <div class="mt-20 flex justify-center space-x-12 opacity-90">
                 <div class="text-center">
                     <div class="text-3xl font-bold">10+</div>
-                    <div class="text-sm uppercase tracking-wider">Years Experience</div>
                 </div>
                 <div class="text-center">
                     <div class="text-3xl font-bold">500+</div>
-                    <div class="text-sm uppercase tracking-wider">Websites Analyzed</div>
                 </div>
                 <div class="text-center">
                     <div class="text-3xl font-bold">100%</div>
-                    <div class="text-sm uppercase tracking-wider">Satisfaction</div>
-                </div>
             </div>
         </div>
     </div>
@@ -67,27 +67,27 @@
         <div class="container mx-auto px-6 max-w-4xl">
             <div class="bg-white rounded-xl shadow-xl overflow-hidden">
                 <div class="p-8 sm:p-10">
-                    <h2 class="text-2xl md:text-3xl font-bold text-gray-800 mb-6">Get Your Free Analysis</h2>
-                    <form class="space-y-6">
                         <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                             <div>
-                                <label for="name" class="block text-sm font-medium text-gray-700 mb-1">Your Name</label>
-                                <input type="text" id="name" name="name" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary-500 focus:border-transparent" required>
                             </div>
                             <div>
-                                <label for="email" class="block text-sm font-medium text-gray-700 mb-1">Email Address</label>
-                                <input type="email" id="email" name="email" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary-500 focus:border-transparent" required>
                             </div>
                         </div>
                         <div>
-                            <label for="website" class="block text-sm font-medium text-gray-700 mb-1">Website URL</label>
-                            <input type="url" id="website" name="website" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary-500 focus:border-transparent" required placeholder="https://">
                         </div>
                         <div>
-                            <label class="block text-sm font-medium text-gray-700 mb-1">Monthly Visitors</label>
-                            <div class="grid grid-cols-3 gap-3">
                                 <label class="inline-flex items-center">
                                     <input type="radio" name="visitors" value="<100" class="h-4 w-4 text-primary-600 focus:ring-primary-500">
                                     <span class="ml-2 text-gray-700"><100</span>
@@ -104,19 +104,19 @@
                         </div>
                         <div>
-                            <label class="block text-sm font-medium text-gray-700 mb-1">What would you like to improve?</label>
                             <select class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary-500 focus:border-transparent">
-                                <option>More visibility</option>
-                                <option>More leads</option>
-                                <option>New design</option>
-                                <option>Better performance</option>
-                                <option>All of the above</option>
-                            </select>
                         </div>
                         <div>
-                            <label for="message" class="block text-sm font-medium text-gray-700 mb-1">Additional Notes (optional)</label>
-                            <textarea id="message" name="message" rows="3" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary-500 focus:border-transparent"></textarea>
                         </div>
                         <div class="flex items-start">
@@ -124,14 +124,14 @@
                                 <input id="terms" name="terms" type="checkbox" class="focus:ring-primary-500 h-4 w-4 text-primary-600 border-gray-300 rounded" required>
                             </div>
                             <div class="ml-3 text-sm">
-                                <label for="terms" class="font-medium text-gray-700">I agree to the privacy policy and terms of service</label>
-                            </div>
                         </div>
                         <div>
                             <button type="submit" class="w-full bg-primary-500 hover:bg-primary-600 text-white font-bold py-4 px-6 rounded-lg transition-all duration-300 flex items-center justify-center">
-                                Request Free Analysis
-                                <i data-feather="send" class="ml-2"></i>
                             </button>
                         </div>
                     </form>
@@ -143,9 +143,8 @@
     <!-- Trust Section -->
     <section class="py-16 bg-gray-50">
         <div class="container mx-auto px-6">
-            <h2 class="text-2xl font-bold text-center text-gray-800 mb-12">Trusted by Professionals Across Industries</h2>
-            <div class="grid grid-cols-2 md:grid-cols-4 gap-8 items-center justify-center">
                 <div class="flex justify-center">
                     <div class="bg-white p-6 rounded-xl shadow-sm flex items-center justify-center h-24">
                         <span class="text-2xl font-bold text-gray-700">Medical</span>
@@ -176,8 +175,8 @@
                         </div>
                         <div class="ml-4">
                             <p class="text-gray-700 italic">
-                                "The analysis revealed several optimization opportunities we hadn't considered. Within weeks of implementation, our lead conversion increased by 32%."
-                            </p>
                             <div class="mt-4 flex items-center">
                                 <div class="flex-shrink-0">
                                     <img class="h-10 w-10 rounded-full" src="http://static.photos/people/200x200/1" alt="">
@@ -199,23 +198,23 @@
         <div class="container mx-auto px-6">
             <div class="flex flex-col md:flex-row justify-between">
                 <div class="mb-8 md:mb-0">
-                    <h3 class="text-xl font-bold mb-4">WebWizard Analysis</h3>
                     <p class="text-gray-400 max-w-md">
-                        Helping businesses in Aachen, Düren, Heinsberg and beyond unlock their website's full potential since 2013.
-                    </p>
                 </div>
                 <div class="grid grid-cols-2 gap-8">
                     <div>
-                        <h4 class="text-sm font-semibold text-gray-400 uppercase tracking-wider mb-4">Legal</h4>
                         <ul class="space-y-2">
-                            <li><a href="#" class="text-gray-300 hover:text-white">Privacy Policy</a></li>
-                            <li><a href="#" class="text-gray-300 hover:text-white">Terms of Service</a></li>
-                            <li><a href="#" class="text-gray-300 hover:text-white">Imprint</a></li>
-                        </ul>
                     </div>
                     <div>
-                        <h4 class="text-sm font-semibold text-gray-400 uppercase tracking-wider mb-4">Contact</h4>
-                        <ul class="space-y-2">
                             <li class="flex items-center">
                                 <i data-feather="mail" class="w-4 h-4 mr-2"></i>
                                 <a href="mailto:analysis@webwizard.de" class="text-gray-300 hover:text-white">analysis@webwizard.de</a>
@@ -229,8 +228,8 @@
                 </div>
             </div>
             <div class="mt-12 pt-8 border-t border-gray-800 text-sm text-gray-400 text-center">
-                <p>© 2023 WebWizard Analysis. All rights reserved.</p>
-            </div>
         </div>
     </footer>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Kostenlose Website-Analyse | WebWizard</title>
+<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://unpkg.com/feather-icons"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
     <!-- Hero Section -->
     <div class="hero-pattern bg-primary-700 text-white min-h-screen flex items-center">
         <div class="container mx-auto px-6 py-24 text-center backdrop-brightness-75">
+            <h1 class="text-4xl md:text-6xl font-bold mb-6">Kostenlose Website-Analyse</h1>
             <p class="text-xl md:text-2xl mb-10 max-w-3xl mx-auto">
+                Entdecken Sie das versteckte Potential Ihrer Website in nur 15 Minuten. Wir zeigen Ihnen, wie Sie mehr Sichtbarkeit und Kunden gewinnen.
+</p>
             <a href="#analysis-form" class="bg-secondary-500 hover:bg-secondary-600 text-white font-bold py-4 px-8 rounded-full text-lg transition-all duration-300 inline-flex items-center">
+                Kostenlose Analyse starten
+<i data-feather="arrow-down" class="ml-2"></i>
             </a>
             <div class="mt-20 flex justify-center space-x-12 opacity-90">
                 <div class="text-center">
                     <div class="text-3xl font-bold">10+</div>
+                    <div class="text-sm uppercase tracking-wider">Jahre Erfahrung</div>
                 </div>
                 <div class="text-center">
                     <div class="text-3xl font-bold">500+</div>
+                    <div class="text-sm uppercase tracking-wider">Analysierte Websites</div>
                 </div>
                 <div class="text-center">
                     <div class="text-3xl font-bold">100%</div>
+                    <div class="text-sm uppercase tracking-wider">Zufriedenheit</div>
+</div>
             </div>
         </div>
     </div>
         <div class="container mx-auto px-6 max-w-4xl">
             <div class="bg-white rounded-xl shadow-xl overflow-hidden">
                 <div class="p-8 sm:p-10">
+                    <h2 class="text-2xl md:text-3xl font-bold text-gray-800 mb-6">Fordern Sie Ihre kostenlose Analyse an</h2>
+<form class="space-y-6">
                         <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                             <div>
+                                <label for="name" class="block text-sm font-medium text-gray-700 mb-1">Ihr Name</label>
+<input type="text" id="name" name="name" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary-500 focus:border-transparent" required>
                             </div>
                             <div>
+                                <label for="email" class="block text-sm font-medium text-gray-700 mb-1">E-Mail Adresse</label>
+<input type="email" id="email" name="email" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary-500 focus:border-transparent" required>
                             </div>
                         </div>
                         <div>
+                            <label for="website" class="block text-sm font-medium text-gray-700 mb-1">Website-URL</label>
+<input type="url" id="website" name="website" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary-500 focus:border-transparent" required placeholder="https://">
                         </div>
                         <div>
+                            <label class="block text-sm font-medium text-gray-700 mb-1">Monatliche Besucher</label>
+<div class="grid grid-cols-3 gap-3">
                                 <label class="inline-flex items-center">
                                     <input type="radio" name="visitors" value="<100" class="h-4 w-4 text-primary-600 focus:ring-primary-500">
                                     <span class="ml-2 text-gray-700"><100</span>
                         </div>
                         <div>
+                            <label class="block text-sm font-medium text-gray-700 mb-1">Was möchten Sie verbessern?</label>
                             <select class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary-500 focus:border-transparent">
+                                <option>Mehr Sichtbarkeit</option>
+                                <option>Mehr Leads</option>
+                                <option>Neues Design</option>
+                                <option>Bessere Performance</option>
+                                <option>Alles oben Genannte</option>
+</select>
                         </div>
                         <div>
+                            <label for="message" class="block text-sm font-medium text-gray-700 mb-1">Zusätzliche Anmerkungen (optional)</label>
+<textarea id="message" name="message" rows="3" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-primary-500 focus:border-transparent"></textarea>
                         </div>
                         <div class="flex items-start">
                                 <input id="terms" name="terms" type="checkbox" class="focus:ring-primary-500 h-4 w-4 text-primary-600 border-gray-300 rounded" required>
                             </div>
                             <div class="ml-3 text-sm">
+                                <label for="terms" class="font-medium text-gray-700">Ich stimme der Datenschutzerklärung und den Nutzungsbedingungen zu</label>
+</div>
                         </div>
                         <div>
                             <button type="submit" class="w-full bg-primary-500 hover:bg-primary-600 text-white font-bold py-4 px-6 rounded-lg transition-all duration-300 flex items-center justify-center">
+                                Kostenlose Analyse anfordern
+<i data-feather="send" class="ml-2"></i>
                             </button>
                         </div>
                     </form>
     <!-- Trust Section -->
     <section class="py-16 bg-gray-50">
         <div class="container mx-auto px-6">
+            <h2 class="text-2xl font-bold text-center text-gray-800 mb-12">Vertrauen von Fachleuten aus verschiedenen Branchen</h2>
+<div class="grid grid-cols-2 md:grid-cols-4 gap-8 items-center justify-center">
                 <div class="flex justify-center">
                     <div class="bg-white p-6 rounded-xl shadow-sm flex items-center justify-center h-24">
                         <span class="text-2xl font-bold text-gray-700">Medical</span>
                         </div>
                         <div class="ml-4">
                             <p class="text-gray-700 italic">
+                                "Die Analyse hat mehrere Optimierungsmöglichkeiten aufgezeigt, die wir nicht bedacht hatten. Innerhalb weniger Wochen nach der Umsetzung stieg unsere Lead-Konversion um 32%."
+</p>
                             <div class="mt-4 flex items-center">
                                 <div class="flex-shrink-0">
                                     <img class="h-10 w-10 rounded-full" src="http://static.photos/people/200x200/1" alt="">
         <div class="container mx-auto px-6">
             <div class="flex flex-col md:flex-row justify-between">
                 <div class="mb-8 md:mb-0">
+                    <h3 class="text-xl font-bold mb-4">WebWizard Analyse</h3>
                     <p class="text-gray-400 max-w-md">
+                        Wir helfen Unternehmen in Aachen, Düren, Heinsberg und darüber hinaus seit 2013, das volle Potential ihrer Website zu entfalten.
+</p>
                 </div>
                 <div class="grid grid-cols-2 gap-8">
                     <div>
+                        <h4 class="text-sm font-semibold text-gray-400 uppercase tracking-wider mb-4">Rechtliches</h4>
                         <ul class="space-y-2">
+                            <li><a href="#" class="text-gray-300 hover:text-white">Datenschutz</a></li>
+                            <li><a href="#" class="text-gray-300 hover:text-white">Nutzungsbedingungen</a></li>
+                            <li><a href="#" class="text-gray-300 hover:text-white">Impressum</a></li>
+</ul>
                     </div>
                     <div>
+                        <h4 class="text-sm font-semibold text-gray-400 uppercase tracking-wider mb-4">Kontakt</h4>
+<ul class="space-y-2">
                             <li class="flex items-center">
                                 <i data-feather="mail" class="w-4 h-4 mr-2"></i>
                                 <a href="mailto:analysis@webwizard.de" class="text-gray-300 hover:text-white">analysis@webwizard.de</a>
                 </div>
             </div>
             <div class="mt-12 pt-8 border-t border-gray-800 text-sm text-gray-400 text-center">
+                <p>© 2023 WebWizard Analyse. Alle Rechte vorbehalten.</p>
+</div>
         </div>
     </footer>

thankyou.html CHANGED Viewed

@@ -3,8 +3,8 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Thank You | WebWizard Analysis</title>
-    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://unpkg.com/feather-icons"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
@@ -21,37 +21,37 @@
                 <div class="mx-auto flex items-center justify-center h-16 w-16 rounded-full bg-green-100 mb-6">
                     <i data-feather="check" class="h-8 w-8 text-green-600"></i>
                 </div>
-                <h1 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Perfect! Your Analysis Is On Its Way</h1>
                 <p class="text-lg text-gray-600 mb-8">
-                    We're now reviewing your website and will get back to you shortly with a personalized assessment. Check your inbox for a confirmation email.
-                </p>
                 <div class="bg-blue-50 rounded-lg p-6 mb-8">
-                    <h3 class="text-lg font-medium text-blue-800 mb-4">Want faster results?</h3>
                     <p class="text-blue-700 mb-4">
-                        Schedule a free 30-minute consultation call to discuss your analysis results directly with our expert.
                     </p>
                     <a href="#" class="inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-primary-500 hover:bg-primary-600 transition-all duration-300">
                         <i data-feather="calendar" class="mr-2"></i>
-                        Book Your Free Call Now
-                    </a>
                 </div>
                 <div class="flex flex-col sm:flex-row justify-center gap-4 mt-8">
                     <a href="#" class="inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-primary-700 bg-primary-100 hover:bg-primary-200 transition-all duration-300">
                         <i data-feather="arrow-left" class="mr-2"></i>
-                        Back to Home
                     </a>
                     <a href="#" class="inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-gray-700 bg-gray-100 hover:bg-gray-200 transition-all duration-300">
                         <i data-feather="help-circle" class="mr-2"></i>
-                        Frequently Asked Questions
-                    </a>
                 </div>
             </div>
             <div class="mt-12 text-center text-gray-500 text-sm">
-                <p>Didn't receive our confirmation email? Check your spam folder or <a href="#" class="text-primary-600 hover:text-primary-700">contact support</a>.</p>
-            </div>
         </div>
     </div>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Danke | WebWizard Analyse</title>
+<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://unpkg.com/feather-icons"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
                 <div class="mx-auto flex items-center justify-center h-16 w-16 rounded-full bg-green-100 mb-6">
                     <i data-feather="check" class="h-8 w-8 text-green-600"></i>
                 </div>
+                <h1 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Perfekt! Ihre Analyse ist unterwegs</h1>
                 <p class="text-lg text-gray-600 mb-8">
+                    Wir überprüfen jetzt Ihre Website und melden uns bald mit einer persönlichen Bewertung. Prüfen Sie Ihren Posteingang auf eine Bestätigungs-E-Mail.
+</p>
                 <div class="bg-blue-50 rounded-lg p-6 mb-8">
+                    <h3 class="text-lg font-medium text-blue-800 mb-4">Schnellere Ergebnisse?</h3>
                     <p class="text-blue-700 mb-4">
+                        Vereinbaren Sie ein kostenloses 30-minütiges Beratungsgespräch, um Ihre Analyseergebnisse direkt mit unserem Experten zu besprechen.
                     </p>
                     <a href="#" class="inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-primary-500 hover:bg-primary-600 transition-all duration-300">
                         <i data-feather="calendar" class="mr-2"></i>
+                        Jetzt kostenlosen Termin buchen
+</a>
                 </div>
                 <div class="flex flex-col sm:flex-row justify-center gap-4 mt-8">
                     <a href="#" class="inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-primary-700 bg-primary-100 hover:bg-primary-200 transition-all duration-300">
                         <i data-feather="arrow-left" class="mr-2"></i>
+                        Zurück zur Startseite
                     </a>
                     <a href="#" class="inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-gray-700 bg-gray-100 hover:bg-gray-200 transition-all duration-300">
                         <i data-feather="help-circle" class="mr-2"></i>
+                        Häufige Fragen
+</a>
                 </div>
             </div>
             <div class="mt-12 text-center text-gray-500 text-sm">
+                <p>Keine Bestätigungs-E-Mail erhalten? Prüfen Sie Ihren Spam-Ordner oder <a href="#" class="text-primary-600 hover:text-primary-700">kontaktieren Sie unseren Support</a>.</p>
+</div>
         </div>
     </div>