import json from langchain.text_splitter import RecursiveCharacterTextSplitter # ✅ Step 2: Paste your JSONL data here as a raw string (multiline string) jsonl_data = """ { "id": "gomutra_cancer","title": "गोमूत्र और कैंसर", "content": "आयुर्वेदिक दावों के अनुसार गोमूत्र में कैंसर रोधी गुण हो सकते हैं, परंतु इन दावों को प्रमाणित करने के लिए वैज्ञानिक प्रमाण अभी पर्याप्त नहीं हैं। चिकित्सक इसे छद्मविज्ञान मानते हैं और कैंसर के इलाज के लिए इसका सेवन अनुशंसित नहीं है।"} {"id": "gomutra_001", "title": "पंचगव्य और गोमूत्र", "content": "गोमूत्र (गाय का मूत्र) पंचगव्यों में से एक है। जबकि गोमूत्र और गोबर का खाद के रूप में लाभ होता है, शोधकर्ता रोगों को ठीक करने के किसी भी अन्य दावे को खारिज करते हैं और इसे छद्म विज्ञान मानते हैं। वैज्ञानिक प्रमाणों के अभाव में इसके चिकित्सकीय उपयोग पर विवाद है।"} {"id": "gomutra_002", "title": "गोमूत्र पर विदेशी चिकित्सकों के दावे", "content": "ब्रिटेन के डॉ. काफोड हैमिल्टन के अनुसार, गोमूत्र के उपयोग से हृदय रोग दूर होता है तथा धमनियों में रक्तदाब सामान्य हो सकता है। भूख में वृद्धि, चर्म रोगों में लाभ और मूत्र संबंधी समस्याओं में सुधार जैसे दावे भी किए गए हैं। डॉ. सिमर्स का कहना है कि गोमूत्र रक्त में मौजूद दूषित कीटाणुओं को नष्ट करता है।"} {"id": "gomutra_003", "title": "आयुर्वेद में गोमूत्र के दावे", "content": "आयुर्वेद के अनुसार, गोमूत्र कुष्ठ रोग, बुखार, पेप्टिक अल्सर, यकृत रोग, किडनी विकार, अस्थमा, एलर्जी, सोरायसिस, एनीमिया और कैंसर तक के उपचार में सहायक बताया गया है। कुछ आधुनिक शोधों ने भी कैंसर रोधी गुण की संभावना व्यक्त की है, लेकिन ये निष्कर्ष व्यापक वैज्ञानिक परीक्षणों पर आधारित नहीं हैं।"} {"id": "gomutra_004", "title": "गोमूत्र पान की परंपरा", "content": "भारत में गोमूत्र पान की प्रथा पारंपरिक रूप से सदियों से प्रचलित रही है। बौद्ध संघों में इसे श्रमणों के लिए अनिवार्य माना गया और भगवान बुद्ध ने भी इसे औषधि रूप में मान्यता दी थी। विनय पिटक के महावग्ग में पाण्डु रोग की चिकित्सा हेतु इसका उल्लेख है।"} {"id": "gomutra_005", "title": "बौद्ध ग्रंथों में गोमूत्र", "content": "बौद्ध ग्रंथों में उल्लेख है कि श्रमण हर्र को गोमूत्र से शोधित कर अपने पास रखते थे और पाचन या वात विकार में इसका उपयोग करते थे। गोमूत्र की भावना देकर हर्र में रोग प्रतिरोधक गुण आ जाते थे। यह परंपरा औषधीय दृष्टि से चली आ रही थी।"} {"id": "gomutra_006", "title": "आयुर्वेद में गोमूत्र की औषधीय मान्यता", "content": "आयुर्वेद में गोमूत्र का उपयोग पांडुरोग (एनीमिया) और गलशुण्डी (टॉन्सिल) जैसी समस्याओं की चिकित्सा में उल्लेखित है। गोमूत्र सेवन के समर्थकों का कहना है कि यह स्वास्थ्यवर्धक है, लेकिन वैज्ञानिक प्रमाणों की कमी इस दावे को कमजोर बनाती है।"} {"id": "gomutra_007", "title": "गोमूत्र के संभावित खतरे", "content": "गोमूत्र में यूरिया, क्रिएटिनिन, पोटैशियम, कैल्शियम और मैग्नीशियम जैसे खनिज होते हैं, परन्तु इसमें हानिकारक जीवाणु और विषाक्त पदार्थ भी हो सकते हैं। ई. कोलाई, साल्मोनेला जैसे रोगजनक तत्व स्वास्थ्य के लिए खतरनाक साबित हो सकते हैं। दूषित गोमूत्र पीने से संक्रमण और अन्य स्वास्थ्य समस्याएँ हो सकती हैं।"} {"id": "gomutra_008", "title": "गोमूत्र में विषैले तत्व और दीर्घकालिक प्रभाव", "content": "गोमूत्र में भारी धातुएँ और कीटनाशक हो सकते हैं, जो गाय के पालन-पोषण के आधार पर बदलते हैं। ये विषाक्त तत्व शरीर में जमा होकर दीर्घकालिक समस्याएँ उत्पन्न कर सकते हैं। इसीलिए स्वास्थ्य लाभ हेतु गोमूत्र का सेवन वैज्ञानिक दृष्टिकोण से अनुशंसित नहीं है।"} {"id": "gomutra_009", "title": "कृषि में गोमूत्र का उपयोग", "content": "रासायनिक खादों के दुष्प्रभावों के कारण गोमूत्र का उपयोग जैविक खाद और कीटनाशक के रूप में बढ़ रहा है। जीवामृत जैसे मिश्रण में गोमूत्र, गोबर, गुड़, बेसन और मिट्टी मिलाकर जैविक उर्वरक तैयार किया जाता है जो पर्यावरण के लिए लाभकारी माना जाता है।"} {"id": "gomutra_010", "title": "घरेलू उपयोग और परंपराएँ", "content": "हिंदू परंपरा में गोमूत्र को पवित्र माना गया है और इसे घर की सफाई, औषधि, और शुद्धिकरण में उपयोग किया जाता है। कुछ लोग इसे फिनायल की जगह साफ-सफाई के लिए उपयोग करते हैं। आयुर्वेदिक ग्रंथों में इसे अमृत समान बताया गया है, लेकिन वैज्ञानिक दृष्टिकोण से इन दावों की पुष्टि नहीं होती।"} """ # ✅ Step 3: Parse and split lines = jsonl_data.strip().split("\n") raw_docs = [json.loads(line) for line in lines] splitter = RecursiveCharacterTextSplitter(chunk_size=300, chunk_overlap=50) docs = splitter.create_documents( texts=[doc["content"] for doc in raw_docs], metadatas=[{"title": doc["title"], "id": doc["id"]} for doc in raw_docs] ) - Initial Deployment

