<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Our Organic Farming | Terrace Garden Training | Organic Grocery Store</title>

<!-- LORA FONT -->
<link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Font Awesome for icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

<style>
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:'Lora', serif;
}

body{
  background:#f8fff7;
  color:#333;
  line-height:1.6;
}


/* ================= HERO SECTION ================= */
.hero-section{
  background:linear-gradient(rgba(47,107,47,0.85),rgba(47,107,47,0.9)),
              url('https://images.unsplash.com/photo-1500937386664-56d1dfef3854?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80');
  background-size:cover;
  background-position:center;
  color:#fff;
  padding:100px 20px;
  text-align:center;
}

.hero-content{
  max-width:800px;
  margin:0 auto;
}

.hero-title{
  font-size:42px;
  margin-bottom:20px;
  color:#fff;
}

.hero-desc{
  font-size:18px;
  margin-bottom:30px;
  opacity:0.9;
}

/* ================= SECTION COMMON ================= */
.section{
  padding:80px 20px;
}

.section-title{
  text-align:center;
  margin-bottom:50px;
}

.section-title h2{
  font-size:36px;
  color:#2F6B2F;
  margin-bottom:15px;
  position:relative;
  display:inline-block;
}

.section-title h2:after{
  content:'';
  position:absolute;
  width:80px;
  height:4px;
  background:#F2C94C;
  bottom:-10px;
  left:50%;
  transform:translateX(-50%);
}

.section-title p{
  color:#666;
  max-width:700px;
  margin:0 auto;
  font-size:17px;
}

/* ================= FARMING PRACTICES ================= */
.farming-practices{
  background:#fff;
}

.practices-container{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:30px;
}

.practice-card{
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 8px 25px rgba(0,0,0,0.1);
  transition:0.4s ease;
}

.practice-card:hover{
  transform:translateY(-10px);
  box-shadow:0 15px 35px rgba(0,0,0,0.15);
}

.practice-img{
  height:220px;
  overflow:hidden;
}

.practice-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:0.4s ease;
}

.practice-card:hover .practice-img img{
  transform:scale(1.05);
}

.practice-content{
  padding:25px;
}

.practice-content h3{
  font-size:22px;
  color:#2F6B2F;
  margin-bottom:12px;
}

/* ================= ABOUT FARM ================= */
.about-farm{
  background:#EAF5E3;
}

.farm-container{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:50px;
  align-items:center;
}

.farm-content h3{
  font-size:28px;
  color:#2F6B2F;
  margin-bottom:20px;
}

.farm-content p{
  margin-bottom:20px;
  font-size:16.5px;
}

.farm-stats{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
  margin-top:30px;
}

.stat-item{
  background:#fff;
  padding:20px;
  border-radius:10px;
  text-align:center;
  box-shadow:0 5px 15px rgba(0,0,0,0.05);
}

.stat-number{
  font-size:32px;
  font-weight:700;
  color:#2F6B2F;
  margin-bottom:5px;
}

.stat-label{
  font-size:14px;
  color:#666;
  font-weight:500;
}

.farm-image{
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,0.1);
}

.farm-image img{
  width:100%;
  height:auto;
  display:block;
}

/* ================= OUR PRODUCTS ================= */
.products-overview{
  background:#fff;
}

.products-container{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:25px;
}

.product-card{
  background:#fff;
  border-radius:14px;
  padding:30px 25px;
  text-align:center;
  box-shadow:0 8px 25px rgba(0,0,0,0.08);
  transition:0.3s ease;
}

.product-card:hover{
  transform:translateY(-8px);
  box-shadow:0 12px 30px rgba(0,0,0,0.12);
}

.product-icon{
  font-size:42px;
  color:#2F6B2F;
  margin-bottom:20px;
}

.product-card h3{
  font-size:20px;
  color:#2F6B2F;
  margin-bottom:12px;
}

/* ================= TRAINING SECTION ================= */
.training-section{
  background:#EAF5E3;
}

.training-container{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:50px;
  align-items:center;
}

.training-content h3{
  font-size:28px;
  color:#2F6B2F;
  margin-bottom:20px;
}

