const { Button, Badge, ServiceCard, NavDesktop, NavMobile, FaqAccordion } = window.JyotirvedAstrologyDesignSystem_e7e30e;
const PHONE = '+919251249399';
const WA_NUMBER = '919251249399';
const WA_MSG = encodeURIComponent('Hello Jyotirved Astrology, I would like to enquire about booking a consultation.');
const waLink = () => `https://wa.me/${WA_NUMBER}?text=${WA_MSG}`;
const telLink = () => `tel:${PHONE}`;
function wireNav(root, isMobileToggle) {
  if (!root) return;
  const NAV_TARGETS = { Home: '#home', About: '#about', Services: '#services', Palmistry: '#palmistry', Vastu: '#vastu', Contact: '#contact' };
  root.querySelectorAll('a').forEach((a) => {
    const t = a.textContent.trim();
    if (t === 'WhatsApp') { a.href = waLink(); a.target = '_blank'; a.rel = 'noopener'; }
    else if (NAV_TARGETS[t]) { a.href = NAV_TARGETS[t]; }
  });
  root.querySelectorAll('button').forEach((b) => {
    const t = b.textContent.trim();
    if (t === 'Book appointment' || t === 'Book now') {
      b.textContent = 'Call us';
      b.onclick = () => { window.location.href = telLink(); };
    }
  });
}

function DesktopNav() {
  const ref = React.useRef(null);
  React.useEffect(() => { wireNav(ref.current); }, []);
  return React.createElement('div', { ref },
    React.createElement(NavDesktop, { links: ['Home', 'About', 'Services', 'Palmistry', 'Vastu', 'Contact'] })
  );
}
function MobileNav() {
  const ref = React.useRef(null);
  const [open, setOpen] = React.useState(false);
  React.useEffect(() => { wireNav(ref.current); }, [open]);
  return React.createElement('div', { ref },
    React.createElement(NavMobile, { links: ['Home', 'About', 'Services', 'Palmistry', 'Vastu', 'Contact'], open, onToggle: () => setOpen(!open) })
  );
}

function HeroCtas() {
  return React.createElement('div', { className: 'hero-ctas' },
    React.createElement(Button, { variant: 'dark', href: telLink() }, 'Call us'),
    React.createElement(Button, { variant: 'whatsapp', href: waLink() }, 'WhatsApp us')
  );
}

const SERVICES = [
  { icon: 'bar-chart-2', title: 'Jyotish astrology & Kundali analysis', description: 'A detailed reading of your birth chart to bring clarity to the questions shaping your life right now.', suitableFor: 'life direction, major decisions' },
  { icon: 'heart', title: 'Relationship & love guidance', description: 'Thoughtful, confidential guidance for relationship concerns, compatibility questions and emotional clarity.', suitableFor: 'couples, individuals' },
  { icon: 'users', title: 'Marriage & Kundali matching', description: 'Classical compatibility analysis for marriage decisions, read and explained in plain language.', suitableFor: 'families, prospective matches' },
  { icon: 'hand', title: 'Palmistry', description: 'A personalised reading of your palm lines and patterns for reflection and guidance.', suitableFor: 'personal insight' },
  { icon: 'home', title: 'Vastu Shastra', description: 'Directional and layout guidance for homes, offices and workspaces.', suitableFor: 'homeowners, businesses' },
  { icon: 'hash', title: 'Numerology', description: 'Exploring the numerical patterns connected to your personal and professional life.', suitableFor: 'names, dates, decisions' },
  { icon: 'briefcase', title: 'Career & business guidance', description: 'Grounded guidance for professionals and entrepreneurs navigating career or business decisions.', suitableFor: 'professionals, founders' },
];
function ServicesGrid() {
  return React.createElement('div', { className: 'services-grid' },
    SERVICES.map((s) => React.createElement(ServiceCard, { key: s.title, ...s }))
  );
}

function FinalCtas() {
  return React.createElement('div', { className: 'final-ctas' },
    React.createElement(Button, { variant: 'whatsapp', href: waLink() }, 'WhatsApp us'),
    React.createElement(Button, { variant: 'dark', href: telLink() }, 'Call now')
  );
}

const FAQ_ITEMS = [
  { question: 'What information is needed for a consultation?', answer: 'Typically your full name, date, time and place of birth. This lets the astrologer prepare an accurate birth chart before your session.' },
  { question: 'How does a Kundali consultation work?', answer: 'Your birth details are used to prepare your Kundali (birth chart), which Acharya Chandraprakash Sharma then reads and explains with you, one to one, in a private session.' },
  { question: 'Can I consult from another city or country?', answer: 'Yes. Consultations can be arranged by phone or WhatsApp for clients who cannot visit the Jaipur office in person.' },
  { question: 'Can I book through WhatsApp?', answer: 'Yes, share your details and preferred time on WhatsApp or by phone and our team will confirm your appointment.' },
  { question: 'Is the consultation confidential?', answer: 'Yes. Every consultation is private and your personal details and discussion remain confidential.' },
  { question: 'What services are available?', answer: 'Jyotish astrology, Kundali analysis, relationship and marriage guidance, palmistry, Vastu Shastra, numerology, and career and business guidance.' },
  { question: 'How do I request an appointment?', answer: 'Message us on WhatsApp or call directly \u2014 our team will confirm a time that works for you.' },
];
function Faq() { return React.createElement(FaqAccordion, { items: FAQ_ITEMS }); }

