# CLE-MFG Website — Setup & Hosting Guide

This is a plain HTML/CSS/JS rebuild of clemfg.com — no build tools, frameworks,
or server required. It will run on any inexpensive host, including basic
GoDaddy shared hosting.

## What's included

```
index.html              Home
about.html               About
contactrfq.html           RFQ / Contact form
plastics.html              Plastics / Injection Molding
metal-stamping.html         Metals
fasteners.html                Fasteners
pcb-circuit-boards.html        Electronics / PCB
privacy-policy.html              Placeholder — needs real content, see below
terms-of-service.html             Placeholder — needs real content, see below
css/styles.css           All styling
js/main.js                 Mobile menu + RFQ form email logic
robots.txt                   Basic SEO file
sitemap.xml                    Basic SEO file
send-rfq.php                     OPTIONAL alternate email method (see Step 2)
partials/                          Source files used to build the pages (not needed on the live site)
build.py                            The script that assembles partials/ into the pages above (not needed on the live site)
```

## Step 1 — Upload to GoDaddy

Upload everything **except** the `partials/` folder and `build.py` to the
root of your GoDaddy hosting (via GoDaddy's File Manager or an FTP client
like FileZilla). Point your domain's DNS at the GoDaddy hosting if it isn't
already.

## Step 2 — Get the RFQ form sending email to Joe.D@CLE-MFG.com

The form is wired to use **Web3Forms** (web3forms.com) — a free service
that emails form submissions straight to an inbox with no server setup.
This is the easiest path on cheap shared hosting.

1. Go to https://web3forms.com and enter `Joe.D@CLE-MFG.com` to get a free
   **Access Key** (sent to that inbox — no account required).
2. Open `js/main.js`, find this line near the top:
   ```
   var WEB3FORMS_ACCESS_KEY = "YOUR-WEB3FORMS-ACCESS-KEY-HERE";
   ```
   and paste your key in between the quotes.
3. Re-upload `js/main.js`. That's it — RFQ submissions (including file
   attachments) will now arrive in the Outlook inbox for Joe.D@CLE-MFG.com.
   Free tier covers a solid volume of monthly submissions; if you outgrow
   it, Web3Forms has a paid tier, or switch to Formspree.io the same way.

**Alternative:** if you'd rather send mail directly from GoDaddy's own
servers instead of Web3Forms, see the instructions inside `send-rfq.php`.
Heads up: shared-hosting `mail()` is frequently flagged as spam by Outlook/
Microsoft 365, and that script doesn't yet handle the file attachment —
Web3Forms is the more reliable option for a manufacturing RFQ form.

## Step 3 — Fill in the legal pages

`privacy-policy.html` and `terms-of-service.html` are placeholders (the
original site linked those pages to `example.com`, so there was no real
policy to copy). Since the form now collects real personal data and file
uploads, replace these with actual policies before launch — a template
generator or a quick attorney review is worth it here.

## Step 4 — Images

The images currently pull from the original site's media CDN
(`assets.cdn.filesafe.space` / `images.leadconnectorhq.com`) so the layout
renders correctly today. **These links may break once you close down the
AI platform**, since that CDN is tied to it. Before you shut it down:
1. Open each page in your browser, right-click every image, and "Save
   Image As" into a local `images/` folder.
2. In each `.html` file, replace the long CDN URLs with `images/filename.png`.

I wasn't able to download these automatically in this session (no live
browser/network access here), so this step needs to happen on your end,
ideally before you cancel the current platform subscription.

## About the SEO goal

Built in already:
- Unique `<title>` and meta description per page, targeting Plastics,
  Metal Stamping, Fasteners, and Electronics/PCB by name
- Keyword-relevant URL slugs (`plastics.html`, `metal-stamping.html`,
  `fasteners.html`, `pcb-circuit-boards.html`) matching the original site's
  structure
- `LocalBusiness` structured data (schema.org) on the home page for local
  search
- `robots.txt` and `sitemap.xml`
- Semantic heading structure (one `<h1>` per page, `<h2>`/`<h3>` hierarchy)
- Fast-loading, no heavy JS framework

Worth doing next: submit `sitemap.xml` in Google Search Console once the
domain is live, and add a Google Business Profile for "Cleveland, Ohio" —
that matters as much as on-page SEO for a local sourcing business.

## About the visual design

I rebuilt this from the site's text and layout structure, not a pixel-level
screenshot (I didn't have browser access to the live site in this session).
The colors, fonts (Oswald + Inter), and layout are an original industrial
design built around your actual content — not a clone of GoHighLevel's
exact styling. If you want it to match the live site's look more closely
(exact colors, exact fonts, exact spacing), send screenshots of the pages
you care about most and I can adjust `css/styles.css` to match.

## Making edits later

If you want to change copy across all pages at once (e.g. the footer or
phone number), it's easiest to edit the source files in `partials/` and
re-run `python3 build.py` to regenerate all the `.html` files — otherwise
you'd need to edit the phone number in 9 separate files by hand.