پابرگ

footerبلاک

پابرگ با ستون برند در راست، چند ستون لینک و خط کپی‌رایت با سال شمسی.

لندینگناوبری
تمام‌صفحه

نصب

  1. با CLI

    اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگی‌هاش را می‌نویسه.

    $ npx vibefarsi add footer
  2. نصب دستی

    محتوای تب «کد» را در 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/>

پراپ‌ها

پراپنوعپیش‌فرضتوضیح
sealsReactNode-جای نماد اعتماد، ساماندهی یا آیکون شبکه‌های اجتماعی.
copyrightstring-پیش‌فرض «© ۱۴۰۵ تمام حقوق محفوظ است.» با سال شمسی جاری.