Initial commit: Luftglanz drone website with integrated AI chat assistant

Features: - Complete Luftglanz drone cleaning website - AI chat assistant integrated with OpenAI API - Expert product advice for AGO Quart and Mellerud cleaning products - Formal German language support (Sie form) - Secure PHP backend for API calls - Responsive design with mobile support - Product-specific knowledge base - Safety statements from manufacturers - Multi-page integration (index, products, services, contact) Technical components: - AI chat widget (js/ai-chat.js) - Chat styling (css/components/ai-chat.css) - Backend API (ai-chat-api.php) - Product knowledge base with detailed specifications - Demo and documentation files
2025-07-08 11:54:37 +02:00
commit ac7088c5ca
72 changed files with 7936 additions and 0 deletions
--- a/pages/products-debug.html
+++ b/pages/products-debug.html
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Products Debug - Luftglanz</title>
+    <style>
+        /* Minimal styling to ensure visibility */
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 0;
+            background-color: #f0f0f0;
+        }
+        
+        .debug-info {
+            position: fixed;
+            top: 0;
+            left: 0;
+            background-color: red;
+            color: white;
+            padding: 10px;
+            z-index: 9999;
+            font-weight: bold;
+        }
+        
+        header {
+            background-color: #e8e9ea;
+            padding: 20px;
+            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+        }
+        
+        .logo-img {
+            height: 40px;
+            margin-right: 10px;
+        }
+        
+        main {
+            padding: 20px;
+            margin-top: 20px;
+            background-color: white;
+        }
+        
+        .product-card {
+            border: 1px solid #ddd;
+            padding: 15px;
+            margin-bottom: 20px;
+            background-color: white;
+        }
+    </style>
+</head>
+<body>
+    <div class="debug-info">DEBUG MODE</div>
+    
+    <header>
+        <div class="logo">
+            <img src="../images/favicon_logo.png" alt="Luftglanz Logo" class="logo-img">
+            <h1>Luftglanz</h1>
+        </div>
+    </header>
+    
+    <main>
+        <h2>Products (Debug Version)</h2>
+        
+        <div class="product-card">
+            <h3>AGO Quart Grünbelagentferner</h3>
+            <p>Test product description to verify content visibility</p>
+            <p><strong>Price:</strong> 24,90 €</p>
+            <a href="https://www.agoshop.de/gruenbelagentferner/ago-quart/" target="_blank">View on Manufacturer's Site</a>
+        </div>
+        
+        <div class="product-card">
+            <h3>AGO Quart 5 Liter</h3>
+            <p>Test product description to verify content visibility</p>
+            <p><strong>Price:</strong> 99,90 €</p>
+            <a href="https://www.agoshop.de/gruenbelagentferner/ago-quart-5-liter/" target="_blank">View on Manufacturer's Site</a>
+        </div>
+    </main>
+    
+    <script>
+        // Display debugging information
+        document.addEventListener('DOMContentLoaded', function() {
+            console.log('Debug page loaded');
+            
+            // Check if elements are visible
+            const header = document.querySelector('header');
+            const main = document.querySelector('main');
+            
+            console.log('Header visible:', header.offsetHeight > 0);
+            console.log('Main visible:', main.offsetHeight > 0);
+            
+            // Add a timestamp to verify the page is current
+            const debugInfo = document.querySelector('.debug-info');
+            debugInfo.textContent += ' - ' + new Date().toLocaleTimeString();
+        });
+    </script>
+</body>
+</html>