README.md

@@ -1,10 +1,12 @@
 ---
-title: Osome
-emoji: 💻
-colorFrom: gray
+title: osome
+emoji: 🐳
+colorFrom: blue
 colorTo: pink
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html

@@ -1,19 +1,347 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Ayurvedic Research on Gomutra</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        .card-hover:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
+        }
+        .fade-in {
+            animation: fadeIn 0.5s ease-in;
+        }
+        @keyframes fadeIn {
+            from { opacity: 0; }
+            to { opacity: 1; }
+        }
+        .hindi-font {
+            font-family: 'Noto Sans Devanagari', sans-serif;
+        }
+    </style>
+</head>
+<body class="bg-gray-50 font-sans">
+    <div class="container mx-auto px-4 py-8">
+        <!-- Header -->
+        <header class="text-center mb-12">
+            <div class="flex justify-center mb-4">
+                <div class="bg-yellow-100 p-3 rounded-full">
+                    <i class="fas fa-leaf text-yellow-600 text-3xl"></i>
+                </div>
+            </div>
+            <h1 class="text-4xl font-bold text-gray-800 mb-2">गोमूत्र शोध संग्रह</h1>
+            <p class="text-lg text-gray-600 max-w-2xl mx-auto">आयुर्वेदिक परंपरा और आधुनिक विज्ञान के संदर्भ में गोमूत्र पर शोध</p>
+        </header>
+
+        <!-- Search and Filter -->
+        <div class="mb-8 bg-white rounded-lg shadow-sm p-4">
+            <div class="flex flex-col md:flex-row gap-4">
+                <div class="flex-1">
+                    <div class="relative">
+                        <input type="text" placeholder="शोध करें..." class="w-full pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-500 focus:border-transparent">
+                        <i class="fas fa-search absolute left-3 top-3 text-gray-400"></i>
+                    </div>
+                </div>
+                <div class="flex gap-2">
+                    <button class="px-4 py-2 bg-yellow-100 text-yellow-800 rounded-lg hover:bg-yellow-200 transition">
+                        <i class="fas fa-filter mr-2"></i> फिल्टर
+                    </button>
+                    <button class="px-4 py-2 bg-gray-100 text-gray-800 rounded-lg hover:bg-gray-200 transition">
+                        <i class="fas fa-sort mr-2"></i> क्रमबद्ध करें
+                    </button>
+                </div>
+            </div>
+        </div>
+
+        <!-- Stats Cards -->
+        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-8">
+            <div class="bg-white p-4 rounded-lg shadow-sm border-l-4 border-yellow-500">
+                <div class="flex items-center">
+                    <div class="bg-yellow-100 p-2 rounded-full mr-3">
+                        <i class="fas fa-book text-yellow-600"></i>
+                    </div>
+                    <div>
+                        <p class="text-sm text-gray-500">कुल शोध</p>
+                        <p class="text-xl font-semibold">10</p>
+                    </div>
+                </div>
+            </div>
+            <div class="bg-white p-4 rounded-lg shadow-sm border-l-4 border-blue-500">
+                <div class="flex items-center">
+                    <div class="bg-blue-100 p-2 rounded-full mr-3">
+                        <i class="fas fa-flask text-blue-600"></i>
+                    </div>
+                    <div>
+                        <p class="text-sm text-gray-500">वैज्ञानिक दृष्टिकोण</p>
+                        <p class="text-xl font-semibold">5</p>
+                    </div>
+                </div>
+            </div>
+            <div class="bg-white p-4 rounded-lg shadow-sm border-l-4 border-green-500">
+                <div class="flex items-center">
+                    <div class="bg-green-100 p-2 rounded-full mr-3">
+                        <i class="fas fa-history text-green-600"></i>
+                    </div>
+                    <div>
+                        <p class="text-sm text-gray-500">पारंपरिक उपयोग</p>
+                        <p class="text-xl font-semibold">4</p>
+                    </div>
+                </div>
+            </div>
+            <div class="bg-white p-4 rounded-lg shadow-sm border-l-4 border-red-500">
+                <div class="flex items-center">
+                    <div class="bg-red-100 p-2 rounded-full mr-3">
+                        <i class="fas fa-exclamation-triangle text-red-600"></i>
+                    </div>
+                    <div>
+                        <p class="text-sm text-gray-500">संभावित जोखिम</p>
+                        <p class="text-xl font-semibold">2</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Content Cards -->
+        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+            <!-- Card 1 -->
+            <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300 fade-in">
+                <div class="p-6">
+                    <div class="flex items-center mb-3">
+                        <div class="bg-yellow-100 text-yellow-800 text-xs font-semibold px-2.5 py-0.5 rounded">आयुर्वेद</div>
+                        <div class="bg-red-100 text-red-800 text-xs font-semibold px-2.5 py-0.5 rounded ml-2">सावधानी</div>
+                    </div>
+                    <h3 class="text-xl font-bold text-gray-800 mb-2 hindi-font">गोमूत्र और कैंसर</h3>
+                    <p class="text-gray-600 mb-4 hindi-font">आयुर्वेदिक दावों के अनुसार गोमूत्र में कैंसर रोधी गुण हो सकते हैं, परंतु इन दावों को प्रमाणित करने के लिए वैज्ञानिक प्रमाण अभी पर्याप्त नहीं हैं। चिकित्सक इसे छद्मविज्ञान मानते हैं और कैंसर के इलाज के लिए इसका सेवन अनुशंसित नहीं है।</p>
+                    <div class="flex justify-between items-center">
+                        <span class="text-sm text-gray-500">ID: gomutra_cancer</span>
+                        <button class="text-yellow-600 hover:text-yellow-700">
+                            <i class="fas fa-arrow-right"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Card 2 -->
+            <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300 fade-in">
+                <div class="p-6">
+                    <div class="flex items-center mb-3">
+                        <div class="bg-yellow-100 text-yellow-800 text-xs font-semibold px-2.5 py-0.5 rounded">पंचगव्य</div>
+                    </div>
+                    <h3 class="text-xl font-bold text-gray-800 mb-2 hindi-font">पंचगव्य और गोमूत्र</h3>
+                    <p class="text-gray-600 mb-4 hindi-font">गोमूत्र (गाय का मूत्र) पंचगव्यों में से एक है। जबकि गोमूत्र और गोबर का खाद के रूप में लाभ होता है, शोधकर्ता रोगों को ठीक करने के किसी भी अन्य दावे को खारिज करते हैं और इसे छद्म विज्ञान मानते हैं। वैज्ञानिक प्रमाणों के अभाव में इसके चिकित्सकीय उपयोग पर विवाद है।</p>
+                    <div class="flex justify-between items-center">
+                        <span class="text-sm text-gray-500">ID: gomutra_001</span>
+                        <button class="text-yellow-600 hover:text-yellow-700">
+                            <i class="fas fa-arrow-right"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Card 3 -->
+            <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300 fade-in">
+                <div class="p-6">
+                    <div class="flex items-center mb-3">
+                        <div class="bg-blue-100 text-blue-800 text-xs font-semibold px-2.5 py-0.5 rounded">विदेशी शोध</div>
+                    </div>
+                    <h3 class="text-xl font-bold text-gray-800 mb-2 hindi-font">गोमूत्र पर विदेशी चिकित्सकों के दावे</h3>
+                    <p class="text-gray-600 mb-4 hindi-font">ब्रिटेन के डॉ. काफोड हैमिल्टन के अनुसार, गोमूत्र के उपयोग से हृदय रोग दूर होता है तथा धमनियों मे�� रक्तदाब सामान्य हो सकता है। भूख में वृद्धि, चर्म रोगों में लाभ और मूत्र संबंधी समस्याओं में सुधार जैसे दावे भी किए गए हैं। डॉ. सिमर्स का कहना है कि गोमूत्र रक्त में मौजूद दूषित कीटाणुओं को नष्ट करता है।</p>
+                    <div class="flex justify-between items-center">
+                        <span class="text-sm text-gray-500">ID: gomutra_002</span>
+                        <button class="text-yellow-600 hover:text-yellow-700">
+                            <i class="fas fa-arrow-right"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Card 4 -->
+            <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300 fade-in">
+                <div class="p-6">
+                    <div class="flex items-center mb-3">
+                        <div class="bg-yellow-100 text-yellow-800 text-xs font-semibold px-2.5 py-0.5 rounded">आयुर्वेद</div>
+                        <div class="bg-red-100 text-red-800 text-xs font-semibold px-2.5 py-0.5 rounded ml-2">सावधानी</div>
+                    </div>
+                    <h3 class="text-xl font-bold text-gray-800 mb-2 hindi-font">आयुर्वेद में गोमूत्र के दावे</h3>
+                    <p class="text-gray-600 mb-4 hindi-font">आयुर्वेद के अनुसार, गोमूत्र कुष्ठ रोग, बुखार, पेप्टिक अल्सर, यकृत रोग, किडनी विकार, अस्थमा, एलर्जी, सोरायसिस, एनीमिया और कैंसर तक के उपचार में सहायक बताया गया है। कुछ आधुनिक शोधों ने भी कैंसर रोधी गुण की संभावना व्यक्त की है, लेकिन ये निष्कर्ष व्यापक वैज्ञानिक परीक्षणों पर आधारित नहीं हैं।</p>
+                    <div class="flex justify-between items-center">
+                        <span class="text-sm text-gray-500">ID: gomutra_003</span>
+                        <button class="text-yellow-600 hover:text-yellow-700">
+                            <i class="fas fa-arrow-right"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Card 5 -->
+            <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300 fade-in">
+                <div class="p-6">
+                    <div class="flex items-center mb-3">
+                        <div class="bg-green-100 text-green-800 text-xs font-semibold px-2.5 py-0.5 rounded">परंपरा</div>
+                    </div>
+                    <h3 class="text-xl font-bold text-gray-800 mb-2 hindi-font">गोमूत्र पान की परंपरा</h3>
+                    <p class="text-gray-600 mb-4 hindi-font">भारत में गोमूत्र पान की प्रथा पारंपरिक रूप से सदियों से प्रचलित रही है। बौद्ध संघों में इसे श्रमणों के लिए अनिवार्य माना गया और भगवान बुद्ध ने भी इसे औषधि रूप में मान्यता दी थी। विनय पिटक के महावग्ग में पाण्डु रोग की चिकित्सा हेतु इसका उल्लेख है।</p>
+                    <div class="flex justify-between items-center">
+                        <span class="text-sm text-gray-500">ID: gomutra_004</span>
+                        <button class="text-yellow-600 hover:text-yellow-700">
+                            <i class="fas fa-arrow-right"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Card 6 -->
+            <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300 fade-in">
+                <div class="p-6">
+                    <div class="flex items-center mb-3">
+                        <div class="bg-green-100 text-green-800 text-xs font-semibold px-2.5 py-0.5 rounded">बौद्ध ग्रंथ</div>
+                    </div>
+                    <h3 class="text-xl font-bold text-gray-800 mb-2 hindi-font">बौद्ध ग्रंथों में गोमूत्र</h3>
+                    <p class="text-gray-600 mb-4 hindi-font">बौद्ध ग्रंथों में उल्लेख है कि श्रमण हर्र को गोमूत्र से शोधित कर अपने पास रखते थे और पाचन या वात विकार में इसका उपयोग करते थे। गोमूत्र की भावना देकर हर्र में रोग प्रतिरोधक गुण आ जाते थे। यह परंपरा औषधीय दृष्टि से चली आ रही थी।</p>
+                    <div class="flex justify-between items-center">
+                        <span class="text-sm text-gray-500">ID: gomutra_005</span>
+                        <button class="text-yellow-600 hover:text-yellow-700">
+                            <i class="fas fa-arrow-right"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Card 7 -->
+            <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300 fade-in">
+                <div class="p-6">
+                    <div class="flex items-center mb-3">
+                        <div class="bg-yellow-100 text-yellow-800 text-xs font-semibold px-2.5 py-0.5 rounded">आयुर्वेद</div>
+                    </div>
+                    <h3 class="text-xl font-bold text-gray-800 mb-2 hindi-font">आयुर्वेद में गोमूत्र की औषधीय मान्यता</h3>
+                    <p class="text-gray-600 mb-4 hindi-font">आयुर्वेद में गोमूत्र का उपयोग पांडुरोग (एनीमिया) और गलशुण्डी (टॉन्सिल) जैसी समस्याओं की चिकित्सा में उल्लेखित है। गोमूत्र सेवन के समर्थकों का कहना है कि यह स्वास्थ्यवर्धक है, लेकिन वैज्ञानिक प्रमाणों की कमी इस दावे को कमजोर बनाती है।</p>
+                    <div class="flex justify-between items-center">
+                        <span class="text-sm text-gray-500">ID: gomutra_006</span>
+                        <button class="text-yellow-600 hover:text-yellow-700">
+                            <i class="fas fa-arrow-right"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Card 8 -->
+            <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300 fade-in">
+                <div class="p-6">
+                    <div class="flex items-center mb-3">
+                        <div class="bg-red-100 text-red-800 text-xs font-semibold px-2.5 py-0.5 rounded">स्वास्थ्य जोखिम</div>
+                    </div>
+                    <h3 class="text-xl font-bold text-gray-800 mb-2 hindi-font">गोमूत्र के संभावित खतरे</h3>
+                    <p class="text-gray-600 mb-4 hindi-font">गोमूत्र में यूरिया, क्रिएटिनिन, पोटैशियम, कैल्शियम और मैग्नीशियम जैसे खनिज होते हैं, परन्तु इसमें हानिकारक जीवाणु और विषाक्त पदार्थ भी हो सकते हैं। ई. कोलाई, साल्मोनेला जैसे रोगजनक तत्व स्वास्थ्य के लिए खतरनाक साबित हो सकते हैं। दूषित गोमूत्र पीने से संक्रमण और अन्य स्वास्थ्य समस्याएँ हो सकती हैं।</p>
+                    <div class="flex justify-between items-center">
+                        <span class="text-sm text-gray-500">ID: gomutra_007</span>
+                        <button class="text-yellow-600 hover:text-yellow-700">
+                            <i class="fas fa-arrow-right"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Card 9 -->
+            <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300 fade-in">
+                <div class="p-6">
+                    <div class="flex items-center mb-3">
+                        <div class="bg-red-100 text-red-800 text-xs font-semibold px-2.5 py-0.5 rounded">स्वास्थ्य जोखिम</div>
+                    </div>
+                    <h3 class="text-xl font-bold text-gray-800 mb-2 hindi-font">गोमूत्र में विषैले तत्व और दीर्घकालिक प्रभाव</h3>
+                    <p class="text-gray-600 mb-4 hindi-font">गोमूत्र में भारी धातुएँ और कीटनाशक हो सकते हैं, जो गाय के पालन-पोषण के आधार पर बदलते हैं। ये विषाक्त तत्व शरीर में जमा होकर दीर्घकालिक समस्याएँ उत्पन्न कर सकते हैं। इसीलिए स्वास्थ्य लाभ हेतु गोमूत्र का सेवन वैज्ञानिक दृष्टिकोण से अनुशंसित नहीं है।</p>
+                    <div class="flex justify-between items-center">
+                        <span class="text-sm text-gray-500">ID: gomutra_008</span>
+                        <button class="text-yellow-600 hover:text-yellow-700">
+                            <i class="fas fa-arrow-right"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Card 10 -->
+            <div class="bg-white rounded-xl shadow-md overflow-hidden card-hover transition duration-300 fade-in">
+                <div class="p-6">
+                    <div class="flex items-center mb-3">
+                        <div class="bg-green-100 text-green-800 text-xs font-semibold px-2.5 py-0.5 rounded">कृषि उपयोग</div>
+                    </div>
+                    <h3 class="text-xl font-bold text-gray-800 mb-2 hindi-font">कृषि में गोमूत्र का उपयोग</h3>
+                    <p class="text-gray-600 mb-4 hindi-font">रासायनिक खादों के दुष्प्रभावों के कारण गोमूत्र का उपयोग जैविक खाद और कीटनाशक के रूप में बढ़ रहा है। जीवामृत जैसे मिश्रण में गोमूत्र, गोबर, गुड़, बेसन और मिट्टी मिलाकर जैविक उर्वरक तैयार किया जाता है जो पर्यावरण के लिए लाभकारी माना जाता है।</p>
+                    <div class="flex justify-between items-center">
+                        <span class="text-sm text-gray-500">ID: gomutra_009</span>
+                        <button class="text-yellow-600 hover:text-yellow-700">
+                            <i class="fas fa-arrow-right"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Pagination -->
+        <div class="flex justify-center mt-12">
+            <nav class="flex items-center space-x-1">
+                <button class="p-2 rounded-lg border border-gray-300 text-gray-700 hover:bg-gray-100">
+                    <i class="fas fa-chevron-left"></i>
+                </button>
+                <button class="px-4 py-2 rounded-lg bg-yellow-500 text-white font-medium">1</button>
+                <button class="px-4 py-2 rounded-lg border border-gray-300 text-gray-700 hover:bg-gray-100">2</button>
+                <button class="px-4 py-2 rounded-lg border border-gray-300 text-gray-700 hover:bg-gray-100">3</button>
+                <span class="px-2 text-gray-500">...</span>
+                <button class="px-4 py-2 rounded-lg border border-gray-300 text-gray-700 hover:bg-gray-100">10</button>
+                <button class="p-2 rounded-lg border border-gray-300 text-gray-700 hover:bg-gray-100">
+                    <i class="fas fa-chevron-right"></i>
+                </button>
+            </nav>
+        </div>
+    </div>
+
+    <!-- Footer -->
+    <footer class="bg-gray-100 py-8 mt-12">
+        <div class="container mx-auto px-4">
+            <div class="text-center">
+                <h3 class="text-lg font-semibold text-gray-800 mb-2">गोमूत्र शोध संग्रह</h3>
+                <p class="text-gray-600 mb-4">पारंपरिक ज्ञान और आधुनिक विज्ञान का संगम</p>
+                <div class="flex justify-center space-x-4">
+                    <a href="#" class="text-gray-600 hover:text-yellow-600">
+                        <i class="fab fa-facebook-f"></i>
+                    </a>
+                    <a href="#" class="text-gray-600 hover:text-yellow-600">
+                        <i class="fab fa-twitter"></i>
+                    </a>
+                    <a href="#" class="text-gray-600 hover:text-yellow-600">
+                        <i class="fab fa-instagram"></i>
+                    </a>
+                    <a href="#" class="text-gray-600 hover:text-yellow-600">
+                        <i class="fab fa-linkedin-in"></i>
+                    </a>
+                </div>
+            </div>
+            <div class="border-t border-gray-200 mt-6 pt-6 text-center text-sm text-gray-500">
+                <p>© 2023 आयुर्वेदिक शोध संस्थान. सर्वाधिकार सुरक्षित.</p>
+            </div>
+        </div>
+    </footer>
+
+    <script>
+        // Simple animation on scroll
+        document.addEventListener('DOMContentLoaded', function() {
+            const cards = document.querySelectorAll('.fade-in');
+            
+            const observer = new IntersectionObserver((entries) => {
+                entries.forEach(entry => {
+                    if (entry.isIntersecting) {
+                        entry.target.style.opacity = 1;
+                    }
+                });
+            }, { threshold: 0.1 });
+
+            cards.forEach(card => {
+                card.style.opacity = 0;
+                observer.observe(card);
+            });
+        });
+    </script>
+<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Bagda/osome" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>