Yep — I fixed those issues.

The updated version now:

• Shows the full hero image without the truck being cropped

• Zooms the hero out so the composition has more breathing room

• Uses the actual EMD wordmark and makes it larger

• Starts with 0 / 350 sold

• Makes all 350 numbers available

• Lets customers select multiple numbers at the same time

• Lets them select as many as they want

• Updates the cart count and total price automatically ($125 × number of selections)

• Checkout now displays all selected numbers

• Once a test order is submitted, all selected numbers become occupied

Updated website

Download EMD Website V5 — Multi-Number Purchase

When you run it, go into the emd-website folder first:

PowerShell
cd .\emd-website
npm install
npm run dev

Then open:

http://localhost:3000

or whatever port Next.js gives you.

I rebuilt the hero around the exact wide composition you approved so the truck is fully visible, the right side has no black gap, the whole scene is zoomed out, and the EMD logo is large. I also kept the interactive number system with 0/350 sold and all 350 numbers available, plus multi-number selection.

I also checked the ZIP contents and confirmed the new hero asset and updated website files are included.

Download the corrected EMD website — V6

Run it from PowerShell with:

PowerShell
cd .\emd-website
npm install
npm run dev

Then open the localhost address Next.js gives you.

No — not exactly, and I don't want you downloading it yet.

I checked the actual V6 files. The hero image is very close to the reference you approved, but the rest of the webpage is still an HTML recreation, so spacing, number panel, benefits, and lower sections do not match the mockup pixel-for-pixel. V6 also has extra sections like How It Works and FAQ that aren't part of the exact screenshot.

So don't download V6 yet.

I need to redo the layout so the website follows that reference much more precisely while keeping the number selection and multi-ticket functionality working. I’ll verify the actual rendered page before I give you the next ZIP.

Fixed. I changed the approach so the initial website is built directly around the exact 1536×1024 reference you approved, rather than trying to recreate the look with separate CSS pieces.

I verified that the reference image inside the project is pixel-for-pixel identical to the image I sent you. I also checked that:

• all 350 numbers start available

• customers can select multiple numbers

• the full 1–350 selector is accessible

• the cart total updates at $125 per number

• checkout collects the customer and shipping information

• your email is included

I also checked the project files and ZIP contents. I could not complete a full Next.js production build in this environment because npm install timed out, so I’m not going to pretend I verified that part.

Download the corrected EMD website — V7

Run it from the folder containing package.json:

PowerShell
cd .\emd-website
npm install
npm run dev

This version is the one I’d have you test next.

Exactly — I kept the same design and did not change the visual layout. I only corrected the clickable-number alignment.

The fix makes the visible hotspots map directly to the printed numbers:
1 → 1, 2 → 2, 3 → 3 … 5 → 5 … 50 → 50, and 301 → 301 … 310 → 310.

I also verified the code mapping and the corrected grid positioning before packaging it.

Download the corrected EMD website — V9

And I saved the current approved design as the baseline, so future changes should not alter the look unless you specifically ask.

Yes. Since you already own emdnow.org, we need to connect the domain to the website hosting. The easiest setup for the Next.js site we're building is Vercel.

Do this first

1. Go to Vercel and create an account:
   Vercel

2. Create a New Project and upload/import the emd-website project.

3. Once the site is deployed, go to:

Vercel → Your Project → Settings → Domains → Add Domain

Enter:

emdnow.org

Vercel will then show you the exact DNS records required for your domain. Vercel specifically recommends using an A record for the root domain and a CNAME for www, with the exact values shown in your project settings. Vercel+1

Important

Don't randomly enter DNS numbers. For example, Vercel currently uses 76.76.21.21 for a typical root-domain A record, but the www CNAME target is project-specific, so we should use whatever Vercel gives your project. Vercel

We want both of these working:

https://emdnow.org
https://www.emdnow.org

and ideally have one redirect to the other so there is only one primary URL.

I can walk you through it exactly

Tell me where you bought emdnow.org (GoDaddy, Namecheap, Squarespace, Cloudflare, etc.), or send me a screenshot of the page where you manage the domain. Then I'll tell you exactly what to click and what to enter.

Perfect. Since you bought emdnow.org through Namecheap, keep the domain at Namecheap—we just point its DNS to Vercel.

Do this in Namecheap

Log into Namecheap and go to:

Domain List → emdnow.org → Manage → Advanced DNS

Namecheap confirms that this is where you manage the domain's host records when the domain is using Namecheap DNS. Namecheap+1

But don't enter anything yet.

First, we need your Vercel project created because Vercel will tell us exactly which DNS records your particular project needs.

Your next step

Go to Vercel and create your account, then choose:

Add New → Project

Upload/import the emd-website folder from the V9 website you downloaded.

Once Vercel gives you the project URL, go to:

Vercel → Project → Settings → Domains → Add

and enter:

emdnow.org

Vercel will then give you the DNS information to put into Namecheap. Don't use random DNS values; we'll use the exact records Vercel provides for your project.

Send me a screenshot of the Vercel screen after you add emdnow.org, and I'll tell you exactly what to put into each Namecheap field.