لندینگ حرفه‌ای

saas-landingقالب

لندینگ حرفه‌ای با تیتر ماسکی و ترمینال زنده، نوار مشتری‌ها، بنتوی ویژگی‌ها، پرتو اتصال بین سرویس‌ها، پشته‌ی نظرات و قیمت.

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

نصب

  1. با CLI

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

    $ npx vibefarsi add saas-landing
  2. نصب دستی

    محتوای تب «کد» را در components/templates/saas-landing.tsx بگذارید. پیش‌نیاز: button، badge، price، avatar، progress، grid، text-reveal، gradient-text، pulse-button، terminal، border-beam، marquee، spotlight-card، odometer، animated-beam، card-stack، highlight-text، sparkles، reveal.

    $ npm i lucide-react
    کپی کل فایلregistry json

ساخته‌شده از

استفاده

usage.tsx
1// app/saas-landing/page.tsx2import { SaasLanding } from "@/components/templates/saas-landing"34export default function Page() {5  return <SaasLanding />6}