Schnappix-Web ist die Landing-Page und Informationsseite für die Schnappix Photobooth App. Sie präsentiert die Features der App, beantwortet häufig gestellte Fragen (FAQ), bietet Kontakt- und Feedbackmöglichkeiten und stellt die rechtlichen Informationen (Impressum & Datenschutz) bereit.

Features

Responsive Design: Optimiert für alle Bildschirmgrößen (Desktop, Tablet, Mobile).
Moderne UI/UX: Neon-Synthwave Ästhetik passend zur Schnappix App, mit fließenden Übergängen (View Transition API) und Micro-Animations.
Seiten:
- index.html: Startseite mit App-Vorstellung
- features.html: Detaillierte Übersicht aller App-Funktionen
- faq.html: Häufig gestellte Fragen und Antworten
- feedback.html: Formular für Nutzerfeedback
- impressum.html & datenschutz.html: Rechtliche Seiten

Tech Stack

Struktur: Vanilla HTML5
Styling: Vanilla CSS3 (style.css), CSS Custom Properties (Variablen), View Transitions
Logik: Vanilla JavaScript (app.js)
Schriften: Google Fonts (Outfit für Überschriften, Inter für Fließtext)

Getting Started

Da es sich um ein reines Frontend-Projekt ohne Build-System oder Framework handelt, ist das Setup extrem einfach:

Repository klonen:

git clone <repository-url>
cd Schnappix-Web

Öffnen der Dateien:
- Du kannst die index.html direkt in deinem Browser öffnen.
- Für die beste Erfahrung empfiehlt sich ein lokaler Webserver (z. B. VS Code Extension "Live Server").

Design Theme

Das Design greift die neon-synthwave Ästhetik der Haupt-App auf:

Hintergrund: Tiefes Dunkelblau/Schwarz (#050510)
Primärfarbe: Neon Magenta (#ff2bd6)
Akzentfarbe: Neon Cyan (#28dfff)
Effekte: Neon-Schatten (box-shadow), Glassmorphismus-Elemente (backdrop-filter)