استودیو طراحی

صفحه‌ها

این سایت ۵ صفحه داره که همه از یک پوسته‌ی مشترک استفاده می‌کنن، پس هدر، منوی موبایل و فوتر فقط یک جا نوشته شدن. روی هر صفحه بزنید تا تمام‌صفحه باز بشه.

• خانه/HomePage · home.tsx
• نمونه‌کارها/workWorkPage · work.tsx
• خدمات/servicesServicesPage · services.tsx
• درباره‌ی ما/aboutAboutPage · about.tsx
• شروع پروژه/contactContactPage · contact.tsx

نصب

1. با CLI

   این دستور همه‌ی فایل‌های سایت را در components/sites/agency-site می‌نویسه، برای هر صفحه یک route در app/ می‌سازه، ۴ عکسش را در public/sites/agency-site دانلود می‌کنه و کامپوننت‌هایی که لازم داره را هم نصب می‌کنه. اگر از قبل app/page.tsx دارید، CLI روش نمی‌نویسه مگر اینکه --overwrite بدید.

   $ npx vibefarsi add agency-site

2. نصب دستی

   هر فایل تب «کد» را در همون مسیری بگذارید که اسمش نشون میده. کامپوننت‌های پایین‌تر در «ساخته‌شده از» را هم جداگانه اضافه کنید.

   • components/sites/agency-site/shell.tsx
   • components/sites/agency-site/home.tsx
   • components/sites/agency-site/work.tsx
   • components/sites/agency-site/services.tsx
   • components/sites/agency-site/about.tsx
   • components/sites/agency-site/contact.tsx
   • app/page.tsx
   • app/work/page.tsx
   • app/services/page.tsx
   • app/about/page.tsx
   • app/contact/page.tsx

   عکس‌ها با هوش مصنوعی ساخته شدن و استفاده ازشون آزاده. هر کدوم را دانلود کنید و در همون مسیر بگذارید، یا عکس‌های خودتون را با همین اسم‌ها جایگزین کنید.

   • 
   • 
   • 
   • 
   registry json

ساخته‌شده از