<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Samaspur Farms | Certified Organic Farming in Aligarh, UP</title>
<!-- Load Tailwin¯d CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- Load Inter Font -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<style>
/* Custom Tailwind Configuration (using the project's color palette) */
:root {
--color-primary: #4A5D23; /* Deep Olive Green */
--color-secondary: #A7C957; /* Lighter Olive Green */
--color-background: #FFF3DD; /* Creamy Beige */
--color-text: #3C4043; /* Dark Gray/Brown */
}
.text-primary { color: var(--color-primary); }
.bg-primary { background-color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.bg-secondary { background-color: var(--color-secondary); }
.bg-background { background-color: var(--color-background); }
.text-text { color: var(--color-text); }
body {
font-family: 'Inter', sans-serif;
background-color: #f7f7f5; /* Off-white body background */
color: var(--color-text);
}
</style>
</head>
<body class="antialiased">
<!-- Header & Navigation -->
<header class="bg-white shadow-md sticky top-0 z-10">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 flex justify-between items-center">
<div class="flex items-center space-x-2">
<i class="fa-solid fa-leaf text-2xl text-primary"></i>
<h1 class="text-3xl font-bold text-primary">Samaspur Farms</h1>
</div>
<nav class="hidden md:flex space-x-8 text-lg font-medium">
<a href="#mission" class="text-text hover:text-primary transition duration-300">Our Mission</a>
<a href="#crops" class="text-text hover:text-primary transition duration-300">Crops & Quality</a>
<a href="#practices" class="text-text hover:text-primary transition duration-300">Practices</a>
<a href="#contact" class="text-text hover:text-primary transition duration-300">Contact</a>
</nav>
<button class="md:hidden text-2xl text-primary focus:outline-none" onclick="toggleMenu()">
<i class="fa-solid fa-bars"></i>
</button>
</div>
<!-- Mobile Menu -->
<div id="mobile-menu" class="hidden md:hidden bg-white px-4 pb-4">
<a href="#mission" class="block py-2 text-text hover:text-primary transition duration-300 border-b">Our Mission</a>
<a href="#crops" class="block py-2 text-text hover:text-primary transition duration-300 border-b">Crops & Quality</a>
<a href="#practices" class="block py-2 text-text hover:text-primary transition duration-300 border-b">Practices</a>
<a href="#contact" class="block py-2 text-text hover:text-primary transition duration-300">Contact</a>
</div>
</header>
<!-- Hero Section -->
<section class="relative bg-background pt-16 pb-12" style="background-image: url('https://placehold.co/1280x600/FFF3DD/4A5D23?text=Cultivating+Health'); background-size: cover; background-position: center;">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10 py-24 bg-background/80 rounded-xl shadow-2xl backdrop-blur-sm">
<div class="text-center">
<p class="text-xl font-semibold text-secondary mb-3">Certified Organic | Samaspur, Aligarh</p>
<h2 class="text-5xl md:text-7xl font-extrabold tracking-tight text-primary leading-tight mb-4">
Farming for a Healthier Future
</h2>
<p class="mt-3 max-w-2xl mx-auto text-xl text-text/80">
We are transforming our **2-acre** farm into a sustainable, PGS-certified organic unit, dedicated to rebuilding soil health in the Iglas Tehsil.
</p>
<div class="mt-10 flex justify-center space-x-4">
<a href="#crops" class="bg-primary text-white text-lg font-semibold py-3 px-8 rounded-full shadow-lg hover:bg-secondary transition duration-300 transform hover:scale-105">
Explore Our Crops
</a>
<a href="#practices" class="bg-white text-primary text-lg font-semibold py-3 px-8 rounded-full border border-primary shadow-lg hover:bg-primary hover:text-white transition duration-300 transform hover:scale-105">
Our Commitment
</a>
</div>
</div>
</div>
</section>
<!-- Mission Section -->
<section id="mission" class="py-16 md:py-24 bg-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid grid-cols-1 md:grid-cols-2 gap-12 items-center">
<div>
<span class="inline-block py-1 px-3 mb-4 text-xs font-semibold uppercase rounded-full bg-secondary text-primary">Our Core Values</span>
<h3 class="text-4xl font-bold text-primary mb-6">Rebuilding Soil, Reconnecting Community.</h3>
<p class="text-lg text-text mb-6">
The journey of **Samaspur Farms** is one of transition. Located in **Samaspur, Majupur**, our 2-acre farm addresses the challenge of low organic carbon in the regional alluvial soil by strictly adhering to chemical-free and sustainable methods.
</p>
<ul class="space-y-3 text-lg text-text">
<li class="flex items-start space-x-3">
<i class="fa-solid fa-water text-primary mt-1"></i>
<span>**Water Conservation:** Implementing efficient irrigation and mulching techniques.</span>
</li>
<li class="flex items-start space-x-3">
<i class="fa-solid fa-certificate text-primary mt-1"></i>
<span>**Certification:** Working towards full **PGS-India** certification within 3 years.</span>
</li>
<li class="flex items-start space-x-3">
<i class="fa-solid fa-hand-holding-heart text-primary mt-1"></i>
<span>**Fair Pricing:** Targeting a 15-30% premium for our high-quality organic produce.</span>
</li>
</ul>
</div>
<div class="hidden md:block">
<img src="https://placehold.co/600x400/A7C957/4A5D23?text=Healthy+Field" alt="Healthy organic field image" class="rounded-2xl shadow-xl transform hover:scale-[1.01] transition duration-500">
</div>
</div>
</div>
</section>
<!-- Crop Rotation Section -->
<section id="crops" class="py-16 md:py-24 bg-background">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
<h2 class="text-4xl font-bold text-primary mb-4">Our Sustainable Crop Rotation</h2>
<p class="text-xl text-text/80 max-w-3xl mx-auto mb-12">
Our rotation is designed to maximize soil fertility, control pests naturally, and ensure year-round economic stability.
</p>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<!-- Kharif Crop -->
<div class="bg-white p-6 rounded-xl shadow-lg border border-secondary/50 transform hover:shadow-xl transition duration-300">
<i class="fa-solid fa-cloud-rain text-5xl text-secondary mb-4"></i>
<h3 class="text-2xl font-semibold text-primary mb-3">Kharif (Monsoon)</h3>
<p class="text-lg font-bold text-secondary mb-2">ARHAR (Pigeon Pea)</p>
<p class="text-text">**Benefit:** Essential for natural nitrogen fixation and serves as the highest-value pulse crop.</p>
</div>
<!-- Rabi Crop -->
<div class="bg-white p-6 rounded-xl shadow-lg border border-secondary/50 transform hover:shadow-xl transition duration-300">
<i class="fa-solid fa-temperature-low text-5xl text-secondary mb-4"></i>
<h3 class="text-2xl font-semibold text-primary mb-3">Rabi (Winter)</h3>
<p class="text-lg font-bold text-secondary mb-2">WHEAT / POTATO</p>
<p class="text-text">**Benefit:** Primary cash crops and staple food production for maximum regional impact.</p>
</div>
<!-- Zaid Crop -->
<div class="bg-white p-6 rounded-xl shadow-lg border border-secondary/50 transform hover:shadow-xl transition duration-300">
<i class="fa-solid fa-sun text-5xl text-secondary mb-4"></i>
<h3 class="text-2xl font-semibold text-primary mb-3">Zaid (Summer)</h3>
<p class="text-lg font-bold text-secondary mb-2">MOONG / GREEN MANURE</p>
<p class="text-text">**Benefit:** Quick-growing legumes used to enhance organic matter and prepare soil for the next cycle.</p>
</div>
</div>
</div>
</section>
<!-- Practices Section (Jeevamrit & PKVY) -->
<section id="practices" class="py-16 md:py-24 bg-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<h2 class="text-4xl font-bold text-primary mb-4 text-center">Our Commitment to Organic Practices</h2>
<p class="text-xl text-text/80 max-w-3xl mx-auto mb-12 text-center">
We rely on traditional Indian farming wisdom, validated by modern science, to grow our crops.
</p>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-start">
<!-- Practice 1: Soil Inputs -->
<div class="bg-background p-8 rounded-2xl shadow-xl">
<div class="flex items-center space-x-4 mb-4">
<i class="fa-solid fa-vial-circle-check text-5xl text-primary"></i>
<h3 class="text-3xl font-bold text-primary">Input Production</h3>
</div>
<p class="text-lg text-text mb-4">
We minimize external dependencies by producing essential nutrients directly on the farm.
</p>
<ul class="space-y-4 text-lg text-text">
<li class="flex space-x-3">
<span class="font-bold text-secondary">1. Jeevamrit:</span> <span>A powerful liquid microbial formulation made from cow dung and urine, jaggery, and pulse flour to significantly boost soil fertility and microbial life.</span>
</li>
<li class="flex space-x-3">
<span class="font-bold text-secondary">2. Vermicompost:</span> <span>Constructing dedicated pits to process farm waste and manure into rich, dark organic compost, critical for raising the low **Organic Carbon** content of our soil.</span>
</li>
</ul>
</div>
<!-- Practice 2: Support & Certification -->
<div class="bg-background p-8 rounded-2xl shadow-xl">
<div class="flex items-center space-x-4 mb-4">
<i class="fa-solid fa-stamp text-5xl text-primary"></i>
<h3 class="text-3xl font-bold text-primary">Govt. Support & Quality</h3>
</div>
<p class="text-lg text-text mb-4">
We are formally aligned with government initiatives to ensure certified quality and financial stability.
</p>
<ul class="space-y-4 text-lg text-text">
<li class="flex space-x-3">
<span class="font-bold text-secondary">PKVY Scheme:</span> <span>Project aligned with the **Paramparagat Krishi Vikas Yojana** for financial assistance (~₹40,500 over 3 years for 2 acres).</span>
</li>
<li class="flex space-x-3">
<span class="font-bold text-secondary">PGS Certification:</span> <span>Utilizing the **Participatory Guarantee System** for robust, community-backed quality assurance and market access.</span>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Location & Contact Section -->
<section id="contact" class="py-16 md:py-24 bg-background">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<h2 class="text-4xl font-bold text-primary mb-4 text-center">Get In Touch</h2>
<p class="text-xl text-text/80 max-w-3xl mx-auto mb-12 text-center">
We welcome buyers, partners, and well-wishers to visit the farm or connect with us.
</p>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 text-center">
<div class="p-6 bg-white rounded-xl shadow-lg">
<i class="fa-solid fa-location-dot text-4xl text-primary mb-3"></i>
<h4 class="text-xl font-semibold text-text mb-2">Farm Location</h4>
<p class="text-lg">Village: **Samaspur**<br>P.O.: **Majupur**<br>Tehsil: Iglas, District: Aligarh (UP)</p>
</div>
<div class="p-6 bg-white rounded-xl shadow-lg">
<i class="fa-solid fa-phone text-4xl text-primary mb-3"></i>
<h4 class="text-xl font-semibold text-text mb-2">Phone/Whatsapp</h4>
<p class="text-lg">(+91) 98765 43210 <br>(Placeholder Number)</p>
</div>
<div class="p-6 bg-white rounded-xl shadow-lg">
<i class="fa-solid fa-envelope text-4xl text-primary mb-3"></i>
<h4 class="text-xl font-semibold text-text mb-2">Email Inquiry</h4>
<p class="text-lg">info@samaspurfarms.com<br>(Placeholder Email)</p>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-primary py-8">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center text-white/90">
<p>© 2025 Samaspur Farms. All Rights Reserved.</p>
<p class="mt-2 text-sm">Committed to Organic Agriculture and Soil Health.</p>
</div>
</footer>
<!-- JavaScript for Mobile Menu Toggle -->
<script>
function toggleMenu() {
const menu = document.getElementById('mobile-menu');
menu.classList.toggle('hidden');
}
</script>
</body>
</html>