🚀 Modern Landing Page

A high-performance, feature-rich landing page built with cutting-edge technologies. Perfect for businesses and portfolios looking for a professional web presence.

✨ Key Features

• 🎨 Modern UI/UX

  • Fully responsive design that works on all devices
  • Beautiful animations powered by Framer Motion
  • Dark/Light theme support
  • Clean and minimalist design philosophy

• 🛠 Technical Features

  • Server-side rendering with Next.js 15
  • Type-safe development with TypeScript
  • Real-time data updates
  • SEO optimized
  • Analytics integration with Vercel

• 💼 Business Features

  • E-commerce capabilities
  • Booking system integration
  • Member management
  • Interactive maps with Mapbox
  • Multi-language support

🔧 Tech Stack

Frontend

• Framework: Next.js 15.2.4
• UI Library: React 18.3.1
• Styling:
  • Tailwind CSS
  • Radix UI Components
  • Framer Motion for animations
• State Management:
  • Redux Toolkit
  • Redux Persist for local storage

Backend & Services

• Database: MongoDB with Prisma ORM
• Maps: Mapbox GL
• Analytics:
  • Vercel Analytics
  • Speed Insights

📦 Installation

1. Clone the repository

   git clone https://github.com/YarC7/LandingPage.git
   cd LandingPage

2. Install dependencies

   npm install

3. Set up environment variables

   cp .env.example .env

   Fill in your environment variables in .env:

   • NEXT_PUBLIC_MAPBOX_TOKEN
   • DATABASE_URL

4. Set up Prisma

   npx prisma generate
   npx prisma db push

5. Run the development server

   npm run dev

🚀 Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run start - Start production server
• npm run lint - Run ESLint
• npm run format - Format code with Prettier

📁 Project Structure

LandingPage/
├── src/
│   ├── app/          # App router pages
│   ├── components/   # Reusable components
│   ├── lib/         # Utility functions
│   ├── store/       # Redux store setup
│   └── types/       # TypeScript types
├── prisma/          # Database schema
├── public/          # Static assets
├── .env.example     # Environment variables template
├── next.config.js   # Next.js configuration
├── tailwind.config.js # Tailwind CSS configuration
└── package.json     # Project dependencies

📝 License

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

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

📞 Support

For support, email [email protected].

---

Made with ❤️ by [NgDCanh]