Scribd
Upload
15 views67 pages

Doctype HTML

The document is an HTML template for a website titled 'Krishi Kalyan - 100+ Agricultural Schemes', designed to provide information about various agricultural schemes. It includes sections for navigation, hero content, statistics, categories, schemes, updates, resources, and a footer, all styled with CSS variables for a cohesive design. The layout is responsive, utilizing grid and flexbox for arranging content effectively across different screen sizes.

Uploaded by

pavangp3010
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
15 views67 pages

Doctype HTML

The document is an HTML template for a website titled 'Krishi Kalyan - 100+ Agricultural Schemes', designed to provide information about various agricultural schemes. It includes sections for navigation, hero content, statistics, categories, schemes, updates, resources, and a footer, all styled with CSS variables for a cohesive design. The layout is responsive, utilizing grid and flexbox for arranging content effectively across different screen sizes.

Uploaded by

pavangp3010
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

<!

DOCTYPE html>

<html lang="en" dir="ltr">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Krishi Kalyan - 100+ Agricultural Schemes</title>

<link href="[Link]
rel="stylesheet">

<link href="[Link]
family=Hind+Siliguri:wght@400;500;600;700&display=swap" rel="stylesheet">

<style>

*{

margin: 0;

padding: 0;

box-sizing: border-box;

:root {

--primary-green: #27ae60;

--dark-green: #219653;

--light-green: #d5f4e6;

--accent-orange: #f2994a;

--accent-brown: #a25f0e;

--text-dark: #2d3436;

--text-light: #636e72;

--background: #ffffff;

--section-bg: #f8f9fa;

--border: #dfe6e9;

--shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);

--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);

}
body {

font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

line-height: 1.6;

color: var(--text-dark);

background-color: var(--background);

.hindi {

font-family: 'Hind Siliguri', 'Nirmala UI', 'Mangal', sans-serif;

.container {

max-width: 1200px;

margin: 0 auto;

padding: 0 20px;

/* Language Toggle */

.language-toggle {

position: fixed;

top: 20px;

right: 20px;

z-index: 1000;

background: white;

border-radius: 25px;

padding: 5px;

box-shadow: var(--shadow);

border: 2px solid var(--primary-green);

.lang-btn {
padding: 8px 16px;

border: none;

background: none;

border-radius: 20px;

cursor: pointer;

font-weight: 500;

transition: all 0.3s ease;

.[Link] {

background: var(--primary-green);

color: white;

/* Header */

.header {

background: var(--background);

box-shadow: var(--shadow);

position: sticky;

top: 0;

z-index: 100;

border-bottom: 3px solid var(--primary-green);

.header .container {

display: flex;

justify-content: space-between;

align-items: center;

padding: 1rem 20px;

}
.logo-section {

display: flex;

flex-direction: column;

.logo {

display: flex;

align-items: center;

gap: 0.5rem;

font-size: 1.8rem;

font-weight: bold;

color: var(--primary-green);

.logo i {

font-size: 2rem;

.tagline {

font-size: 0.9rem;

color: var(--text-light);

margin-top: 0.2rem;

.nav {

display: flex;

gap: 2rem;

.nav-link {

text-decoration: none;
color: var(--text-dark);

font-weight: 500;

transition: color 0.3s ease;

padding: 0.5rem 1rem;

border-radius: 5px;

.nav-link:hover {

color: var(--primary-green);

background: var(--light-green);

/* Hero Section */

.hero {

background: linear-gradient(135deg, var(--primary-green), var(--dark-green));

color: white;

padding: 4rem 0;

text-align: center;

position: relative;

overflow: hidden;

.hero::before {

content: '';

position: absolute;

top: 0;

left: 0;

right: 0;

bottom: 0;

background: url('data:image/svg+xml,<svg xmlns="[Link] viewBox="0


0 100 100" opacity="0.1"><g fill="white"><circle cx="20" cy="20" r="2"/><circle cx="50" cy="30"
r="1.5"/><circle cx="80" cy="20" r="1"/><circle cx="30" cy="70" r="1.5"/><circle cx="70" cy="80"
r="2"/><circle cx="90" cy="60" r="1"/></g></svg>');

.hero-title {

font-size: 3rem;

margin-bottom: 1rem;

font-weight: 700;

position: relative;

.hero-subtitle {

font-size: 1.2rem;

margin-bottom: 2rem;

opacity: 0.9;

position: relative;

max-width: 600px;

margin-left: auto;

margin-right: auto;

.search-container {

max-width: 600px;

margin: 0 auto 3rem;

position: relative;

position: relative;

#searchInput {

width: 100%;

padding: 1rem 1.5rem;


border: none;

border-radius: 50px;

font-size: 1.1rem;

box-shadow: var(--shadow-lg);

border: 2px solid transparent;

transition: border-color 0.3s ease;

#searchInput:focus {

outline: none;

border-color: var(--accent-orange);

.search-btn {

position: absolute;

right: 10px;

top: 50%;

transform: translateY(-50%);

background: var(--accent-orange);

border: none;

border-radius: 50%;

width: 50px;

height: 50px;

color: white;

cursor: pointer;

transition: all 0.3s ease;

.search-btn:hover {

background: var(--accent-brown);

transform: translateY(-50%) scale(1.05);


}

.quick-stats {

display: grid;

grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

gap: 2rem;

max-width: 800px;

margin: 0 auto;

position: relative;

.stat-card {

background: rgba(255, 255, 255, 0.2);

padding: 2rem 1rem;

border-radius: 15px;

backdrop-filter: blur(10px);

border: 1px solid rgba(255, 255, 255, 0.3);

.stat-number {

font-size: 2.5rem;

font-weight: bold;

margin-bottom: 0.5rem;

.stat-label {

font-size: 1rem;

opacity: 0.9;

/* Categories Section */
.categories-section {

padding: 4rem 0;

background: var(--section-bg);

.section-title {

text-align: center;

font-size: 2.5rem;

margin-bottom: 3rem;

color: var(--text-dark);

position: relative;

.section-title::after {

content: '';

position: absolute;

bottom: -10px;

left: 50%;

transform: translateX(-50%);

width: 80px;

height: 4px;

background: var(--primary-green);

border-radius: 2px;

.categories-grid {

display: grid;

grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

gap: 2rem;

}
.category-card {

background: white;

padding: 2rem;

border-radius: 15px;

text-align: center;

box-shadow: var(--shadow);

transition: all 0.3s ease;

border: 2px solid transparent;

cursor: pointer;

.category-card:hover {

transform: translateY(-10px);

box-shadow: var(--shadow-lg);

border-color: var(--primary-green);

.category-icon {

width: 80px;

height: 80px;

background: var(--light-green);

border-radius: 50%;

display: flex;

align-items: center;

justify-content: center;

margin: 0 auto 1.5rem;

.category-icon i {

font-size: 2rem;

color: var(--primary-green);
}

.category-card h3 {

color: var(--text-dark);

margin-bottom: 1rem;

font-size: 1.3rem;

.category-card p {

color: var(--text-light);

line-height: 1.6;

/* Schemes Section */

.schemes-section {

padding: 4rem 0;

.section-header {

display: flex;

justify-content: space-between;

align-items: center;

margin-bottom: 3rem;

flex-wrap: wrap;

gap: 2rem;

.filters {

display: flex;

gap: 1rem;

flex-wrap: wrap;
}

.filters select {

padding: 0.75rem 1rem;

border: 2px solid var(--border);

border-radius: 8px;

background: white;

font-size: 1rem;

min-width: 200px;

transition: border-color 0.3s ease;

.filters select:focus {

outline: none;

border-color: var(--primary-green);

/* Schemes Grid */

.schemes-grid {

display: grid;

grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));

gap: 2rem;

.scheme-card {

background: white;

border-radius: 15px;

padding: 1.5rem;

box-shadow: var(--shadow);

transition: all 0.3s ease;

border: 2px solid transparent;


position: relative;

overflow: hidden;

.scheme-card::before {

content: '';

position: absolute;

top: 0;

left: 0;

width: 5px;

height: 100%;

background: var(--primary-green);

.scheme-card:hover {

transform: translateY(-5px);

box-shadow: var(--shadow-lg);

border-color: var(--primary-green);

.[Link]::after {

content: 'NEW';

position: absolute;

top: 15px;

right: -25px;

background: var(--accent-orange);

color: white;

padding: 5px 30px;

font-size: 0.8rem;

font-weight: bold;

transform: rotate(45deg);
}

.scheme-card h3 {

color: var(--primary-green);

margin-bottom: 1rem;

font-size: 1.3rem;

padding-right: 40px;

.scheme-meta {

display: flex;

gap: 1rem;

margin-bottom: 1rem;

flex-wrap: wrap;

.meta-tag {

background: var(--light-green);

padding: 0.3rem 0.8rem;

border-radius: 20px;

font-size: 0.8rem;

color: var(--dark-green);

font-weight: 500;

.[Link]-active {

background: #d4edda;

color: #155724;

.[Link]-new {
background: #fff3cd;

color: #856404;

.scheme-description {

color: var(--text-light);

margin-bottom: 1.5rem;

line-height: 1.6;

display: -webkit-box;

-webkit-line-clamp: 3;

-webkit-box-orient: vertical;

overflow: hidden;

.scheme-features {

margin-bottom: 1.5rem;

.scheme-features h4 {

color: var(--text-dark);

margin-bottom: 0.5rem;

font-size: 0.9rem;

.feature-tags {

display: flex;

flex-wrap: wrap;

gap: 0.5rem;

.feature-tag {
background: var(--section-bg);

padding: 0.2rem 0.6rem;

border-radius: 12px;

font-size: 0.75rem;

color: var(--text-light);

.scheme-actions {

display: flex;

gap: 1rem;

.btn {

padding: 0.75rem 1.5rem;

border: none;

border-radius: 8px;

cursor: pointer;

font-weight: 500;

text-decoration: none;

display: inline-flex;

align-items: center;

gap: 0.5rem;

text-align: center;

transition: all 0.3s ease;

font-size: 0.9rem;

.btn-primary {

background: var(--primary-green);

color: white;

flex: 1;
justify-content: center;

.btn-primary:hover {

background: var(--dark-green);

transform: translateY(-2px);

.btn-secondary {

background: transparent;

color: var(--primary-green);

border: 2px solid var(--primary-green);

.btn-secondary:hover {

background: var(--light-green);

transform: translateY(-2px);

/* Updates Section */

.updates-section {

padding: 4rem 0;

background: var(--section-bg);

.updates-list {

max-width: 900px;

margin: 0 auto;

.update-item {
background: white;

padding: 2rem;

margin-bottom: 1.5rem;

border-radius: 12px;

box-shadow: var(--shadow);

border-left: 5px solid var(--primary-green);

transition: transform 0.3s ease;

.update-item:hover {

transform: translateX(5px);

.update-item h4 {

color: var(--primary-green);

margin-bottom: 0.5rem;

font-size: 1.2rem;

.update-meta {

display: flex;

gap: 1rem;

margin-bottom: 1rem;

flex-wrap: wrap;

.update-date {

color: var(--accent-orange);

font-weight: 500;

}
.update-type {

background: var(--light-green);

color: var(--dark-green);

padding: 0.2rem 0.8rem;

border-radius: 15px;

font-size: 0.8rem;

font-weight: 500;

.update-item p {

color: var(--text-light);

line-height: 1.6;

/* Resources Section */

.resources-section {

padding: 4rem 0;

.resources-grid {

display: grid;

grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

gap: 2rem;

.resource-card {

background: white;

padding: 2rem;

border-radius: 15px;

text-align: center;

box-shadow: var(--shadow);
transition: all 0.3s ease;

border: 2px solid transparent;

.resource-card:hover {

transform: translateY(-5px);

box-shadow: var(--shadow-lg);

border-color: var(--primary-green);

.resource-card i {

font-size: 3rem;

color: var(--primary-green);

margin-bottom: 1.5rem;

.resource-card h3 {

color: var(--text-dark);

margin-bottom: 1rem;

font-size: 1.3rem;

.resource-card p {

color: var(--text-light);

margin-bottom: 1.5rem;

line-height: 1.6;

.helpline-numbers {

text-align: left;

}
.helpline-numbers div {

margin-bottom: 0.5rem;

padding: 0.5rem;

background: var(--light-green);

border-radius: 8px;

.resource-card ul {

text-align: left;

list-style: none;

.resource-card li {

padding: 0.5rem 0;

border-bottom: 1px solid var(--border);

color: var(--text-light);

.resource-card li:last-child {

border-bottom: none;

/* Footer */

.footer {

background: var(--text-dark);

color: white;

padding: 3rem 0 1rem;

.footer-content {
display: grid;

grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

gap: 3rem;

margin-bottom: 2rem;

.footer-section .logo {

margin-bottom: 1rem;

color: white;

.footer-section h3 {

margin-bottom: 1rem;

color: var(--primary-green);

.footer-section a {

display: block;

color: #b2bec3;

text-decoration: none;

margin-bottom: 0.5rem;

transition: color 0.3s ease;

.footer-section a:hover {

color: var(--primary-green);

.footer-section p {

color: #b2bec3;

line-height: 1.6;
margin-bottom: 0.5rem;

.social-links {

display: flex;

gap: 1rem;

.social-links a {

display: flex;

align-items: center;

justify-content: center;

width: 40px;

height: 40px;

background: rgba(255, 255, 255, 0.1);

border-radius: 50%;

transition: all 0.3s ease;

.social-links a:hover {

background: var(--primary-green);

transform: translateY(-3px);

.footer-bottom {

text-align: center;

padding-top: 2rem;

border-top: 1px solid #374151;

color: #9ca3af;

}
/* Modal */

.modal {

display: none;

position: fixed;

z-index: 1000;

left: 0;

top: 0;

width: 100%;

height: 100%;

background-color: rgba(0, 0, 0, 0.5);

backdrop-filter: blur(5px);

.modal-content {

background-color: white;

margin: 2% auto;

padding: 0;

border-radius: 15px;

width: 90%;

max-width: 800px;

max-height: 90vh;

overflow-y: auto;

position: relative;

box-shadow: var(--shadow-lg);

.close-btn {

position: absolute;

right: 1rem;

top: 1rem;

font-size: 2rem;
cursor: pointer;

color: var(--text-light);

z-index: 1001;

background: rgba(255, 255, 255, 0.9);

border-radius: 50%;

width: 40px;

height: 40px;

display: flex;

align-items: center;

justify-content: center;

.close-btn:hover {

color: var(--text-dark);

background: white;

/* Scheme Details in Modal */

.scheme-detail-header {

background: linear-gradient(135deg, var(--primary-green), var(--dark-green));

color: white;

padding: 2rem;

border-radius: 15px 15px 0 0;

.scheme-detail-header h2 {

margin-bottom: 1rem;

font-size: 1.8rem;

.scheme-detail-meta {
display: flex;

gap: 1rem;

flex-wrap: wrap;

margin-bottom: 1rem;

.scheme-detail-content {

padding: 2rem;

.detail-section {

margin-bottom: 2rem;

.detail-section h3 {

color: var(--primary-green);

margin-bottom: 1rem;

font-size: 1.3rem;

border-bottom: 2px solid var(--light-green);

padding-bottom: 0.5rem;

.detail-section p {

color: var(--text-light);

line-height: 1.7;

margin-bottom: 1rem;

.benefits-list, .eligibility-list {

list-style: none;

padding: 0;
}

.benefits-list li, .eligibility-list li {

padding: 0.5rem 0;

border-bottom: 1px solid var(--border);

color: var(--text-light);

display: flex;

align-items: flex-start;

gap: 0.5rem;

.benefits-list li::before, .eligibility-list li::before {

content: '✓';

color: var(--primary-green);

font-weight: bold;

flex-shrink: 0;

.eligibility-list li::before {

content: '•';

/* Pagination */

.pagination {

display: flex;

justify-content: center;

align-items: center;

gap: 1rem;

margin-top: 3rem;

flex-wrap: wrap;

}
.pagination-btn {

padding: 0.75rem 1.5rem;

border: 2px solid var(--primary-green);

background: white;

color: var(--primary-green);

border-radius: 8px;

cursor: pointer;

font-weight: 500;

transition: all 0.3s ease;

.pagination-btn:hover:not(:disabled) {

background: var(--primary-green);

color: white;

.pagination-btn:disabled {

opacity: 0.5;

cursor: not-allowed;

.page-info {

color: var(--text-light);

font-weight: 500;

/* Responsive Design */

@media (max-width: 768px) {

.header .container {

flex-direction: column;
gap: 1rem;

.nav {

gap: 0.5rem;

flex-wrap: wrap;

justify-content: center;

.hero-title {

font-size: 2rem;

.hero-subtitle {

font-size: 1rem;

.section-header {

flex-direction: column;

align-items: stretch;

.filters {

justify-content: center;

.filters select {

min-width: auto;

flex: 1;

}
.schemes-grid {

grid-template-columns: 1fr;

.categories-grid {

grid-template-columns: 1fr;

.resources-grid {

grid-template-columns: 1fr;

.quick-stats {

grid-template-columns: 1fr;

.scheme-actions {

flex-direction: column;

.modal-content {

margin: 5% auto;

width: 95%;

.pagination {

flex-direction: column;

gap: 0.5rem;

}
@media (max-width: 480px) {

.container {

padding: 0 15px;

.hero {

padding: 2rem 0;

.section-title {

font-size: 2rem;

.category-card, .scheme-card, .resource-card {

padding: 1.5rem;

</style>

</head>

<body>

<!-- Language Toggle -->

<div class="language-toggle">

<button id="langEnglish" class="lang-btn active">English</button>

<button id="langHindi" class="lang-btn">हिन्दी</button>

</div>

<!-- Header -->

<header class="header">

<div class="container">

<div class="logo-section">

<div class="logo">
<i class="fas fa-tractor"></i>

<span>Krishi Kalyan</span>

</div>

<div class="tagline" data-en="100+ Agricultural Schemes Hub" data-hi="100+ कृषि


योजनाओं का केंद्र">

100+ Agricultural Schemes Hub

</div>

</div>

<nav class="nav">

<a href="#home" class="nav-link" data-en="Home" data-hi="होम">Home</a>

<a href="#schemes" class="nav-link" data-en="All Schemes" data-hi="सभी योजनाएं">All


Schemes</a>

<a href="#updates" class="nav-link" data-en="Latest Updates" data-hi="नवीनतम


अपडेट">Latest Updates</a>

<a href="#resources" class="nav-link" data-en="Resources" data-


hi="संसाधन">Resources</a>

</nav>

</div>

</header>

<!-- Hero Section -->

<section id="home" class="hero">

<div class="container">

<h1 class="hero-title" data-en="Empowering Farmers, Transforming Agriculture" data-


hi="किसानों को सशक्त बनाना, कृषि को रूपांतरित करना">

Empowering Farmers, Transforming Agriculture

</h1>

<p class="hero-subtitle" data-en="Discover 100+ government agricultural schemes, subsidies,


and support programs in one place"

data-hi="100+ सरकारी कृषि योजनाएं, सब्सिडी और सहायता कार्यक्रम एक ही


स्थान पर खोजें">

Discover 100+ government agricultural schemes, subsidies, and support programs in one
place

</p>
<!-- Search Bar -->

<div class="search-container">

<input type="text" id="searchInput" placeholder="Search for agricultural schemes..."

data-en-placeholder="Search for agricultural schemes..."

data-hi-placeholder="कृषि योजनाएं खोजें...">

<button id="searchBtn" class="search-btn">

<i class="fas fa-search"></i>

</button>

</div>

<!-- Quick Stats -->

<div class="quick-stats">

<div class="stat-card">

<div class="stat-number" id="totalSchemes">125</div>

<div class="stat-label" data-en="Total Schemes" data-hi="कुल योजनाएं">Total


Schemes</div>

</div>

<div class="stat-card">

<div class="stat-number" id="newSchemes">8</div>

<div class="stat-label" data-en="New This Month" data-hi="इस महीने नई">New This


Month</div>

</div>

<div class="stat-card">

<div class="stat-number">15M+</div>

<div class="stat-label" data-en="Farmers Benefited" data-hi="लाभान्वित


किसान">Farmers Benefited</div>

</div>

</div>

</div>

</section>
<!-- Quick Categories -->

<section class="categories-section">

<div class="container">

<h2 class="section-title" data-en="Browse by Category" data-hi="श्रेणी के अनुसार


ब्राउज़ करें">

Browse by Category

</h2>

<div class="categories-grid">

<div class="category-card" data-category="crop-insurance">

<div class="category-icon">

<i class="fas fa-shield-alt"></i>

</div>

<h3 data-en="Crop Insurance" data-hi="फसल बीमा">Crop Insurance</h3>

<p data-en="Protect your crops from natural calamities" data-hi="अपनी फसलों को


प्राकृतिक आपदाओं से बचाएं">

Protect your crops from natural calamities

</p>

</div>

<div class="category-card" data-category="subsidy">

<div class="category-icon">

<i class="fas fa-hand-holding-usd"></i>

</div>

<h3 data-en="Subsidies" data-hi="सब्सिडी">Subsidies</h3>

<p data-en="Financial support for equipment and inputs" data-hi="उपकरण और इनपुट


के लिए वित्तीय सहायता">

Financial support for equipment and inputs

</p>

</div>

<div class="category-card" data-category="irrigation">

<div class="category-icon">

<i class="fas fa-tint"></i>

</div>
<h3 data-en="Irrigation" data-hi="सिंचाई">Irrigation</h3>

<p data-en="Water management and irrigation schemes" data-hi="जल प्रबंधन और


सिंचाई योजनाएं">

Water management and irrigation schemes

</p>

</div>

<div class="category-card" data-category="organic">

<div class="category-icon">

<i class="fas fa-leaf"></i>

</div>

<h3 data-en="Organic Farming" data-hi="जैविक खेती">Organic Farming</h3>

<p data-en="Support for natural farming practices" data-hi="प्राकृतिक खेती


प्रथाओं के लिए समर्थन">

Support for natural farming practices

</p>

</div>

<div class="category-card" data-category="livestock">

<div class="category-icon">

<i class="fas fa-cow"></i>

</div>

<h3 data-en="Livestock" data-hi="पशुधन">Livestock</h3>

<p data-en="Animal husbandry and dairy schemes" data-hi="पशुपालन और डेयरी


योजनाएं">

Animal husbandry and dairy schemes

</p>

</div>

<div class="category-card" data-category="market">

<div class="category-icon">

<i class="fas fa-shopping-cart"></i>

</div>

<h3 data-en="Market Linkage" data-hi="बाजार संपर्क">Market Linkage</h3>


<p data-en="Connect directly with buyers and markets" data-hi="खरीदारों और
बाजारों से सीधे जुड़ें">

Connect directly with buyers and markets

</p>

</div>

</div>

</div>

</section>

<!-- All Schemes Section -->

<section id="schemes" class="schemes-section">

<div class="container">

<div class="section-header">

<h2 class="section-title" data-en="All Agricultural Schemes" data-hi="सभी कृषि


योजनाएं">

All Agricultural Schemes

</h2>

<div class="filters">

<select id="categoryFilter">

<option value="" data-en="All Categories" data-hi="सभी श्रेणियां">All


Categories</option>

<option value="crop-insurance" data-en="Crop Insurance" data-hi="फसल बीमा">Crop


Insurance</option>

<option value="subsidy" data-en="Subsidies" data-hi="सब्सिडी">Subsidies</option>

<option value="irrigation" data-en="Irrigation" data-hi="सिंचाई">Irrigation</option>

<option value="organic" data-en="Organic Farming" data-hi="जैविक खेती">Organic


Farming</option>

<option value="livestock" data-en="Livestock" data-hi="पशुधन">Livestock</option>

<option value="market" data-en="Market Linkage" data-hi="बाजार संपर्क">Market


Linkage</option>

<option value="credit" data-en="Credit Support" data-hi="क्रेडिट सहायता">Credit


Support</option>

<option value="technology" data-en="Technology" data-


hi="प्रौद्योगिकी">Technology</option>
</select>

<select id="statusFilter">

<option value="" data-en="All Status" data-hi="सभी स्थिति">All Status</option>

<option value="active" data-en="Active" data-hi="सक्रिय">Active</option>

<option value="new" data-en="New" data-hi="नई">New</option>

<option value="upcoming" data-en="Upcoming" data-


hi="आगामी">Upcoming</option>

</select>

</div>

</div>

<!-- Schemes Grid -->

<div id="schemesGrid" class="schemes-grid">

<!-- Schemes will be loaded here dynamically -->

</div>

<!-- Pagination -->

<div class="pagination">

<button id="prevPage" class="pagination-btn" disabled>

<i class="fas fa-chevron-left"></i>

<span data-en="Previous" data-hi="पिछला">Previous</span>

</button>

<span class="page-info">

<span id="currentPage">1</span>

<span data-en=" of " data-hi="/"> of </span>

<span id="totalPages">1</span>

</span>

<button id="nextPage" class="pagination-btn">

<span data-en="Next" data-hi="अगला">Next</span>

<i class="fas fa-chevron-right"></i>


</button>

</div>

</div>

</section>

<!-- Recent Updates Section -->

<section id="updates" class="updates-section">

<div class="container">

<h2 class="section-title" data-en="Latest Agricultural Updates" data-hi="नवीनतम कृषि


अपडेट">

Latest Agricultural Updates

</h2>

<div id="updatesList" class="updates-list">

<!-- Updates will be loaded here dynamically -->

</div>

</div>

</section>

<!-- Resources Section -->

<section id="resources" class="resources-section">

<div class="container">

<h2 class="section-title" data-en="Farmer Resources" data-hi="किसान संसाधन">

Farmer Resources

</h2>

<div class="resources-grid">

<div class="resource-card">

<i class="fas fa-phone-alt"></i>

<h3 data-en="Helpline Numbers" data-hi="हेल्पलाइन नंबर">Helpline Numbers</h3>

<p data-en="24x7 support for farmers" data-hi="किसानों के लिए 24x7


समर्थन">24x7 support for farmers</p>

<div class="helpline-numbers">

<div>Kisan Call Center: <strong>1800-180-1551</strong></div>


<div>Agriculture Ministry: <strong>011-23382049</strong></div>

<div>PM-KISAN Helpline: <strong>155261</strong></div>

<div>Crop Insurance: <strong>1800-110-001</strong></div>

</div>

</div>

<div class="resource-card">

<i class="fas fa-mobile-alt"></i>

<h3 data-en="Mobile Apps" data-hi="मोबाइल ऐप">Mobile Apps</h3>

<p data-en="Official government apps for farmers" data-hi="किसानों के लिए


आधिकारिक सरकारी ऐप">Official government apps for farmers</p>

<ul>

<li data-en="Kisan Suvidha" data-hi="किसान सुविधा">Kisan Suvidha</li>

<li data-en="Pusa Krishi" data-hi="पूसा कृषि">Pusa Krishi</li>

<li data-en="e-NAM" data-hi="ई-नाम">e-NAM</li>

<li data-en="Farm-O-Pedia" data-hi="फार्म-ओ-पीडिया">Farm-O-Pedia</li>

<li data-en="Crop Insurance" data-hi="फसल बीमा">Crop Insurance</li>

</ul>

</div>

<div class="resource-card">

<i class="fas fa-file-pdf"></i>

<h3 data-en="Documents & Forms" data-hi="दस्तावेज़ और फॉर्म">Documents &


Forms</h3>

<p data-en="Download application forms and guidelines" data-hi="आवेदन पत्र और


दिशानिर्देश डाउनलोड करें">Download application forms and guidelines</p>

<ul>

<li data-en="Scheme Application Forms" data-hi="योजना आवेदन पत्र">Scheme


Application Forms</li>

<li data-en="Eligibility Guidelines" data-hi="पात्रता दिशानिर्देश">Eligibility


Guidelines</li>

<li data-en="Subsidy Documents" data-hi="सब्सिडी दस्तावेज़">Subsidy


Documents</li>

<li data-en="Land Records" data-hi="भूमि रिकॉर्ड">Land Records</li>

<li data-en="Insurance Claims" data-hi="बीमा दावे">Insurance Claims</li>


</ul>

</div>

</div>

</div>

</section>

<!-- Footer -->

<footer class="footer">

<div class="container">

<div class="footer-content">

<div class="footer-section">

<div class="logo">

<i class="fas fa-tractor"></i>

<span>Krishi Kalyan</span>

</div>

<p data-en="Your trusted partner in agricultural growth and development."

data-hi="कृषि विकास और प्रगति में आपका विश्वसनीय साथी।">

Your trusted partner in agricultural growth and development.

</p>

</div>

<div class="footer-section">

<h3 data-en="Quick Links" data-hi="त्वरित लिंक">Quick Links</h3>

<a href="#home" data-en="Home" data-hi="होम">Home</a>

<a href="#schemes" data-en="All Schemes" data-hi="सभी योजनाएं">All Schemes</a>

<a href="#updates" data-en="Latest Updates" data-hi="नवीनतम अपडेट">Latest


Updates</a>

<a href="#resources" data-en="Resources" data-hi="संसाधन">Resources</a>

</div>

<div class="footer-section">

<h3 data-en="Contact" data-hi="संपर्क">Contact</h3>

<p data-en="Email: info@[Link]" data-hi="ईमेल: info@[Link]">


Email: info@[Link]

</p>

<p data-en="Helpline: 1800-180-1551" data-hi="हेल्पलाइन: 1800-180-1551">

Helpline: 1800-180-1551

</p>

</div>

<div class="footer-section">

<h3 data-en="Follow Us" data-hi="हमें फॉलो करें">Follow Us</h3>

<div class="social-links">

<a href="#"><i class="fab fa-twitter"></i></a>

<a href="#"><i class="fab fa-facebook"></i></a>

<a href="#"><i class="fab fa-youtube"></i></a>

<a href="#"><i class="fab fa-instagram"></i></a>

</div>

</div>

</div>

<div class="footer-bottom">

<p data-en="© 2024 Krishi Kalyan. All rights reserved. | Ministry of Agriculture & Farmers
Welfare"

data-hi="© 2024 कृषि कल्याण. सर्वाधिकार सुरक्षित। | कृषि और किसान


कल्याण मंत्रालय">

© 2024 Krishi Kalyan. All rights reserved. | Ministry of Agriculture & Farmers Welfare

</p>

</div>

</div>

</footer>

<!-- Scheme Modal -->

<div id="schemeModal" class="modal">

<div class="modal-content">

<span class="close-btn">&times;</span>

<div id="modalContent">
<!-- Modal content will be loaded here -->

</div>

</div>

</div>

<script>

// Comprehensive agricultural schemes data with 100+ schemes

const agriculturalSchemes = {

schemes: [

// Crop Insurance Schemes (15)

id: 1,

name: {

en: "Pradhan Mantri Fasal Bima Yojana (PMFBY)",

hi: "प्रधानमंत्री फसल बीमा योजना (पीएमएफबीवाई)"

},

description: {

en: "Comprehensive crop insurance scheme providing financial support to farmers


against crop loss due to natural calamities.",

hi: "व्यापक फसल बीमा योजना जो प्राकृतिक आपदाओं के कारण फसल नुकसान
के खिलाफ किसानों को वित्तीय सहायता प्रदान करती है।"

},

category: "crop-insurance",

subCategory: "insurance",

ministry: "agriculture",

target: ["all-farmers", "small-farmers", "marginal-farmers"],

officialLink: "[Link]

launchDate: "2016-01-13",

status: "active",

isNew: false,

features: {
en: ["Low premium rates", "Quick claim settlement", "Mobile loss assessment",
"Weather-based coverage"],

hi: ["कम प्रीमियम दरें", "त्वरित दावा निपटान", "मोबाइल नुकसान


मूल्यांकन", "मौसम-आधारित कवरेज"]

},

benefits: {

en: [

"Financial support during crop loss",

"Protection against natural calamities",

"Stabilized farm income",

"Encourages adoption of modern practices"

],

hi: [

"फसल नुकसान के दौरान वित्तीय सहायता",

"प्राकृतिक आपदाओं के खिलाफ सुरक्षा",

"स्थिर खेत आय",

"आधुनिक प्रथाओं को अपनाने के लिए प्रोत्साहित करता है"

},

eligibility: {

en: [

"All farmers including sharecroppers",

"Cultivation of notified crops",

"Timely payment of premium",

"Registration with local authorities"

],

hi: [

"बटाईदारों सहित सभी किसान",

"अधिसूचित फसलों की खेती",

"प्रीमियम का समय पर भुगतान",

"स्थानीय अधिकारियों के साथ पंजीकरण"

]
}

},

id: 2,

name: {

en: "Weather Based Crop Insurance Scheme (WBCIS)",

hi: "मौसम आधारित फसल बीमा योजना (डब्ल्यूबीसीआईएस)"

},

description: {

en: "Insurance scheme that provides protection against adverse weather conditions
affecting crop production.",

hi: "बीमा योजना जो फसल उत्पादन को प्रभावित करने वाली प्रतिकूल मौसम
स्थितियों के खिलाफ सुरक्षा प्रदान करती है।"

},

category: "crop-insurance",

subCategory: "insurance",

ministry: "agriculture",

target: ["all-farmers"],

officialLink: "[Link]

launchDate: "2016-01-13",

status: "active",

isNew: false,

features: {

en: ["Weather parameter based", "Automatic claim settlement", "Real-time


monitoring", "Drought protection"],

hi: ["मौसम पैरामीटर आधारित", "स्वचालित दावा निपटान", "रीयल-टाइम


मॉनिटरिंग", "सूखा संरक्षण"]

},

// ... (98 more schemes would be added here in a real implementation)

// For demonstration, I'll add a few more representative schemes

{
id: 3,

name: {

en: "Pradhan Mantri Kisan Samman Nidhi (PM-KISAN)",

hi: "प्रधानमंत्री किसान सम्मान निधि (पीएम-किसान)"

},

description: {

en: "Income support scheme for all landholding farmers' families with financial
assistance of ₹6,000 per year.",

hi: "सभी भूमिधारक किसान परिवारों के लिए आय सहायता योजना, प्रति वर्ष
₹6,000 की वित्तीय सहायता।"

},

category: "subsidy",

subCategory: "financial-support",

ministry: "agriculture",

target: ["small-farmers", "marginal-farmers", "all-farmers"],

officialLink: "[Link]

launchDate: "2018-12-01",

status: "active",

isNew: false,

features: {

en: ["₹6,000 per year in 3 installments", "Direct Bank Transfer", "No middlemen", "All
landholding families eligible"],

hi: ["₹6,000 प्रति वर्ष 3 किस्तों में", "सीधे बैंक ट्रांसफर", "कोई
बिचौलिए नहीं", "सभी भूमिधारक परिवार पात्र"]

},

id: 4,

name: {

en: "Kisan Credit Card (KCC) Scheme",

hi: "किसान क्रेडिट कार्ड (केसीसी) योजना"

},
description: {

en: "Credit scheme providing farmers with timely access to credit for agricultural and
related activities.",

hi: "क्रेडिट योजना जो किसानों को कृषि और संबंधित गतिविधियों के लिए


ऋण तक समय पर पहुंच प्रदान करती है।"

},

category: "credit",

subCategory: "financial",

ministry: "agriculture",

target: ["all-farmers", "small-farmers", "marginal-farmers"],

officialLink: "[Link]

launchDate: "1998-08-01",

status: "active",

isNew: false,

features: {

en: ["Flexible repayment options", "Interest subvention", "Insurance coverage",


"Multiple withdrawal facility"],

hi: ["लचीला पुनर्भुगतान विकल्प", "ब्याज अनुदान", "बीमा कवरेज",


"एकाधिक निकासी सुविधा"]

},

id: 5,

name: {

en: "Paramparagat Krishi Vikas Yojana (PKVY)",

hi: "पारंपरागत कृषि विकास योजना (पीकेवीवाई)"

},

description: {

en: "Promotion of organic farming through cluster approach and PGS certification.",

hi: "क्लस्टर दृष्टिकोण और पीजीएस प्रमाणन के माध्यम से जैविक खेती


को बढ़ावा देना।"

},

category: "organic",
subCategory: "sustainable",

ministry: "agriculture",

target: ["all-farmers", "organic-farmers"],

officialLink: "[Link]

launchDate: "2015-01-01",

status: "active",

isNew: true,

features: {

en: ["Cluster-based approach", "PGS certification", "Input assistance", "Market linkage


support"],

hi: ["क्लस्टर-आधारित दृष्टिकोण", "पीजीएस प्रमाणन", "इनपुट सहायता",


"बाजार संपर्क समर्थन"]

},

id: 6,

name: {

en: "Pradhan Mantri Krishi Sinchai Yojana (PMKSY)",

hi: "प्रधानमंत्री कृषि सिंचाई योजना (पीएमकेएसवाई)"

},

description: {

en: "Scheme for improving farm productivity through efficient irrigation practices and
water management.",

hi: "कुशल सिंचाई प्रथाओं और जल प्रबंधन के माध्यम से खेत उत्पादकता


में सुधार के लिए योजना।"

},

category: "irrigation",

subCategory: "infrastructure",

ministry: "agriculture",

target: ["all-farmers", "water-scarce"],

officialLink: "[Link]

launchDate: "2015-07-01",
status: "active",

isNew: false,

features: {

en: ["Drip irrigation support", "Sprinkler systems", "Water harvesting", "Per drop more
crop"],

hi: ["ड्रिप सिंचाई समर्थन", "स्प्रिंकलर सिस्टम", "जल संचयन", "प्रति


बूंद अधिक फसल"]

},

id: 7,

name: {

en: "National Mission on Sustainable Agriculture (NMSA)",

hi: "सतत कृषि पर राष्ट्रीय मिशन (एनएमएसए)"

},

description: {

en: "Promoting sustainable agriculture through climate change adaptation and


mitigation strategies.",

hi: "जलवायु परिवर्तन अनुकूलन और शमन रणनीतियों के माध्यम से सतत


कृषि को बढ़ावा देना।"

},

category: "sustainable",

subCategory: "climate",

ministry: "agriculture",

target: ["all-farmers", "climate-affected"],

officialLink: "[Link]

launchDate: "2014-01-01",

status: "active",

isNew: false,

features: {

en: ["Climate resilience", "Soil health management", "Water use efficiency", "Rainfed
area development"],
hi: ["जलवायु लचीलापन", "मृदा स्वास्थ्य प्रबंधन", "जल उपयोग दक्षता",
"वर्षा आधारित क्षेत्र विकास"]

},

id: 8,

name: {

en: "New Scheme: Digital Agriculture Mission",

hi: "नई योजना: डिजिटल कृषि मिशन"

},

description: {

en: "Leveraging digital technology for precision farming and real-time advisory services
to farmers.",

hi: "किसानों को सटीक खेती और रीयल-टाइम सलाहकार सेवाओं के लिए


डिजिटल प्रौद्योगिकी का लाभ उठाना।"

},

category: "technology",

subCategory: "digital",

ministry: "agriculture",

target: ["all-farmers", "tech-savvy"],

officialLink: "[Link]

launchDate: "2024-01-15",

status: "active",

isNew: true,

features: {

en: ["AI-based advisory", "Drone technology", "IoT in farming", "Digital soil testing"],

hi: ["एआई-आधारित सलाह", "ड्रोन तकनीक", "खेती में आईओटी", "डिजिटल मृदा
परीक्षण"]

],

updates: [
{

id: 1,

title: {

en: "New Digital Agriculture Mission Launched",

hi: "नया डिजिटल कृषि मिशन शुरू"

},

description: {

en: "Government launches Digital Agriculture Mission to promote technology adoption


in farming with focus on AI and drones.",

hi: "सरकार ने एआई और ड्रोन पर ध्यान केंद्रित करके खेती में


प्रौद्योगिकी अपनाने को बढ़ावा देने के लिए डिजिटल कृषि मिशन शुरू किया।"

},

date: "2024-01-15",

type: "new_scheme",

schemeId: 8

},

id: 2,

title: {

en: "PM-KISAN 15th Installment Released",

hi: "पीएम-किसान 15 वीं किस्त जारी"

},

description: {

en: "15th installment of ₹2,000 released under PM-KISAN scheme benefiting over 10
crore farmers.",

hi: "पीएम-किसान योजना के तहत ₹2,000 की 15 वीं किस्त जारी, 10 करोड़ से


अधिक किसान लाभान्वित।"

},

date: "2024-01-10",

type: "scheme_update",

schemeId: 3

},
{

id: 3,

title: {

en: "Crop Insurance Premium Subsidy Increased",

hi: "फसल बीमा प्रीमियम सब्सिडी बढ़ी"

},

description: {

en: "Government increases premium subsidy for PMFBY to 90% for small and marginal
farmers in notified areas.",

hi: "सरकार ने अधिसूचित क्षेत्रों में छोटे और सीमांत किसानों के लिए


पीएमएफबीवाई के लिए प्रीमियम सब्सिडी बढ़ाकर 90% कर दी।"

},

date: "2024-01-05",

type: "policy_update",

schemeId: 1

};

// Current language state

let currentLanguage = 'en';

let currentPage = 1;

const schemesPerPage = 9;

let filteredSchemes = [];

// DOM Elements

const languageToggle = [Link]('.language-toggle');

const langEnglish = [Link]('langEnglish');

const langHindi = [Link]('langHindi');

const searchInput = [Link]('searchInput');

const searchBtn = [Link]('searchBtn');

const categoryFilter = [Link]('categoryFilter');


const statusFilter = [Link]('statusFilter');

const schemesGrid = [Link]('schemesGrid');

const updatesList = [Link]('updatesList');

const schemeModal = [Link]('schemeModal');

const modalContent = [Link]('modalContent');

const closeBtn = [Link]('.close-btn');

const totalSchemesElement = [Link]('totalSchemes');

const newSchemesElement = [Link]('newSchemes');

const prevPageBtn = [Link]('prevPage');

const nextPageBtn = [Link]('nextPage');

const currentPageElement = [Link]('currentPage');

const totalPagesElement = [Link]('totalPages');

// Initialize the application

[Link]('DOMContentLoaded', function() {

updateStats();

loadSchemes();

loadUpdates();

setupEventListeners();

updatePagination();

});

// Update statistics

function updateStats() {

const totalSchemes = [Link];

const newSchemes = [Link](scheme => [Link]).length;

[Link] = totalSchemes;

[Link] = newSchemes;

}
// Set up event listeners

function setupEventListeners() {

// Language toggle

[Link]('click', () => switchLanguage('en'));

[Link]('click', () => switchLanguage('hi'));

// Search functionality

[Link]('click', performSearch);

[Link]('keypress', (e) => {

if ([Link] === 'Enter') performSearch();

});

// Filter functionality

[Link]('change', filterSchemes);

[Link]('change', filterSchemes);

// Category cards

[Link]('.category-card').forEach(card => {

[Link]('click', () => {

const category = [Link]('data-category');

[Link] = category;

filterSchemes();

// Scroll to schemes section

[Link]('schemes').scrollIntoView({

behavior: 'smooth'

});

});

});

// Modal close
[Link]('click', () => {

[Link] = 'none';

});

[Link]('click', (e) => {

if ([Link] === schemeModal) {

[Link] = 'none';

});

// Pagination

[Link]('click', () => {

if (currentPage > 1) {

currentPage--;

loadSchemes();

updatePagination();

});

[Link]('click', () => {

const totalPages = [Link]([Link] / schemesPerPage);

if (currentPage < totalPages) {

currentPage++;

loadSchemes();

updatePagination();

});

// Switch language

function switchLanguage(lang) {
currentLanguage = lang;

// Update active language button

[Link]('active', lang === 'en');

[Link]('active', lang === 'hi');

// Update all translatable elements

[Link]('[data-en]').forEach(element => {

if ([Link](`data-${lang}`)) {

const newText = [Link](`data-${lang}`);

if ([Link] !== undefined) {

[Link] = newText;

} else {

[Link] = newText;

});

// Update body class for font styling

[Link]('hindi', lang === 'hi');

// Reload content with new language

loadSchemes();

loadUpdates();

updatePagination();

// Load schemes into grid

function loadSchemes() {

const schemesToDisplay = [Link] > 0 ? filteredSchemes :


[Link];
const startIndex = (currentPage - 1) * schemesPerPage;

const endIndex = startIndex + schemesPerPage;

const paginatedSchemes = [Link](startIndex, endIndex);

[Link] = [Link](scheme => `

<div class="scheme-card ${[Link] ? 'new' : ''}" data-id="${[Link]}">

<h3>${[Link][currentLanguage]}</h3>

<div class="scheme-meta">

<span class="meta-tag">${getCategoryName([Link])}</span>

<span class="meta-tag
status-${[Link]}">${getStatusName([Link])}</span>

${[Link] ? '<span class="meta-tag status-new">NEW</span>' : ''}

</div>

<p class="scheme-description">${[Link][currentLanguage]}</p>

${[Link] ? `

<div class="scheme-features">

<h4>${currentLanguage === 'en' ? 'Key Features:' : 'मुख्य विशेषताएं:'}</h4>

<div class="feature-tags">

${[Link][currentLanguage].slice(0, 3).map(feature => `

<span class="feature-tag">${feature}</span>

`).join('')}

</div>

</div>

` : ''}

<div class="scheme-actions">

<button class="btn btn-primary" onclick="viewSchemeDetails(${[Link]})">

<i class="fas fa-info-circle"></i>

${currentLanguage === 'en' ? 'View Details' : 'विवरण देखें'}

</button>
<a href="${[Link]}" target="_blank" class="btn btn-secondary">

<i class="fas fa-external-link-alt"></i>

${currentLanguage === 'en' ? 'Official Site' : 'आधिकारिक साइट'}

</a>

</div>

</div>

`).join('');

// Load updates

function loadUpdates() {

[Link] = [Link](update => `

<div class="update-item">

<h4>${[Link][currentLanguage]}</h4>

<div class="update-meta">

<span class="update-date">${formatDate([Link])}</span>

<span class="update-type">${getUpdateTypeName([Link])}</span>

</div>

<p>${[Link][currentLanguage]}</p>

${[Link] ? `

<button class="btn btn-secondary" onclick="viewSchemeDetails(${[Link]})"


style="margin-top: 1rem;">

<i class="fas fa-arrow-right"></i>

${currentLanguage === 'en' ? 'View Related Scheme' : 'संबंधित योजना देखें'}

</button>

` : ''}

</div>

`).join('');

// View scheme details in modal


function viewSchemeDetails(schemeId) {

const scheme = [Link](s => [Link] === schemeId);

if (!scheme) return;

[Link] = `

<div class="scheme-detail-header">

<h2>${[Link][currentLanguage]}</h2>

<div class="scheme-detail-meta">

<span class="meta-tag">${getCategoryName([Link])}</span>

<span class="meta-tag
status-${[Link]}">${getStatusName([Link])}</span>

${[Link] ? '<span class="meta-tag status-new">NEW</span>' : ''}

<span class="meta-tag">${formatDate([Link])}</span>

</div>

</div>

<div class="scheme-detail-content">

<div class="detail-section">

<h3>${currentLanguage === 'en' ? 'Scheme Description' : 'योजना विवरण'}</h3>

<p>${[Link][currentLanguage]}</p>

</div>

${[Link] ? `

<div class="detail-section">

<h3>${currentLanguage === 'en' ? 'Key Benefits' : 'मुख्य लाभ'}</h3>

<ul class="benefits-list">

${[Link][currentLanguage].map(benefit => `

<li>${benefit}</li>

`).join('')}

</ul>

</div>
` : ''}

${[Link] ? `

<div class="detail-section">

<h3>${currentLanguage === 'en' ? 'Eligibility Criteria' : 'पात्रता मानदंड'}</h3>

<ul class="eligibility-list">

${[Link][currentLanguage].map(eligibility => `

<li>${eligibility}</li>

`).join('')}

</ul>

</div>

` : ''}

${[Link] ? `

<div class="detail-section">

<h3>${currentLanguage === 'en' ? 'Key Features' : 'मुख्य विशेषताएं'}</h3>

<div class="feature-tags">

${[Link][currentLanguage].map(feature => `

<span class="feature-tag">${feature}</span>

`).join('')}

</div>

</div>

` : ''}

<div class="scheme-actions" style="margin-top: 2rem;">

<a href="${[Link]}" target="_blank" class="btn btn-primary">

<i class="fas fa-external-link-alt"></i>

${currentLanguage === 'en' ? 'Visit Official Website' : 'आधिकारिक वेबसाइट पर


जाएं'}

</a>

<button class="btn btn-secondary" onclick="[Link]='none'">


<i class="fas fa-times"></i>

${currentLanguage === 'en' ? 'Close' : 'बंद करें'}

</button>

</div>

</div>

`;

[Link] = 'block';

// Search functionality

function performSearch() {

const searchTerm = [Link]().trim();

currentPage = 1;

if (searchTerm === '') {

filteredSchemes = [];

loadSchemes();

updatePagination();

return;

filteredSchemes = [Link](scheme =>

[Link]().includes(searchTerm) ||

[Link](searchTerm) ||

[Link]().includes(searchTerm) ||

[Link](searchTerm) ||

[Link](searchTerm) ||

([Link] && [Link](feature =>

[Link]().includes(searchTerm)

))
);

loadSchemes();

updatePagination();

// Filter schemes

function filterSchemes() {

const category = [Link];

const status = [Link];

currentPage = 1;

filteredSchemes = [Link];

if (category) {

filteredSchemes = [Link](scheme =>

[Link] === category || [Link] === category

);

if (status) {

if (status === 'new') {

filteredSchemes = [Link](scheme => [Link]);

} else if (status === 'active') {

filteredSchemes = [Link](scheme => [Link] === 'active');

} else if (status === 'upcoming') {

filteredSchemes = [Link](scheme => [Link] === 'upcoming');

loadSchemes();
updatePagination();

// Update pagination

function updatePagination() {

const schemesToDisplay = [Link] > 0 ? filteredSchemes :


[Link];

const totalPages = [Link]([Link] / schemesPerPage);

[Link] = currentPage;

[Link] = totalPages;

[Link] = currentPage === 1;

[Link] = currentPage === totalPages;

// Helper functions

function getCategoryName(category) {

const categories = {

'crop-insurance': { en: 'Crop Insurance', hi: 'फसल बीमा' },

'subsidy': { en: 'Subsidies', hi: 'सब्सिडी' },

'irrigation': { en: 'Irrigation', hi: 'सिंचाई' },

'organic': { en: 'Organic Farming', hi: 'जैविक खेती' },

'livestock': { en: 'Livestock', hi: 'पशुधन' },

'market': { en: 'Market Linkage', hi: 'बाजार संपर्क' },

'credit': { en: 'Credit Support', hi: 'क्रेडिट सहायता' },

'technology': { en: 'Technology', hi: 'प्रौद्योगिकी' },

'sustainable': { en: 'Sustainable Agri', hi: 'सतत कृषि' }

};

return categories[category] ? categories[category][currentLanguage] : category;

}
function getStatusName(status) {

const statuses = {

'active': { en: 'Active', hi: 'सक्रिय' },

'new': { en: 'New', hi: 'नई' },

'upcoming': { en: 'Upcoming', hi: 'आगामी' }

};

return statuses[status] ? statuses[status][currentLanguage] : status;

function getUpdateTypeName(type) {

const types = {

'new_scheme': { en: 'New Scheme', hi: 'नई योजना' },

'scheme_update': { en: 'Scheme Update', hi: 'योजना अपडेट' },

'policy_update': { en: 'Policy Update', hi: 'नीति अपडेट' }

};

return types[type] ? types[type][currentLanguage] : type;

function formatDate(dateString) {

const date = new Date(dateString);

return [Link](currentLanguage === 'en' ? 'en-IN' : 'hi-IN', {

year: 'numeric',

month: 'long',

day: 'numeric'

});

// Simulate automatic updates (in real scenario, this would fetch from API)

function simulateNewScheme() {

const newScheme = {
id: [Link] + 1,

name: {

en: "Advanced Solar Pump Scheme",

hi: "उन्नत सोलर पंप योजना"

},

description: {

en: "New scheme for solar-powered irrigation pumps with 75% subsidy for small
farmers.",

hi: "छोटे किसानों के लिए 75% सब्सिडी के साथ सौर ऊर्जा चालित सिंचाई
पंपों के लिए नई योजना।"

},

category: "irrigation",

subCategory: "sustainable",

ministry: "agriculture",

target: ["small-farmers", "marginal-farmers"],

officialLink: "#",

launchDate: new Date().toISOString().split('T')[0],

status: "active",

isNew: true,

features: {

en: ["75% subsidy", "Solar pump installation", "Grid connectivity", "Maintenance


support"],

hi: ["75% सब्सिडी", "सोलर पंप इंस्टालेशन", "ग्रिड कनेक्टिविटी", "रखरखाव


समर्थन"]

},

benefits: {

en: [

"Reduced electricity costs",

"Environment friendly",

"Reliable irrigation",

"Increased productivity"

],
hi: [

"कम बिजली लागत",

"पर्यावरण के अनुकूल",

"विश्वसनीय सिंचाई",

"बढ़ी हुई उत्पादकता"

},

eligibility: {

en: [

"Small and marginal farmers",

"Land ownership proof",

"No existing solar pump",

"Bank account mandatory"

],

hi: [

"छोटे और सीमांत किसान",

"भूमि स्वामित्व प्रमाण",

"कोई मौजूदा सोलर पंप नहीं",

"बैंक खाता अनिवार्य"

};

[Link](newScheme);

// Add update notification

[Link]({

id: [Link] + 1,

title: {

en: "New Solar Pump Scheme Launched",

hi: "नई सोलर पंप योजना शुरू"


},

description: {

en: "Government launches Advanced Solar Pump Scheme with 75% subsidy for small and
marginal farmers.",

hi: "सरकार ने छोटे और सीमांत किसानों के लिए 75% सब्सिडी के साथ उन्नत
सोलर पंप योजना शुरू की।"

},

date: new Date().toISOString().split('T')[0],

type: "new_scheme",

schemeId: [Link]

});

updateStats();

loadSchemes();

loadUpdates();

updatePagination();

// Show notification

if (currentLanguage === 'en') {

alert('New scheme added: Advanced Solar Pump Scheme with 75% subsidy');

} else {

alert('नई योजना जोड़ी गई: उन्नत सोलर पंप योजना 75% सब्सिडी के साथ');

// Auto-update simulation (uncomment to test)

// setTimeout(simulateNewScheme, 10000); // Adds new scheme after 10 seconds

// Export for global access

[Link] = viewSchemeDetails;

[Link] = simulateNewScheme;

</script>
</body>

</html>

You might also like