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.
Make it yours. 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.
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.
“These are the actual websites built using the prompts above.”
You'll need
- Your own names, dates, venue, and WhatsApp number
- Your own photos and a music link, if you want them
How it was made
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.
Claude.ai · HTML and CSS · Plain JavaScript
About 30 to 60 seconds to generate, according to the tutorial
Source and credit
Authorship not stated by the source
Published instructions: "Copy Your Prompt" on the tutorial site (South Indian tab)
Look notesby Reference
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.
