AI Website Prompt

Generate a fine-dining restaurant site in 2 minutes

Copy this prompt, paste it into Google Gemini, and get a gorgeous, functional website. Wire the reservation form to MyFormConnect—no backend code needed.

Build me an elegant fine-dining restaurant website for "Maison Elara" — a tasting-menu restaurant in a converted townhouse.

Design direction:
- Palette: Near-black (#0C0C0C), cream (#F4EFE6), gold (#D4AF37)
- Font pairing: "Playfair Display" headings, "Lato" body (Google Fonts)
- Aesthetic: Upscale dining — dramatic hero, quiet luxury, intimate spacing
- Mood: Romantic, refined, exclusive

Sections (single-page, smooth scroll):
1. Hero — Restaurant name + tagline: "An evening of measured indulgence.",
   CTAs: "Reserve a table" + "View tasting menu"
2. Menu highlights — 4 signature dishes with short descriptions
3. About the chef — Short narrative + pull quote
4. Hours & location — Elegant info block
5. Reservations — Booking enquiry form

Form fields: Full Name, Email, Phone, Preferred date, Party size, Special requests, Submit

Contact form implementation:
- Do NOT use action= on the form tag. Handle entirely via JS fetch.
- POST to: https://myformconnect.io/f/YOUR_FORM_UUID_HERE
  using FormData
- Client-side validation before submit (required fields, email format)
- On success (data.success === true):
    1. Show a brief inline message: "Thank you — redirecting you now..."
    2. After 1.5 seconds, redirect to:
       https://myformconnect.io/f/YOUR_FORM_UUID_HERE
- On failure (data.success === false OR network error):
    1. Show a brief inline message: "Something went wrong — redirecting..."
    2. After 1.5 seconds, redirect to:
       https://myformconnect.io/f/YOUR_FORM_UUID_HERE

Technical:
- Single index.html file — HTML + CSS + vanilla JS, no frameworks
- Mobile-first, fully responsive
- Smooth scroll + fade-in-on-scroll (Intersection Observer API)
- SEO meta tags + Open Graph tags

- Footer: restaurant name, Instagram SVG, © 2026 Maison Elara

Make it look like a Michelin-aspirational restaurant site — cinematic and reservation-focused.

Lightning Fast

Let AI write the HTML, CSS, and JS. You just copy, paste, and save a single file.

Fully Yours

No proprietary platform lock-in. You own the HTML file and can host it anywhere.

Real Submissions

Wire the form directly to MyFormConnect to handle emails, routing, and storage instantly.

How to launch

Follow these exact steps to turn the prompt above into a live website.

1

Paste into Google Gemini

Open Google Gemini and paste the prompt. When it finishes generating, copy the entire HTML block it provides.

2

Save as index.html

Open a text editor (like VS Code, Notepad, or TextEdit), paste the code, and save the file as index.html. Double-click it to preview locally in your browser.

3
Required Step

Wire up MyFormConnect

To make the contact form actually send emails and save leads without building a backend:

  • Register for a free account.
  • Add your domain (e.g. "My Website") and create a form.
  • Copy your Form UUID from the dashboard.
  • Replace YOUR_FORM_UUID_HERE in your HTML file with your actual UUID.
4

Publish for free (Optional)

Upload your index.html to GitHub Pages, Netlify, or Vercel for instant, free hosting. Your upscale restaurant website is now live on the internet!

Why use this restaurant website form endpoint?

Creating a polished digital experience used to require weeks of design, development, and complex backend architecture. By utilizing AI prompts like the one provided above, you can generate the exact HTML, CSS, and interactive JavaScript elements required for a high-converting page. This eliminates the dependency on bloated website builders and allows you to maintain full control over your source code.

The most critical component of any landing page is capturing lead data securely. Instead of setting up a custom server or managing database connections, you can utilize MyFormConnect as a dedicated form submission API. By configuring your generated HTML to point to our secure form endpoint, you immediately gain access to spam protection, data storage, email notifications, and integrations with your favorite tools—all without writing a single line of backend code. This form backend strategy is perfect for freelancers, agencies, and marketing teams looking to deploy high-converting campaigns rapidly.