Этот проект представляет собой лендинг-пейдж для роскошной парфюмерии под названием “Aurelian Noir Essence”.

# Назначение и применение:

Это одностраничный роскошный виртуальный магазин для вымышленного бренда Aurelian — мастерской нишевой парфюмерии, базирующейся в Грасе, Франция.

# Основные цели:

✓ Продемонстрировать бренд высшего класса с глубокой эстетикой Noir (темная, кинематографичная, шампанское золото + нежные акценты розового)

✓ Представить коллекцию фирменных ароматов

✓ Позволить пользователям добавлять товары в корзину (выдвижной Кошелек)

✓ Обеспечить увлекательные интерактивные впечатления (Быстрый Просмотр, Викторина по ароматам, Пирамида ароматов и т. д.)

Нет реального бэкенда, платежной системы, учетных записей пользователей или базы данных. Всё работает на стороне клиента какpolished demo/landing page. Проект был создан с Lovable.dev.

# Разделы страницы (по порядку):

1. Прикрепленная навигация – Логотип, меню, иконка корзины с количеством, кнопка «Shop Now»

2. Хиро – кинематографичное полноэкраное изображение + заголовок «The Essence of Nobility»

3. История бренда – История ателье в Грасе

4. Фирменная коллекция – Четыре аромата с Быстрым Просмотром и Добавлением в корзину

5. Демонстрация ингредиентов – Горизонтальная галерея сырья

6. Пирамида ароматов – Интерактивная золотая линейная пирамида нот

7. Отзывы – Карусель коллекционеров

8. Викторина по ароматам – 3 вопроса визуальной викторины, которая рекомендует аромат

9. Новости–рассылка – форма «Присоединиться к внутреннему кругу»

10. Подвал

# Технологии, фреймворки и библиотеки:

Основа: React 19 + TypeScript

Маршрутизация и SSR: TanStack Router + TanStack Start

Сборка: Vite 8

Менеджер пакетов: Bun

Стили: Tailwind CSS v4 + tw-animate-css

UI: shadcn/ui (стиль Нью-Йорк) + Radix UI

Иконки: Lucide React

Карусель: Embla Carousel

Формы: React Hook Form + Zod

Состояние: TanStack React Query

Утилиты: clsx + tailwind-merge + class-variance-authority

Шрифты: Cormorant Garamond + Inter

# Для кого подходит этот проект?

✓ UI/UX-дизайнеры и фронтенд-разработчики, ищущие премиальный, отполированный образец портфолио

✓ Роскошные бренды парфюмерии и косметики, ищущие красивую интерактивную лендинг-страницу

✓ Стартапы в сфере eCommerce, которым нужен современный готовый шаблон для старта

✓ Студенты и фрилансеры, желающие попрактиковаться или продемонстрировать стек React + TanStack + Tailwind + shadcn

✓ Цифровые агентства, создающие демо для клиентов высокой моды, красоты или образа жизни

✓ Любой, кто хочет использовать это как MVP или фундамент для реального онлайн-магазина ароматов

# Дорожная карта – путь к завершению проекта

Текущий проект уже представляет собой весьма законченный демо-лендинг. Чтобы тур