Dieses Projekt ist eine luxuriöse Nischen-Perfume-E-Commerce-Landingpage namens „Aurelian Noir Essence“.

# Zweck und Anwendung:

Es handelt sich um eine einseitige, luxuriöse virtuelle Verkaufsfront für die fiktive Marke Aurelian — ein handwerkliches Nischen-Duftlabor mit Sitz in Grasse, Frankreich.

# Hauptziele:

✓ Eine hochwertige Marke mit einer tiefen Noir- Ästhetik präsentieren (dunkel, filmisch, Champagnergold + sanfte Rosé-Akzente)

✓ Die Signaturduftkollektion vorstellen

✓ Den Nutzern ermöglichen, Artikel zum Warenkorb hinzuzufügen (Warenkorb-Sidebar)

✓ Ansprechende interaktive Erlebnisse bieten (Schnellansicht, Duft-Quiz, Duft-Pyramide usw.)

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

# Seitenabschnitte (in Reihenfolge):

1. Stabilisierte Navigation – Logo, Menü, Warenkorb-Symbol mit Zähler, „Jetzt einkaufen“-Schaltfläche

2. Hero – Filmisches Vollbildbild + Überschrift „Die Essenz der Noblesse“

3. Markenstory – Geschichte des Grasse-Ateliers

4. Signaturkollektion – Vier Düfte mit Schnellsicht und In den Warenkorb

5. Zutatenausstellung – Horizontal scrollende Galerie roher Materialien

6. Duft-Pyramide – Interaktive goldene Linien-Pyramide der Noten

7. Testimonials – Karussell mit Sammlerbewertungen

8. Duft-Quiz – Visual 3-Fragen-Quiz, das einen Duft empfiehlt

9. Newsletter – Formular „Dem Inner Circle beitreten“

10. Footer

# Technologien, Frameworks & Bibliotheken:

Kerntechnologien: 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 Yorker Stil) + Radix UI

Symbole: Lucide React

Karussell: Embla Carousel

Formulare: React Hook Form + Zod

Zustand/State: TanStack React Query

Nützlichkeiten: clsx + tailwind-merge + class-variance-authority

Schriften: Cormorant Garamond + Inter

# Für wen ist dieses Projekt geeignet?

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

✓ Luxus-Parfüm- und Beauty-Marken, die eine schöne interaktive Landingpage suchen

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

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

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

✓ Jede/r, der dieses als MVP oder Grundlage für einen echten Online-Duftshop nutzen möchte

# Roadmap – Weg zur Fertigstellung des Projekts

Das aktuelle Projekt ist bereits eine hochfertige Demo-Landingpage. Um tur