Skip to content

IT-Kamianets/demchukdenys.com

Repository files navigation

Demchuk Denys - Меблі на замовлення

Сайт-візитка меблевої майстерні Demchuk Denys з Кам'янця-Подільського. Кухні, корпусні меблі та гардеробні системи преміум-класу.

Live: demchukdenys.itkamianets.com

Технології

  • Angular 21 - standalone components, lazy routing
  • Tailwind CSS 4 - utility-first стилі, dark mode
  • TypeScript 5.9
  • WebP - оптимізовані зображення

Функціонал

  • Адаптивний дизайн (mobile-first)
  • Dark / Light режим з збереженням у localStorage
  • Каталог продукції з пошуком та фільтрами
  • Портфоліо робіт з лайтбокс-галереєю
  • Секція відгуків клієнтів
  • Форма зворотного зв'язку
  • Плаваюча кнопка Telegram / Телефон
  • Кнопка "вгору"
  • Scroll-анімації при появі секцій
  • SEO: мета-теги, Open Graph

Структура

src/
  app/
    components/        # Перевикористовувані компоненти
      header/              Хедер з навігацією та перемикачем теми
      footer/              Футер з контактами та соцмережами
      hero/                Головний банер з пошуком
      portfolio/           Каруселька робіт
      services/            Сітка послуг
      articles/            Сітка статей
      advantages/          Переваги + статистика
      testimonials/        Відгуки клієнтів
      contact-form/        Форма зворотного зв'язку
      cta-banner/          CTA-банер
      lightbox/            Лайтбокс для фото
      theme-toggle/        Перемикач теми
      floating-contact/    Плаваюча кнопка зв'язку
      back-to-top/         Кнопка "вгору"
    pages/             # Сторінки (lazy-loaded)
      home/                Головна
      portfolios/          Список робіт
      portfolio-detail/    Деталі роботи
      products/            Каталог продукції
      product-detail/      Деталі продукту
      articles/            Список статей
      article-detail/      Деталі статті
      services/            Послуги
    directives/        # Директиви анімацій
  styles.css           # Глобальні стилі, Tailwind, dark mode
public/
  img/                 # Зображення (JPG + WebP)

Запуск

# Встановити залежності
npm install

# Запустити dev-сервер (http://localhost:4200)
npm start

# Зібрати production-білд
npm run build

Contributors