.training-content p{
  margin-bottom:20px;
}

.training-list{
  list-style:none;
  margin:25px 0;
}

.training-list li{
  margin-bottom:12px;
  padding-left:28px;
  position:relative;
}

.training-list li:before{
  content:'✓';
  font-family:'Font Awesome 6 Free';
  font-weight:900;
  position:absolute;
  left:0;
  color:#2F6B2F;
}

.training-image {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.training-image img {
  max-width: 100%;
  border-radius: 12px;
}

.green-btn {
  background-color: #2f6b2f;
  color: #fff;
  border: none;
  padding: 12px 40px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  width: 100%;
  max-width: 320px;
}

.green-btn:hover {
  background-color: #245424;
}


/* ================= ONLINE STORE ================= */
.online-store{
  background:#fff;
}

.store-container{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:50px;
  align-items:center;
}

.store-content h3{
  font-size:28px;
  color:#2F6B2F;
  margin-bottom:20px;
}

.store-features{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:15px;
  margin-top:25px;
}

.feature{
  display:flex;
  align-items:center;
  gap:10px;
}

.feature i{
  color:#2F6B2F;
  font-size:18px;
}

.store-image{
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,0.1);
}

.store-image img{
  width:100%;
  height:auto;
  display:block;
}


/* ================= RESPONSIVE ================= */
@media(max-width:992px){
  .hero-title{
    font-size:36px;
  }
  
  .section-title h2{
    font-size:32px;
  }
}

@media(max-width:768px){
  .menu-toggle{
    display:block;
  }
  
  .nav-links{
    position:fixed;
    top:70px;
    left:0;
    background:#fff;
    width:100%;
    flex-direction:column;
    align-items:center;
    padding:20px 0;
    box-shadow:0 10px 20px rgba(0,0,0,0.1);
    transform:translateY(-100%);
    opacity:0;
    visibility:hidden;
    transition:0.4s ease;
    z-index:999;
  }
  
  .nav-links.active{
    transform:translateY(0);
    opacity:1;
    visibility:visible;
  }
  
  .nav-links li{
    margin:10px 0;
  }
  
  .hero-section{
    padding:80px 20px;
  }
  
  .hero-title{
    font-size:32px;
  }
  
  .section{
    padding:60px 20px;
  }
  
  .farm-stats,
  .store-features{
    grid-template-columns:1fr;
  }
  
  .farm-container,
  .training-container,
  .store-container{
    gap:40px;
  }
}

@media(max-width:576px){
  .hero-title{
    font-size:28px;
  }
  
  .hero-desc{
    font-size:16px;
  }
  
  .section-title h2{
    font-size:28px;
  }
  
  .practice-card,
  .product-card{
    margin-bottom:20px;
  }
}
</style>
</head>
<body>
<?php include "header.php"; ?>
<!-- ================= HERO SECTION ================= -->
<section class="hero-section">
  <div class="hero-content">
    <h1 class="hero-title">Our Organic Farming Journey</h1>
    <p class="hero-desc">At Organic Harvest, we cultivate nature's goodness through sustainable farming practices. Our farm-to-table approach ensures you receive the purest organic vegetables, grains, pulses, and herbs, grown with care and delivered fresh to your doorstep.</p>
  </div>
</section>

<!-- ================= FARMING PRACTICES ================= -->
<section class="section farming-practices">
  <div class="section-title">
    <h2>Our Organic Farming Practices</h2>
    <p>We follow time-tested, sustainable methods that respect nature and produce the highest quality organic food.</p>
  </div>
  
  <div class="practices-container">
    <div class="practice-card">
      <div class="practice-img">
        <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSnCFsfBiGiczWmJZRdGl50b_ChqssFQG9ykw&s" alt="Soil Management">
      </div>
      <div class="practice-content">
        <h3>Natural Soil Enrichment</h3>
        <p>We use compost, green manure, and crop rotation to maintain soil fertility. Chemical fertilizers are strictly avoided, allowing natural microorganisms to thrive and create nutrient-rich soil.</p>
      </div>
    </div>
    
    <div class="practice-card">
      <div class="practice-img">
        <img src="https://images.unsplash.com/photo-1500382017468-9049fed747ef?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80" alt="Pest Control">
      </div>
      <div class="practice-content">
        <h3>Chemical-Free Pest Management</h3>
        <p>Instead of harmful pesticides, we use beneficial insects, companion planting, and organic sprays made from neem and garlic to protect our crops while preserving the ecosystem.</p>
      </div>
    </div>
    
    <div class="practice-card">
      <div class="practice-img">
        <img src="https://images.unsplash.com/photo-1574943320219-553eb213f72d?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80" alt="Water Conservation">
      </div>
      <div class="practice-content">
        <h3>Water Conservation Systems</h3>
        <p>Our farm uses drip irrigation and rainwater harvesting to minimize water usage. This ensures crops get optimal hydration while conserving precious water resources.</p>
      </div>
    </div>
  </div>
