# Customize ViVA

Use the included index.html and local assets/ folder as the starting point.

Brand: [YOUR BRAND]
Audience: [WHO USES IT]
Purpose: [PRIMARY TASK]
Verified content: [PEOPLE / PRODUCTS / PRICES / REAL CLAIMS]
Primary action: [ACTION AND DESTINATION]
Approved assets: [REPLACEMENT IMAGES AND THEIR RIGHTS]

Preserve this visual direction: Forest green · warm ivory · Inter & Playfair Display.
Keep the reference layout, image proportions and section rhythm. Adapt it for 375, 768, 1024 and 1440px widths with readable text, visible focus, keyboard controls and reduced-motion support. Keep the HTML, CSS and JavaScript editable and all assets local.

Retain or deliberately replace these working interactions:
- Search the sample catalog and filter by category, including empty/reset states.
- Add products, change quantities, remove items and see the calculated subtotal.
- Open the sample wishlist and add a saved product to the bag.
- Switch the featured headline and rotate the sample reviews.
- Validate an email in the newsletter preview without sending or saving it.

Reference names, portraits, prices, testimonials, ratings and customer counts are sample content. Replace them with approved material and verified claims before publishing. The MIT license covers the implementation and instructions, not the supplied brand/photographic imagery; see ASSETS.md and the font/icon notices.

Do not invent successful checkout, authentication, email delivery, orders, backend storage or deployment. Do not add remote scripts, analytics, credentials or services unless requested. Keep local demo actions explicitly labeled inside their result dialogs.

Deliver the updated source and assets, verify the main journey and every in-page link, and report the checks and remaining service integrations.