FadeHub Hairdresser (One Page Site Projesi)

Bu proje, modern ve şık bir arayüze sahip, kullanıcı dostu bir tek sayfalık web sitesini kapsamaktadır. Site, hem berberler hem de mağazalar için uygun bir çözüm sunar ve aşağıdaki özelliklere sahiptir:

Özellikler

• Görsel Sunumu: Berber ve mağaza hakkında yüksek kaliteli görsellerle kullanıcı deneyimini zenginleştiren görsel alanlar.
• Hizmetler: Detaylı hizmetler bölümü, sunulan hizmetlerin kapsamını net bir şekilde ifade eder.
• Fiyat Bilgileri: Şeffaf fiyat bilgileri, müşterilerin maliyetleri kolayca görebilmesini sağlar.
• İletişim Formu: Kullanıcıların kolayca iletişim kurabilmesi için basit ve etkili bir iletişim formu.
• Konum Bilgisi: Iframe ile yerleştirilmiş harita, fiziksel konumu gösterir.
• Randevu Sistemi: Kullanıcıların hızlı bir şekilde randevu oluşturabilmelerini sağlayan entegre randevu sistemi.
• Tawk.to Entegrasyonu: Gerçek zamanlı müşteri destek hizmeti sunan Tawk.to sohbet özelliği.

Teknolojiler

• HTML: Yapısal HTML ile sayfa içeriği düzenlenmiştir.
• CSS & SCSS: Şık ve modern bir görünüm için SCSS kullanılmıştır. Gerekli paketler yüklenmiştir.
• Bootstrap: Mobil uyumlu tasarım için Bootstrap kütüphanesi kullanılmıştır.
• JavaScript: Dinamik özellikler ve etkileşimler için JavaScript kullanılmıştır.

Kurulum

1. Klonlama: Bu projeyi yerel makinenize klonlayın.
   
   

   git clone https://github.com/omercikan/fadehub-hairdresser.git

2. Gerekli Paketleri Yükleme: Proje dizininde gerekli paketleri yükleyin.
   
   

   npm install

3. Geliştirme Sunucusu: Geliştirme sunucusunu başlatın.
   
   

   npm start

Projeden Görüntüler

Ana sayfa giriş ekranı

Hizmetler Alanı

Fiyat Detaylar Alanı

Galeri Alanı

Mağaza Detayı 'ACCORDION' Alanı

Müşteri Yorum Alanı

Randevu Formu & İletişim Bilgileri

'FOOTER' Alanı

CANLI DEMO LINK: https://fadehub.netlify.app/