Dieses Projekt ist eine Luxus-Parfum-E-Commerce-Landing-Page namens “Aurelian Noir Essence”.

# Zweck und Anwendung:

Es handelt sich um eine einzelne Seite, luxuriösen virtuellen Storefront für die fiktive Marke Aurelian — ein Handwerk-Nischenparfümhaus mit Sitz in Grasse, Frankreich.

# Hauptziele:

✓ Darstellung einer anspruchsvollen Marke mit tiefem Noir-Ästhetik (dunkel, kinematisch, Champagner-Gold + weiche Rosenakzente)

✓ Präsentation der Signatur-Parfümkollektion

✓ Ermöglicht Benutzern das Hinzufügen von Artikeln zum Warenkorb (Cart Drawer)

✓ Bereitstellung fesselnder interaktiver Erlebnisse (Schnellansicht, Duft-Quiz, Duftpyramide usw.)

Es gibt kein echtes Backend, kein Bezahlsystem, keine Benutzerkonten oder Datenbank. Alles läuft clientseitig als polierte Demo/Landing-Page. Das Projekt wurde mit Lovable.dev erstellt.

# Seitenabschnitte (in Reihenfolge):

1. Sticky Navigation – Logo, Menü, Warenkorb-Symbol mit Zähler, „Shop Now“-Schaltfläche

2. Hero – Cinematisches Vollbildbild + Überschrift „The Essence of Nobility“

3. Brand Story – Geschichte des Grasse-Ateliers

4. Signaturkollektion – Vier Parfums mit Schnellansicht und In den Warenkorb

5. Inhaltsstoff-Showcase – Horizontal scrollende Galerie roher Materialien

6. Duftpyramide – Interaktive goldene Linien-Pyramide der Noten

7. Testimonials – Karussell mit Sammlerbewertungen

8. Duft-Quiz – 3-Frage visuelles Quiz, das einen Duft empfiehlt

9. Newsletter – Formular „Join the Inner Circle“

10. Footer

# Technologien, Frameworks & Bibliotheken:

Kerntech: React 19 + TypeScript

Routing & SSR: TanStack Router + TanStack Start

Build: Vite 8

Paketmanager: Bun

Styling: Tailwind CSS v4 + tw-animate-css

UI: shadcn/ui (New York-Stil) + Radix UI

Icons: Lucide React

Karussell: Embla Carousel

Formulare: React Hook Form + Zod

State: TanStack React Query

Utilities: clsx + tailwind-merge + class-variance-authority

Schriften: Cormorant Garamond + Inter

# Für wen dieses Projekt geeignet ist?

✓ UI/UX-Designer und Frontend-Entwickler, die ein Premium-Portfolio-Stück wünschen

✓ Luxus-Parfum- und Kosmetikmarken, die eine schöne interaktive Landing Page suchen

✓ E-Commerce-Startups, die eine moderne, fertige Vorlage zum Einstieg benötigen

✓ Studenten und Freelancer, die das moderne React + TanStack + Tailwind + shadcn-Stack üben oder präsentieren möchten

✓ Digitale Agenturen, die Demos für High-End-Mode-, Beauty- oder Lifestyle-Kunden erstellen

✓ Jeder, der dies als MVP oder Grundlage für einen echten Parfum-Onlineshop verwenden möchte

# Roadmap – Weg zur Fertigstellung des Projekts

Das aktuelle Projekt ist bereits eine hoch vollständige Demo-Landingpage. Um tur