پابرگ
footerبلاکپابرگ با ستون برند در راست، چند ستون لینک و خط کپیرایت با سال شمسی.
لندینگناوبری
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add footerنصب دستی
محتوای تب «کد» را در
components/blocks/footer.tsxبگذارید.$ npm i lucide-reactکپی کل فایلregistry json
ساختهشده از
استفاده
usage.tsx
1import { FooterBlock } from "@/components/blocks/footer"23<FooterBlock4 logo="دکان"5 description="فروشگاهساز فارسی برای کسبوکارهای کوچک."6 columns={[{ title: "محصول", links: [{ label: "قیمت", href: "/pricing" }] }, { title: "شرکت", links: [{ label: "دربارهی ما", href: "/about" }] }]}7 seals={<img src="/enamad.png" alt="نماد اعتماد الکترونیکی" width={64} height={64} />}8/>پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| seals | ReactNode | - | جای نماد اعتماد، ساماندهی یا آیکون شبکههای اجتماعی. |
| copyright | string | - | پیشفرض «© ۱۴۰۵ تمام حقوق محفوظ است.» با سال شمسی جاری. |