Grampanchayat Digital Engine
import React, { useState, useEffect } from 'react';
import {
CheckCircle2,
Globe,
TrendingUp,
Zap,
Brain,
Users,
Smartphone,
Search,
Link,
MousePointer2,
Lock,
ChevronDown,
ChevronUp,
AlertCircle,
FileText,
Map
} from 'lucide-react';
const App = () => {
const [activeTab, setActiveTab] = useState('checklist');
const [expandedPhase, setExpandedPhase] = useState(0);
const [progress, setProgress] = useState(0);
const [checkedItems, setCheckedItems] = useState({});
const phases = [
{
id: 0,
title: "PHASE 1: VILLAGE TREND & NEED ANALYSIS",
icon:
{/* Header */}
{/* Navigation */}
{/* Content Area */}
www.pravinzende.co.in | Empowering Grampanchayat Villagers
{/* Progress Bar */}
Publication Readiness
{progress}%
{activeTab === 'checklist' && (
)}
{activeTab === 'audit' && (
{/* Footer Info */}
{phases.map((phase, idx) => (
)}
{activeTab === 'strategy' && (
{expandedPhase === idx && (
))}
{phase.items.map((item, i) => (
)}
toggleItem(item)}
className="flex items-start gap-4 p-3 rounded-lg hover:bg-slate-50 cursor-pointer transition-colors group"
>
))}
{checkedItems[item] &&
{item}
- • Use Marathi/Hindi scripts for critical info
- • Focus on Utility over Entertainment
- • Create PDF guides for offline reading
- • Target 'Gram Sevak' & 'Sarpanch' search queries
Ensure your site works on $100 smartphones and 3G networks.
- - Zero heavy JS / High Image Compression
- - Tap-to-Call buttons for local helpline numbers
- - WhatsApp group invite links for viral distribution
VILLAGE AUDIT: Reject if any item is not clear!
{[
"Is the 'Last Date to Apply' clearly visible?",
"Is there a direct link to the Official Portal (not just your blog)?",
"Are the documents needed listed in a clear checklist?",
"Is the font size large enough for elderly villagers?",
"Did you include a 'WhatsApp Share' button for village groups?"
].map((audit, i) => (
{audit}
))}