GlobTrek is a modern travel website featuring a fully responsive design and a stunning UI/UX experience. Built with Next.js, React.js, Tailwind CSS, and TypeScript, it offers smooth animations and a dynamic layout, ensuring a seamless user experience on any device.
GlobTrek is a modern travel website featuring a fully responsive design and a stunning UI/UX experience. Built with Next.js, React.js, Tailwind CSS, and TypeScript, it offers smooth animations and a dynamic layout, ensuring a seamless user experience on any device.
Here's the general layout of the project:
GlobTrek/
│
├── app/
│ ├── global.css
│ ├── layout.tsx
│ └── page.tsx
│
├── components/
│ ├── Button.tsx
│ ├── Capm.tsx
│ ├── Features.tsx
│ ├── Footer.tsx
│ ├── GetApp.tsx
│ ├── Guide.tsx
│ ├── Hero.tsx
│ └── Navbar.tsx
│
├── constants/
│ └── index.ts
│
├── public/
│ ├── images/
│ └── Screenshots/
│
├── .gitignore
├── next.config.js
├── package.json
├── README.md
└── tsconfig.json
app/
: Contains the global styles, layout, and main page component.components/
: Reusable UI components like buttons, navbar, hero section, and more.constants/
: Stores constant data and configuration files.public/
: Contains static assets such as images and screenshots.Clone the Repository
git clone https://github.com/<your-github-username>/GlobTrek.git
cd GlobTrek
Install Dependencies
npm install
# or
yarn install
Run the Development Server
npm run dev
# or
yarn dev
Open your browser and go to http://localhost:3000
.
Fork the Repository
Create a Feature Branch
git checkout -b feature/new-feature
Commit Your Changes
git add .
git commit -m "Add new feature"
Push to the Branch
git push origin feature/new-feature
Open a Pull Request on GitHub.
Check out the live version of the site at: GlobTrek Live
This project is licensed under the MIT License. See the LICENSE file for details.