</section>

<!-- ================= ABOUT OUR FARM ================= -->
<section class="section about-farm">
  <div class="section-title">
    <h2>About Our Organic Farm</h2>
    <p>Nestled in the fertile valleys, our farm has been dedicated to sustainable organic agriculture for over a decade.</p>
  </div>
  
  <div class="farm-container">
    <div class="farm-content">
      <h3>Our Commitment to Organic Excellence</h3>
      <p>Since 2012, Organic Harvest has been growing food the way nature intended – without chemicals, pesticides, or genetic modification. Our farm is certified organic by national standards, ensuring every product meets strict purity guidelines.</p>
      <p>We cultivate over 300+ varieties of vegetables, grains, pulses, and medicinal herbs across our 100-acre farm. This diversity not only provides a wide selection for our customers but also creates a balanced, self-sustaining ecosystem.</p>
      
      <div class="farm-stats">
        <div class="stat-item">
          <div class="stat-number">300+</div>
          <div class="stat-label">Organic Products</div>
        </div>
        <div class="stat-item">
          <div class="stat-number">12</div>
          <div class="stat-label">Years Experience</div>
        </div>
        <div class="stat-item">
          <div class="stat-number">100%</div>
          <div class="stat-label">Chemical-Free</div>
        </div>
        <div class="stat-item">
          <div class="stat-number">1000+</div>
          <div class="stat-label">Happy Families</div>
        </div>
      </div>
    </div>
    
    <div class="farm-image">
      <img src="https://i0.wp.com/geopard.tech/wp-content/uploads/2022/03/24.2-min.jpg?resize=810%2C439&ssl=1" alt="Our Organic Farm">
    </div>
  </div>
</section>

<!-- ================= OUR PRODUCTS ================= -->
<section class="section products-overview">
  <div class="section-title">
    <h2>Our Organic Products</h2>
    <p>All products are grown on our farm using organic methods and available through our online grocery store.</p>
  </div>
  
  <div class="products-container">
    <div class="product-card">
      <div class="product-icon">
        <i class="fas fa-carrot"></i>
      </div>
      <h3>Fresh Vegetables</h3>
      <p>Seasonal vegetables grown without pesticides. We harvest daily to ensure maximum freshness and nutrition. Includes tomatoes, spinach, broccoli, carrots, and more.</p>
    </div>
    
    <div class="product-card">
      <div class="product-icon">
        <i class="fas fa-seedling"></i>
      </div>
      <h3>Organic Grains</h3>
      <p>Whole grains including wheat, rice, millet, oats, and quinoa. Grown in nutrient-rich soil without chemical fertilizers for optimal health benefits.</p>
    </div>
    
    <div class="product-card">
      <div class="product-icon">
        <i class="fas fa-seedling"></i>
      </div>
      <h3>Protein-Rich Pulses</h3>
      <p>Lentils, chickpeas, beans, and peas – excellent sources of plant-based protein and fiber. Grown using traditional organic farming methods.</p>
    </div>
    
    <div class="product-card">
      <div class="product-icon">
        <i class="fas fa-leaf"></i>
      </div>
      <h3>Medicinal Herbs</h3>
      <p>Turmeric, ginger, tulsi, ashwagandha, and more. Our herbs are grown using traditional organic methods to preserve their medicinal properties.</p>
    </div>
  </div>
