SaaSify 🚀

SaaSify is a sleek and high-converting SaaS landing page template, built to showcase your product, attract leads, and drive conversions. With responsive layouts, modern components, and beautiful UI elements — it’s your go-to starter for any SaaS business.

🌐 Live Preview: nesters-saas-landing-page.vercel.app

---

🚀 Features

• Hero Section: Capture attention instantly with a bold, modern hero design.
• Features Grid: Highlight your core selling points with icons and descriptions.
• Pricing Plans: Display flexible pricing models clearly.
• Testimonials: Build trust with customer feedback.
• Responsive Design: Looks perfect on all screen sizes.
• Dark Mode: Seamless theme switching built-in.
• CTA Sections: Strong, reusable calls to action throughout.

---

🛠️ Tech Stack

• Framework: Next.js 15.2.4
• Language: TypeScript
• Styling: Tailwind CSS 3.4.17, tailwindcss-animate
• UI Components: Radix UI, Lucide React, Sonner
• Animations: Framer Motion
• Forms: React Hook Form, Zod, @hookform/resolvers
• Theme Management: next-themes
• Carousel: Embla Carousel
• Utilities: clsx, class-variance-authority, tailwind-merge

---

📦 Installation

1. Clone the repository:

   git clone https://github.com/codedpro/SaaSify.git
   cd SaaSify

2. Install dependencies:

   npm install
   # or
   yarn install

3. Run the development server:

   npm run dev
   # or
   yarn dev

   Open http://localhost:3000 in your browser.

---

📁 Project Structure

├── components/        # Reusable UI components
├── pages/             # Next.js pages
├── public/            # Static assets
├── styles/            # Global styles and Tailwind configurations
├── utils/             # Utility functions
├── types/             # TypeScript type definitions
├── package.json       # Project metadata and scripts
└── tailwind.config.js # Tailwind CSS configuration

---

🧪 Scripts

• npm run dev – Start the development server
• npm run build – Build for production
• npm run start – Start the production server
• npm run lint – Run ESLint to analyze code quality

---

🙌 Acknowledgments

• Radix UI – Headless UI components
• Tailwind CSS – Utility-first styling
• Framer Motion – Smooth animations
• Lucide Icons – Beautiful icon system
• Zod – Schema validation
• React Hook Form – Form state management