https://github.com/sougata-github/travel_landing_page

A modern travel landing page in Next JS.
https://github.com/sougata-github/travel_landing_page

frontend landing modernuixuxdesign next13 react responsive tailwindcss uiux

Last synced: 10 days ago
JSON representation

A modern travel landing page in Next JS.

• Host: GitHub
• URL: https://github.com/sougata-github/travel_landing_page
• Owner: sougata-github
• Created: 2023-10-18T17:56:28.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-05T06:59:04.000Z (about 1 year ago)
• Last Synced: 2025-01-10T23:44:03.401Z (10 days ago)
• Topics: frontend, landing, modernuixuxdesign, next13, react, responsive, tailwindcss, uiux
• Language: TypeScript
• Homepage: https://travel-landing-page-next.vercel.app/
• Size: 5.73 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Travel Camp - Landing Page

Travel Camp is a beautiful travel website landing page built with Next.js. This project follows best Next.js practices, boasts an organized file and folder structure, is fully responsive, and employs Tailwind CSS for sleek styling.

## Features

- Responsive Design: The landing page is fully responsive, ensuring that it looks great on all devices, from small screens to large monitors.

- Reusability: Codebase is organised into reusable components, making the site easy to scale and maintain. These components include:

- Navbar: A responsive navbar that adapts to both small and large screens, ensuring an optimal user experience.

- Button Component: A reusable button component for easy integration and consistent styling.

- Hero Section: The first thing your visitors will see, featuring stunning imagery and compelling content to grab their attention.

- Features Section: Highlight the key features of your travel services with this informative section.

- Call to Action: Encourage users to take action with a compelling call to action section, guiding them to explore further.

- Camp Section: Showcase your travel camp with enticing images and descriptions.

- Footer: A well-organized footer section that provides essential information and navigation links.

## Live Site Preview

![Screenshot (59)](https://github.com/sougatadas9874/Travel_Landing_Page./assets/102734212/f21cf3e7-cb2d-43cb-99ac-2b8fa5058787)

## Getting Started

To get started with Travel Camp on your local machine, follow these steps:

1. Clone this repository.

    ```bash

   git clone [repository-url]

2. Install the required dependencies.

   ```bash

   npm install

3. Start the development server.

   ```bash

   npm run dev