README & Developer Documentation

1. Project Architecture & Technologies

This template was engineered specifically to run without Node.js, npm, Webpack, or framework runtimes. It is directly readable by any standard web browser and directly uploadable to shared Apache/Nginx web servers (cPanel, Hostinger, Namecheap, GoDaddy, WordPress hosts).

Markup: Semantic HTML5 with schema.org structured data (Restaurant, FAQPage, LocalBusiness).
Styling: Pure CSS3 with CSS Variables, Flexbox, and CSS Grid (assets/css/style.css).
Scripting: Vanilla JavaScript ES6+ utilizing the Intersection Observer API for silky smooth animations and modal handling (assets/js/main.js).
Fonts: Google Fonts (Playfair Display, Cormorant Garamond, Inter, Manrope).

2. Mediterranean Luxury Color Palette

All colors are defined via CSS variables at the top of assets/css/style.css:

Primary
#0F4C5C
Aegean Teal

Secondary
#D4A373
Terracotta Sand

Accent
#E9C46A
Citrus Gold

Background
#FAF8F3
Alabaster Chalk

Section
#FFFFFF
Island White

Text
#1A1A1A
Slate Black

3. Folder Structure

restaurant-template-10/
├── index.html                   <!-- Landing Page with 14 sections -->
├── about.html                   <!-- Heritage, Philosophy & Chefs -->
├── menu.html                    <!-- Digital & Printable A La Carte Menu -->
├── gallery.html                 <!-- Interactive Lightbox Photo Gallery -->
├── contact.html                 <!-- Reservations, Event Form & FAQ -->
├── privacy-policy.html          <!-- GDPR / CCPA Commercial Policy -->
├── terms-and-conditions.html    <!-- House Rules & Reservation Terms -->
├── license.html                 <!-- Commercial License Agreement -->
├── README.html                  <!-- This Documentation File -->
├── INSTALLATION.html            <!-- Step-by-Step Hosting Guide -->
└── assets/
    ├── css/
    │   └── style.css            <!-- Complete Master Stylesheet -->
    └── js/
        └── main.js              <!-- Mobile Menu, Lightbox, WhatsApp -->

4. Quick Customization Guide

A. Changing Restaurant Name & Branding

Open index.html and search for SEAMARÉ. Replace with your client’s restaurant name. Update the SVG crest or place your client’s PNG/SVG logo inside <a class="brand-logo">.

B. Configuring WhatsApp Bookings

Open assets/js/main.js, find line 143: const restaurantWhatsAppNumber = '302286012345'; and replace it with your client's full international phone number (without "+" or hyphens, e.g. 14155552671).

C. Connecting Table Reservations to Email or CRM

The form in index.html has id="reservationForm". To route submissions to Formspree, Web3Forms, or Mailchimp, simply add your endpoint URL: <form action="https://formspree.io/f/YOUR_ID" method="POST">.

D. Removing or Editing the AINXQ Footer Credit

Locate <div class="footer-credits"> at the bottom of the HTML pages. Under your commercial license, you may remove or replace this with your agency branding.

Template 10 — Developer README