Update README.md to reflect project structure changes and new features: Renamed project directory, added PHP file extensions, included new legal pages (Impressum, Datenschutz, AGB), and updated installation instructions for PHP dependencies and email configuration. Enhanced contact form details with server-side validation and SMTP email functionality.

README.md

@@ -7,9 +7,11 @@ Eine moderne und umfangreiche Website für das Hosting-Unternehmen HexaHost.de a
 - **Moderne Glasmorphism-Optik** mit lila/violetten Farbschema
 - **Responsive Design** für alle Geräte
 - **Vollständige Produktpräsentation** für alle Hosting-Lösungen
-- **Interaktive Kontaktformulare** mit Validierung
+- **Interaktive Kontaktformulare** mit E-Mail-Versand
 - **SEO-optimiert** mit Meta-Tags, Sitemap und robots.txt
 - **Accessibility-Features** für bessere Nutzbarkeit
+- **Cookie-Consent-Banner** DSGVO-konform
+- **Rechtliche Seiten** (Impressum, Datenschutz, AGB)
 
 ## 📦 Produkte
 
@@ -38,9 +40,11 @@ Eine moderne und umfangreiche Website für das Hosting-Unternehmen HexaHost.de a
 
 ## 🛠️ Technologie-Stack
 
+- **PHP 8.x** - Backend-Verarbeitung
 - **HTML5** - Semantisches Markup
 - **CSS3** - Moderne Styles mit Custom Properties
 - **Vanilla JavaScript** - Keine Framework-Dependencies
+- **PHPMailer** - E-Mail-Versand via SMTP
 - **Glassmorphism Design** - Moderne Glaseffekte
 - **CSS Grid & Flexbox** - Responsive Layouts
 - **Inter Font** - Moderne Typografie
@@ -48,25 +52,49 @@ Eine moderne und umfangreiche Website für das Hosting-Unternehmen HexaHost.de a
 ## 📁 Projektstruktur
 
 ```
-HexaHost/
+HexaHost-Website/
-├── public/
+├── public/                     # Webroot
-│   ├── index.html              # Startseite
+│   ├── index.php               # Startseite
-│   ├── vpc.html                # Virtual Private Container
+│   ├── vpc.php                 # Virtual Private Container
-│   ├── vps.html                # Virtual Private Server
+│   ├── vps.php                 # Virtual Private Server
-│   ├── mail-gateway.html       # Mail Gateway
+│   ├── mail-gateway.php        # Mail Gateway
-│   ├── webhosting.html         # Webhosting
+│   ├── webhosting.php          # Webhosting
-│   ├── about.html              # Über uns
+│   ├── about.php               # Über uns
-│   ├── contact.html            # Kontakt
+│   ├── contact.php             # Kontaktseite
+│   ├── contact-handler.php     # Kontaktformular-Backend
+│   ├── impressum.php           # Impressum
+│   ├── datenschutz.php         # Datenschutzerklärung
+│   ├── agb.php                 # Allgemeine Geschäftsbedingungen
+│   ├── 404.php                 # Fehlerseite 404
+│   ├── 500.php                 # Fehlerseite 500
 │   ├── robots.txt              # SEO Robots
 │   ├── sitemap.xml             # SEO Sitemap
 │   ├── favicon.svg             # Website Icon
+│   ├── .htaccess               # Apache Konfiguration
+│   ├── composer.json           # PHP Dependencies
+│   ├── config/
+│   │   ├── config.php          # Allgemeine Konfiguration
+│   │   └── mail-config.php     # E-Mail-Konfiguration
+│   ├── includes/
+│   │   ├── header.php          # Header-Template
+│   │   ├── footer.php          # Footer-Template
+│   │   └── functions.php       # Hilfsfunktionen
 │   └── assets/
 │       ├── css/
 │       │   └── style.css       # Hauptstyles
 │       └── js/
 │           ├── main.js         # Haupt-JavaScript
-│           └── contact.js      # Kontaktformular-Logik
+│           ├── contact.js      # Kontaktformular-Logik
-├── .cursorrules                # Entwicklungsrichtlinien
+│           └── cookie-consent.js # Cookie-Banner
+├── docs/                       # Dokumentation
+│   ├── KONTAKTFORMULAR-STATUS.md
+│   ├── README-EMAIL-SETUP.md
+│   ├── README-OPTIMIZATION.md
+│   └── README-STRUCTURE.md
+├── scripts/
+│   └── test-email.php          # E-Mail-Test-Script
+├── .github/
+│   └── ISSUE_TEMPLATE/         # GitHub Issue Templates
 ├── .gitignore                  # Git Ignore Rules
 └── README.md                   # Diese Datei
 ```
