ASTROAYODHYA.COM
Complete Image Assets Guide
File Names  |  Pixel Sizes  |  Formats  |  Where Used  |  How to Create
Section 1 — Naming Convention and Folder Structure
Har image file ka naam lowercase + hyphenated hona chahiye. Spaces nahi. Version suffix optional.
Section 2 — Master Image Assets Table (All 78 Images)
Columns: No. | File Name | Image Type | Size (pixels) | Format | Where Used | How to Create | Priority
Priority: P1 = Launch critical  |  P2 = Important  |  P3 = Nice to have
Section 3 — Image Creation Priority & Workflow
3.1  P1 Launch-Critical Images — Build These First (38 images)
Yeh images bina site nahi chalti. Launch se pehle ZAROOR ready karo:
3.2  Image Specifications Summary — Quick Reference
3.3  Cloudinary Auto-Generation Strategy (Dynamic Images)
Kuch images Cloudinary se dynamically generate hongi — ek template banao, baaki Cloudinary handle karega:
Section 4 — Image Usage Across All Pages (Inline Guide for Developers)
Har page pe exactly kaunsi image kahan use hoti hai — dev reference ke liye:
4.1  Homepage (/)
4.2  Kundali Page (/kundali)
4.3  Acharyas Page (/acharyas and /acharyas/[slug])
4.4  Puja Page (/puja and /puja/[slug])
4.5  Shop (/shop and product pages)
4.6  Blog Page (/blog and articles)
4.7  Foundation Page (/foundation)
AstroAyodhya.com — Complete Image Assets Guide v1.0
78 Image Assets  |  6 Priority P1 Categories  |  Cloudinary CDN  |  WebP Standard
50% profit to larawarefoundation.com  |  A Laraware Group Initiative
Total Image Assets | P1 — Launch Critical | P2 — Important | P3 — Nice to Have | Format Standard | CDN
78 Unique Image Assets | 38 images (P1) | 26 images (P2) | 14 images (P3) | WebP primary, SVG for icons, PNG for logos | Cloudinary CDN — all images. Auto-quality + auto-format.
P1 = Launch ke pehle zaroor banao — site nahi chalegi bina inke | P2 = Week 1 mein banao — important for conversion | P3 = Month 1 mein banao — nice to have, SEO/social ke liye | NOTE: Sab images /public/images/ ya Cloudinary pe store hongi. Naming: lowercase-hyphenated.webp
Category | Folder Path | Example Files
Brand / Logo | /public/images/brand/ | logo-main.svg, logo-white.svg, favicon-32.png, og-default.jpg
Hero Backgrounds | /public/images/hero/ | hero-homepage-bg.webp, hero-kundali-bg.webp, ayodhya-saryu-ghat.webp
Acharya Photos | /public/images/acharyas/ | acharya-ramesh-shastri.webp, acharya-[name].webp
Puja | /public/images/puja/ | puja-kaal-sarp.webp, puja-mangal-dosha.webp, yagnashala-ayodhya.webp
Products (Shop) | /public/images/products/ | product-moonga-ring.webp, product-neelam-stone.webp
Foundation | /public/images/foundation/ | foundation-medical-camp.webp, beneficiary-sunita.webp
Blog / Articles | /public/images/blog/ | blog-mangal-dosha-kya-hota-hai.webp, og-blog-[slug].webp
OG / Social Share | /public/images/og/ | og-homepage.jpg, og-kundali.jpg, og-acharya-[name].jpg
Icons / SVG | /public/icons/ | icon-kundali.svg, icon-puja.svg, badge-brahman-verified.svg
WhatsApp Cards | /public/images/whatsapp/ | wa-rashifal-mesh.webp, wa-puja-certificate.webp
Press / Media | /public/images/press/ | press-forbes-india-logo.png, press-economic-times-logo.png
No. | File Name | Image Type | Size (px) | Format | Where Used | How to Create | Pri
CATEGORY 1 — BRAND & LOGO (8 images) — Site-wide global elements | CATEGORY 1 — BRAND & LOGO (8 images) — Site-wide global elements | CATEGORY 1 — BRAND & LOGO (8 images) — Site-wide global elements | CATEGORY 1 — BRAND & LOGO (8 images) — Site-wide global elements | CATEGORY 1 — BRAND & LOGO (8 images) — Site-wide global elements | CATEGORY 1 — BRAND & LOGO (8 images) — Site-wide global elements | CATEGORY 1 — BRAND & LOGO (8 images) — Site-wide global elements | CATEGORY 1 — BRAND & LOGO (8 images) — Site-wide global elements
1 | logo-main.svg | Logo — full color | Auto (vector) | SVG | Navbar, Footer, Loading screen, All emails | Saffron flame icon + AstroAyodhya text. Sacred flame (deepak) as icon. Colors: Saffron #D97706 + Deep Gold #B45309 | P1
2 | logo-white.svg | Logo — white version | Auto (vector) | SVG | Dark backgrounds: Hero sections, Footer, OG images, PDFs | Same as logo-main but all white — for dark bg use | P1
3 | logo-dark.svg | Logo — dark version | Auto (vector) | SVG | Light backgrounds: About page, Blog, Tools | Same as logo-main but all #1C1917 dark — for light bg | P1
4 | favicon-16.png | Browser favicon small | 16x16 | PNG | Browser tab (small) | Export logo icon only (flame) at 16px — no text | P1
5 | favicon-32.png | Browser favicon standard | 32x32 | PNG | Browser tab (standard) | Export logo icon only at 32px | P1
6 | favicon-180.png | Apple touch icon | 180x180 | PNG | iOS home screen shortcut | Logo icon with saffron background, rounded | P1
7 | og-default.jpg | Default OG / social share | 1200x630 | JPG | All pages without custom OG image — Twitter/FB default | AstroAyodhya logo centered on dark (#07070F) bg with tagline 'Ayodhya ki Jyotish Parampara' | P1
8 | loading-screen.webp | App loading/splash screen | 600x600 | WebP | Mobile PWA loading screen | Sacred flame animation frame — saffron on dark — 1 static frame | P2
CATEGORY 2 — HERO & BACKGROUND IMAGES (10 images) — Section backgrounds | CATEGORY 2 — HERO & BACKGROUND IMAGES (10 images) — Section backgrounds | CATEGORY 2 — HERO & BACKGROUND IMAGES (10 images) — Section backgrounds | CATEGORY 2 — HERO & BACKGROUND IMAGES (10 images) — Section backgrounds | CATEGORY 2 — HERO & BACKGROUND IMAGES (10 images) — Section backgrounds | CATEGORY 2 — HERO & BACKGROUND IMAGES (10 images) — Section backgrounds | CATEGORY 2 — HERO & BACKGROUND IMAGES (10 images) — Section backgrounds | CATEGORY 2 — HERO & BACKGROUND IMAGES (10 images) — Section backgrounds
9 | hero-homepage-bg.webp | Hero background | 1920x1080 | WebP | Homepage hero section background | Dark cosmic night sky with subtle star field. Ayodhya Ram Mandir spire silhouette in far background. Very subtle — text must be readable over it. Dark overlay on top. | P1
10 | ayodhya-saryu-ghat.webp | Ayodhya photo — editorial | 1200x800 | WebP | Homepage — Ayodhya Story section (right column), About page hero | Real or illustrated: Saryu ghat at dawn, saffron-tinted lighting, diyas floating on water. Spiritual atmosphere. NOT stock photo. | P1
11 | ayodhya-yagnashala.webp | Yagnashala interior photo | 1200x800 | WebP | Puja page hero, Puja detail pages, Foundation section | Hawan kund with agni, Acharya ji performing puja, saffron flowers, Ayodhya background. Real photo preferred. | P1
12 | hero-kundali-bg.webp | Kundali page hero bg | 1920x600 | WebP | Kundali page top section background | Abstract Vedic geometry: concentric circles, Sanskrit symbols, deep purple/navy with gold accents. Tech + sacred fusion. | P2
13 | hero-forecast-bg.webp | Forecast page hero bg | 1920x500 | WebP | Forecast pricing page hero | Night sky with constellation lines, Vedic chart overlay. Dark with saffron/gold accents. | P2
14 | hero-acharyas-bg.webp | Acharyas page hero bg | 1920x500 | WebP | Acharyas listing page top | Row of Acharyas in traditional attire, Ayodhya temple in background, warm saffron light. Real photo preferred. | P1
15 | hero-puja-bg.webp | Puja page hero bg | 1920x500 | WebP | Puja catalog page hero | Hawan agni close-up, saffron marigolds, sacred atmosphere. High quality, warm lighting. | P1
16 | hero-foundation-bg.webp | Foundation hero bg | 1920x500 | WebP | Foundation page hero section | Beneficiaries smiling — real photos (with permission). Green-tinted. Warm, impactful. | P1
17 | hero-about-bg.webp | About page hero bg | 1920x500 | WebP | About page /about hero | Team/founder in Ayodhya setting. Warm, personal, NOT corporate. Real photo. | P2
18 | star-field-texture.webp | Subtle star texture | 1920x1080 | WebP | Homepage hero, Forecast hero, dark sections — CSS overlay | Very subtle: tiny white dots on near-black #07070F bg. Very low opacity when used. | P2
CATEGORY 3 — KUNDALI & CHART ASSETS (5 images/SVG) — Jyotish chart elements | CATEGORY 3 — KUNDALI & CHART ASSETS (5 images/SVG) — Jyotish chart elements | CATEGORY 3 — KUNDALI & CHART ASSETS (5 images/SVG) — Jyotish chart elements | CATEGORY 3 — KUNDALI & CHART ASSETS (5 images/SVG) — Jyotish chart elements | CATEGORY 3 — KUNDALI & CHART ASSETS (5 images/SVG) — Jyotish chart elements | CATEGORY 3 — KUNDALI & CHART ASSETS (5 images/SVG) — Jyotish chart elements | CATEGORY 3 — KUNDALI & CHART ASSETS (5 images/SVG) — Jyotish chart elements | CATEGORY 3 — KUNDALI & CHART ASSETS (5 images/SVG) — Jyotish chart elements
19 | chart-north-indian-empty.svg | Empty North Indian chart | 600x600 | SVG | Kundali page — placeholder while chart loads, marketing materials | 12-house North Indian grid — empty, clean, saffron borders on white/cream bg. SVG so it scales. | P1
20 | chart-south-indian-empty.svg | Empty South Indian chart | 600x600 | SVG | South Indian chart option on kundali page | South Indian style empty grid — alternative to North Indian | P2
21 | kundali-og-image.jpg | OG image — kundali page | 1200x630 | JPG | /kundali page social share, WhatsApp preview | Sample kundali chart (filled) with 'Free Kundali — AstroAyodhya' text overlay. Person name blurred. | P1
22 | kundali-milan-og-image.jpg | OG image — kundali milan | 1200x630 | JPG | /kundali-milan social share | Two charts merging with heart + '36 Gun Match Score' overlay. Saffron branding. | P1
23 | sample-forecast-cover.webp | Sample forecast cover | 800x1130 | WebP | Forecast pricing page — sample report preview thumbnail | AstroAyodhya branded forecast cover: person name 'Sample Report', date range, Acharya photo placeholder, saffron design. Like a real PDF cover. | P1
CATEGORY 4 — ACHARYA PHOTOS & PROFILE ASSETS (8 images) — Trust building | CATEGORY 4 — ACHARYA PHOTOS & PROFILE ASSETS (8 images) — Trust building | CATEGORY 4 — ACHARYA PHOTOS & PROFILE ASSETS (8 images) — Trust building | CATEGORY 4 — ACHARYA PHOTOS & PROFILE ASSETS (8 images) — Trust building | CATEGORY 4 — ACHARYA PHOTOS & PROFILE ASSETS (8 images) — Trust building | CATEGORY 4 — ACHARYA PHOTOS & PROFILE ASSETS (8 images) — Trust building | CATEGORY 4 — ACHARYA PHOTOS & PROFILE ASSETS (8 images) — Trust building | CATEGORY 4 — ACHARYA PHOTOS & PROFILE ASSETS (8 images) — Trust building
24 | acharya-placeholder.webp | Acharya placeholder avatar | 200x200 | WebP | Any Acharya whose photo not yet available — fallback | Silhouette of Acharya in traditional attire. Saffron-toned. NOT generic avatar. | P1
25 | badge-brahman-verified.svg | Brahman Verified badge | 120x32 | SVG | Every Acharya card, profile page, forecast PDF | Gold pill badge: checkmark + 'Brahman Verified' text. Gold gradient. Transparent bg. | P1
26 | badge-ayodhya-resident.svg | Ayodhya Resident badge | 120x32 | SVG | Acharya profile badges section | Saffron pill: flame icon + 'Ayodhya Resident'. Transparent bg. | P1
27 | badge-gurukul-trained.svg | Gurukul Trained badge | 120x32 | SVG | Acharya profile badges section | Cream/gold pill: book icon + 'Gurukul Trained' | P2
28 | badge-1000-consultations.svg | 1000+ Consultations badge | 120x32 | SVG | Acharya profile — auto-awarded at 1000 consultations | Purple pill: star icon + '1000+ Consultations' | P2
29 | acharya-og-template.jpg | Acharya OG image template | 1200x630 | JPG | Each /acharyas/[slug] page social share — auto-generated per Acharya with Cloudinary text overlay | AstroAyodhya frame + right side for Acharya photo. Text area left: name + specialization + rating. Generated dynamically via Cloudinary. | P1
30 | verification-stamp.svg | Brahman Verification stamp | 200x200 | SVG | Forecast PDF last page, consultation room background | Circular stamp design: 'Ayodhya Certified Brahman Acharya' around edge, flame icon center. Gold/saffron. | P2
31 | guru-parampara-icon.svg | Guru Parampara tree icon | 200x300 | SVG | Acharya profile — Guru Parampara section header | Simple family tree icon: 3 generations connected by lines. Saffron. | P3
CATEGORY 5 — PUJA IMAGES (12 images) — One per major puja type | CATEGORY 5 — PUJA IMAGES (12 images) — One per major puja type | CATEGORY 5 — PUJA IMAGES (12 images) — One per major puja type | CATEGORY 5 — PUJA IMAGES (12 images) — One per major puja type | CATEGORY 5 — PUJA IMAGES (12 images) — One per major puja type | CATEGORY 5 — PUJA IMAGES (12 images) — One per major puja type | CATEGORY 5 — PUJA IMAGES (12 images) — One per major puja type | CATEGORY 5 — PUJA IMAGES (12 images) — One per major puja type
32 | puja-kaal-sarp.webp | Kaal Sarp Puja thumbnail | 800x450 | WebP | Puja catalog card, /puja/kaal-sarp-dosha hero, OG image | Silver naag-nagin pair on puja thali with marigolds, hawan kund fire in bg. Saffron tinted. 16:9 ratio. | P1
33 | puja-mangal-dosha.webp | Mangal Dosha Puja thumbnail | 800x450 | WebP | Puja catalog card, /puja/mangal-dosha hero | Red-toned: sindoor, red flowers, Mangal yantra on copper plate. | P1
34 | puja-navagraha.webp | Navagraha Shanti thumbnail | 800x450 | WebP | Puja catalog card, Navagraha puja pages | 9 small oil lamps in circle pattern (representing 9 planets), sacred hawan fire. Divine atmosphere. | P1
35 | puja-rudrabhishek.webp | Rudrabhishek thumbnail | 800x450 | WebP | Puja catalog card, Rudrabhishek detail page | Shivling with Ganga jal being poured, bel patra, flowers. Peaceful white/silver tones. | P1
36 | puja-ram-puja.webp | Ram Puja thumbnail | 800x450 | WebP | Ram Puja catalog card | Ram Lalla murti or Ram temple with diyas, marigold garlands, saffron-red ambience. | P1
37 | puja-vivah.webp | Vivah Puja thumbnail | 800x450 | WebP | Vivah/Shadi puja catalog card | Wedding fire (agni) with havan kund, phool mala, auspicious atmosphere. | P2
38 | puja-pitra-dosha.webp | Pitra Dosha / Tarpan thumbnail | 800x450 | WebP | Pitra Dosha puja, Saryu Tarpan catalog card | Saryu ghat at dawn, priest performing tarpan, sacred water, morning light. | P2
39 | puja-durga-navratri.webp | Durga / Navratri thumbnail | 800x450 | WebP | Durga Puja, Navratri catalog card | Durga maa photo with red/orange marigolds, sindoor, traditional lamp. | P2
40 | puja-default-placeholder.webp | Generic puja placeholder | 800x450 | WebP | Any puja without specific image — fallback | Hawan kund fire close-up, very clean. Works for any puja type. | P1
41 | gps-certificate-template.webp | GPS Certificate design | 1240x1754 | WebP | Sample shown on Puja page — 'Yeh milega aapko' preview | AstroAyodhya branded certificate: saffron border, logo, 'Puja Performed in Ayodhya', GPS coordinates placeholder, QR code placeholder, Acharya signature area. A4 portrait. | P1
42 | prasad-box-mockup.webp | Prasad packaging mockup | 800x800 | WebP | Puja page — 'Prasad kya milega' section, Shop product images | Saffron-gold branded box: AstroAyodhya logo embossed, closed box + open showing contents. Professional product photography style. | P2
43 | saryu-jal-bottle.webp | Saryu Jal sealed bottle | 400x600 | WebP | Shop product image, Puja samagri kit contents | Small sealed glass bottle with saffron label: 'Saryu Jal — Ayodhya'. Clean product photo on white bg. | P2
CATEGORY 6 — SHOP PRODUCT IMAGES (15 images) — E-commerce product photos | CATEGORY 6 — SHOP PRODUCT IMAGES (15 images) — E-commerce product photos | CATEGORY 6 — SHOP PRODUCT IMAGES (15 images) — E-commerce product photos | CATEGORY 6 — SHOP PRODUCT IMAGES (15 images) — E-commerce product photos | CATEGORY 6 — SHOP PRODUCT IMAGES (15 images) — E-commerce product photos | CATEGORY 6 — SHOP PRODUCT IMAGES (15 images) — E-commerce product photos | CATEGORY 6 — SHOP PRODUCT IMAGES (15 images) — E-commerce product photos | CATEGORY 6 — SHOP PRODUCT IMAGES (15 images) — E-commerce product photos
44 | product-placeholder-gemstone.webp | Gemstone placeholder | 800x800 | WebP | Any gemstone without actual photo — fallback | Elegant placeholder: stylized gemstone shape on white bg, subtle sparkle effect. Professional. | P1
45 | product-placeholder-rudraksha.webp | Rudraksha placeholder | 800x800 | WebP | Any Rudraksha without actual photo — fallback | Single Rudraksha on white bg, warm wood-toned lighting. | P1
46 | product-placeholder-yantra.webp | Yantra placeholder | 800x800 | WebP | Any yantra without actual photo — fallback | Shree Yantra geometric pattern on copper-toned bg. | P1
47 | product-energization-video-thumb.webp | Energization video thumbnail | 800x450 | WebP | Product detail page — video thumbnail before play | Acharya ji performing abhishek with Saryu jal on product. Play button overlay. Saffron toned. | P2
48 | shop-hero-banner.webp | Shop hero banner | 1920x400 | WebP | Shop page /shop hero section top | 'Ayodhya se — Aapke Ghar Tak' text. Gemstones + Rudraksha + Yantra arranged beautifully on dark fabric. Saffron lighting. | P2
49 | product-moonga-ring.webp | Red Coral (Moonga) ring | 800x800 | WebP | /shop/moonga-ring product main image | Red coral stone in silver ring. White bg. Multiple angles: front, side, on finger. Real product photo. | P1
50 | product-5-mukhi-rudraksha.webp | 5-Mukhi Rudraksha | 800x800 | WebP | /shop/5-mukhi-rudraksha product | 5-mukhi Rudraksha bead close-up showing mukhas (lines) clearly. On white or natural wood bg. | P1
51 | product-shree-yantra.webp | Shree Yantra copper | 800x800 | WebP | /shop/shree-yantra product | Copper Shree Yantra, engraved, on saffron fabric. Warm lighting. | P1
52 | product-neelam-stone.webp | Blue Sapphire (Neelam) | 800x800 | WebP | /shop/neelam product — with mandatory warning | Deep blue sapphire stone, faceted, on white bg. Include small 'Consult Acharya First' warning badge overlay. | P2
53 | product-pukhraj.webp | Yellow Sapphire (Pukhraj) | 800x800 | WebP | /shop/pukhraj product | Bright yellow sapphire. White bg. Clear, bright photo. | P2
54 | product-kaal-sarp-yantra.webp | Kaal Sarp Yantra | 800x800 | WebP | /shop/kaal-sarp-yantra product | Copper yantra with naag-nagin motif engraved. Close-up detail. | P2
55 | product-samagri-kit.webp | Puja Samagri kit contents | 800x800 | WebP | Shop samagri category, Puja page samagri add-on | All samagri items spread out beautifully: roli, kumkum, agarbatti, dhoop, ghee diya etc. Flat lay on saffron fabric. | P2
56 | qr-verify-example.webp | QR code verification example | 400x400 | WebP | Product detail page — showing how QR works | Sample QR code with 'Scan to Verify Energization' text. Shows phone scanning it. Trust visual. | P3
57 | shop-og-image.jpg | Shop page OG image | 1200x630 | JPG | /shop page social share | Curated product display — gemstones + rudraksha + yantra. 'Ayodhya Certified' text overlay. | P3
58 | product-combo-pack.webp | Combo pack visual | 800x800 | WebP | Combo packs category | Multiple items together: ring + rudraksha + yantra + samagri. Arranged neatly. Premium packaging. | P3
CATEGORY 7 — FOUNDATION IMAGES (8 images) — Real impact visuals (NOT stock) | CATEGORY 7 — FOUNDATION IMAGES (8 images) — Real impact visuals (NOT stock) | CATEGORY 7 — FOUNDATION IMAGES (8 images) — Real impact visuals (NOT stock) | CATEGORY 7 — FOUNDATION IMAGES (8 images) — Real impact visuals (NOT stock) | CATEGORY 7 — FOUNDATION IMAGES (8 images) — Real impact visuals (NOT stock) | CATEGORY 7 — FOUNDATION IMAGES (8 images) — Real impact visuals (NOT stock) | CATEGORY 7 — FOUNDATION IMAGES (8 images) — Real impact visuals (NOT stock) | CATEGORY 7 — FOUNDATION IMAGES (8 images) — Real impact visuals (NOT stock)
59 | foundation-medical-camp.webp | Free medical camp photo | 1200x800 | WebP | Foundation page programs section, /foundation hero collage | Real photo: doctor examining patient at camp. Clean, impactful. With permission from subjects. | P1
60 | foundation-food-distribution.webp | Food distribution photo | 1200x800 | WebP | Foundation page — food program card | Real photo: food being distributed to families. Warm, emotional. | P1
61 | foundation-education.webp | Free school photo | 1200x800 | WebP | Foundation page — education program card | Children studying at Foundation learning centre. Joyful, hopeful. | P1
62 | foundation-women-training.webp | Women empowerment photo | 1200x800 | WebP | Foundation page — women program card | Women at tailoring training session. Empowered, smiling. | P1
63 | foundation-borewell.webp | Borewell installation photo | 1200x800 | WebP | Foundation page — clean water program | Villagers around new borewell, drinking water, celebrating. Real. | P2
64 | foundation-blood-donation.webp | Blood donation camp photo | 1200x800 | WebP | Foundation page — blood program | Blood donation camp — donors, medical staff. Clean, professional. | P2
65 | foundation-tree-plantation.webp | Tree plantation photo | 1200x800 | WebP | Foundation page — environment program | Group planting trees near Saryu. Community effort. | P2
66 | foundation-logo.svg | Laraware Welfare Foundation logo | Auto | SVG | Foundation page header, About page, footer credit, PDF reports | Foundation's official logo. Get from larawarefoundation.com. Use as-is. | P1
CATEGORY 8 — BLOG & SEO IMAGES (6 images) — Content and social sharing | CATEGORY 8 — BLOG & SEO IMAGES (6 images) — Content and social sharing | CATEGORY 8 — BLOG & SEO IMAGES (6 images) — Content and social sharing | CATEGORY 8 — BLOG & SEO IMAGES (6 images) — Content and social sharing | CATEGORY 8 — BLOG & SEO IMAGES (6 images) — Content and social sharing | CATEGORY 8 — BLOG & SEO IMAGES (6 images) — Content and social sharing | CATEGORY 8 — BLOG & SEO IMAGES (6 images) — Content and social sharing | CATEGORY 8 — BLOG & SEO IMAGES (6 images) — Content and social sharing
67 | blog-og-template.jpg | Blog article OG template | 1200x630 | JPG | All blog articles — auto-generated via Cloudinary with article title overlay | Dark background + AstroAyodhya logo small top-right + Article title large Hindi text center + Category pill bottom-left. Cloudinary text overlay generation. | P1
68 | blog-author-placeholder.webp | Blog author placeholder | 200x200 | WebP | Blog articles by editorial team (no specific author photo) | Saffron-toned silhouette placeholder for editorial team authors. | P2
69 | blog-category-dosha.webp | Dosha category hero | 1200x400 | WebP | /blog/category/dosha page hero banner | Kundali chart with dosha warning symbols. Saffron-red toned. | P3
70 | blog-category-rashi.webp | Rashi category hero | 1200x400 | WebP | /blog/category/rashi page hero banner | 12 rashi symbols arranged in a wheel. Colorful, astrological. | P3
71 | whatsapp-rashifal-mockup.webp | WhatsApp rashifal mockup | 390x844 | WebP | Membership page — showing WhatsApp preview, Homepage membership section | Phone mockup (iPhone/Android) showing AstroAyodhya WhatsApp message: rashifal content. Real WhatsApp UI style. | P1
72 | panchang-og-image.jpg | Panchang OG image | 1200x630 | JPG | /panchang page social share | Today's panchang data displayed visually: Tithi, Nakshatra, Vara on saffron card. AstroAyodhya logo. | P2
CATEGORY 9 — PRESS LOGOS & ABOUT PAGE (4 images) | CATEGORY 9 — PRESS LOGOS & ABOUT PAGE (4 images) | CATEGORY 9 — PRESS LOGOS & ABOUT PAGE (4 images) | CATEGORY 9 — PRESS LOGOS & ABOUT PAGE (4 images) | CATEGORY 9 — PRESS LOGOS & ABOUT PAGE (4 images) | CATEGORY 9 — PRESS LOGOS & ABOUT PAGE (4 images) | CATEGORY 9 — PRESS LOGOS & ABOUT PAGE (4 images) | CATEGORY 9 — PRESS LOGOS & ABOUT PAGE (4 images)
73 | press-forbes-india.png | Forbes India logo | 200x80 | PNG | /about/press page — media coverage card | Forbes India official logo. Download from press kit or use transparent PNG. Grey/black version. | P1
74 | press-economic-times.png | Economic Times logo | 200x80 | PNG | /about/press page | Economic Times logo. Official. Grey version for consistency. | P1
75 | press-hindustan-times.png | Hindustan Times logo | 200x80 | PNG | /about/press page | Hindustan Times logo. Official. | P2
76 | founder-anvesh-tiwari.webp | Founder photo — Anvesh Tiwari | 400x400 | WebP | About page /about/team, About hero, Press kit, Media articles | Professional photo of Anvesh ji — good lighting, slight smile, not too formal. Ayodhya or professional bg. Square crop. | P1
CATEGORY 10 — TECHNICAL / UTILITY IMAGES (2 images) | CATEGORY 10 — TECHNICAL / UTILITY IMAGES (2 images) | CATEGORY 10 — TECHNICAL / UTILITY IMAGES (2 images) | CATEGORY 10 — TECHNICAL / UTILITY IMAGES (2 images) | CATEGORY 10 — TECHNICAL / UTILITY IMAGES (2 images) | CATEGORY 10 — TECHNICAL / UTILITY IMAGES (2 images) | CATEGORY 10 — TECHNICAL / UTILITY IMAGES (2 images) | CATEGORY 10 — TECHNICAL / UTILITY IMAGES (2 images)
77 | 404-illustration.webp | 404 Page illustration | 800x600 | WebP | 404 not found page | Friendly illustrated: kundali chart with confused face or broken compass. Easy Hindi: 'Yeh page nahi mila'. Saffron/gold themed. | P3
78 | maintenance-illustration.webp | Maintenance page illustration | 800x600 | WebP | Site maintenance mode page | Illustrated: Acharya ji meditating + 'Thodi der mein wapas aate hain' text. Peaceful, calm. | P3
Category | Count | Estimated Time | Notes
Brand / Logo | 4 files (logo + favicon set) | 4-6 hours (designer) | Logo design is most important. Get a professional designer. Deepak/flame motif. Saffron + Gold.
Hero Backgrounds | 5 backgrounds | 8-12 hours or photography | Homepage + Acharyas + Puja + Foundation heroes are P1. Real Ayodhya photography ideal.
Acharya Photos | Placeholder + badges (3 SVGs) | 2-3 hours | Placeholder for now. Real Acharya photos collected during onboarding. Badges are SVG — designer work.
Puja Images | 5 main puja + placeholder | Photography session | Real puja photography in Ayodhya yagnashala. GPS certificate template from designer.
Shop Products | 3 placeholders + 3 hero products | 4-6 hours photography | Moonga ring, 5-Mukhi rudraksha, Shree Yantra — these 3 sell most. Professional product photography.
Foundation | 4 program photos + logo | Real photography | Real beneficiary photos ONLY — with permission. Get from Foundation team. NO stock photos.
OG Default + Key pages | 5 OG images | 2-3 hours (designer) | og-default.jpg + kundali + milan + acharya template + puja. Canva/Figma template works.
Press logos | 2 logos (Forbes + ET) | 30 min download | Download from official press kits. Use grey/monochrome versions for consistency.
WhatsApp mockup | 1 phone mockup | 2-3 hours (designer) | Critical for Membership page. Creates desire. Use Figma phone frame + custom WhatsApp message content.
Founder photo | 1 photo | Photography session | Professional headshot. Natural lighting. Casual-professional.
Image Use Case | Dimensions | Max Size | Format | Special Notes
Logo (scalable) | Vector — any size | < 50KB | SVG | 3 versions: main, white, dark
Favicon | 16x16, 32x32, 180x180 | < 10KB each | PNG | Icon only — no text
OG / Social Share (Facebook, Twitter, WhatsApp) | 1200x630 | < 300KB | JPG | Ratio 1.91:1. Text readable at small size.
Hero Background (full-width) | 1920x1080 or 1920x500 | < 400KB | WebP | Dark overlay applied via CSS. Text on top.
Product Photos (shop) | 800x800 | < 200KB | WebP | White background. 1:1 ratio. Multiple angles.
Puja Category Cards | 800x450 | < 200KB | WebP | 16:9 ratio. Color-coded by puja category.
Blog Article Thumbnail | 1200x630 | < 250KB | WebP | Auto-generated via Cloudinary text overlay.
Acharya Profile Photo | 200x200 (card), 400x400 (profile) | < 100KB | WebP | Circular crop applied via CSS. Face-centered.
Foundation Program Photos | 1200x800 | < 300KB | WebP | Real people, real programs. With permission.
SVG Badges and Icons | Variable — vector | < 20KB | SVG | Inline SVG preferred for small icons.
GPS Certificate (A4) | 1240x1754 (A4 at 150dpi) | < 500KB | WebP/PDF | A4 portrait. PDF for download, WebP for preview.
WhatsApp Mobile Mockup | 390x844 | < 300KB | WebP | Portrait phone mockup. iPhone or Android.
Dynamic Image | How Generated | Cloudinary URL Pattern
Acharya OG image | Template + Acharya name + photo overlay | /og-acharya/l_acharya-[name],g_east/l_text:hindi-title:[name]/og-base.jpg
Blog article OG | Dark template + article title text overlay | Cloudinary text overlay with Devanagari font support
WhatsApp share card | User's contribution amount + programs helped | Generated on-demand when user clicks 'Share'
Puja certificate share | User name + puja + GPS location on certificate template | PDF generated by Puppeteer, WebP preview by Cloudinary
Kundali social card | Chart SVG + user name overlay | SVG rendered client-side, screenshot via html2canvas for sharing
Section | Image File | Size in Component | CSS / Implementation Note
Navbar logo | logo-white.svg | 140px wide auto | On dark navbar bg. White version. next/image component.
Hero background | hero-homepage-bg.webp | 100vw x 600px | CSS background-image with dark overlay (bg-black/60). Not next/image.
Hero — right column (desktop) | Animated SVG (not a static image) | 400x400 canvas | chart-north-indian-empty.svg animated with CSS/JS — rotates nakshatra ring
Ayodhya Story section | ayodhya-saryu-ghat.webp | 600px wide, auto height | Right column. Saffron overlay (mix-blend-mode or overlay div).
Acharya section cards | acharya-[name].webp (dynamic) | 96px circular | CSS: border-radius:50%, border: 3px solid #D97706
Testimonial avatars | User uploaded OR placeholder | 48px circular | fallback: gradient avatar with initials if no photo
OG image | og-default.jpg | 1200x630 (meta tag only) | In <head> og:image meta tag. Not rendered on page.
Section | Image File | Size | Notes
Chart placeholder (loading) | chart-north-indian-empty.svg | 400px x 400px | Shows while Vedic Engine API responds. Replaced by generated SVG.
Product recommendation cards | product-[name].webp (dynamic) | 60x60px thumbnail | Lazy loaded. WebP. Alt text in Hindi.
OG image | kundali-og-image.jpg | 1200x630 meta | Static sample kundali chart with branding.
Section | Image File | Size | Notes
Listing hero | hero-acharyas-bg.webp | 100vw x 500px | Dark overlay on top for text readability
Acharya card photo | acharya-[name].webp | 96px circular | object-fit:cover. Saffron 3px border-radius ring.
Brahman Verified badge | badge-brahman-verified.svg | Inline SVG — 20px height | Absolute positioned top-right of photo
Profile page — large photo | acharya-[name].webp | 200px circular | 4px saffron border ring. object-fit:cover.
All profile badges | badge-*.svg (multiple) | Auto height — inline | Displayed as pill row. SVG inline or img tag.
OG image per Acharya | acharya-og-template.jpg (+ Cloudinary overlay) | 1200x630 meta | Auto-generated: base template + Acharya photo + name overlay via Cloudinary
Section | Image File | Size | Notes
Page hero | hero-puja-bg.webp | 100vw x 500px | Real puja fire photo. Dark overlay.
Puja catalog card thumbnail | puja-[name].webp | 400x225px (16:9) | Each puja has specific image. Fallback: puja-default-placeholder.webp
GPS certificate preview | gps-certificate-template.webp | 620x877 (A4 half) | Shown in 'Kya milega' section. User sees what they get.
Prasad box preview | prasad-box-mockup.webp | 400x400px | In 'Prasad kya milega' section
Section | Image File | Size | Notes
Shop hero banner | shop-hero-banner.webp | 100vw x 400px | Curated product flat-lay
Product card thumbnail | product-[slug].webp | 300x300px in grid | Square. White bg. Lazy loaded. Zoom on hover.
Product detail — main | product-[slug].webp (multiple angles) | 600x600px main | Gallery: 4-6 images. Swipe on mobile. Zoom on click.
Energization video thumb | product-energization-video-thumb.webp | 480x270px | Play button overlay. Click plays Cloudinary video.
Section | Image File | Size | Notes
Article OG + social share | blog-og-template.jpg (Cloudinary dynamic) | 1200x630 | Auto-generated per article via Cloudinary text overlay on dark template.
Author avatar (Acharya) | acharya-[name].webp | 48px circular | In article header bar. Same as /acharyas photo.
Author avatar (editorial) | blog-author-placeholder.webp | 48px circular | Used when no specific author photo available.
Inline article images | blog-[article-slug]-img[n].webp | 800px wide max | 1-3 per article. WebP. Lazy load. Hindi alt text.
Category page heroes | blog-category-[name].webp | 1200x400px | P3 priority. One per category page hero.
Section | Image File | Size | Notes
Hero section | hero-foundation-bg.webp | 100vw x 500px | Real beneficiary photos. 2x3 collage on right. NOT stock.
Foundation logo | foundation-logo.svg | 200px wide | Link to larawarefoundation.com
8 Program cards | foundation-[program-name].webp | 400x267px (3:2) | Real photos. Each program card has one. 8 images total.
Gallery section | foundation-gallery-[n].webp | Masonry — varied | Updated quarterly. Cloudinary gallery. WebP max 200KB.