Shadcn/Svelte Landing Page Template

This is a project conversion from Shadcn-Vue to SvelteKit

Shadcn-Svelte + SvelteKit + TypeScript + Tailwind.

Live demo is now available: Live Demo

Sections

• [x] Navbar
• [x] Sidebar(mobile)
• [x] Hero
• [x] Sponsors
• [x] Benefits
• [x] Features
• [x] Services
• [x] HowItWorks
• [x] Testimonials
• [x] Pricing
• [x] Frequently Asked Questions(FAQ)
• [x] Team
• [x] Community
• [x] Contact
• [x] Footer

Features

• [x] Fully Responsive Design
• [x] User Friendly Navigation
• [x] Dark Mode
• [x] Meta tags

How to install

1. Clone this repository:

git clone https://github.com/zxce3/shadcn-sveltekit-landing-page.git

2. Go into project

cd shadcn-sveltekit-landing-page

3. Install dependencies

npm install
# or
pnpm install
# or
yarn install

4. Run development server

npm run dev
# or
pnpm dev
# or
yarn dev

5. Open your browser and visit http://localhost:5173

Building for Production

To create a production version of your app:

npm run build

You can preview the production build with:

npm run preview

To deploy your app, you may need to install an adapter for your target environment.