@@ -93,29 +121,57 @@ HexaHost/
 
 ## 🚀 Installation & Verwendung
 
+### Voraussetzungen
+- PHP 8.0 oder höher
+- Composer (für PHPMailer)
+- Apache mit mod_rewrite (für .htaccess)
+
+### Installation
+
 1. **Repository klonen**
    ```bash
    git clone <repository-url>
-   cd HexaHost
+   cd HexaHost-Website
    ```
 
-2. **Lokaler Development Server**
+2. **PHP Dependencies installieren**
    ```bash
-   # Mit Python
+   cd public
-   python -m http.server 8000
+   composer install
+   ```
 
-   # Mit Node.js
+3. **Konfiguration anpassen**
-   npx serve public
+   ```bash
+   cp public/config/mail-config.php.example public/config/mail-config.php
+   # Dann mail-config.php mit SMTP-Daten bearbeiten
+   ```
 
-   # Mit PHP
+4. **Lokaler Development Server**
+   ```bash
    php -S localhost:8000 -t public
    ```
 
-3. **Website öffnen**
+5. **Website öffnen**
    ```
    http://localhost:8000
    ```
 
+### Produktion
+Für den Produktivbetrieb `public/` als Webroot konfigurieren.
+
+## 📧 E-Mail-Konfiguration
+
+Die E-Mail-Funktionalität benötigt eine SMTP-Konfiguration in `public/config/mail-config.php`:
+
+```php
+define('SMTP_HOST', 'mail.example.com');
+define('SMTP_PORT', 587);
+define('SMTP_USER', 'noreply@hexahost.de');
+define('SMTP_PASS', 'your-password');
+```
+
+Siehe `docs/README-EMAIL-SETUP.md` für detaillierte Anweisungen.
+
 ## 📱 Responsive Breakpoints
 
 - **Desktop**: > 768px
@@ -137,16 +193,21 @@ HexaHost/
 - Call-to-Action Buttons
 
 ### Kontaktformular
-- Validierung in Echtzeit
+- Server-seitige Validierung
+- E-Mail-Versand via SMTP
+- CSRF-Schutz
 - Auto-Fill basierend auf URL-Parametern
 - FAQ-Sektion mit Accordion
-- Multiple Kontaktoptionen
 
-### Interaktivität
+### Rechtliche Seiten
-- Hover-Effekte auf Karten
+- Vollständiges Impressum
-- Parallax Hero-Section
+- DSGVO-konforme Datenschutzerklärung
-- Smooth Animations
+- Allgemeine Geschäftsbedingungen
-- Loading States
+- Cookie-Consent-Banner
+
+### Fehlerseiten
+- Individuelle 404-Seite
+- Individuelle 500-Seite
 
 ## 🔧 Anpassungen
 
@@ -163,7 +224,7 @@ CSS Custom Properties in `:root` anpassen:
 ```
 
 ### Inhalte anpassen
-Texte und Preise direkt in den HTML-Dateien ändern.
+Texte und Preise direkt in den PHP-Dateien ändern.
 
 ### Neue Pakete hinzufügen
 Paket-Cards in den entsprechenden Produktseiten duplizieren und anpassen.
@@ -175,6 +236,7 @@ Paket-Cards in den entsprechenden Produktseiten duplizieren und anpassen.
 - **Optimierte Bilder** (SVG Icons)
 - **Lazy Loading** für Bilder
 - **Minifizierte Assets** (optional)
+- **robots.txt** und **sitemap.xml**
 
 ## 🌐 Browser-Unterstützung