<?php get_header(); ?>
<main class="container" style="padding:24px 0">

  <!-- Hero Section -->
  <section class="hero-banner">
    <div class="hero-content">
      <h1>Welcome to <?php bloginfo('name'); ?></h1>
      <p><?php bloginfo('description'); ?></p>
      <a href="<?php echo esc_url( home_url('/shop') ); ?>" class="btn-primary">Shop Now</a>
    </div>
  </section>

  <!-- Featured Categories -->
  <section class="featured-categories">
    <h2 class="section-title">Shop by Category</h2>
    <div class="categories-grid">
      <div class="category-card">
        <img src="<?php echo get_template_directory_uri(); ?>/assets/placeholder.png" alt="Men">
        <h3>Men</h3>
      </div>
      <div class="category-card">
        <img src="<?php echo get_template_directory_uri(); ?>/assets/placeholder.png" alt="Women">
        <h3>Women</h3>
      </div>
      <div class="category-card">
        <img src="<?php echo get_template_directory_uri(); ?>/assets/placeholder.png" alt="Kids">
        <h3>Kids</h3>
      </div>
    </div>
  </section>

  <!-- Trending Products -->
  <section class="trending-products">
    <h2 class="section-title">Trending Products</h2>
    <div class="products-slider">
      <?php
        $args = array('post_type'=>'product','posts_per_page'=>8);
        $loop = new WP_Query($args);
        if($loop->have_posts()){
          while($loop->have_posts()){ $loop->the_post();
            wc_get_template_part('content','product');
          }
        }
        wp_reset_postdata();
      ?>
    </div>
  </section>

  <!-- Newsletter -->
  <section class="newsletter">
    <h2>Stay Updated</h2>
    <p>Subscribe for the latest products & offers</p>
    <form class="newsletter-form">
      <input type="email" placeholder="Enter your email" required>
      <button type="submit" class="btn-primary">Subscribe</button>
    </form>
  </section>

</main>
<?php get_footer(); ?>