Vellum Architecture & Interiors — Architecture & Interior Design Studio Website (Frontend + Backend)

Six pages and a real lead-capture backend — this is a DYNAMIC website: services, the project process, portfolio and FAQ are static editorial content, while the "Start a Project" form writes to your own database in real time. 1. Home (index.html) — hero, trust indicators, services overview, portfolio teaser, testimonials. 2. About (about.html) — studio story, 3 team profiles. 3. Services (services.html) — 6 services in detail, plus a 4-step project process. 4. Portfolio (portfolio.html) — 6 project case studies. 5. FAQ (faq.html) — fees, process, timelines, contractor coordination. 6. Contact (contact.html) — the real project-inquiry form (residential renovation, new build, commercial, interior only, or consultation only). 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 PROJECT_INQUIRIES_ADMIN_KEY any secret string you choose Optional, for automatic email confirmations on new inquiries: RESEND_API_KEY from your own Resend (resend.com) account PROJECT_INQUIRY_FROM_EMAIL an address on a domain verified in that account Without the two optional variables set, inquiries still save correctly — no confirmation email sends, that's all. MANAGING PROJECT INQUIRIES. Once published, this purchase's library page shows a "Manage live data" panel — paste in your PROJECT_INQUIRIES_ADMIN_KEY and you can see every inquiry as it comes in and mark ones you've followed up on. WHAT YOU CAN CUSTOMIZE, HONESTLY: - Every page's copy, images, services, portfolio projects and layout — through the same AI-guided editor as any other template, no coding involved. - One optional field at a time on the "project_inquiries" resource (for example, a "desired start date" or "square footage" 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 inquiries are never affected. - Building entirely new resources, forms, or logic (a client portal, document sharing, automated proposal generation) 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 project-inquiry form calls a real endpoint that only exists once deployed — this platform's own preview has no backend to call, so it shows a friendly "try it once deployed" message here. That's expected, not a bug. WHAT THIS ISN'T. This template captures and organizes project inquiries as leads — it does not run a live client portal, document-sharing system, or automated proposal generation. Every inquiry is followed up by your studio directly. Portfolio projects and figures shown are illustrative sample content, not real client work. Replace the sample studio name, portfolio projects, team bios, address, phone and hours with your business's real details before publishing.