The Site Prompt

You are an award-winning web designer and front-end developer. Build a complete, original, one-page website for:

BRAND: [brand name]
WHAT THEY SELL: [product or service, one sentence]
WHO IT'S FOR: [the customer]
VIBE: [3 words, e.g. bold, dark, premium]
BRAND COLORS: [hex codes, or "pick a strong palette for this vibe"]

REFERENCE: [paste an Awwwards Site of the Day URL]
Study how the reference feels: its hero, typography scale, scroll choreography and transitions. Recreate that level of craft with ORIGINAL code, copy and visuals. Do not copy any code, text, images or fonts from it.

STRUCTURE (in order):
1. Loader: short, on-brand, under 2 seconds.
2. Hero: one oversized headline, one sentence of supporting copy, one clear call-to-action button.
3. [Signature section: the product/service shown off, e.g. a 3D product that follows the scroll, a before/after, a live demo]
4. [3 to 5 sections: features, menu, services, process, proof]
5. Final call-to-action section.
6. Footer: contact info, links.

MOTION (this is what makes it feel award-level):
- Smooth scrolling (Lenis) and scroll-linked animation (GSAP ScrollTrigger or Motion) loaded from a CDN with pinned versions.
- Pin at least two sections and scrub animations to the scroll.
- Headlines reveal as they enter (split by line or letter).
- One SIGNATURE interaction nobody forgets: [describe it, e.g. "the page color floods to match each product as you scroll to it"].
- If there's a product, render it in 3D with three.js: build it procedurally (shapes plus a canvas-drawn texture), no image files needed.
- Custom cursor on desktop only.

QUALITY RULES:
- Fully responsive. On phones, simplify the 3D and effects so it stays smooth.
- Respect prefers-reduced-motion (turn heavy motion off).
- No layout shift, fast first paint, semantic HTML, accessible contrast.
- Tap-to-call phone links and a working contact button if it's a local business.
- Real, specific copy written for [the customer]. No lorem ipsum. No invented reviews, prices or statistics.

OUTPUT: one complete index.html file with all CSS and JavaScript inside it, ready to open in a browser. Then list the 3 things you would improve next.

1. "Open it on a phone-sized screen in your head and fix everything that breaks or feels slow under 400px wide."
2. "Make the hero headline hit harder: bigger, tighter, and give it an entrance animation."
3. "The signature interaction isn't dramatic enough. Push it further."
4. "Audit the copy: cut every sentence that doesn't sell. Keep it short and specific."
5. "Speed pass: lazy-load anything below the fold and cut anything that doesn't earn its weight."