function WhatsAppPopup() {
  const [open, setOpen] = React.useState(false);
  React.useEffect(() => {
    const t = setTimeout(() => setOpen(true), 1200);
    return () => clearTimeout(t);
  }, []);
  if (!open) return null;
  return React.createElement('div', { className: 'popup-scrim open', onClick: (e) => { if (e.target === e.currentTarget) setOpen(false); } },
    React.createElement('div', { className: 'popup-card wa-popup-card' },
      React.createElement('img', { className: 'popup-close', onClick: () => setOpen(false), src: 'https://unpkg.com/lucide-static@latest/icons/x.svg', width: 20, height: 20, alt: 'Close' }),
      React.createElement('img', { className: 'wa-popup-icon', src: 'https://unpkg.com/lucide-static@latest/icons/message-circle.svg', alt: '' }),
      React.createElement('h3', null, 'Chat with us on WhatsApp'),
      React.createElement('p', { className: 'sub' }, 'Have a question about a consultation? Message Acharya Chandraprakash Sharma directly on WhatsApp \u2014 we typically reply the same day.'),
      React.createElement(Button, { variant: 'whatsapp', href: waLink(), style: { width: '100%' }, onClick: () => setOpen(false) }, 'WhatsApp us now')
    )
  );
}

function ContactBadges() {
  return React.createElement('div', { style: { display: 'flex', gap: '10px', flexWrap: 'wrap', marginBottom: '18px' } },
    React.createElement(Badge, { variant: 'dark', icon: 'shield-check' }, 'Government certified astrology office'),
    React.createElement(Badge, { variant: 'dark', icon: 'star' }, '30+ years of experience')
  );
}
function WhyBadges() {
  return React.createElement('div', { style: { display: 'flex', gap: '10px', flexWrap: 'wrap', marginBottom: '32px' } },
    React.createElement(Badge, { variant: 'trust', icon: 'shield-check' }, 'Government certified'),
    React.createElement(Badge, { variant: 'trust', icon: 'file-text' }, 'Proper GST bill provided'),
    React.createElement(Badge, { variant: 'trust', icon: 'rotate-ccw' }, 'Money-return policy')
  );
}

function mount(id, Comp, props) {
  const el = document.getElementById(id);
  if (el) ReactDOM.createRoot(el).render(React.createElement(Comp, props));
}
mount('nav-desktop-root', DesktopNav);
mount('nav-mobile-root', MobileNav);
mount('hero-ctas-root', HeroCtas);
mount('services-root', ServicesGrid);
mount('faq-root', Faq);
mount('final-ctas-root', FinalCtas);
mount('hero-badge-root', () => React.createElement(Badge, { variant: 'trust', icon: 'shield-check' }, 'Government certified astrology office'));
mount('why-badges-root', WhyBadges);
mount('relationship-cta-root', () => React.createElement(Button, { variant: 'secondary', href: waLink() }, 'WhatsApp about relationship consultation'));
mount('palmistry-cta-root', () => React.createElement(Button, { variant: 'secondary', href: waLink() }, 'WhatsApp about palmistry consultation'));
mount('vastu-cta-root', () => React.createElement(Button, { variant: 'dark', href: waLink() }, 'WhatsApp about Vastu consultation'));
mount('founder-cta-root', () => React.createElement(Button, { variant: 'secondary', href: '#about' }, 'Know more about Acharya Chandraprakash Sharma'));
mount('wa-popup-root', WhatsAppPopup);

document.addEventListener('DOMContentLoaded', () => {
  document.querySelectorAll('.cert-card').forEach((card) => {
    card.addEventListener('click', () => {
      const img = card.querySelector('img');
      const lb = document.getElementById('lightbox');
      lb.querySelector('img').src = img.src;
      lb.classList.add('open');
    });
  });
  const lb = document.getElementById('lightbox');
  if (lb) lb.addEventListener('click', (e) => { if (e.target === lb || e.target.classList.contains('lightbox-close')) lb.classList.remove('open'); });
  document.querySelectorAll('[data-tel]').forEach((el) => el.href = telLink());
  document.querySelectorAll('[data-wa]').forEach((el) => el.href = waLink());
});