Global-lane

Global Lane Website

Welcome to the official repository for the Global Lane website. Global Lane is dedicated to providing the highest quality agricultural products to clients around the world, ensuring sustainability and excellence in everything we do.

Table of Contents

• Overview
• Features
• Technologies Used
• Getting Started
• Project Structure
• How to Contribute
• License

Overview

This project represents the official website of Global Lane, an agricultural export company. The website includes pages for showcasing products, providing services, managing client portals, and offering resources related to trade. The site is fully responsive and includes features like modal popups, form handling, user authentication, and live chat integration.

Features

• Responsive Design: The website is designed to be fully responsive, ensuring a seamless experience across all devices.
• User Authentication: Integration with Clerk allows for secure user login and management.
• Form Handling: Forms on the site are handled using Formspree, enabling backend-free form submissions.
• Live Chat: Integrated Tawk.to for real-time communication with website visitors.
• Google Analytics: Tracks user interactions and provides insights into site traffic.
• Modal Popups: Enhanced user experience with modal popups for forms and confirmations.

Technologies Used

• Frontend:

  • HTML5: Markup language used for structuring the content.
  • CSS3: Stylesheet language used for designing and styling the website.
    • Flexbox and Media Queries for responsive design.
    • Animations and transitions for smooth visual effects.
  • JavaScript:
    • For interactivity, form validation, and third-party integrations.
  • Bootstrap: CSS framework used for creating responsive layouts and pre-built UI components.
  • FontAwesome: Icon library used for adding visual icons.

• Third-Party Services:

  • Formspree: For handling form submissions.
  • Clerk: For user authentication and profile management.
  • Google Analytics: For tracking user behavior and website traffic.
  • Tawk.to: For real-time chat integration with visitors.

Getting Started

To get a local copy of the project up and running, follow these steps:

Prerequisites

Make sure you have the following installed:

• A modern web browser (e.g., Chrome, Firefox)
• A text editor or IDE (e.g., Visual Studio Code)
• Basic knowledge of HTML, CSS, and JavaScript

Installation

1. Clone the repository:

   git clone https://github.com/your-username/global-lane-website.git
   cd global-lane-website
   
   

/global-lane/ |-- index.html |-- about.html |-- products.html |-- services.html |-- trade-resources.html |-- contact.html |-- client-portal.html |-- css/ | |-- styles.css |-- js/ | |-- scripts.js |-- images/ | |-- (place images here)