Template 20C Documentation

1. Architecture & Zero Build Philosophy

Template 20C is strictly engineered with pure, semantic HTML5, modern CSS3 (Custom Variables, Flexbox, CSS Grid), and lightweight Vanilla JavaScript. It requires no build tools, no Node.js, and no compiler. You can open any HTML file directly in your browser or upload it straight to your web host.

2. Customizing Brand Colors (CSS Variables)

All colors are globally declared at the very top of assets/css/style.css. Change these values once to transform the entire website:

:root {
  --primary: #B08D57;       /* Champagne Gold Primary Accent */
  --primary-hover: #987744; /* Darker Gold for hover states */
  --secondary: #EAD7B7;     /* Warm Ivory Sand Accent */
  --accent: #D4AF37;        /* Gilded Gold Highlight */
  --highlight: #FFF7ED;     /* Soft Pearl Cream */
  --bg: #FCFAF7;            /* Warm Canvas Background */
  --section-bg: #FFFFFF;    /* Clean White Card Surfaces */
  --text: #1F2937;          /* High-Contrast Deep Charcoal */
  --muted: #6B7280;         /* Muted Descriptive Text */
}
          

3. Theme Configuration (`assets/js/main.js`)

At the top of assets/js/main.js, configure key settings such as your WhatsApp number, currency symbol, and marketplace credit display:

const AINXQ_CONFIG = {
  showMarketplaceCredit: true, // Set to false to hide AINXQ footer credit
  currencySymbol: '$',         // Change to '€', '£', '₹', 'AED', etc.
  whatsappNumber: '+1234567890', // Your direct concierge WhatsApp number
  targetCountdownDate: new Date('2026-10-01T00:00:00') // Custom wedding countdown target
};
          

4. SEO & Rich Schema Markup

index.html includes verified Schema.org JSON-LD for:

• EventVenue: Venue name, coordinates, address, and amenities.
• Hotel: Luxury accommodation villas and pricing tiers.
• LocalBusiness: Contact numbers, operating hours, and location.
• FAQPage: Pre-indexed Google search rich snippet FAQ cards.
• Organization: Brand metadata and social references.