اقامتگاه بومگردی
lodge-siteسایت کاملسایت کامل یک اقامتگاه بومگردی کویری با اتاقها و امکانات، تجربهها و تورها، رزرو با بازهی تاریخ شمسی و محاسبهی هزینهی شبها.
صفحهها
این سایت ۵ صفحه داره که همه از یک پوستهی مشترک استفاده میکنن، پس هدر، منوی موبایل و فوتر فقط یک جا نوشته شدن. روی هر صفحه بزنید تا تمامصفحه باز بشه.
نصب
با CLI
این دستور همهی فایلهای سایت را در
components/sites/lodge-siteمینویسه، برای هر صفحه یک route درapp/میسازه، ۱۱ عکسش را درpublic/sites/lodge-siteدانلود میکنه و کامپوننتهایی که لازم داره را هم نصب میکنه. اگر از قبلapp/page.tsxدارید، CLI روش نمینویسه مگر اینکه--overwriteبدید.$ npx vibefarsi add lodge-siteنصب دستی
هر فایل تب «کد» را در همون مسیری بگذارید که اسمش نشون میده. کامپوننتهای پایینتر در «ساختهشده از» را هم جداگانه اضافه کنید.
- components/sites/lodge-site/shell.tsx
- components/sites/lodge-site/home.tsx
- components/sites/lodge-site/rooms.tsx
- components/sites/lodge-site/experiences.tsx
- components/sites/lodge-site/book.tsx
- components/sites/lodge-site/about.tsx
- app/page.tsx
- app/rooms/page.tsx
- app/experiences/page.tsx
- app/book/page.tsx
- app/about/page.tsx
عکسها با هوش مصنوعی ساخته شدن و استفاده ازشون آزاده. هر کدوم را دانلود کنید و در همون مسیر بگذارید، یا عکسهای خودتون را با همین اسمها جایگزین کنید.
