diff --git a/README.md b/README.md index 1887f6d..b6f22e0 100644 --- a/README.md +++ b/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/ -├── public/ -│ ├── index.html # Startseite -│ ├── vpc.html # Virtual Private Container -│ ├── vps.html # Virtual Private Server -│ ├── mail-gateway.html # Mail Gateway -│ ├── webhosting.html # Webhosting -│ ├── about.html # Über uns -│ ├── contact.html # Kontakt +HexaHost-Website/ +├── public/ # Webroot +│ ├── index.php # Startseite +│ ├── vpc.php # Virtual Private Container +│ ├── vps.php # Virtual Private Server +│ ├── mail-gateway.php # Mail Gateway +│ ├── webhosting.php # Webhosting +│ ├── about.php # Über uns +│ ├── 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 -├── .cursorrules # Entwicklungsrichtlinien +│ ├── contact.js # Kontaktformular-Logik +│ └── 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 - cd HexaHost + cd HexaHost-Website ``` -2. **Lokaler Development Server** +2. **PHP Dependencies installieren** + ```bash + cd public + composer install + ``` + +3. **Konfiguration anpassen** + ```bash + cp public/config/mail-config.php.example public/config/mail-config.php + # Dann mail-config.php mit SMTP-Daten bearbeiten + ``` + +4. **Lokaler Development Server** ```bash - # Mit Python - python -m http.server 8000 - - # Mit Node.js - npx serve public - - # Mit PHP 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 -- Hover-Effekte auf Karten -- Parallax Hero-Section -- Smooth Animations -- Loading States +### Rechtliche Seiten +- Vollständiges Impressum +- DSGVO-konforme Datenschutzerklärung +- Allgemeine Geschäftsbedingungen +- 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 @@ -193,4 +255,4 @@ Für Verbesserungsvorschläge oder Bug-Reports bitte ein Issue erstellen. --- -**HexaHost.de** - Zuverlässiges Hosting aus Niederbayern 🚀 \ No newline at end of file +**HexaHost.de** - Zuverlässiges Hosting aus Niederbayern 🚀