ASTROAYODHYA.COM
Homepage — Complete Page Document
Doc v1.0  |  Developer + Designer Reference  |  Confidential
Table of Contents
Section 0: Page Overview + Goals
Section 1: Navbar (Navigation Bar)
Section 2: Hero Section
Section 3: Trust Bar
Section 4: Free Tools Section
Section 5: How It Works
Section 6: Today's Rashifal Preview
Section 7: Meet Our Acharyas
Section 8: Forecast Plans + Pricing
Section 9: Ayodhya Story Section
Section 10:Foundation / Charity Section
Section 11:Testimonials
Section 12:FAQ Section
Section 13:Footer
Section 14:Global Elements (Sticky, Popups, WhatsApp)
Section 15:SEO + Schema Markup
Section 16:Mobile Responsiveness Rules
SECTION 0 — Page Overview & Goals
0.1  Page Purpose
Homepage ek dum seedha ek kaam karta hai — pehli baar aaye visitor ko convince karna ki AstroAyodhya pe trust karo, aur free kundali banane ke liye signup karo. Baaki sab uske baad.
Primary Goal: Free Kundali form bharo — email/phone collect karo (lead generation)
Secondary Goal: Forecast plans dekho — purchase karo (revenue)
Tertiary Goal: Foundation story samjho — trust bano (brand)
0.2  Visitor Types & Intent
0.3  Page Structure — Section Flow
Total sections: 13 visible + navbar + footer + global elements. Total scroll depth estimate: ~5,500px desktop, ~9,000px mobile.
SECTION 1 — Navbar
1.1  Navbar Layout — Left to Right
1.2  Nav Links — Exact Text + Routes
1.3  Language Switcher
Pill button — shows current flag + language code. Click opens dropdown with all 20 languages grouped: Bharat ki Bhashayen | Diaspora | Special Modes (Hinglish, English).
URL strategy: Language prefix in URL — /hi/kundali, /ta/kundali, /hinglish/kundali. Default / = Hindi. Auto-detect from browser Accept-Language header.
1.4  CTA Buttons in Navbar
1.5  Foundation Strip — Above Navbar
Topmost element on page — 36px strip above navbar.
Background: #166534 (Foundation Green). Text: '🌱 50% profit Laraware Foundation ko jaata hai — Ayodhya & UP ke logon ki seva mein' + [Jaano] button linking to /foundation.
This strip is dismissible (X button) — dismissal saved to localStorage. Reappears after 7 days.
SECTION 2 — Hero Section
2.1  Hero Content — Left Column
2.1.1  Pre-headline Badge
Text: '🕯 Ayodhya ke Brahman Acharyon dwara Certified'
Style: Small pill — saffron border, transparent bg, saffron text. 13px.
2.1.2  Main Headline — H1
Hindi (Default): "Apni Kundali Banao — Seedha Ayodhya ke Pandit Se"
Hinglish: "Apni Kundali Banao — Free mein, Trusted Ayodhya Pandits se"
English: "Your Vedic Birth Chart — Certified by Ayodhya's Brahman Acharyas"
Font: Playfair Display Bold 52px desktop, 36px mobile. Color: White. Line height: 1.2.
2.1.3  Sub-headline
Hindi: "Shani ki Sade Sati? Mangal Dosha? Kundali Milan? — Sab ka jawab ek jagah."
English: "Saturn transit? Mangal Dosha? Marriage compatibility? — All answers, one platform."
Font: DM Sans 18px, color: #D6D3CE (light grey). Max-width: 520px.
2.1.4  Hero Form — Free Kundali Entry
Form fields in Hero:
Name (placeholder: 'Apna naam likhein — jaise Ram, Priya, Amit')
Date of Birth (date picker — DD/MM/YYYY format, Indian calendar option)
Time of Birth (time picker — 'Approximate bhi chalega')
Place of Birth (Google Places autocomplete — city name, supports all Indian cities)
[CTA Button] 'Meri Kundali Banao →' — Saffron filled, full width on mobile
Form note below: '100% Free • Koi credit card nahi • Turant result milega'
2.1.5  Social Proof Numbers Below Form
2.2  Hero Content — Right Column (Desktop Only)
Animated SVG/Canvas kundali chart — rotating outer ring with nakshatra names, 12 house grid, glowing planetary positions. Pure CSS animation — no video file. On mobile: hidden (replaced by trust badges below form).
Animation spec: Slow rotation (60s per cycle) of nakshatra wheel. Subtle golden glow on house cusps. Planet symbols (Surya☉ Chandra☽ Mangal♂ etc.) placed at random positions. No interaction needed — purely decorative trust-builder.
2.3  Hero Background
Background color: #07070F
Star field: CSS box-shadows technique — 200 tiny white dots at random positions
Gradient overlay: top to bottom, slight saffron-to-transparent at very top
NO background image or video — keeps LCP score excellent
SECTION 3 — Trust Bar
3.1  Trust Bar Items — All 10
Style: 14px DM Sans, color: #D6D3CE. Items separated by gold diamond ◆. Auto-scrolling left infinitely.
SECTION 4 — Free Tools Section
4.1  Section Heading
Hindi H2: "Yeh Sab Bilkul Free Hai"
Subtext: "Login ki zaroorat nahi — seedha use karo"
Center aligned. Font: Playfair Display 36px. Subtext: DM Sans 16px muted.
4.2  Free Tool Cards — All 6
Card spec: White bg, 1px border, 12px border-radius. Hover: saffron border. Icon: 40px. Title: 16px bold. Description: 13px muted. CTA: saffron text link with →.
Below grid: Text: 'Aur bhi tools dekho →' linking to /tools
SECTION 5 — How It Works
5.1  Section Heading
Hindi H2: "3 Minute Mein Apni Kundali Taiyaar"
Subtext: "Koi complicated process nahi — bas yeh 4 kaam karo"
5.2  4 Steps — Exact Content
Below steps: CTA — 'Abhi Shuru Karo — Free Hai' button, saffron, centered, linking to /kundali
SECTION 6 — Today's Rashifal Preview
6.1  Section Heading
Hindi H2: "Aaj Ka Rashifal — " + current date
Subtext: "Aaj aapke liye kya khaas hai? Apni rashi chuniye."
6.2  Rashi Card Content
6.3  Rashi Cards — All 12
Below grid: CTA — 'Apni Poori Rashifal Free Mein Dekho' → /rashifal
SECTION 7 — Meet Our Acharyas
7.1  Section Heading
Hindi H2: "Ayodhya Ke Asli Pandit Se Miliye"
Subtext: "Ye woh log hain jinki baat pe Ram Janmabhoomi ka nagar bharosa karta hai"
7.2  Acharya Card — What Each Card Contains
7.3  Brahman Verified Badge
Every Acharya card has a gold 'Brahman Verified ✓' badge — top right corner of card. Tooltip on hover: 'Ayodhya ke registered Brahman Acharya — credentials verified by AstroAyodhya team.'
Below carousel: 'Sabhi Acharyas Dekho' → /acharyas + small text: '500+ verified Brahman Acharyas from Ayodhya and across India'
SECTION 8 — Forecast Plans & Pricing
8.1  Section Heading
Hindi H2: "Apna Personalized Forecast Lo"
Subtext: "Brahman Acharya se verified — sab apki kundali ke hisaab se. Koi generic PDF nahi."
8.2  Four Pricing Cards — Content
8.3  Pricing Card Design Rules
All cards: white bg, 1px border, 16px radius, padding 24px
3-Year 'Most Popular' card: 2px saffron border, saffron 'Sabse Zyada Pasand' badge top
Price: 48px Playfair Display bold, saffron color
'Kya milega' list: 5-6 items, checkmark ✓ in green
CTA: full-width saffron filled button
Below price: small text 'Ek baar ka charge • GST alag'
Trust line below all cards: 'Brahman Verified ✓  |  PDF turant milega  |  Paise wapas agar santushti nahi'
Below pricing: 'Membership bhi available hai — ₹299/mahine se' → /membership
SECTION 9 — Ayodhya Story Section
9.1  Section Heading
Hindi H2: "Ayodhya Se Kyun?"
9.2  Section Body Copy — Full Text
Hindi (Easy): "Ayodhya sirf ek shehar nahi hai — yeh Bharat ka atma hai. Yahan Prabhu Ram ka janam hua, aur yahan Brahman Acharyon ki ek aise parampara hai jo hazaron saalon se Jyotish ko jivit rakhe hue hai."
Hindi Para 2: "Humare Acharya woh log hain jo Ram Janmabhoomi ke paas, Saryu ke kinare, subah 4 baje uthke hawan karte hain. Unke liye Jyotish sirf ek job nahi — yeh seva hai."
Hindi Para 3: "Isliye jab aap AstroAyodhya pe apni kundali banate hain — aap sirf ek app use nahi kar rahe. Aap ek sacred tradition se jud rahe hain."
9.3  3 Proof Points — Below Text
CTA: 'Hamari Kahani Padho' → /about + 'Acharyas Se Miliye' → /acharyas
SECTION 10 — Foundation / Charity Section
10.1  Section Heading
Hindi H2: "Aapki Kundali — Kisi Ki Zindagi"
Subtext: "Har rupaye ka 50% seedha Laraware Welfare Foundation ko jaata hai — Ayodhya aur UP ke zaroorattmand logon ke liye"
10.2  Left Side — Foundation Story
Para 1: "Jab aap hamare paas ₹99 mein kundali banate hain, toh ₹50 seedha Laraware Welfare Foundation ko jaate hain. Yeh paise kisi bachche ki padhai mein, kisi budhape mein akele baithe insaan ke khaane mein, ya kisi garib ki aankhon ke operation mein lagta hai."
Para 2: "Hum yeh ek vaada nahi — yeh humare business ka ek tootna wala niyam hai. Har teen mahine mein public report aati hai — kitna mila, kahan gaya."
Trust line: "Section 8 Company • 80G & 12A Certified • NITI Aayog: UP/2024/0416964 • Trust Act 1882"
Direct Donate CTA: Big green button — '🤝 Seedha Donate Karo' — links to https://larawarefoundation.com/donate/ (opens in new tab)
10.3  Right Side — 8 Programs Grid
2×4 grid of program cards. Each card: icon + program name (Easy Hindi) + 1 stat.
10.4  Purchase Impact Calculator Widget
Interactive mini-widget (React component). User selects product type from dropdown → shows: 'Aapki is ₹[X] ki kharid mein se ≈₹[Y] [Program Name] ke kaam aayega.' Animated counter.
Product dropdown options: 1-Year Forecast (₹99) | 2-Year (₹199) | 3-Year (₹399) | 5-Year (₹499) | Monthly Membership (₹299) | Acharya Call (₹1,499) | Puja Booking (₹2,099)
Below widget: 'Poori Impact Report Dekho' → /foundation/impact
10.5  Section Design Spec
Background: split — left dark green (#064E3B), right #0F172A
White text throughout
Green donate button: #16A34A, hover #15803D
Program cards: semi-transparent white bg, green border
Quarterly donation counter (live from API): 'Is saal abhi tak: ₹X,XX,XXX Foundation ko diya'
SECTION 11 — Testimonials
11.1  Section Heading
Hindi H2: "Logon Ne Kya Kaha"
Subtext: "2 Lakh+ reviews mein se chune hue — asli log, asli baatein"
11.2  6 Testimonial Cards — Exact Content
Below testimonials: 'Aur Reviews Padho' → links to /reviews or Google Reviews page
SECTION 12 — FAQ Section
12.1  Section Heading
Hindi H2: "Aapke Sawaal — Humare Jawab"
12.2  8 FAQ Items — Exact Content
A1: Haan — ek dum free. Koi credit card nahi chahiye. Signup karo, DOB dalo, kundali ban jaayegi. Sirf agar aap detailed forecast lena chahte ho tab payment hoti hai.
A2: Humare sabhi Acharyas ke naam, photos, guru parampara aur credentials site pe publicly listed hain. Koi anonymous nahi. Aap unka background check khud kar sakte ho.
A3: Haan. Har teen mahine mein ek public Impact Report aati hai — kitna transfer hua, kahan gaya, kiska photo. Aap larawarefoundation.com pe khud dekh sakte ho.
A4: Aapka janam ka data AES-256 encryption se surakshit hai. Hum kabhi bhi aapka data third party ko nahi bechte. India ke AWS Mumbai servers pe stored — India ka data India mein.
A5: Aisa nahi hai. Mangal dosha ke 25+ cancellation rules hain. Bahut log Manglik hone ke bawajood achi shaadi karte hain. Pehle Acharya se properly check karwao — phir decide karo.
A6: Sade Sati mushkil zaroor hoti hai — lekin yeh end nahi hai. Sahi remedies se is waqt bhi achhe kaam ho sakte hain. Hum phase-wise guidance dete hain.
A7: Haan — 7-din ki money-back guarantee hai agar aap satisfied nahi ho. Support pe message karo.
A8: Haan — Bengali, Tamil, Telugu, Marathi sameet 20 languages support karte hain. Hinglish (Roman mein Hindi) ka bhi option hai. Top right mein language switcher use karo.
SECTION 13 — Footer
13.1  Foundation Strip — Just Above Copyright
Content: '🌱 AstroAyodhya ka 50% profit Laraware Welfare Foundation ko jaata hai — Ayodhya & UP ke logon ki seva mein'
CTA: Green button — 'Seedha Donate Karo' → https://larawarefoundation.com/donate/ (new tab)
Trust line: 'Section 8 Company • 80G Tax Exempt • NITI Aayog: UP/2024/0416964'
Background of this strip: #064E3B (dark green). Always visible — not dismissible like topbar strip.
13.2  Footer Columns — 4 Column Content
13.3  Copyright Bar
'© 2025 AstroAyodhya — Laraware Group. Sab rights reserved. | Privacy Policy | Terms | Sitemap'
'Website made with ❤️ for Bharat — Powered by Ayodhya Brahman Parampara'
SECTION 14 — Global Elements (Sticky, Popups, WhatsApp)
14.1  Sticky Bottom Bar — Mobile Only
Fixed bottom of mobile viewport. Shows: [🔮 Free Kundali] [📅 Rashifal] [💬 Acharya] — three icon buttons. Appears after user scrolls 200px down. Hidden when keyboard is open.
14.2  Exit Intent Popup
Trigger: Mouse moves toward top of browser (exit intent). Only on desktop. Once per session.
Content: 'Ruko! Apni Free Kundali nahi banayi abhi tak?' + quick birth date form + 'Abhi Banao' button.
Design: Modal, dark overlay, white card, saffron CTA. Close X button.
14.3  WhatsApp Floating Button
Fixed bottom-right. WhatsApp green icon. On click: opens WhatsApp chat with pre-filled message 'Namaste! Main AstroAyodhya se apni kundali ke baare mein jaanna chahta/chahti hoon.'
Only on mobile. Desktop shows a 'Chat with us' tooltip.
14.4  Cookies / Consent Banner
Bottom of page on first visit. 'Hum cookies use karte hain — aapka experience better banane ke liye. Ye aapka data nahi bechte.' [OK] [Privacy Policy]
14.5  Loading State
On first load — AstroAyodhya logo animation (🕯 flame) + saffron circular loader. Max 1.5 seconds then fade to page. Critical for LCP target.
SECTION 15 — SEO & Schema Markup
15.1  Meta Tags — Exact Content
15.2  JSON-LD Schema Blocks Required on Homepage
Organization schema — name, url, logo, sameAs (social profiles), contactPoint
WebSite schema — name, url, potentialAction (SearchAction for site search)
FAQPage schema — all 8 FAQ questions and answers
LocalBusiness schema — Ayodhya location, hours, services (for local SEO)
BreadcrumbList schema — Home only (root page)
All schema in JSON-LD format in <script type='application/ld+json'> tags in <head>.
15.3  Performance Requirements
SECTION 16 — Mobile Responsiveness Rules
16.1  Breakpoints
16.2  Section-wise Mobile Changes
16.3  Touch Target Rules
All buttons minimum 44×44px touch target
Form inputs minimum 48px height
Tap targets minimum 8px apart
Nav links in hamburger: 56px height each (easy thumb tap)
No hover-only interactions — all hover states duplicated on tap
APPENDIX — Component Checklist & Next Steps
A.1  React Components Required for Homepage
A.2  API Calls on Homepage
A.3  Next Documents in Queue
AstroAyodhya.com — Homepage Page Document v1.0
Ancient Wisdom, Modern Clarity
50% profit → larawarefoundation.com | A Laraware Group Initiative
Page | Homepage  (Route: /)
URL | https://astroayodhya.com/
Route File | app/page.tsx  (Next.js 14 App Router)
Render Type | SSG — Static Site Generation (revalidate: 3600 for live stats)
Language Default | Hindi (Easy/Conversational) — switcher in Navbar
Target Users | First-time visitors, free tool seekers, spiritual seekers, marriage/kundali queries
Primary CTA | Free Kundali Banao → /kundali
Secondary CTA | Apna Forecast Dekho → /forecast
Foundation CTA | Laraware Foundation → larawarefoundation.com/donate/
SEO Title (Hi) | मुफ्त कुंडली बनाओ | Ayodhya के पंडितजी से | AstroAyodhya
SEO Title (En) | Free Kundali | Vedic Astrology by Ayodhya Acharyas | AstroAyodhya
Meta Description | Ayodhya ke Brahman Acharyon dwara certified Vedic Jyotish. Free kundali, daily rashifal, puja booking. 50% profit charity mein jaata hai.
Visitor Type | Kya Dhundhta Hai | Homepage Pe Kya Dikhao | Conversion Goal
Free tool seeker | Free kundali / free rashifal | Free Kundali CTA prominent | Sign up
Marriage seeker | Kundali match, vivah muhurat | Kundali Milan + Muhurat tools | Sign up + paid report
Spiritual seeker | Puja, Acharya consultation | Acharya section + Puja CTA | Book consultation
Remedy seeker | Mangal dosha, Sade Sati | Free dosha check tool | Sign up + remedy purchase
NRI / diaspora | Trusted astrology in English | English default + trust signals | Premium subscription
# | Section Name | Height (approx) + Priority
NAV | Navbar | 72px fixed — CRITICAL
1 | Hero | 600px desktop — HIGHEST PRIORITY
2 | Trust Bar | 80px — HIGH
3 | Free Tools | 320px — HIGH (SEO + Lead gen)
4 | How It Works | 380px — MEDIUM
5 | Rashifal Preview | 280px — MEDIUM (Daily return visits)
6 | Acharyas | 420px — HIGH (Trust)
7 | Forecast Pricing | 480px — HIGH (Revenue)
8 | Ayodhya Story | 360px — MEDIUM (Brand)
9 | Foundation | 440px — HIGH (Differentiation)
10 | Testimonials | 300px — MEDIUM (Trust)
11 | FAQ | 340px — MEDIUM (SEO)
12 | Footer | 320px — STANDARD
Design Spec
Fixed top navbar. Height: 72px. Background: #07070F (Cosmic Midnight) with 1px bottom border in saffron/20% opacity. Sticky on scroll — adds backdrop blur after 50px scroll.
Left | Logo: 🕯 AstroAyodhya — saffron wordmark. Click → /
Center (desktop) | Nav links: Kundali | Rashifal | Puja Booking | Shop | Foundation
Right | Language switcher pill + Login button + Free Kundali CTA button
Mobile | Hamburger menu — logo left, hamburger right. Language + CTA inside drawer.
Nav Label (Hindi) | Nav Label (English) | Route | Dropdown?
कुंडली | Kundali | /kundali | Yes — Free Kundali, Kundali Milan, Dasha Calculator
राशिफल | Rashifal | /rashifal | Yes — Aaj ka, Weekly, Monthly, Yearly (12 rashis)
पूजा बुकिंग | Puja Booking | /puja | Yes — Navagraha, Kaal Sarp, Rudrabhishek, Custom
दुकान | Shop | /shop | Yes — Gems, Yantra, Rudraksha, Books, Samagri
Foundation | Foundation | /foundation | No — direct link, highlighted in green
Login Button | Outline style. Text: 'Login'. Opens auth modal on click.
Primary CTA | Filled saffron button. Text: 'Free Kundali Banao'. Route: /kundali. Always visible.
Mobile CTA | Full-width saffron button inside hamburger drawer.
Design Spec
Full-width section. Min-height: 600px desktop, 500px mobile. Background: dark cosmic (#07070F) with subtle star-field texture (CSS, not image). Two-column layout desktop: LEFT = text + form, RIGHT = animated kundali chart visual.
Form Purpose
Collect DOB + Name → redirect to /kundali with pre-filled data. Email/phone gate appears AFTER chart is shown, before full details are revealed. This is the #1 lead generation mechanism on the site.
Stat 1 | 25 Lakh+ Kundaliyan Bani
Stat 2 | 500+ Brahman Acharya
Stat 3 | 4.8★ Rating (2.1 Lakh+ Reviews)
Stat 4 | 1947 se Jyotish Parampara
Design Spec
Full-width scrolling marquee strip. 80px height. Background: #1C1917. Infinite horizontal scroll animation (CSS). No pause on hover on mobile, pause on hover desktop.
1 | 🏆  Forbes India mein Charcha
2 | 📰  Economic Times Coverage
3 | 🙏  Ayodhya ke Asli Brahman Acharya
4 | 🔒  Aapka Data Bilkul Safe
5 | ✅  Swiss Ephemeris Engine — NASA Precision
6 | 🌱  50% Profit Charity Mein
7 | 🎯  25 Lakh+ Kundaliyan Bani
8 | ⭐  4.8 Stars — 2 Lakh+ Reviews
9 | 🏛️  NITI Aayog Registered NGO
10 | 📱  Android + iOS App Coming Soon
Design Spec
White background section. Section heading center-aligned. 3-column grid of tool cards desktop, 2-col tablet, 1-col mobile. Each card: icon + title + 1-line desc + 'Free Mein Dekho' link.
Tool | Icon | Headline (Hindi) | Route
Free Kundali | 🔮 | Meri Kundali Banao | /kundali
Kundali Milan | 💑 | Shadi Ke Liye Match Karo | /kundali-milan
Mangal Dosha Check | ♂ | Manglik Hoon Ya Nahi? | /tools/mangal-dosha
Sade Sati Check | 🪐 | Shani Ki Sade Sati Chal Rahi Hai? | /tools/sade-sati
Aaj Ka Panchang | 📅 | Aaj Ka Shubh Time Kya Hai? | /panchang
Aaj Ka Rashifal | ⭐ | Aaj Ka Din Kaisa Rahega? | /rashifal
Design Spec
Light cream background (#F5F0E8). 4-step horizontal flow desktop, vertical mobile. Numbered circles in saffron. Connecting dotted line between circles on desktop.
Step | Heading (Hindi) | Description (Hindi) | Icon
1 | Apna Date of Birth Dalo | Janam ki date, time aur shehar — bas itna hi chahiye. Approximate time bhi chalega. | 📅
2 | Free Kundali Dekho | Swiss Ephemeris engine turant 16 chart types banata hai — Brahman Acharya ne verify kiya hua. | 🔮
3 | Apna Report Lo | 1 saal se 5 saal tak ka personalized forecast — simple bhasha mein, koi jargon nahi. | 📄
4 | Remedy Milegi | Dosha hai to uska hal bhi milega — puja, ratna, yantra, ya seedha Acharya se baat. | ✅
Design Spec
Dark background (#07070F). 12-rashi grid — 4 cols × 3 rows desktop. Each card shows rashi name + symbol + 1-2 line preview teaser. Cards are slightly blurred/locked — full rashifal visible after login. Daily SSG regeneration at 3AM IST.
Rashi Name | Hindi name + Sanskrit symbol (♈♉♊♋♌♍♎♏♐♑♒♓)
Preview Text | 2 lines visible — teaser only. Blurred after line 2.
Lock State | Non-logged users see blur + 'Login karo — Free Mein' CTA
Logged Users | Full rashifal — 8 sections: Career, Paise, Sehat, Prem, Shubh Samay, Lucky Color, Lucky Number, Tip
Date shown | Aaj ki tithi + nakshatra shown in small text below rashi name
Rashi | Hindi Name | Symbol | Element
Mesh | मेष | ♈ | Agni
Vrishabh | वृषभ | ♉ | Prithvi
Mithun | मिथुन | ♊ | Vayu
Kark | कर्क | ♋ | Jal
Simha | सिंह | ♌ | Agni
Kanya | कन्या | ♍ | Prithvi
Tula | तुला | ♎ | Vayu
Vrishchik | वृश्चिक | ♏ | Jal
Dhanu | धनु | ♐ | Agni
Makar | मकर | ♑ | Prithvi
Kumbh | कुम्भ | ♒ | Vayu
Meen | मीन | ♓ | Jal
Design Spec
Cream background (#F5F0E8). Section heading left-aligned. Horizontal scrollable carousel — 4 cards visible desktop, 2 tablet, 1.2 mobile (showing partial next card to hint scroll). Auto-play with manual dots.
Photo | Circular 80px photo — saffron ring border
Name | Acharya [Name] — Devanagari + English
Guru Parampara | Short lineage — 'Kashi Gurukul se, 25 saal ka anubhav'
Specialization | 3 tags — e.g. 'Vivah Muhurat' | 'Kaal Sarp' | 'Nadi Jyotish'
Rating | Gold stars + review count — e.g. '4.9★ (847 consultations)'
Availability | Green dot 'Available Now' or 'Next: 2PM Today'
CTA | 'Baat Karo — ₹1,499/30min' button
Design Spec
White background. Section heading center. 4 pricing cards in a row desktop, 2×2 grid tablet, 1-col mobile. '3-Year' card highlighted as 'Most Popular' with saffron border. Annual toggle not needed — all flat one-time prices.
Plan | Price | Key Content | CTA Text
1 Saal (1 Year) | ₹99 | Career + Paise + Sehat + Vivah areas. Monthly breakdown. Transit alerts 12 months. PDF download. | Abhi Lo →
2 Saal (2 Year) | ₹199 | Sab 1-year mein + 2 year ka Dasha mapping + 6 monthly transit alerts. Priority PDF. | Abhi Lo →
3 Saal (3 Year) ★ | ₹399 | MOST POPULAR — Full Dasha lifecycle + marriage timing + career peak years + remedy guide. | Sabse Popular →
5 Saal (5 Year) | ₹499 | Complete life roadmap — best for major decisions (shaadi, ghar, business start). Acharya review. | Best Value →
Design Spec
Dark background (#07070F). Split layout — LEFT: text content, RIGHT: Ayodhya visual (Saryu ghat illustration or high-quality photo with saffron overlay). This section builds emotional brand connection.
Point | Headline | Detail
1 | Saryu Ke Kinare Energized | Har product aur yantra Saryu jal se abhishek ke baad bheji jaati hai — video proof ke saath
2 | Named Acharyas | Koi anonymous pandit nahi — har Acharya ka naam, guru parampara, aur credentials public hain
3 | Ram Mandir Se 2km | Humari yagnashala Ram Janmabhoomi ke paas hai — har puja ka GPS-tagged video milta hai
CRITICAL SECTION
Yeh section sirf ek charity note nahi hai — yeh AstroAyodhya ka sabse bada emotional differentiator hai. Kisi competitor ke paas yeh nahi hai. Is section ko premium look milna chahiye — cheap 'donate' feel nahi.
Icon | Program Name (Hindi) | 1 Line Stat | Route
🏥 | Free Medical Camp | 5,000+ Free Operations | larawarefoundation.com/programs
🍱 | Roz Ka Khana | 10,000+ Meals Har Mahine | larawarefoundation.com/programs
👴 | Bujurgon Ka Sahara | 200+ Seniors Ko Ghar | larawarefoundation.com/programs
📚 | Bacchon Ki Padhai | 500+ Bacche Free School | larawarefoundation.com/programs
💧 | Saaf Paani | 10+ Borewell Gaon Mein | larawarefoundation.com/programs
👩 | Aurat Ki Shakti | 300+ Mahilaon Ko Training | larawarefoundation.com/programs
🩸 | Khoon Ki Zaroorat | 200+ Units Collected | larawarefoundation.com/programs
🌱 | Hariyali Bachao | 1,000+ Pedh Lagaye | larawarefoundation.com/programs
Design Spec
Light cream background. 3-column grid desktop, 1-col mobile. Masonry layout — cards of varying heights. Star rating + user photo (circular, 48px) + name + city + review text.
# | User + City | Review Text (Hindi)
1 | Sunita Sharma, Lucknow ★★★★★ | 'Meri Shani ki Sade Sati chal rahi thi aur mujhe kuch samajh nahi aa raha tha. Acharya ji ne seedha bataya kya karna hai. Unka bataaya Hanuman Chalisa aur Shani daan sach mein kaam aaya. Dhanyawad AstroAyodhya!'
2 | Rahul Verma, Patna ★★★★★ | 'Meri aur meri behen ki kundali mein Nadi Dosha tha. Bahut sites pe padha — sab ek jaisa generic jawab dete the. Yahaan Acharya ne genuinely explain kiya cancellation rules, aur bataya ki hamare case mein dosha effective nahi hai. Sachchi baat.'
3 | Priya Mishra, Varanasi ★★★★★ | '₹199 mein 2 saal ka forecast liya — sach keh rahi hoon itna detail tha ki mujhe lagga koi mere bare mein sab jaanta hai. Career switch ke baare mein jo bataya woh sach hua. Highly recommended.'
4 | Amit Pandey, Delhi ★★★★★ | 'Foundation wala concept bahut achha laga. Mujhe pata tha ki mera paisa sirf company profit mein nahi jaayega. Foundation ne mere gaon ke paas borewell lagaya hai — bahut khushi hui.'
5 | Meera Agarwal, Jaipur ★★★★★ | 'Vivah muhurat nikalna tha. AstroAyodhya ne jo date di woh bilkul perfect rahi. Acharya ji ne groom ka bhi chart dekha. Shaadi bhi ho gayi aur sab kuch ekdum sahi raha.'
6 | Vijay Kumar, Kanpur ★★★★★ | 'English mein bhi available hai yeh site — meri wife UK mein rehti hai. Usne apni kundali English mein padhi, main ne Hindi mein. Dono ek hi platform pe. Very convenient.'
Design Spec
White background. Accordion-style — question visible, answer expands on click. Single column. Max 8 FAQs on homepage — 'Aur Sawaal Dekho' link to /faq page. Schema markup: FAQPage JSON-LD required.
Q1 | Kya Free Kundali Sach Mein Free Hai?
Q2 | Acharyas Real Hain Ya Fake?
Q3 | Foundation Ka Paisa Sach Mein Jaata Hai?
Q4 | Kya Mera Data Safe Hai?
Q5 | Mangal Dosha Hai To Kya Shaadi Nahi Ho Sakti?
Q6 | Kya Sade Sati Bahut Bura Hota Hai?
Q7 | Kya Refund Milega Agar Report Pasand Na Aayi?
Q8 | Kya Ye Hindi Ke Alawa Aur Languages Mein Bhi Hai?
Design Spec
Dark background (#07070F). 4-column grid desktop, 2-col tablet, 1-col mobile. Laraware Foundation strip directly above copyright line — persistent on all pages.
Column 1: Brand | Column 2: Tools & Pages | Column 3: Foundation | Column 4: Contact
Logo: 🕯 AstroAyodhya | Free Kundali Banao | Laraware Welfare Foundation | 📍 B2/64 Vibhutikhand, Lucknow
Tagline: 'Ancient Wisdom, Modern Clarity' | Kundali Milan | Hamara Mission | 📞 +91-9936622020
'Ayodhya ke Brahman Acharyon ki parampara' | Aaj Ka Rashifal | 8 Programs | ✉ hello@astroayodhya.com
Social icons: FB, IG, YT, TW, LinkedIn | Panchang | Impact Report | WhatsApp: [number]
App badges (Play Store, App Store) | Forecast Plans | Seedha Donate Karo ↗ | 
 | Acharyas Se Miliye | larawarefoundation.com | 
 | Puja Booking |  | 
 | Shop |  | 
<title> (Hindi) | मुफ्त कुंडली बनाओ | Ayodhya के पंडितजी से | AstroAyodhya
<title> (English) | Free Kundali | Vedic Astrology by Ayodhya Acharyas | AstroAyodhya
meta description | Ayodhya ke Brahman Acharyon dwara certified Vedic Jyotish. Free kundali banao, daily rashifal, Mangal dosha check, puja booking. 50% profit charity mein.
og:title | AstroAyodhya — Ayodhya ke Pandit Se Free Kundali
og:description | Ram Janmabhoomi ke paas ke Acharyas se Vedic astrology. Free kundali, dosha check, forecast, puja.
og:image | https://astroayodhya.com/og-homepage.jpg (1200×630px)
og:type | website
twitter:card | summary_large_image
canonical | https://astroayodhya.com/
hreflang | Set for all 20 language URLs — hi, en, bn, ta, te, mr, gu, kn, ml, pa, etc.
LCP Target | < 2.5 seconds — Hero text must be in HTML (not image)
CLS Target | < 0.1 — Reserve height for hero image/chart area
FID Target | < 100ms — No blocking JS in <head>
First Byte | < 600ms — Next.js SSG + CloudFront edge cache
Image Format | All images WebP — use Next.js <Image> component
Fonts | Preload: Playfair Display 700 + DM Sans 400/500 + Noto Sans Devanagari
Critical CSS | Inline above-fold CSS in <style> tag — no render-blocking stylesheet
Priority Note
70%+ traffic will be mobile (Indian astrology audience). Every design decision must be mobile-first. Test on: iPhone SE (375px), Samsung Galaxy A series (360px), Redmi Note (393px).
Mobile | < 768px — single column, full-width CTAs
Tablet | 768px–1024px — 2 columns, condensed nav
Desktop | > 1024px — full layout as described
Large Desktop | > 1280px — max-width 1400px, centered
Section | Desktop | Mobile
Navbar | Full links visible | Hamburger → drawer. Language + CTA inside.
Hero | 2-col: form left, chart right | 1-col: badge → headline → form. Chart hidden.
Trust Bar | Scrolling marquee | Same — reduced font size 12px
Free Tools | 3-col grid | 2-col grid, slightly smaller cards
How It Works | 4-step horizontal | 4-step vertical stack
Rashifal | 4-col × 3-row grid | 2-col × 6-row grid
Acharyas | 4 cards visible | 1.2 cards — horizontal scroll
Pricing | 4 cards row | 1-col stack, Most Popular at top
Ayodhya Story | Split 2-col | 1-col, image above text
Foundation | Split 2-col | 1-col, programs grid 2-col
Testimonials | 3-col masonry | 1-col stack
FAQ | Single col accordion | Same
Footer | 4-col grid | 2-col, then 1-col on < 480px
Component | File Path | Dependencies
FoundationTopBar | components/layout/FoundationTopBar.tsx | API: /foundation/stats
Navbar | components/layout/Navbar.tsx | LanguageSwitcher, AuthModal
LanguageSwitcher | components/layout/LanguageSwitcher.tsx | next/router, i18n
HeroSection | components/home/HeroSection.tsx | KundaliQuickForm, StarField
KundaliQuickForm | components/forms/KundaliQuickForm.tsx | Google Places API, Zod
StarField | components/ui/StarField.tsx | CSS animation only, no lib
TrustBar | components/home/TrustBar.tsx | CSS marquee animation
FreeToolsGrid | components/home/FreeToolsGrid.tsx | None
HowItWorks | components/home/HowItWorks.tsx | None
RashifalPreview | components/home/RashifalPreview.tsx | API: /rashifal/preview, blur overlay
AcharyaCarousel | components/home/AcharyaCarousel.tsx | Swiper.js or Embla
ForecastPricing | components/home/ForecastPricing.tsx | Razorpay checkout link
AyodhyaStory | components/home/AyodhyaStory.tsx | None
FoundationSection | components/home/FoundationSection.tsx | ImpactCalculator widget
ImpactCalculator | components/foundation/ImpactCalculator.tsx | None — pure JS
Testimonials | components/home/Testimonials.tsx | None
FAQAccordion | components/home/FAQAccordion.tsx | FAQPage JSON-LD injection
Footer | components/layout/Footer.tsx | FoundationFooterStrip
FoundationFooterStrip | components/layout/FoundationFooterStrip.tsx | larawarefoundation.com link
StickyMobileBar | components/layout/StickyMobileBar.tsx | useScrollPosition hook
ExitIntentPopup | components/ui/ExitIntentPopup.tsx | useExitIntent hook
WhatsAppButton | components/ui/WhatsAppButton.tsx | None
GET /foundation/stats | Live foundation stats for TopBar + Section 10 counter (revalidate: 3600)
GET /rashifal/preview | Daily teaser for all 12 rashis (revalidate: daily 3AM)
GET /acharyas?featured=true&limit=6 | Featured Acharyas for carousel (revalidate: 3600)
GET /reviews?featured=true&limit=6 | Homepage testimonials (revalidate: 86400)
Next: Free Kundali Page Doc | /kundali — form flow, chart renderer, lead gate, SEO
Then: Kundali Milan Page Doc | /kundali-milan — Ashtakoota system, dosha display
Then: Forecast Page Doc | /forecast — pricing, checkout, PDF delivery flow
Then: Acharyas Page Doc | /acharyas — profile cards, booking flow
Then: Foundation Page Doc | larawarefoundation.com integration page spec
Then: Shop/Products Page Doc | /shop — gemstones, yantras, chart-driven recommendations
Then: Blog System Doc | /blog — MDX, Hindi+English, Acharya authoring
Then: Dashboard Page Doc | /dashboard — user home after login