<div style="max-width: 1200px; margin: 0 auto; padding: 40px 20px;">
<div style="text-align: center; margin-bottom: 50px;">
About AgricHub Farmers Market
<p style="font-size: 18px; color: #666;">Your connection to fresh, locally-sourced farm products</p>
</div>
<div style="background: #f8f9fa; padding: 30px; border-radius: 8px; margin-bottom: 30px;">
🌾 Who We Are
<p style="font-size: 16px; color: #555; line-height: 1.8;">
AgricHub is an online farmers market platform that bridges the gap between local farmers and consumers who value quality, freshness, and sustainability. We're building a community where agriculture thrives and healthy eating is accessible to everyone.
</p>
</div>
Our Values
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-bottom: 40px;">
<div style="background: white; padding: 25px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); border-top: 3px solid #52a832;">
<div style="font-size: 32px; margin-bottom: 10px;">🌱</div>
Fresh & Local
<p style="color: #666;">Every product comes directly from verified local farmers in your region. No long supply chains, no compromises on freshness.</p>
</div>
<div style="background: white; padding: 25px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); border-top: 3px solid #52a832;">
<div style="font-size: 32px; margin-bottom: 10px;">🤝</div>
Fair Trade
<p style="color: #666;">Farmers receive fair prices for their harvest. Your purchase directly supports their livelihood and helps sustain local agriculture.</p>
</div>
<div style="background: white; padding: 25px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); border-top: 3px solid #52a832;">
<div style="font-size: 32px; margin-bottom: 10px;">♻️</div>
Sustainable
<p style="color: #666;">We promote farming practices that care for the land, from organic methods to regenerative agriculture.</p>
</div>
<div style="background: white; padding: 25px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); border-top: 3px solid #52a832;">
<div style="font-size: 32px; margin-bottom: 10px;">🏘️</div>
Community First
<p style="color: #666;">Building stronger food communities by connecting people with the farmers who grow their food.</p>
</div>
</div>
<div style="background: linear-gradient(135deg, #52a832 0%, #2d5016 100%); color: white; padding: 40px; border-radius: 8px; margin-bottom: 30px;">
What Makes Us Different
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px;">
<div>
<strong style="display: block; margin-bottom: 5px; font-size: 16px;">✓ Direct from Farm</strong>
<span style="opacity: 0.9; font-size: 14px;">Products listed by farmers themselves</span>
</div>
<div>
<strong style="display: block; margin-bottom: 5px; font-size: 16px;">✓ Full Transparency</strong>
<span style="opacity: 0.9; font-size: 14px;">See exactly who grew your food</span>
</div>
<div>
<strong style="display: block; margin-bottom: 5px; font-size: 16px;">✓ Quality Assured</strong>
<span style="opacity: 0.9; font-size: 14px;">All vendors verified and vetted</span>
</div>
<div>
<strong style="display: block; margin-bottom: 5px; font-size: 16px;">✓ Seasonal Selection</strong>
<span style="opacity: 0.9; font-size: 14px;">Natural growing cycle products</span>
</div>
</div>
</div>
<div style="background: #fff8f0; padding: 40px; border-radius: 8px; text-align: center; border: 2px solid #ffd89c;">
Shop with Confidence
<p style="font-size: 16px; color: #666; margin-bottom: 25px;">
Browse our marketplace to discover fresh produce, dairy, eggs, honey, and artisan farm products.
</p>
<div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;">
<a href="/products" style="display: inline-block; background: #52a832; color: white; padding: 12px 30px; border-radius: 6px; text-decoration: none; font-weight: 600;">
🌱 Browse Fresh Produce
</a>
<a href="/vendors" style="display: inline-block; background: #2d5016; color: white; padding: 12px 30px; border-radius: 6px; text-decoration: none; font-weight: 600;">
🚜 Meet Our Farmers
</a>
</div>
</div>
</div>