✈️ Make My Travls Packages Landing Page

A modern and responsive Next.js + Tailwind CSS landing page template designed for travel packages, product launches, portfolios, or promotional websites.

🚀 Live Demo: View here

---

🌟 Features

✅ Next.js App Router with TypeScript
✅ Tailwind CSS v3 for flexible styling
✅ Smooth animations with Framer Motion
✅ Optimized fonts via next/font
✅ Automatic image optimization via next/image
✅ Access to 31+ icon packs with React Icons
✅ Near-perfect Lighthouse score
✅ Modular, responsive, and scalable components
✅ Free lifetime updates

---

📋 Sections

• Hero section with card animations and background transitions
• Features or Benefits section with dynamic content
• Packages Section (can be adapted for pricing plans)
• Testimonials
• FAQ
• Statistics
• Contact Form with validation
• Enquiry Form with modal popup and validation
• Footer with essential links

---

🚀 Getting Started

Prerequisites

Ensure you have the following installed:

• Node.js v18 or later
• npm v8 or later (bundled with Node.js)
• VS Code (recommended for development)

Steps

1. Clone the Repository:

   git clone https://github.com/jaysingh9518/nextjs-landing-page.git
   cd nextjs-landing-page

2. Install Dependencies:

   npm install

3. Run Development Server:

   npm run dev

4. Visit the Project: Open localhost:3000 in your browser.

---

🎨 Customization

1. Edit Colors: Update globals.css for primary, secondary, and accent colors.
2. Update Site Details: Customize siteDetails.ts in /src/data to reflect your brand.
3. Modify Content: Adjust files in /src/data to modify navigation, features, pricing, and testimonials.
4. Replace Favicon: Add your icon to /src/app/favicon.ico.
5. Update Images: Add new images to /public/images for improved branding.

---

🚢 Deploying on Vercel

Deploy your project instantly on Vercel:

For other deployment options, refer to Next.js deployment documentation.

---

🤝 Contributing

We welcome contributions from the community! If you have ideas for new components, features, or optimizations, feel free to join in.

How to Contribute

1. Fork the Repository
2. Create a New Branch: e.g., feature/new-section or fix/style-issue
3. Develop and Test: Ensure your changes are functional and don't break existing features.
4. Submit a Pull Request: With a clear description of your changes.

Ideas for Contributions

• New component sections (e.g., Team Introductions, Comparison Table)
• Additional page variants (e.g., agency, eCommerce, portfolio layouts)
• Enhanced themes and designs
• Documentation updates or tutorials

---

💬 Community and Support

For questions, feedback, or collaboration, join our community on GitHub!
Submit issues via GitHub Issues.

---

📄 License

This project is licensed under the MIT License. Feel free to use, modify, and distribute it for personal or commercial projects.