Lumen Optical Co. — Independent Optical Store Website (Frontend + Backend)

Six pages and a real lead-capture backend — this is a DYNAMIC website: services, the eyewear catalog, brands, the team, gallery and FAQ are static editorial content, while the Booking page's appointment form and the Contact page's inquiry form both write to your own database in real time. 1. Home (index.html) — hero, trust stats, catalog preview, services overview, brands, testimonials. 2. About (about.html) — store story, 3-person team, values, interior gallery. 3. Services (services.html) — 6 services in detail, plus the full eyewear catalog and brands carried. 4. FAQ (faq.html) — 7 honest answers on scheduling, insurance, trials and warranty. 5. Booking (booking.html) — the real appointment request form (eye exam, fitting, styling, repair). 6. Contact (contact.html) — the real general-inquiry form, plus address, phone and hours. WHOSE DATABASE, WHOSE EMAIL PROVIDER. Yours, not this platform's. Before anything here does something real: 1. Create a Postgres database anywhere you like — Vercel Postgres, Supabase, Neon, or your own server — and run schema.sql against it once. 2. In your Vercel project's Settings -> Environment Variables, set: DATABASE_URL your database connection string APPOINTMENTS_ADMIN_KEY any secret string you choose Optional, for automatic email confirmations on new requests: RESEND_API_KEY from your own Resend (resend.com) account APPOINTMENT_FROM_EMAIL an address on a domain verified in that account Without the two optional variables set, requests and newsletter signups still save correctly — no confirmation email sends, that's all. MANAGING APPOINTMENTS & INQUIRIES. Once published, this purchase's library page shows a "Manage live data" panel — paste in your APPOINTMENTS_ADMIN_KEY and you can see every appointment request and inquiry as it comes in, mark one contacted, and delete ones you've handled. NEWSLETTER SUBSCRIBERS. There is no in-library management panel for this list yet — export it by calling GET /api/newsletter on your deployed site with "Authorization: Bearer <your APPOINTMENTS_ADMIN_KEY>". A dedicated panel for this is a natural next step, not built yet. WHAT YOU CAN CUSTOMIZE, HONESTLY: - Every page's copy, images, services, catalog items and layout — through the same AI-guided editor as any other template, no coding involved. - One optional field at a time on the "appointment_requests" resource (for example, an "insurance provider" or "how did you hear about us" field), through the "Backend customization" panel in your library once you've purchased — fully guided, no coding. Fields are always optional, never required, so existing requests are never affected. - Building entirely new resources, forms, or logic (a live appointment calendar, online checkout for eyewear, automated reminders) isn't something the editor automates. Every purchase includes the full source code — frontend and backend, no lock-in — so you or a developer you hire can extend it freely outside the platform. PREVIEW LIMITATION. The Booking and Contact forms and the footer newsletter signup call real endpoints that only exist once deployed — this platform's own preview has no backend to call, so each shows a friendly "try it once deployed" message here. That's expected, not a bug. WHAT THIS ISN'T. This template requests appointments — it does not manage a live, real-time appointment calendar or accept online payment. Every booking and inquiry is a request the store owner confirms by phone or email, same as most independent optical stores already operate. Frame prices shown are catalog reference pricing, not a checkout — there is no shopping cart. Replace the sample brand names, frame names, address, phone, hours and team bios with your store's real details before publishing.