🚀 Shadcn/ui landing

A modern, fast, and user-friendly landing page built with cutting-edge frontend technologies. Perfect for developers who want to kickstart their projects with a solid foundation.

🌐 Live Demo

Check out the live demo: View Demo

✨ Features

• 📱 Responsive Design - Works seamlessly on desktop, tablet, and mobile
• 🎨 Modern UI/UX - Clean and intuitive interface with smooth animations
• ⚡ Lightning Fast - Optimized for speed with Next.js
• 🎯 Type-Safe - Built with TypeScript for better development experience
• 🎨 Beautiful Components - Pre-built components from shadcn/ui

🛠️ Installation

1. Clone the repository:

git clone https://github.com/anibalalpizar/nextjs-shadcn-landing.git

2. Install dependencies:

cd nextjs-shadcn-landing
npm install

🚀 Usage

Start the development server:

npm run dev

Build for production:

npm run build

💻 Code Examples

Component Usage

import { Button } from "@/components/ui/button"
import { Card } from "@/components/ui/card"

function HeroSection() {
  return (
    <Card className="p-6">
      <h1 className="text-3xl font-bold">Welcome to Our Landing Page</h1>
      <p className="mt-2 text-gray-600">Start building something amazing!</p>
      <Button className="mt-4">Get Started</Button>
    </Card>
  )
}

🛠️ Tech Stack

Our landing page is built with modern frontend technologies:

• - React framework for production
• - Type-safe JavaScript
• - Utility-first CSS framework
• - Re-usable components

📊 Project Structure

.
├── src/
│   ├── app/
│   │   ├── fonts/           # Font configurations
│   │   ├── sections/        # Page sections components
│   │   │   ├── Faq.tsx
│   │   │   └── Testimonials.tsx
│   │   ├── layout.tsx       # Root layout
│   ├── assets/              # Static assets
│   ├── components/
│   │   ├── ui/             # shadcn/ui components
│   │   │   └── dropdown-menu.tsx
│   │   └── theme-provider.tsx
│   ├── lib/               # Utility functions
│   └── types/             # TypeScript type definitions

🤝 Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

---

⭐️ If you found this project helpful, please give it a star!