# Drivad Public Site (Static HTML/CSS)

This is a deployable, production-presentable static site for Drivad.
It includes role-based pages for Drivers, Advertisers, and Wrap Vendors, plus a “How it works” handoff map.

No JavaScript. No build tools. You can deploy it anywhere that hosts static files.

## Files

- index.html  
  Home and role selection.

- driver.html  
  Driver experience (apply, schedule, status, earnings).

- advertiser.html  
  Advertiser experience (create campaign, review/launch, status).

- vendor.html  
  Wrap Vendor experience (job queue, job detail, proof/payout).

- handoff-map.html  
  Cross-role lifecycle map (Advertiser → Driver → Vendor → proof → verified → payouts).

- styles.css  
  Shared styling and responsive layout rules.

- DriveAdLogo_icon.png  
  Header logo (small).

- DriveAdLogo.png  
  Full logo (optional/unused in header).

## Run locally

Just open `index.html` in your browser.



## Deploy

Any static host works:
- Netlify (drag-and-drop folder)
- GitHub Pages
- Vercel (static)
- Azure Static Web Apps

Deploy the whole folder.
Entry point: `index.html`

## Styling notes

- Mobile-first and responsive.
- Canada-inspired accents:
  - Canada red is the primary CTA color.
  - Maple leaf brand mark.
  - Light maple watermark in hero.

To tweak the “Canadian feel”, edit these variables near the top of `styles.css`:
- `--canada-red`
- `--canada-navy`
- `--bg`

## Making forms “save data” (easy + free)

If you want a support/contact form that stores submissions without building a backend:

Option 1: Netlify Forms (easiest if you host on Netlify)
- Add `data-netlify="true"` to your `<form>`
- Add `<input type="hidden" name="form-name" value="contact" />`
- Submissions appear in Netlify dashboard, can email you.

Option 2: Formspree (host anywhere)
- Set your form `action` to Formspree endpoint
- Free tier stores/sends submissions.

Option 3: Google Forms (fastest spreadsheet)
- Embed a Google Form and responses save to Google Sheets.

If you tell me which host you’ll use, I can generate the exact HTML form snippet for your Support section.

## Edit checklist

Before publishing publicly:
- Replace placeholder copy (prices, metrics, names).
- Confirm your final brand name (Drivad vs DriveAd).
- Add real support email or form endpoint.
