A restaurant Website

#10
by CodexSiddique - opened

😃: ### Prompt: Create a Luxury Restaurant Website

Objective:
Design and develop a **luxury-themed restaurant website ** using only HTML, Tailwind CSS, and JavaScript. The site should reflect elegance, sophistication, and premium quality—ideal for a fine-dining experience.

Design Requirements

  • Theme: Luxury, elegant, minimalist
  • Color Palette: Deep blacks, rich golds, ivory whites, and subtle gradients
  • Typography: Use premium fonts like:
    • Playfair Display or Cormorant Garamond for headings
    • Lora, Inter, or Poppins for body text
  • Layout: Clean, spacious, with high-end visual hierarchy
  • Imagery: Full-width hero images, parallax sections, and tasteful food photography

Page Structure

  1. Home Page
    • Hero section with restaurant name, tagline, and reservation CTA
      ...
      🤖: 🤔 Analysis:

*The user wants a full website with many pages and advanced features, using only HTML, Tailwind CSS, and JavaScript. This is a huge request. Usually we provide a skeleton with code snippets and explain. We cannot deliver a full multi-page site with all functionalities due to size, but we can give a comprehensive template structure, Tailwind config, and example code for key components, plus instructions.

Thus, produce a detailed guide with file structure, Tailwind config, sample HTML for each page (maybe minimal), JavaScript for navigation, carousel, form validation, lightbox, etc. Provide CSS via Tailwind classes; also include external fonts via Google Fonts. Provide instructions for adding images.

Will produce a zip-like code block for each file: index.html, menu.html, booking.html, gallery.html, contact.html, assets/js/main.js, tailwind.config.js...

Sign up or log in to comment