سایت نرم‌افزار

صفحه‌ها

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

• خانه/HomePage · home.tsx
• امکانات/featuresFeaturesPage · features.tsx
• قیمت/pricingPricingPage · pricing.tsx
• وبلاگ/blogBlogPage · blog.tsx
• ورود/loginLoginPage · login.tsx

نصب

1. با CLI

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

   $ npx vibefarsi add saas-site

2. نصب دستی

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

   • components/sites/saas-site/shell.tsx
   • components/sites/saas-site/home.tsx
   • components/sites/saas-site/features.tsx
   • components/sites/saas-site/pricing.tsx
   • components/sites/saas-site/blog.tsx
   • components/sites/saas-site/login.tsx
   • app/page.tsx
   • app/features/page.tsx
   • app/pricing/page.tsx
   • app/blog/page.tsx
   • app/login/page.tsx

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

   • 
   • 
   • 
   • 
   registry json

ساخته‌شده از