Lucerna: a free website template for lighting companies

Build a website for an LED lighting maker in the style of the free "Lucerna" template (live demo: https://lucerna.formgong.com).
Write plain HTML, CSS and a little vanilla JavaScript in one index.html, unless this tool builds in its own stack (v0, Lovable and Bolt use React): then keep the same sections, look and form logic.
Use my business name and details where I give them. Where a section needs photos, names, prices, reviews or other copy I haven't given, use neutral placeholder images (CSS gradients or inline SVG, sized for the layout) and short placeholder text that is clearly marked for me to replace.

Sections, top to bottom:
1. A loader: a dim light sweeps over the wordmark on black, it goes dark, then lights up fully like a tube warming up. Once per page load.
2. Header: a frosted pill of links, a Products & Applications mega menu with six categories, a search box that lists products as you type, a Trade area link and a Contact button. It hides on the way down. On phones a burger drops a panel from the top.
3. Hero: two slides that wipe from one photo to the next, text rising in and a marker under 01 / 02.
4. Highlights: cards for technical sheets, products, a counting number, dealers and the catalogue.
5. Projects: photos in a strip you drag sideways, with dots that name the products used.
6. About: a house at dusk with five light switches, each lighting its own part of the picture.
7. Values: five cards that stack; one is open at a time.
8. Footer.
9. A contact drawer that slides in from the side.

Colours (define them as CSS variables):
- Background: #f7f6f3
- White: #ffffff
- Ink: #1d2230
- Second ink: #3a4152
- Muted text: #6b7080
- Lines: #e4e2dc
- Light yellow (accent): #ffb800
- Cobalt (buttons): #1f4fe0
- Deep cobalt: #173cb0
- Frosted glass: rgba(29,34,48,.64)

Fonts (Google Fonts): Poppins for everything.

Motion and hover:
- Smooth scrolling with every effect tied to it (the template uses GSAP ScrollTrigger and ScrollSmoother).
- Highlight cards rise in a wave and drift at different speeds; the project strip drags with the pointer.
- Mega menu cards lift with a shadow on hover.
- Reduced motion gives normal scrolling, no loader and no drifting cards.
- Wrap every animation in @media (prefers-reduced-motion: no-preference), so visitors who ask for less motion get the final state.
- Hide content for reveal animations only from JavaScript (add a class such as js to <html> first and hide only under it), so every section is visible without JavaScript.

Contact form, sent to Formgong (a hosted form backend, no server code):
- Contact drawer form fields: name, email, company, project type, message. Use these name attributes: name, email, company, project, message. Add a hidden field subject with the value "New project enquiry" so the message is easy to recognise in the inbox.
- The form is <form action="https://formgong.com/submit" method="POST"> with <input type="hidden" name="access_key" value="fk_your_access_key"> and <input type="hidden" name="_lang" value="en">. I will replace fk_your_access_key with my own key from https://formgong.com/new. The key is public and safe in the page.
- Add a honeypot: a text input named botcheck, hidden with CSS (position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%)), with tabindex="-1" and autocomplete="off".
- Submit with fetch: POST https://formgong.com/submit, body new FormData(form), header Accept: application/json. Disable the button while it sends.
- Show the thank-you message only when the JSON response has success === true. On anything else (an error response, a non-2xx status, a network error) show the error message, keep what the visitor typed and enable the button again.
- Keep the name attributes exactly as listed: Formgong stores each value under its field name.
- Without JavaScript the plain form POST must still work: Formgong then shows its own thank-you page. To send visitors to my own page instead, add <input type="hidden" name="_redirect" value="https://example.com/thanks/"> (I will put my real URL there).
- Do not add a backend, API route, server action, database or email library.
- Other forms on the site use the same endpoint, key, honeypot and success check: Trade account request under the person icon (subject "Trade account request": name, email, company).

Accessibility: a visible label on every field, a visible focus style, alt text on images, and text contrast of at least 4.5:1.