Home

<?php /* Template Name: NSGuruji Custom Homepage */ ?>
<?php get_header(); ?>

<div class="hero" style="background:#e8f0fe;padding:2rem;text-align:center;">
  <h1>🙏 NSGuruji में आपका स्वागत है</h1>
  <p>सरकारी योजनाएँ, भर्तियाँ, और शिक्षा की जानकारी हिंदी में</p>
</div>

<nav style="background:#fff;padding:0.75rem;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,0.1);">
  <a href="<?php echo site_url(); ?>">🏠 होम</a>
  <a href="#jobs">नौकरियाँ</a>
  <a href="#schemes">सरकारी योजनाएँ</a>
  <a href="#education">शिक्षा</a>
  <a href="#webstories">वेब स्टोरी</a>
  <a href="<?php echo site_url('/contact'); ?>">संपर्क करें</a>
</nav>

<section class="featured-posts" style="background:#fff;padding:2rem;margin:2rem 1rem;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.05);">
  <h2 style="text-align:center;color:#1a73e8;">⭐ विशेष लेख</h2>
  <div class="featured-list">
    <?php
    $featured = new WP_Query(array('posts_per_page' => 3));
    while($featured->have_posts()) : $featured->the_post(); ?>
      <div class="featured-item" style="background:#f0f4ff;padding:1rem;border-radius:8px;border-left:4px solid #1a73e8;">
        <a href="<?php the_permalink(); ?>" style="text-decoration:none;color:#1a73e8;font-weight:bold;">
          🔹 <?php the_title(); ?>
        </a>
      </div>
    <?php endwhile; wp_reset_postdata(); ?>
  </div>
</section>

<section class="sections" style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:2rem;">
  <div class="card" id="jobs" style="background:white;padding:1rem;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.08);">
    <h2 style="color:#1a73e8;">📢 नवीनतम सरकारी नौकरियाँ</h2>
    <p>सरकारी भर्तियों की पूरी जानकारी – योग्यता, तिथि, आवेदन लिंक</p>
    <a href="<?php echo site_url('/jobs'); ?>" style="color:#1a73e8;font-weight:bold;">सभी नौकरियाँ देखें</a>
  </div>
  <div class="card" id="schemes">
    <h2 style="color:#1a73e8;">💼 सरकारी योजनाएँ</h2>
    <p>केंद्र और राज्य सरकार की नई योजनाओं की जानकारी</p>
    <a href="<?php echo site_url('/schemes'); ?>" style="color:#1a73e8;font-weight:bold;">सभी योजनाएँ</a>
  </div>
  <div class="card" id="education">
    <h2 style="color:#1a73e8;">📚 शिक्षा और करियर</h2>
    <p>स्कूल, कॉलेज, और करियर से जुड़ी गाइड्स और सुझाव</p>
    <a href="<?php echo site_url('/education'); ?>" style="color:#1a73e8;font-weight:bold;">शैक्षिक लेख पढ़ें</a>
  </div>
  <div class="card" id="webstories">
    <h2 style="color:#1a73e8;">🌟 AMP वेब स्टोरीज़</h2>
    <p>छोटे में बड़ी जानकारी – स्लाइड्स में जानें मुख्य बातें</p>
    <a href="<?php echo site_url('/webstories'); ?>" style="color:#1a73e8;font-weight:bold;">सभी स्टोरीज़ देखें</a>
  </div>
</section>

<section class="newsletter-section" style="background:#fff;padding:2rem;margin:2rem 1rem;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.05);">
  <h2 style="text-align:center;color:#1a73e8;">📬 न्यूज़लेटर प्राप्त करें</h2>
  <form class="newsletter-form" action="#" method="post" style="display:flex;flex-direction:column;align-items:center;max-width:500px;margin:auto;">
    <input type="email" name="email" placeholder="अपना ईमेल दर्ज करें" required style="padding:0.75rem;width:100%;max-width:400px;margin-bottom:1rem;border-radius:6px;border:1px solid #ccc;">
    <button type="submit" style="padding:0.75rem 1.5rem;background:#1a73e8;color:white;border:none;border-radius:6px;cursor:pointer;">सब्सक्राइब करें</button>
  </form>
</section>

<?php get_footer(); ?>