# South Indian temple wedding invitation

> A one-page South Indian wedding invitation: a golden gopuram temple in SVG under a maroon night sky, oil lamps that drift down as you scroll, kolam dividers, event cards, and a countdown. Made by pasting one prompt into Claude's chat.

- Kind: Website
- Live website: https://wedding-website-lemon-xi.vercel.app/#websites
- Page: https://meetreference.com/v/south-indian-temple-wedding-invitation/
- Ready-to-use agent handoff: https://meetreference.com/v/south-indian-temple-wedding-invitation/agent.txt
- Exact prompt as plain text: https://meetreference.com/v/south-indian-temple-wedding-invitation/prompt.txt
- Authorship: Not stated
- Made with: Claude.ai
- Model: not stated
- Built with: HTML and CSS, Plain JavaScript
- Style: Microsites; wedding invitation, south indian, temple, gold and maroon, svg illustration, tamil, single html file
- Shared by @Surendarrix in Website: https://wedding-website-lemon-xi.vercel.app/
- Prompt fidelity: Verbatim. This is the complete prompt exactly as the creator published it.

## Before you start

Guidance from Reference, separate from the creator's instructions.

1. Read the reference and inspect the project, installed libraries, and available agent skills before writing code. Reuse suitable tools already present.
2. Prefer the creator-reported libraries and skills when they fit the task. Explain what useful additions help with, and install missing project dependencies or relevant skills from official sources when the environment and the user's existing permissions allow it. Respect the project's package manager and setup rules; do not ask again for routine setup already authorized.
3. Distinguish tools used by the creator from your own recommendations. A listed tool is not automatically required, and an empty tools or requirements list means the setup is unknown, not that nothing is needed.
4. Ask concise questions when missing inputs or choices materially affect the result: paid services, credentials, the user's assets, or a different production approach. Use existing answers and permissions; continue independent work while waiting.
5. If a useful library, skill, or service cannot be installed or used, explain an available alternative and its expected effect on quality, features, or effort. Get the user's choice before a material compromise; otherwise state the fallback and continue. Never silently simplify the result or claim to have used a tool you did not use.

Requirements reported by the source: Your own names, dates, venue, and WhatsApp number; Your own photos and a music link, if you want them.

## Recreating this website

These are the creator's published instructions, unedited.

To adapt it: Change the events list ("Mehendi/Nalangu, Haldi/Palichai, Sangeet, Kashi Yatra, Kalyanam (Wedding), Nichayathartham") and the hero line about the Gopuram for another tradition, or start from the Christian or Islamic prompt on the same page.

## Prompt

```text
You are an expert full-stack web developer specializing in premium South Indian / Hindu wedding invitation websites.

Create a complete, single-page HTML wedding invitation website with:

HERO: Full-viewport South Indian temple SVG (Gopuram with tiers, kalasha finials, flagpoles, arched entrance, oil lamps/deepam). Starry night sky gradient from deep black to terracotta gold. Couple names in Cinzel Decorative font. Tamil/Sanskrit blessing at top.

FLOATING ELEMENTS: Scroll-triggered deepam lamps (SVG oil lamps) that descend as user scrolls — fixed positioning + JS scroll listener. Each lamp should sway and flicker using CSS keyframe animations.

SECTIONS (in order):
1. HERO — Temple SVG + stars + parallax text (names fade/move on scroll) + Tamil blessing
2. KOLAM DIVIDERS — SVG dot-pattern kolam dividers between sections
3. BLESSING — Sanskrit/Tamil verse, grandparents names, parents names, big couple names
4. EVENTS — Grid of invitation cards with clip-path corner cuts. Events: Mehendi/Nalangu, Haldi/Palichai, Sangeet, Kashi Yatra, Kalyanam (Wedding), Nichayathartham
5. COUPLE — Ornate corner-frame photo placeholder, individual bios with quote
6. RSVP — Dark maroon section, WhatsApp button
7. DETAILS — Grid cards: Hashtag, Weather, Hotel, Dress Code, Transport, Gifts
8. COUNTDOWN — Live JS countdown with stars background
9. FOOTER — Names, date, social links

TECH:
- Pure HTML5 + CSS3 + Vanilla JS (no frameworks)
- Google Fonts: Cinzel Decorative, Cinzel, Philosopher, Lora, Noto Serif Tamil
- Colors: deep red #3D0000, vermilion #C0392B, gold #C9942A, ivory #FDF6E3, cream #FAF0DC
- Scroll progress bar, IntersectionObserver reveals, parallax temple SVG, clip-path cards, music toggle, countdown

Output complete single HTML file.
```

## What it looks like

Written by Reference from the recording frames, not by the creator.

A maroon and gold invitation: Arjun weds Meenakshi above a stepped golden temple, with oil lamps along the top, then the blessing, events, couple, RSVP, details, and a countdown, with lamps floating over every section.

- Color: Deep maroon and black with gold, ivory event cards, and one green WhatsApp button.
- Type: Decorative swash capitals for the names and headings, Tamil script for the blessing, and italic serif subheads.
- Framing: 16:10, inside the tutorial site's preview window with its dark title bar. Centered layouts throughout, ivory event cards with clipped corners three to a row, and a grid of small detail cards.
- Structure: Hero with the temple, the blessing with the families' names, The Events from Mehendi & Nalangu to Nichayathartham, Our Couple, Kindly RSVP, Details, and Counting Down to the Sacred Union.

Storyboard, nine frames spread across the recording: https://meetreference.com/media/south-indian-temple-wedding-invitation/storyboard.webp

- Frame 1 at 1.3s: https://meetreference.com/media/south-indian-temple-wedding-invitation/f1.webp
- Frame 2 at 4.0s: https://meetreference.com/media/south-indian-temple-wedding-invitation/f2.webp
- Frame 3 at 6.7s: https://meetreference.com/media/south-indian-temple-wedding-invitation/f3.webp
- Frame 4 at 9.4s: https://meetreference.com/media/south-indian-temple-wedding-invitation/f4.webp
- Frame 5 at 12.1s: https://meetreference.com/media/south-indian-temple-wedding-invitation/f5.webp
- Frame 6 at 14.8s: https://meetreference.com/media/south-indian-temple-wedding-invitation/f6.webp
- Frame 7 at 17.5s: https://meetreference.com/media/south-indian-temple-wedding-invitation/f7.webp
- Frame 8 at 20.2s: https://meetreference.com/media/south-indian-temple-wedding-invitation/f8.webp
- Frame 9 at 22.9s: https://meetreference.com/media/south-indian-temple-wedding-invitation/f9.webp

## How it was made, per the creator

- Agent time: About 30 to 60 seconds to generate, according to the tutorial
- Notes: The tutorial says to paste the prompt into Claude's chat on the free tier ("Claude Sonnet works perfectly for this"), save the HTML file, then change the names, dates, venue, WhatsApp number, and photos. It doesn't say which model made the examples. The example opens in the tutorial's Preview window, which is what the recording shows. The creator's original post wasn't found, so the tutorial site is the source. Christian and Islamic versions are on the same page.

> These are the actual websites built using the prompts above.
> (@Surendarrix)

## Links

- Visit site: https://wedding-website-lemon-xi.vercel.app/#websites
- Original post: https://wedding-website-lemon-xi.vercel.app/