# Dexyne Logistics Website

A responsive static website for Dexyne Logistics, a UK transport and logistics provider. The site presents the company's services, delivery process, UK coverage, customer testimonials, contact details, and quote request form.

## Features

- Responsive desktop and mobile layouts
- Hero section with primary quote and contact calls to action
- Service categories for:
  - Man and Van services
  - Courier services
  - Road freight and goods transport
  - Technology-driven logistics
- About, benefits, process, UK coverage, testimonials, quote, and contact sections
- Three-slide testimonial carousel with three testimonials visible per slide
- Font Awesome icons for navigation, services, contact details, social links, ratings, and actions
- Mobile navigation menu
- Formspree-powered contact form with inline sending, success, and error messages
- SEO title, meta description, canonical URL, favicon set, and web app manifest
- Google-compatible XML sitemap

## Project Structure

```text
logistic/
├── css/
│   ├── about-page.css
│   ├── contact-page.css
│   ├── cta-page.css
│   ├── destop-nav_menu.css
│   ├── footer-page.css
│   ├── hero-page.css
│   ├── main-page.css
│   ├── mobile-nav_menu.css
│   ├── process-coverage-page.css
│   ├── responsive.css
│   ├── service-page.css
│   ├── sitemap.css
│   ├── testimonials-page.css
│   └── why-us-page.css
├── html/
│   ├── index.html
│   ├── sitemap.html
│   └── reusable section fragments
├── images/
│   ├── site icons and favicon files
│   ├── logo files
│   └── page images
├── sitemap.xml
└── README.md
```

## Run Locally

This is a static site and does not require a build step or package installation.

From the project directory, start any static web server. For example, with Python:

```bash
python -m http.server 8000
```

Open the site at:

```text
http://localhost:8000/html/index.html
```

Open the visual sitemap at:

```text
http://localhost:8000/html/sitemap.html
```

Opening the HTML file directly may work, but a local server is recommended so forms, assets, and relative paths behave consistently.

## Contact Form

The contact form submits to Formspree using the endpoint configured in `html/index.html`:

```text
https://formspree.io/f/xyeyjzry
```

The form uses JavaScript to submit asynchronously and display an inline status message. Replace the Formspree endpoint if the project is connected to a different account or form.

## SEO and Indexing

The homepage includes:

- Page title
- Meta description
- Canonical URL
- Favicon and web manifest links

The XML sitemap is available in `sitemap.xml` and currently contains the public homepage URL:

```text
https://dexyne.com/
```

After deployment, submit this URL in Google Search Console:

```text
https://dexyne.com/sitemap.xml
```

The reusable files in `html/` are section fragments, not separate public pages, so they are not included in the XML sitemap.

## External Dependency

Font Awesome is loaded from the Cloudflare CDN in the HTML files:

```text
https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css
```

An internet connection is required for the icons to render unless the Font Awesome files are later self-hosted.

## Deployment Notes

- Deploy the complete `html`, `css`, and `images` directories together.
- Ensure the production homepage resolves to `https://dexyne.com/`, matching the canonical link and sitemap.
- Make sure `sitemap.xml` is publicly accessible at the website root.
- Confirm that the Formspree endpoint is active and allowed to receive submissions.
- Test the contact form, mobile menu, testimonial dots, favicon, and responsive layout after deployment.

## Maintenance

- Update service copy and section content in `html/index.html`.
- Update styles in the corresponding CSS file under `css/`.
- Keep favicon filenames and paths consistent with the links in the homepage head.
- Update `lastmod` in `sitemap.xml` when the public page receives a meaningful content update.
- Keep the canonical URL and sitemap domain synchronized with the actual production domain.
