Landing Page Template

Overview

This is a landing page template for a website

Features

• Home page as the landing page
• About page detailing the mission and team behind the website
• Responsive design for mobile and desktop viewing

Technologies Used

• Next.js
• React
• TypeScript
• Tailwind CSS
• next-i18next for internationalization
• Jest and React Testing Library for testing

Getting Started

Prerequisites

• Node.js (version 14 or later)
• npm

Installation

1. Clone the repository:

   git clone https://github.com/your-username/landing-page-template.git
   

2. Navigate to the project directory:

   cd landing-page-template
   

3. Install dependencies:

   npm install
   

4. Run the development server:

   npm run dev
   

5. Open http://localhost:3000 in your browser to view the website.

Adding New Pages

Create new pages in the pages directory. Next.js will automatically handle routing based on the file structure.

Translations

Add new translations in the public/locales directory:

1. Create a new file for your language in public/locales/[lang]/common.json
2. Add translations following the existing structure

Components

• Navbar: Responsive navigation with mobile menu
• Footer: Site footer with links and social media
• Hero: Full-screen hero section with background image
• Testimonials: Customer testimonials grid
• FAQ: Frequently asked questions section
• Newsletter: Email subscription form
• LogoCarousel: Animated partner logo carousel

Built With

• Next.js - React framework
• TypeScript - Type safety
• Tailwind CSS - Styling
• next-i18next - Internationalization
• React Icons - Icons
• React Slick - Carousel component

License

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

Contributing

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