drawer
drawer
ViennaBarber — Premium Barbershop Wien hero

نمونه پروژه

viennabarber.mabasian.dev

ViennaBarber — Premium Barbershop Wien screenshot 1
ViennaBarber — Premium Barbershop Wien screenshot 2
ViennaBarber — Premium Barbershop Wien screenshot 3

ViennaBarber — Premium Barbershop Wien

یک وب‌سایت دموی حرفه‌ای و آلمانی‌زبان برای یک آرایشگاه مردانه مدرن در وین — با ظاهری مردانه، لاکچری و تیره. به‌عنوان قالبی آمادهٔ فروش برای جذب مشتری (آرایشگاه‌های واقعی وین) ساخته شده؛ همراه با رابط رزرو آنلاین، لیست شفاف قیمت خدمات، پروفایل آرایشگران، گالری نمونه‌کارها و فید به سبک اینستاگرام.

توضیحات پروژه

ساخته‌شده با Next.js 14 App Router (تایپ‌اسکریپت، Tailwind CSS) و مستقرشده روی Vercel. یک سایت بازاریابیِ سرورساید و از پیش‌رندرشدهٔ استاتیک با ۱۲ بخش: هیرو، درباره ما، خدمات و قیمت‌ها، تیم، رزرو، گالری، نظرات، فید اینستاگرام، ساعات کاری، موقعیت مکانی، پرسش‌های متداول و فوتر. دارای سیستم ۵ تمی (Midnight Gold، Espresso Steel، Vienna Bronze، Graphite Luxe، Royal Burgundy) که صرفاً با متغیرهای CSS و توکن‌های طراحی پیاده شده و به‌صورت زنده از طریق یک سوئیچ تمِ شناورِ مخصوص ارائه (قابل‌حذف) تغییر می‌کند. سئوی قوی: Metadata API، اسکیمای JSON-LD از نوع HairSalon، کارت‌های Open Graph و Twitter، تصویر OG به سبک کارت ویزیت، robots.txt و sitemap.xml. موبایل‌محور با نوار رزرو چسبان، انیمیشن‌های ظاهرشونده هنگام اسکرول و افکت‌های شیشه‌ای، گرادیان و درخشش. تمام محتوا متمرکز است تا برای هر مشتری به‌سرعت سفارشی شود؛ فرم رزرو فقط رابط کاربری است و آمادهٔ اتصال به Fresha، Treatwell یا Calendly.

Next.js 14

React 18

TypeScript

Tailwind CSS

CSS-variable theming (5 themes)

App Router / Server Components

Static prerender

HairSalon JSON-LD

OG image generator

robots.txt + sitemap.xml

Vercel

UI/UX Design

Responsive Design (Mobile-first)