</section>

<!-- ================= TERRA GARDEN TRAINING ================= -->
<section class="section training-section">
  <div class="section-title">
    <h2>Terros Garden Training Programs</h2>
    <p>Learn organic farming techniques and grow your own sustainable garden with our expert-led training.</p>
  </div>
  
  <div class="training-container">
    <div class="training-content">
      <h3>Transform Your Space Into a Productive Organic Garden</h3>
      <p>Our Terros Garden Training programs are designed for everyone – from beginners wanting to start their first garden to experienced gardeners looking to adopt organic methods.</p>
      
      <ul class="training-list">
        <li><strong>Beginner Workshops:</strong> Learn basics of soil preparation, planting, and organic care</li>
        <li><strong>Advanced Courses:</strong> Master crop rotation, pest management, and seasonal planning</li>
        <li><strong>Hands-on Training:</strong> Practical sessions with our expert farmers at our farm</li>
        <li><strong>Seasonal Guides:</strong> Learn what to plant each season for maximum yield</li>
        <li><strong>Natural Solutions:</strong> Make your own organic fertilizers and pest controls</li>
        <li><strong>Community Support:</strong> Join our gardening community for ongoing guidance</li>
      </ul>
      
      <p>Whether you have a backyard, balcony, or community garden space, we'll teach you how to grow fresh, organic produce for your family.</p>
    </div>
    
    <div class="training-image">
      <img src="https://croptek.in/products/wp-content/uploads/2022/09/rooftop.jpg" alt="Garden Training">
      <a href="https://wa.link/7xm15h" class="btn-link">
  <button class="green-btn">Book Consultation For Free</button>
</a>
    </div>
  </div>
</section>


<!-- ================= ONLINE GROCERY STORE ================= -->
<section class="section online-store">
  <div class="section-title">
    <h2>Our Online Organic Grocery Store</h2>
    <p>Shop fresh organic produce directly from our farm to your doorstep through our online store.</p>
  </div>
  
  <div class="store-container">
    <div class="store-content">
      <h3>Farm-Fresh Delivery to Your Home</h3>
      <p>All our organic products are available through our online store. We follow a "harvest-to-order" system, which means we pick your fruits and vegetables only after you place your order, ensuring maximum freshness.</p>
      <p>We deliver locally within 24 hours and ship nationwide with careful packaging to preserve freshness. Every order supports sustainable farming and our local farming community.</p>
      
      <div class="store-features">
        <div class="feature">
          <i class="fas fa-check-circle"></i>
          <span>Fresh from our farm</span>
        </div>
        <div class="feature">
          <i class="fas fa-check-circle"></i>
          <span>100% certified organic</span>
        </div>
        <div class="feature">
          <i class="fas fa-check-circle"></i>
          <span>Harvested to order</span>
        </div>
        <div class="feature">
          <i class="fas fa-check-circle"></i>
          <span>Nationwide delivery</span>
        </div>
        <div class="feature">
          <i class="fas fa-check-circle"></i>
          <span>Secure online payment</span>
        </div>
        <div class="feature">
          <i class="fas fa-check-circle"></i>
          <span>Dedicated customer support</span>
        </div>
      </div>
    </div>
    
    <div class="store-image">
      <img src="https://images.unsplash.com/photo-1607082348824-0a96f2a4b9da?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80" alt="Online Organic Store">
    </div>
  </div>
</section>



<script>
// Mobile Menu Toggle
const menuToggle = document.getElementById('menuToggle');
const navLinks = document.getElementById('navLinks');

menuToggle.addEventListener('click', () => {
  navLinks.classList.toggle('active');
  menuToggle.innerHTML = navLinks.classList.contains('active') 
    ? '<i class="fas fa-times"></i>' 
    : '<i class="fas fa-bars"></i>';
});

// Close menu when clicking on a link
document.querySelectorAll('.nav-links a').forEach(link => {
  link.addEventListener('click', () => {
    navLinks.classList.remove('active');
    menuToggle.innerHTML = '<i class="fas fa-bars"></i>';
  });
});
</script>

<?php include "footer.php"; ?>
</body>
</html>