[V0_FILE]typescriptreact:file="components/project-visualizations.tsx" isEdit="true" isMerged="true" "use client" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Progress } from "@/components/ui/progress" import { TrendingUp, Users, Droplets, Zap, TreePine, Heart } from "lucide-react" interface ProjectVisualizationProps { project: { id: number title: string category: string metrics: any impact: string } } export function ProjectVisualization({ project }: ProjectVisualizationProps) { const renderVisualization = () => { switch (project.id) { case 1: // Digital Farming Solutions return (

Farmers Onboarded

{project.metrics.farmers.toLocaleString()}

Target: 1,500 farmers

Villages Covered

{project.metrics.villages}

Across Maharashtra

Crop Yield Increase

+{project.metrics.cropYield}%

vs previous season

Income Growth

+{project.metrics.income}%

Input costs -15%

Market access +40%

) case 2: // Climate Action return (

CO₂ Emissions Reduced

{project.metrics.co2Reduced} tonnes

Energy efficiency 45%

Renewable adoption 35%

Waste reduction 20%

Climate Entrepreneurs

{project.metrics.entrepreneurs}

Active ventures: {project.metrics.ventures}

Revenue generated: ₹{(project.metrics.revenue / 100000).toFixed(1)}L

Impact Distribution

Solar installations

60%

Waste management

25%

Water conservation

15%

) case 3: // Water Security Tech return (

Water Savings

{project.metrics.waterSaved}%

Irrigation efficiency improvements

Drip irrigation 45%

Precision spraying 35%

Farmers Reached

{project.metrics.farmersReached}

Coverage: {project.metrics.hectaresCovered} hectares

Kadur

180 farmers

Hassan

170 farmers

Technology Adoption Timeline

Phase 1: Pilot Testing

Jan 2018 - Jun 2018 • 50 farmers

Phase 2: Scale-up

Jul 2018 - Dec 2019 • 200 farmers

Phase 3: Full Deployment

Jan 2020 - Mar 2021 • 350 farmers

) case 4: // Wildlife Conservation return (

Innovation Centers

{project.metrics.centers}

Proposed across North Bengal

{["Darjeeling", "Jalpaiguri", "Cooch Behar", "Alipurduar", "Kalimpong"].map((location, index) => (

{location} {index < project.metrics.centers ? "Planned" : "Future"}

))}

Species Protection

{project.metrics.species}

Target species for conservation

Elephants

Tigers

Leopards

Rhinos

Cost Efficiency Analysis

Traditional methods

₹100L

Proposed tech solution

₹40L

{project.metrics.costEfficiency}% cost reduction through innovative technology

) case 5: // Solar Entrepreneurship return (

Solar Enterprises

{project.metrics.enterprises}

Rice processing 6 units

Lac agroforestry 5 units

Poultry 4 units

Jobs Created

{project.metrics.jobs}

Across {project.metrics.communities} communities

Direct employment 60 jobs

Indirect opportunities 25 jobs

Energy Generation Impact

{project.metrics.energyGenerated} kW

Total capacity installed

45 kW

Rice processing

50 kW

Agroforestry

30 kW

Poultry farms

) case 6: // Inclusive Handicrafts return (

Business Impact

₹{(project.metrics.turnover / 100000).toFixed(1)}L

Annual turnover

Products sold {project.metrics.products}

Avg. price/product ₹{Math.round(project.metrics.turnover / project.metrics.products)}

Artisan Employment

{project.metrics.artisans}

People with disabilities employed

Full-time 18 artisans

Part-time 7 artisans

Inclusivity Metrics

Accessibility features

90%

Training completion

85%

Quality standards

95%

Impact: {project.metrics.inclusivity}% of participants reported increased confidence and financial independence

) default: return

No visualization available

} } return (

Project Data & Impact

{renderVisualization()}

) } [V0_FILE]typescriptreact:file="components/testimonials.tsx" isMerged="true" "use client" import { Card, CardContent } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Quote, Star } from "lucide-react" import Image from "next/image" interface TestimonialProps { quote: string author: string role: string organization: string project: string avatar?: string rating?: number } export function Testimonial({ quote, author, role, organization, project, avatar, rating = 5 }: TestimonialProps) { return (

"{quote}"

{[...Array(rating)].map((_, i) => ( ))}

{avatar ? (

) : ( {author .split(" ") .map((n) => n[0]) .join("")} )}

{author}

{role}

{organization}

{project}

) } export function TestimonialsSection() { const testimonials = [ { quote: "Abhinav's approach to understanding our farmers' real challenges was remarkable. He didn't just design a platform; he created an ecosystem that truly serves our community's needs. The 35% increase in crop yields speaks for itself.", author: "Rajesh Patil", role: "Lead Agronomist", organization: "Indivillage Tech Solutions", project: "Digital Farming Platform", rating: 5, }, { quote: "Working with Abhinav transformed how we think about farmer engagement. His human-centered design process helped us understand that technology adoption isn't just about features—it's about trust and cultural fit.", author: "Dr. Sarah Mitchell", role: "Program Director", organization: "Bayer Crop Science", project: "Digital Farming Platform", rating: 5, }, { quote: "Before this program, I struggled to sell my produce at fair prices. Now, through the platform Abhinav helped design, I have direct market access and my income has increased by 40%. My children can continue their education.", author: "Sunita Devi", role: "Smallholder Farmer", organization: "Nashik District, Maharashtra", project: "Digital Farming Platform", rating: 5, }, { quote: "Abhinav's climate entrepreneurship program didn't just teach us about sustainability—it showed us how to build profitable businesses while protecting our environment. Our solar-powered grain processing unit now serves 12 villages.", author: "Amit Kumar", role: "Climate Entrepreneur", organization: "Green Valley Enterprises", project: "Climate Action Program", rating: 5, }, { quote: "The water conservation technology Abhinav developed with our team has been a game-changer. We've reduced water usage by 40% while maintaining crop quality. This is exactly the kind of innovation our farmers needed.", author: "Dr. Klaus Weber", role: "Senior Technical Advisor", organization: "GIZ Green Innovation Center", project: "Water Security Tech", rating: 5, }, { quote: "Our water bills have dropped by half since installing the precision irrigation system. The technology is so simple that even my elderly father can operate it. This has saved our farm during the drought season.", author: "Manjunath Gowda", role: "Farmer", organization: "Hassan District, Karnataka", project: "Water Security Tech", rating: 5, }, { quote: "Abhinav's feasibility study for wildlife conservation technology was thorough and innovative. His low-cost approach could revolutionize how we protect endangered species in resource-constrained environments.", author: "Dr. Priya Sharma", role: "Conservation Biologist", organization: "IUCN India", project: "Wildlife Conservation Tech", rating: 5, }, { quote: "The solar enterprise model Abhinav designed for our poultry farm has been incredible. We're now energy independent and even sell excess power back to the grid. Our operating costs have decreased by 60%.", author: "Ramesh Yadav", role: "Poultry Farmer & Solar Entrepreneur", organization: "SELCO Foundation Network", project: "Solar Entrepreneurship", rating: 5, }, { quote: "For the first time in my life, my disability doesn't limit my ability to create beautiful art. The adaptive tools Abhinav designed have given me not just employment, but dignity and purpose.", author: "Meera Joshi", role: "Block Print Artisan", organization: "Nav Prabhut Trust", project: "Inclusive Handicrafts", rating: 5, }, { quote: "Abhinav's inclusive design approach has transformed our workshop. We now employ 25 artisans with various disabilities, and our product quality has never been better. The business generates ₹12 lakh annually.", author: "Ravi Shankar", role: "Workshop Manager", organization: "Nav Prabhut Trust", project: "Inclusive Handicrafts", rating: 5, }, { quote: "The aquaponics system Abhinav designed has made our farm drought-resilient. Even during the worst water crisis, we maintained our vegetable production. The system pays for itself within 18 months.", author: "Lakshmi Reddy", role: "Subsistence Farmer", organization: "Drought-affected Region, Karnataka", project: "Drought Resilient Farming", rating: 5, }, { quote: "Abhinav's approach to rural healthcare innovation was deeply empathetic. He understood that involving men in family planning isn't just about tools—it's about changing mindsets and cultural practices.", author: "Dr. Kamala Devi", role: "Village Health Nurse", organization: "Primary Health Center, Tamil Nadu", project: "Rural Healthcare Innovation", rating: 5, }, ] return (

Testimonials

Voices from the Field

Hear directly from the farmers, entrepreneurs, artisans, and organizations who have experienced the impact of human-centered design

{testimonials.map((testimonial, index) => ( ))}

1,500+

Direct Beneficiaries

98%

Satisfaction Rate

15+

Partner Organizations

Countries Impacted

) } [V0_FILE]typescriptreact:file="components/project-testimonials.tsx" isMerged="true" "use client" import { Card, CardContent } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Quote, Users } from "lucide-react" interface ProjectTestimonialsProps { projectId: number } export function ProjectTestimonials({ projectId }: ProjectTestimonialsProps) { const getTestimonialsByProject = (id: number) => { const testimonialMap: { [key: number]: any[] } = { 1: [ // Digital Farming { quote: "The platform has completely changed how I manage my farm. I now get real-time weather updates, market prices, and expert advice directly on my phone.", author: "Prakash Jadhav", role: "Farmer, Pune District", type: "beneficiary", }, { quote: "Abhinav's deep understanding of rural contexts made this project successful. He spent weeks in villages, understanding real challenges before designing solutions.", author: "Anita Sharma", role: "Project Manager, MasterCard Foundation", type: "stakeholder", }, ], 2: [ // Climate Action { quote: "This program taught me that environmental protection and business success can go hand in hand. My waste management venture now employs 8 people.", author: "Deepak Singh", role: "Climate Entrepreneur, Vadodara", type: "beneficiary", }, { quote: "The 30+ tonnes of CO2 reduction is just the beginning. Abhinav's approach creates lasting behavioral change in communities.", author: "Prof. Maria Santos", role: "Director, Complexity University", type: "stakeholder", }, ], 3: [ // Water Security { quote: "The precision spraying system has reduced our pesticide use by 50% while improving crop health. It's technology that actually works for small farmers.", author: "Venkatesh Murthy", role: "Farmer, Kadur Taluk", type: "beneficiary", }, { quote: "Abhinav's collaborative approach ensured the technology was not just innovative but also culturally appropriate and economically viable.", author: "Dr. Hans Mueller", role: "Technical Lead, GIZ", type: "stakeholder", }, ], 4: [ // Wildlife Conservation { quote: "The low-cost camera traps designed through this program have helped us monitor elephant corridors more effectively than ever before.", author: "Forest Ranger Suresh", role: "Jalpaiguri Forest Division", type: "beneficiary", }, { quote: "The feasibility study provided a roadmap for scaling conservation technology across the region while keeping costs manageable.", author: "Dr. Jennifer Adams", role: "Program Officer, IUCN", type: "stakeholder", }, ], 5: [ // Solar Entrepreneurship { quote: "Our solar-powered rice mill now processes grain for 5 villages. We've created jobs and reduced processing costs for farmers by 30%.", author: "Sita Kumari", role: "Solar Entrepreneur, Jharkhand", type: "beneficiary", }, { quote: "Abhinav identified opportunities in value chains that we hadn't considered. His systems thinking approach revealed hidden potential.", author: "Harish Hande", role: "Co-founder, SELCO Foundation", type: "stakeholder", }, ], 6: [ // Inclusive Handicrafts { quote: "I never thought I could be an artisan with my visual impairment. The adaptive tools have given me a new career and confidence.", author: "Ravi Kumar", role: "Block Print Artisan", type: "beneficiary", }, { quote: "This project demonstrates how thoughtful design can create economic opportunities while preserving traditional crafts.", author: "Catherine Williams", role: "Program Coordinator, ICRC", type: "stakeholder", }, ], } return testimonialMap[id] || [] } const testimonials = getTestimonialsByProject(projectId) if (testimonials.length === 0) return null return (

Community Voices

{testimonials.map((testimonial, index) => (

"{testimonial.quote}"

{testimonial.author}

{testimonial.role}

{testimonial.type === "beneficiary" ? "Beneficiary" : "Stakeholder"}

))}

) } [V0_FILE]typescriptreact:file="components/impact-stories.tsx" isMerged="true" "use client" import { Card, CardContent } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Button } from "@/components/ui/button" import { Heart, Play } from "lucide-react" import Image from "next/image" export function ImpactStoriesSection() { const impactStories = [ { title: "From Drought to Prosperity", subtitle: "Sunita's Transformation Story", description: "How a smallholder farmer in Maharashtra went from struggling with drought to becoming a community leader through digital farming solutions.", image: "/images/sunita-farmer-story.png", metrics: { income: "+40%", yield: "+35%", water: "-30%", }, quote: "My children can now continue their education. The platform didn't just change my farming—it changed my family's future.", author: "Sunita Devi, Farmer", category: "Digital Farming", videoLength: "3:45", }, { title: "Empowering Through Art", subtitle: "Meera's Journey to Independence", description: "A visually impaired woman becomes a master artisan through inclusive design, creating beautiful block prints and inspiring others.", image: "/images/meera-artisan-story.png", metrics: { income: "₹15K/month", products: "50+ designs", training: "12 others", }, quote: "For the first time, my disability doesn't define my capabilities. I'm an artist, an entrepreneur, and a teacher.", author: "Meera Joshi, Block Print Artisan", category: "Inclusive Design", videoLength: "4:20", }, { title: "Solar-Powered Success", subtitle: "Amit's Climate Enterprise", description: "A young entrepreneur builds a thriving solar-powered grain processing business that serves 12 villages while reducing carbon emissions.", image: "/images/amit-solar-story.png", metrics: { villages: "12 served", co2: "-5 tonnes", jobs: "8 created", }, quote: "We're proving that environmental protection and business success go hand in hand. Our community is both greener and more prosperous.", author: "Amit Kumar, Climate Entrepreneur", category: "Climate Action", videoLength: "5:10", }, ] return (

Impact Stories

Real People, Real Change

Behind every data point is a human story. Meet the individuals whose lives have been transformed through human-centered design.

{impactStories.map((story, index) => (

{story.category}

{story.title}

{story.subtitle}

{story.description}

{/* Metrics */}

{Object.entries(story.metrics).map(([key, value]) => (

{value}

{key}

))}

{/* Quote */}

"{story.quote}"

— {story.author}

))}

{/* Call to Action */}

Want to Share Your Story?

If you've been impacted by any of these projects or have worked with Abhinav, we'd love to hear from you. Your story could inspire the next generation of human-centered designers.

) } [V0_FILE]typescriptreact:file="components/mini-process-flow.tsx" isMerged="true" "use client" import { Badge } from "@/components/ui/badge" import { Search, BarChart3, Lightbulb, TestTube, Wrench, Rocket } from "lucide-react" export function MiniProcessFlow() { const steps = [ { icon: Search, label: "Research", color: "bg-blue-500" }, { icon: BarChart3, label: "Analyze", color: "bg-green-500" }, { icon: Lightbulb, label: "Co-create", color: "bg-yellow-500" }, { icon: TestTube, label: "Test", color: "bg-orange-500" }, { icon: Wrench, label: "Build", color: "bg-purple-500" }, { icon: Rocket, label: "Scale", color: "bg-teal-500" }, ] return (

Process Applied

{steps.map((step, index) => { const Icon = step.icon return (

{step.label} {index < steps.length - 1 && (

)}

) })}

) } [V0_FILE]typescriptreact:file="components/project-process-diagram.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Search, Lightbulb, Wrench, TestTube, BarChart3, ArrowDown, CheckCircle, Clock, MapPin } from "lucide-react" import { useState } from "react" interface ProjectProcessDiagramProps { projectId: number projectTitle: string } export function ProjectProcessDiagram({ projectId, projectTitle }: ProjectProcessDiagramProps) { const [activePhase, setActivePhase] = useState(null) const getProjectProcess = (id: number) => { const processMap: { [key: number]: any } = { 1: { // Digital Farming Solutions title: "Digital Farming Platform Development Process", phases: [ { id: 1, title: "Community Immersion", duration: "4 weeks", location: "45 villages, Maharashtra", icon: Search, color: "bg-blue-500", activities: [ "Lived with 25 farming families", "Conducted 150+ farmer interviews", "Mapped agricultural value chains", "Identified pain points in market access", ], stakeholders: ["Farmers", "Local Leaders", "Agricultural Officers"], outcomes: ["Pain point documentation", "Stakeholder map", "Cultural insights"], metrics: { interviews: 150, families: 25, villages: 45 }, }, { id: 2, title: "Systems Analysis", duration: "2 weeks", location: "Pune, Mumbai", icon: BarChart3, color: "bg-green-500", activities: [ "Analyzed agricultural supply chains", "Studied financial inclusion gaps", "Mapped technology adoption barriers", "Identified leverage points for intervention", ], stakeholders: ["Bayer", "MasterCard", "Rabobank", "Indivillage"], outcomes: ["Systems map", "Intervention strategy", "Partnership framework"], metrics: { chains: 8, barriers: 12, partners: 4 }, }, { id: 3, title: "Co-creation Workshops", duration: "6 weeks", location: "Rural Maharashtra", icon: Lightbulb, color: "bg-yellow-500", activities: [ "Facilitated 12 design workshops", "Co-designed platform features with farmers", "Created user journey maps", "Developed culturally appropriate interfaces", ], stakeholders: ["Farmers", "Extension Workers", "Tech Team"], outcomes: ["Platform wireframes", "Feature specifications", "User stories"], metrics: { workshops: 12, features: 25, participants: 180 }, }, { id: 4, title: "Pilot Testing", duration: "8 weeks", location: "5 pilot villages", icon: TestTube, color: "bg-orange-500", activities: [ "Deployed MVP with 100 farmers", "Conducted usability testing", "Gathered feedback on features", "Iterated based on user behavior", ], stakeholders: ["Pilot Farmers", "Field Staff", "Tech Support"], outcomes: ["Validated features", "Usage analytics", "Improvement roadmap"], metrics: { farmers: 100, iterations: 8, satisfaction: 85 }, }, { id: 5, title: "Scale Implementation", duration: "12 months", location: "Maharashtra state", icon: Wrench, color: "bg-purple-500", activities: [ "Built full platform with partners", "Trained 50 extension workers", "Established support systems", "Created farmer onboarding process", ], stakeholders: ["All Partners", "Government", "NGOs"], outcomes: ["Full platform", "Training materials", "Support network"], metrics: { workers: 50, farmers: 1200, villages: 45 }, }, { id: 6, title: "Impact Measurement", duration: "Ongoing", location: "All project areas", icon: BarChart3, color: "bg-teal-500", activities: [ "Track farmer income changes", "Monitor crop yield improvements", "Measure platform adoption rates", "Collect success stories", ], stakeholders: ["Farmers", "Partners", "Evaluators"], outcomes: ["Impact reports", "Case studies", "Scaling strategy"], metrics: { income: "+28%", yield: "+35%", adoption: "85%" }, }, ], }, 2: { // Climate Action Program title: "Climate Entrepreneurship Ecosystem Process", phases: [ { id: 1, title: "Climate Challenge Mapping", duration: "3 weeks", location: "Vadodara region", icon: Search, color: "bg-blue-500", activities: [ "Assessed local climate vulnerabilities", "Identified entrepreneurship opportunities", "Mapped existing climate initiatives", "Engaged with potential entrepreneurs", ], stakeholders: ["Local Communities", "Climate Activists", "Entrepreneurs"], outcomes: ["Opportunity map", "Entrepreneur pipeline", "Challenge framework"], metrics: { opportunities: 15, entrepreneurs: 120, initiatives: 8 }, }, { id: 2, title: "Ecosystem Design", duration: "2 weeks", location: "Complexity University", icon: BarChart3, color: "bg-green-500", activities: [ "Designed support ecosystem", "Created mentorship framework", "Developed funding pathways", "Built partnership network", ], stakeholders: ["Complexity University", "Investors", "Mentors"], outcomes: ["Ecosystem blueprint", "Support framework", "Partnership MOUs"], metrics: { mentors: 25, investors: 8, partners: 12 }, }, { id: 3, title: "Program Co-creation", duration: "4 weeks", location: "Multiple locations", icon: Lightbulb, color: "bg-yellow-500", activities: [ "Co-designed training curriculum", "Created venture development tools", "Built community of practice", "Developed impact measurement framework", ], stakeholders: ["Entrepreneurs", "Trainers", "Community Leaders"], outcomes: ["Training modules", "Venture tools", "Community platform"], metrics: { modules: 12, tools: 20, members: 150 }, }, { id: 4, title: "Pilot Ventures", duration: "6 months", location: "Vadodara ecosystem", icon: TestTube, color: "bg-orange-500", activities: [ "Launched 25 pilot ventures", "Provided intensive mentoring", "Facilitated peer learning", "Tracked early impact metrics", ], stakeholders: ["Pilot Entrepreneurs", "Mentors", "Customers"], outcomes: ["Validated business models", "Impact data", "Success stories"], metrics: { ventures: 25, jobs: 45, co2: "15 tonnes" }, }, { id: 5, title: "Ecosystem Scaling", duration: "18 months", location: "Regional expansion", icon: Wrench, color: "bg-purple-500", activities: [ "Scaled successful ventures", "Replicated model in new areas", "Built sustainable funding", "Created policy advocacy", ], stakeholders: ["All Stakeholders", "Government", "Corporates"], outcomes: ["Scaled ventures", "Policy influence", "Sustainable model"], metrics: { ventures: 120, regions: 5, revenue: "₹45L" }, }, { id: 6, title: "Impact Documentation", duration: "Ongoing", location: "All regions", icon: BarChart3, color: "bg-teal-500", activities: [ "Measure CO2 reduction impact", "Track job creation metrics", "Document behavioral changes", "Share learnings globally", ], stakeholders: ["Entrepreneurs", "Communities", "Researchers"], outcomes: ["Impact reports", "Research papers", "Global network"], metrics: { co2: "32 tonnes", jobs: 85, papers: 3 }, }, ], }, 3: { // Water Security Tech title: "Water Conservation Technology Development Process", phases: [ { id: 1, title: "Water Challenge Assessment", duration: "3 weeks", location: "Kadur & Hassan districts", icon: Search, color: "bg-blue-500", activities: [ "Studied water scarcity patterns", "Analyzed current irrigation practices", "Interviewed 200+ farmers", "Mapped water usage inefficiencies", ], stakeholders: ["Farmers", "Water Authorities", "Agricultural Officers"], outcomes: ["Water usage analysis", "Inefficiency map", "Farmer needs assessment"], metrics: { farmers: 200, inefficiencies: 8, districts: 2 }, }, { id: 2, title: "Technology Research", duration: "4 weeks", location: "GIZ Innovation Center", icon: BarChart3, color: "bg-green-500", activities: [ "Researched precision irrigation tech", "Studied IoT sensor applications", "Analyzed cost-effective solutions", "Designed system architecture", ], stakeholders: ["GIZ Team", "Tech Partners", "Research Institutes"], outcomes: ["Technology blueprint", "Cost analysis", "System design"], metrics: { technologies: 12, sensors: 15, cost: "60% reduction" }, }, { id: 3, title: "Farmer Co-design", duration: "5 weeks", location: "Farmer fields", icon: Lightbulb, color: "bg-yellow-500", activities: [ "Co-designed with 50 farmers", "Created user-friendly interfaces", "Adapted tech to local conditions", "Built maintenance protocols", ], stakeholders: ["Farmers", "Local Technicians", "Design Team"], outcomes: ["Farmer-friendly design", "Local adaptation", "Maintenance guide"], metrics: { farmers: 50, adaptations: 8, protocols: 5 }, }, { id: 4, title: "Field Pilots", duration: "12 weeks", location: "10 pilot farms", icon: TestTube, color: "bg-orange-500", activities: [ "Installed systems on 10 farms", "Monitored water usage daily", "Tracked crop yield changes", "Gathered farmer feedback", ], stakeholders: ["Pilot Farmers", "Field Team", "Data Analysts"], outcomes: ["Performance data", "Farmer testimonials", "System improvements"], metrics: { farms: 10, savings: "40%", yield: "maintained" }, }, { id: 5, title: "Technology Deployment", duration: "18 months", location: "Karnataka regions", icon: Wrench, color: "bg-purple-500", activities: [ "Scaled to 350 farmers", "Trained local technicians", "Established supply chains", "Created support network", ], stakeholders: ["All Farmers", "Technicians", "Suppliers"], outcomes: ["Scaled deployment", "Local capacity", "Sustainable model"], metrics: { farmers: 350, technicians: 25, hectares: 280 }, }, { id: 6, title: "Impact Assessment", duration: "Ongoing", location: "All project sites", icon: BarChart3, color: "bg-teal-500", activities: [ "Monitor water savings", "Track environmental impact", "Measure farmer satisfaction", "Document best practices", ], stakeholders: ["Farmers", "Environmentalists", "Policy Makers"], outcomes: ["Impact documentation", "Policy recommendations", "Scaling guide"], metrics: { water: "40% saved", satisfaction: "92%", practices: 15 }, }, ], }, 4: { // Wildlife Conservation title: "Wildlife Conservation Technology Feasibility Process", phases: [ { id: 1, title: "Conservation Challenge Study", duration: "2 weeks", location: "North Bengal forests", icon: Search, color: "bg-blue-500", activities: [ "Studied wildlife corridors", "Assessed conservation challenges", "Interviewed forest officials", "Mapped technology gaps", ], stakeholders: ["Forest Department", "Conservationists", "Local Communities"], outcomes: ["Challenge assessment", "Technology gap analysis", "Stakeholder map"], metrics: { corridors: 8, challenges: 12, officials: 25 }, }, { id: 2, title: "Technology Feasibility", duration: "3 weeks", location: "IUCN offices & field", icon: BarChart3, color: "bg-green-500", activities: [ "Researched low-cost technologies", "Analyzed implementation costs", "Studied similar global projects", "Designed innovation framework", ], stakeholders: ["IUCN", "SNAP", "Tech Experts"], outcomes: ["Feasibility report", "Cost analysis", "Innovation framework"], metrics: { technologies: 15, cost: "60% reduction", projects: 8 }, }, { id: 3, title: "Community Engagement", duration: "4 weeks", location: "8 forest communities", icon: Lightbulb, color: "bg-yellow-500", activities: [ "Engaged local communities", "Co-designed conservation solutions", "Built community ownership", "Created participation framework", ], stakeholders: ["Local Communities", "Community Leaders", "NGOs"], outcomes: ["Community buy-in", "Participation model", "Local solutions"], metrics: { communities: 8, leaders: 20, solutions: 12 }, }, { id: 4, title: "Prototype Development", duration: "6 weeks", location: "Innovation labs", icon: TestTube, color: "bg-orange-500", activities: [ "Built low-cost camera traps", "Developed monitoring systems", "Created mobile alerts", "Tested in field conditions", ], stakeholders: ["Tech Team", "Field Testers", "Forest Rangers"], outcomes: ["Working prototypes", "Field test results", "User feedback"], metrics: { prototypes: 5, tests: 20, alerts: 100 }, }, { id: 5, title: "Innovation Center Design", duration: "8 weeks", location: "5 proposed locations", icon: Wrench, color: "bg-purple-500", activities: [ "Designed 5 innovation centers", "Created operational models", "Built partnership framework", "Developed sustainability plan", ], stakeholders: ["IUCN", "Government", "Local Partners"], outcomes: ["Center blueprints", "Operational model", "Partnership agreements"], metrics: { centers: 5, partners: 12, species: 12 }, }, { id: 6, title: "Implementation Roadmap", duration: "2 weeks", location: "Strategic planning", icon: BarChart3, color: "bg-teal-500", activities: [ "Created implementation timeline", "Secured funding commitments", "Built monitoring framework", "Established success metrics", ], stakeholders: ["All Partners", "Funders", "Government"], outcomes: ["Implementation plan", "Funding secured", "Success framework"], metrics: { timeline: "3 years", funding: "₹2.5Cr", metrics: 15 }, }, ], }, 5: { // Solar Entrepreneurship title: "Solar Entrepreneurship Ecosystem Development Process", phases: [ { id: 1, title: "Value Chain Analysis", duration: "4 weeks", location: "Rural Jharkhand, Odisha, Karnataka", icon: Search, color: "bg-blue-500", activities: [ "Mapped rice processing value chains", "Studied lac agroforestry systems", "Analyzed poultry operations", "Identified energy intervention points", ], stakeholders: ["Farmers", "Processors", "SELCO Team"], outcomes: ["Value chain maps", "Energy needs assessment", "Opportunity identification"], metrics: { chains: 3, farmers: 200, opportunities: 15 }, }, { id: 2, title: "Solar Solution Design", duration: "3 weeks", location: "SELCO Innovation Lab", icon: BarChart3, color: "bg-green-500", activities: [ "Designed solar processing units", "Calculated energy requirements", "Optimized system configurations", "Developed business models", ], stakeholders: ["SELCO Engineers", "Business Team", "Tech Partners"], outcomes: ["Solar system designs", "Business models", "Cost calculations"], metrics: { designs: 8, models: 5, efficiency: "85%" }, }, { id: 3, title: "Entrepreneur Development", duration: "6 weeks", location: "Rural communities", icon: Lightbulb, color: "bg-yellow-500", activities: [ "Identified potential entrepreneurs", "Conducted training programs", "Built business skills", "Created peer networks", ], stakeholders: ["Rural Entrepreneurs", "Trainers", "Community Leaders"], outcomes: ["Trained entrepreneurs", "Business plans", "Peer networks"], metrics: { entrepreneurs: 45, training: "40 hours", networks: 3 }, }, { id: 4, title: "Pilot Enterprises", duration: "8 months", location: "15 pilot locations", icon: TestTube, color: "bg-orange-500", activities: [ "Launched 15 pilot enterprises", "Installed solar systems", "Provided ongoing support", "Monitored performance", ], stakeholders: ["Pilot Entrepreneurs", "SELCO Team", "Customers"], outcomes: ["Operating enterprises", "Performance data", "Customer feedback"], metrics: { enterprises: 15, systems: "125kW", customers: 300 }, }, { id: 5, title: "Ecosystem Scaling", duration: "12 months", location: "Multi-state expansion", icon: Wrench, color: "bg-purple-500", activities: [ "Scaled successful models", "Built supply chains", "Created financing options", "Established support network", ], stakeholders: ["All Entrepreneurs", "Financial Partners", "Suppliers"], outcomes: ["Scaled ecosystem", "Financial products", "Support network"], metrics: { entrepreneurs: 85, jobs: 85, communities: 12 }, }, { id: 6, title: "Impact Measurement", duration: "Ongoing", location: "All project areas", icon: BarChart3, color: "bg-teal-500", activities: [ "Track energy generation", "Measure income improvements", "Monitor environmental impact", "Document success stories", ], stakeholders: ["Entrepreneurs", "Communities", "Researchers"], outcomes: ["Impact reports", "Success stories", "Replication guide"], metrics: { energy: "125kW", income: "+40%", co2: "20 tonnes" }, }, ], }, 6: { // Inclusive Handicrafts title: "Inclusive Handicrafts Technology Development Process", phases: [ { id: 1, title: "Accessibility Assessment", duration: "3 weeks", location: "Nav Prabhut Trust workshop", icon: Search, color: "bg-blue-500", activities: [ "Studied traditional block printing", "Assessed accessibility barriers", "Interviewed artisans with disabilities", "Analyzed skill requirements", ], stakeholders: ["Artisans with Disabilities", "ICRC Team", "Traditional Craftspeople"], outcomes: ["Barrier analysis", "Skill assessment", "Accessibility requirements"], metrics: { artisans: 30, barriers: 8, skills: 12 }, }, { id: 2, title: "Adaptive Technology Design", duration: "4 weeks", location: "Design workshop", icon: BarChart3, color: "bg-green-500", activities: [ "Designed adaptive tools", "Created ergonomic solutions", "Developed training methods", "Built prototype devices", ], stakeholders: ["Design Team", "Occupational Therapists", "Engineers"], outcomes: ["Adaptive tool designs", "Training protocols", "Prototype devices"], metrics: { tools: 6, prototypes: 8, methods: 5 }, }, { id: 3, title: "Co-creation with Artisans", duration: "5 weeks", location: "Workshop with artisans", icon: Lightbulb, color: "bg-yellow-500", activities: [ "Co-designed with 25 artisans", "Refined tool designs", "Developed training curriculum", "Created quality standards", ], stakeholders: ["Artisans", "Trainers", "Quality Experts"], outcomes: ["Refined designs", "Training curriculum", "Quality framework"], metrics: { artisans: 25, refinements: 15, standards: 8 }, }, { id: 4, title: "Pilot Production", duration: "12 weeks", location: "Production workshop", icon: TestTube, color: "bg-orange-500", activities: ["Trained 25 artisans", "Produced 450 products", "Tested market response", "Refined processes"], stakeholders: ["Artisans", "Customers", "Market Partners"], outcomes: ["Trained workforce", "Product portfolio", "Market validation"], metrics: { artisans: 25, products: 450, satisfaction: "95%" }, }, { id: 5, title: "Business Scaling", duration: "18 months", location: "Multiple workshops", icon: Wrench, color: "bg-purple-500", activities: [ "Scaled production capacity", "Built market channels", "Created sustainable business", "Established quality systems", ], stakeholders: ["All Artisans", "Buyers", "Business Partners"], outcomes: ["Scaled business", "Market presence", "Sustainable model"], metrics: { turnover: "₹12L", artisans: 25, channels: 8 }, }, { id: 6, title: "Impact Documentation", duration: "Ongoing", location: "All locations", icon: BarChart3, color: "bg-teal-500", activities: [ "Track employment outcomes", "Measure confidence changes", "Document success stories", "Share learning globally", ], stakeholders: ["Artisans", "Families", "Disability Organizations"], outcomes: ["Impact stories", "Research papers", "Replication toolkit"], metrics: { employment: "100%", confidence: "+80%", stories: 25 }, }, ], }, } return processMap[id] || null } const processData = getProjectProcess(projectId) if (!processData) return null return (

Project Process Flow

{/* Process Overview */} {/* Process Overview - Mobile responsive */} {processData.title}

{processData.phases.length}

Process Phases

{processData.phases.reduce((acc: number, phase: any) => acc + phase.stakeholders.length, 0)}

Stakeholder Groups

{processData.phases[processData.phases.length - 1]?.metrics?.farmers || processData.phases[processData.phases.length - 1]?.metrics?.entrepreneurs || processData.phases[processData.phases.length - 1]?.metrics?.artisans || "Multiple"}

Direct Beneficiaries

{/* Process Flow */}

{processData.phases.map((phase: any, index: number) => { const Icon = phase.icon const isActive = activePhase === phase.id const isLast = index === processData.phases.length - 1 return (

{/* Phase Cards */} setActivePhase(isActive ? null : phase.id)} >

{/* Phase Icon & Number */}

{String(phase.id).padStart(2, "0")}

{/* Phase Content */}

{phase.title}

{phase.duration} {phase.location} {phase.location.split(",")[0]}

{/* Key Metrics - Mobile responsive grid */}

{Object.entries(phase.metrics).map(([key, value]) => (

{value}

{key}

))}

{/* Expandable Details - Mobile optimized */} {isActive && (

{/* Activities */}

Key Activities

{phase.activities.map((activity: string, idx: number) => (

{activity}

))}

{/* Stakeholders */}

Key Stakeholders

{phase.stakeholders.map((stakeholder: string, idx: number) => ( {stakeholder} ))}

{/* Outcomes */}

Key Outcomes

{phase.outcomes.map((outcome: string, idx: number) => ( {outcome} ))}

)}

{/* Connection Arrow */} {!isLast && (

)}

) })}

{/* Process Summary */}

Process Completed Successfully

This systematic approach ensured community ownership, stakeholder alignment, and sustainable impact throughout the project lifecycle.

) } [V0_FILE]typescriptreact:file="components/sdg-icons.tsx" isMerged="true" "use client" import { Badge } from "@/components/ui/badge" interface SDGIconProps { goal: number size?: "sm" | "md" | "lg" showLabel?: boolean } export function SDGIcon({ goal, size = "md", showLabel = false }: SDGIconProps) { const sdgData: { [key: number]: { title: string; color: string; icon: string } } = { 1: { title: "No Poverty", color: "#e5243b", icon: "👥" }, 2: { title: "Zero Hunger", color: "#dda63a", icon: "🌾" }, 3: { title: "Good Health", color: "#4c9f38", icon: "❤️" }, 6: { title: "Clean Water", color: "#26bde2", icon: "💧" }, 7: { title: "Affordable Energy", color: "#fcc30b", icon: "⚡" }, 8: { title: "Decent Work", color: "#a21942", icon: "💼" }, 9: { title: "Industry Innovation", color: "#fd6925", icon: "🏭" }, 10: { title: "Reduced Inequalities", color: "#dd1367", icon: "⚖️" }, 11: { title: "Sustainable Cities", color: "#fd9d24", icon: "🏙️" }, 13: { title: "Climate Action", color: "#3f7e44", icon: "🌍" }, 15: { title: "Life on Land", color: "#56c02b", icon: "🌳" }, 17: { title: "Partnerships", color: "#19486a", icon: "🤝" }, } const sdg = sdgData[goal] if (!sdg) return null const sizeClasses = { sm: "w-8 h-8 text-xs", md: "w-12 h-12 text-sm", lg: "w-16 h-16 text-base", } return (

{goal}

{sdg.icon}

{showLabel && ( {sdg.title} )}

) } interface SDGImpactProps { goals: number[] impacts: { [key: number]: string } } export function SDGImpactSection({ goals, impacts }: SDGImpactProps) { return (

UN SDG Impact Alignment

{goals.map((goal) => (

SDG {goal}

{impacts[goal] &&

{impacts[goal]}

}

))}

) } [V0_FILE]typescriptreact:file="components/project-context.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Button } from "@/components/ui/button" import { Play, ExternalLink, Globe, Users, Target, TrendingUp } from "lucide-react" import { SDGImpactSection } from "./sdg-icons" interface ProjectContextProps { project: { id: number title: string category: string context: { sector: string challenge: string solution: string stakeholders: string[] sdgGoals: number[] videoUrl?: string externalLinks: { title: string; url: string }[] } } } export function ProjectContext({ project }: ProjectContextProps) { const getSDGColor = (goal: number) => { const colors: { [key: number]: string } = { 1: "bg-red-500", // No Poverty 2: "bg-yellow-500", // Zero Hunger 3: "bg-green-500", // Good Health 6: "bg-blue-500", // Clean Water 7: "bg-yellow-600", // Affordable Energy 8: "bg-red-600", // Decent Work 9: "bg-orange-500", // Industry Innovation 10: "bg-pink-500", // Reduced Inequalities 11: "bg-orange-600", // Sustainable Cities 13: "bg-green-600", // Climate Action 15: "bg-green-700", // Life on Land 17: "bg-blue-600", // Partnerships } return colors[goal] || "bg-gray-500" } const getSDGTitle = (goal: number) => { const titles: { [key: number]: string } = { 1: "No Poverty", 2: "Zero Hunger", 3: "Good Health", 6: "Clean Water", 7: "Affordable Energy", 8: "Decent Work", 9: "Industry Innovation", 10: "Reduced Inequalities", 11: "Sustainable Cities", 13: "Climate Action", 15: "Life on Land", 17: "Partnerships", } return titles[goal] || `SDG ${goal}` } return (

{/* Sector Context */} Sector Context: {project.context.sector}

Challenge

{project.context.challenge}

Solution Approach

{project.context.solution}

{/* Stakeholders & SDGs */}

Key Stakeholders

{project.context.stakeholders.map((stakeholder, index) => ( {stakeholder} ))}

{/* SDG Impact Section */} UN SDG Impact Alignment

{/* Video & Resources */} Resources & Documentation

{project.context.videoUrl && ( )} {project.context.externalLinks.map((link, index) => ( ))}

) } [V0_FILE]typescriptreact:file="components/theme-provider.tsx" isMerged="true" "use client" import { ThemeProvider as NextThemesProvider } from "next-themes" import type { ThemeProviderProps } from "next-themes" export function ThemeProvider({ children, ...props }: ThemeProviderProps) { return {children} } [V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isMerged="true" import type React from "react" import type { Metadata } from "next" import { GeistSans } from "geist/font/sans" import { GeistMono } from "geist/font/mono" import "./globals.css" import { ThemeProvider } from "@/components/theme-provider" export const metadata: Metadata = { title: "Abhinav Dey - Sustainable Innovation Designer", description: "Scaling sustainable innovations through human-centered design", generator: "v0.dev", } export default function RootLayout({ children, }: { children: React.ReactNode }) { return ( {children} ) } [V0_FILE]css:file="app/globals.css" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { --background: oklch(1 0 0); --foreground: oklch(0.145 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.145 0 0); --primary: oklch(0.205 0 0); --primary-foreground: oklch(0.985 0 0); --secondary: oklch(0.97 0 0); --secondary-foreground: oklch(0.205 0 0); --muted: oklch(0.97 0 0); --muted-foreground: oklch(0.556 0 0); --accent: oklch(0.97 0 0); --accent-foreground: oklch(0.205 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.577 0.245 27.325); --border: oklch(0.922 0 0); --input: oklch(0.922 0 0); --ring: oklch(0.708 0 0); --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --radius: 0.625rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.145 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.145 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.985 0 0); --primary-foreground: oklch(0.205 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.269 0 0); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.269 0 0); --input: oklch(0.269 0 0); --ring: oklch(0.439 0 0); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.269 0 0); --sidebar-ring: oklch(0.439 0 0); } @theme inline { --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { border-color: rgb(var(--border)); @apply border-border outline-ring/50; } body { color: rgb(var(--foreground)); background: rgb(var(--background)); @apply bg-background text-foreground; } } /* Smooth transitions for theme changes */ * { transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, fill 0.3s ease, stroke 0.3s ease; } /* Custom scrollbar */ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: rgb(var(--muted)); } ::-webkit-scrollbar-thumb { background: rgb(var(--muted-foreground) / 0.3); border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: rgb(var(--muted-foreground) / 0.5); } [V0_FILE]typescriptreact:file="components/model-designer-showcase.tsx" isMerged="true" "use client" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Button } from "@/components/ui/button" import { Brain, Target, MessageSquare, Heart, Globe, ArrowRight, CheckCircle, Sparkles, Code, Database, TestTube, } from "lucide-react" export function ModelDesignerShowcase() { const capabilities = [ { title: "Exceptional Taste & Creativity", description: "Crafting responses that delight users through human-centered design", icon: Sparkles, color: "bg-purple-500", projects: [ { name: "Digital Farming Platform", contribution: "Designed intuitive farmer interfaces that increased platform adoption by 85%", impact: "1,200+ farmers engaged through culturally-sensitive design", }, { name: "Inclusive Handicrafts", contribution: "Created adaptive tools that maintained craft authenticity while ensuring accessibility", impact: "25 artisans with disabilities employed, ₹12L turnover generated", }, ], }, { title: "Navigating Ambiguity", description: "Building relationships and defining problems in unfamiliar environments", icon: Target, color: "bg-blue-500", projects: [ { name: "Wildlife Conservation Tech", contribution: "Conducted feasibility study in uncharted territory of low-cost conservation technology", impact: "5 innovation centers designed, 60% cost reduction achieved", }, { name: "Climate Entrepreneurship", contribution: "Built ecosystem from scratch in emerging climate-tech space", impact: "120 entrepreneurs trained, 32 tonnes CO2 reduced", }, ], }, { title: "Experimentation & Iteration", description: "Testing and refining ideas based on real-world feedback", icon: TestTube, color: "bg-green-500", projects: [ { name: "Water Security Tech", contribution: "Iterated through 8 prototypes based on farmer feedback and field testing", impact: "40% water savings across 350 farmers, 280 hectares covered", }, { name: "Solar Entrepreneurship", contribution: "Tested 15 different business models before scaling successful ones", impact: "15 enterprises launched, 125kW energy generated", }, ], }, { title: "Empathy & Self-Awareness", description: "Serving diverse global communities with cultural sensitivity", icon: Heart, color: "bg-red-500", projects: [ { name: "Multi-Stakeholder Farming", contribution: "Balanced needs of farmers, corporations, and NGOs across cultural contexts", impact: "35% crop yield increase, 28% income growth across 45 villages", }, { name: "Inclusive Design", contribution: "Deep empathy work with disability communities to understand real needs", impact: "80% increase in artisan confidence and financial independence", }, ], }, { title: "Philosophical Clarity", description: "Tackling profound questions while driving towards actionable solutions", icon: Brain, color: "bg-indigo-500", projects: [ { name: "Innovation Ecosystems", contribution: "Defined frameworks for sustainable innovation that balance profit and purpose", impact: "Methodology adopted across 6 countries, 15+ organizations", }, { name: "Knowledge Constellation", contribution: "Created open innovation graph making complex systems accessible to AI agents", impact: "Structured knowledge enabling cross-domain innovation", }, ], }, { title: "Technical Intuition", description: "Understanding how data changes affect model behavior and user experience", icon: Code, color: "bg-orange-500", projects: [ { name: "Precision Agriculture", contribution: "Designed IoT data collection that improved model accuracy by 40%", impact: "Real-time insights leading to better farming decisions", }, { name: "Climate Data Systems", contribution: "Created feedback loops between user behavior and environmental impact models", impact: "Data-driven insights enabling 30+ tonnes CO2 reduction", }, ], }, ] return (

Model Designer Capabilities

Why I'm the Ideal Model Designer

My 9+ years of human-centered design experience directly translates to the core competencies needed for designing AI models that truly serve users

{capabilities.map((capability, index) => { const Icon = capability.icon return (

{capability.title}

{capability.description}

{capability.projects.map((project, projectIndex) => (

{project.name}

{project.contribution}

Impact {project.impact}

))}

) })}

{/* Model Designer Skills Summary */}

Human-AI Interaction

9+ years designing interfaces between humans and complex systems, understanding user mental models and interaction patterns

Data-Driven Design

Extensive experience using quantitative insights and user feedback to iterate and improve system behavior across diverse contexts

Global User Empathy

Proven ability to design for diverse global communities, understanding cultural nuances and serving everyone with respect and inclusivity

{/* Call to Action */}

Ready to Design the Future of Human-AI Interaction

My unique combination of human-centered design expertise, technical intuition, and global empathy makes me the ideal candidate to shape how AI models interact with users worldwide.

) } [V0_FILE]typescriptreact:file="components/knowledge-constellation.tsx" isEdit="true" isMerged="true" "use client" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Button } from "@/components/ui/button" import { Network, Brain, Users, Lightbulb, GitBranch } from "lucide-react" import { useState, useEffect, useRef } from "react" export function KnowledgeConstellation() { const canvasRef = useRef(null) const [activeNode, setActiveNode] = useState(null) const knowledgeNodes = [ { id: "sustainable-agriculture", title: "Sustainable Agriculture", category: "Domain Knowledge", connections: ["climate-tech", "water-management", "rural-innovation"], position: { x: 150, y: 100 }, color: "#22c55e", description: "Precision farming, crop optimization, farmer empowerment", stakeholders: ["Farmers", "Agri-Corps", "Extension Workers"], aiApplications: ["Crop prediction", "Market analysis", "Weather forecasting"], }, { id: "climate-tech", title: "Climate Technology", category: "Innovation Area", connections: ["sustainable-agriculture", "renewable-energy", "carbon-markets"], position: { x: 350, y: 80 }, color: "#3b82f6", description: "Carbon reduction, climate adaptation, green entrepreneurship", stakeholders: ["Climate Entrepreneurs", "Investors", "Policy Makers"], aiApplications: ["Carbon tracking", "Impact measurement", "Opportunity identification"], }, { id: "water-management", title: "Water Security", category: "Technical Domain", connections: ["sustainable-agriculture", "iot-sensors", "precision-tech"], position: { x: 100, y: 250 }, color: "#06b6d4", description: "Water conservation, precision irrigation, drought resilience", stakeholders: ["Water Authorities", "Farmers", "Tech Providers"], aiApplications: ["Usage optimization", "Leak detection", "Demand forecasting"], }, { id: "inclusive-design", title: "Inclusive Design", category: "Design Philosophy", connections: ["accessibility-tech", "community-engagement", "traditional-crafts"], position: { x: 500, y: 200 }, color: "#f59e0b", description: "Accessibility, disability inclusion, adaptive technologies", stakeholders: ["People with Disabilities", "NGOs", "Craft Communities"], aiApplications: ["Adaptive interfaces", "Accessibility analysis", "Inclusive testing"], }, { id: "renewable-energy", title: "Renewable Energy", category: "Technology Sector", connections: ["climate-tech", "rural-innovation", "energy-access"], position: { x: 400, y: 300 }, color: "#eab308", description: "Solar entrepreneurship, energy access, grid integration", stakeholders: ["Energy Entrepreneurs", "Rural Communities", "Utilities"], aiApplications: ["Energy optimization", "Grid management", "Demand prediction"], }, { id: "community-engagement", title: "Community Engagement", category: "Methodology", connections: ["inclusive-design", "stakeholder-systems", "cultural-adaptation"], position: { x: 250, y: 350 }, color: "#ec4899", description: "Participatory design, cultural sensitivity, local ownership", stakeholders: ["Local Communities", "Community Leaders", "Cultural Experts"], aiApplications: ["Sentiment analysis", "Engagement tracking", "Cultural mapping"], }, { id: "stakeholder-systems", title: "Stakeholder Systems", category: "Systems Thinking", connections: ["community-engagement", "partnership-models", "ecosystem-design"], position: { x: 550, y: 120 }, color: "#8b5cf6", description: "Multi-stakeholder collaboration, partnership frameworks", stakeholders: ["Corporations", "NGOs", "Government", "Communities"], aiApplications: ["Network analysis", "Collaboration optimization", "Impact modeling"], }, { id: "innovation-ecosystems", title: "Innovation Ecosystems", category: "Systems Design", connections: ["stakeholder-systems", "knowledge-transfer", "scaling-models"], position: { x: 300, y: 180 }, color: "#ef4444", description: "Ecosystem orchestration, innovation networks, knowledge flows", stakeholders: ["Innovation Hubs", "Accelerators", "Research Institutions"], aiApplications: ["Ecosystem mapping", "Innovation tracking", "Knowledge graphs"], }, ] useEffect(() => { const canvas = canvasRef.current if (!canvas) return const ctx = canvas.getContext("2d") if (!ctx) return const resizeCanvas = () => { canvas.width = canvas.offsetWidth canvas.height = canvas.offsetHeight } resizeCanvas() window.addEventListener("resize", resizeCanvas) const drawConstellation = () => { ctx.clearRect(0, 0, canvas.width, canvas.height) // Draw connections knowledgeNodes.forEach((node) => { node.connections.forEach((connectionId) => { const connectedNode = knowledgeNodes.find((n) => n.id === connectionId) if (connectedNode) { ctx.strokeStyle = activeNode === node.id || activeNode === connectionId ? "rgb(var(--muted-foreground) / 0.4)" : "rgb(var(--muted-foreground) / 0.1)" ctx.lineWidth = activeNode === node.id || activeNode === connectionId ? 2 : 1 ctx.setLineDash(activeNode === node.id || activeNode === connectionId ? [] : [5, 5]) ctx.beginPath() ctx.moveTo(node.position.x, node.position.y) ctx.lineTo(connectedNode.position.x, connectedNode.position.y) ctx.stroke() } }) }) // Draw nodes knowledgeNodes.forEach((node) => { const isActive = activeNode === node.id const radius = isActive ? 12 : 8 // Node circle ctx.fillStyle = node.color ctx.globalAlpha = isActive ? 1 : 0.8 ctx.beginPath() ctx.arc(node.position.x, node.position.y, radius, 0, Math.PI * 2) ctx.fill() // Node border ctx.strokeStyle = isActive ? "rgb(var(--foreground))" : "rgb(var(--muted-foreground) / 0.2)" ctx.lineWidth = isActive ? 3 : 1 ctx.setLineDash([]) ctx.stroke() // Node label if (isActive) { ctx.fillStyle = "rgb(var(--foreground))" ctx.font = "12px Inter, sans-serif" ctx.textAlign = "center" ctx.globalAlpha = 1 ctx.fillText(node.title, node.position.x, node.position.y - 20) } }) ctx.globalAlpha = 1 } drawConstellation() return () => { window.removeEventListener("resize", resizeCanvas) } }, [activeNode]) const handleNodeClick = (nodeId: string) => { setActiveNode(activeNode === nodeId ? null : nodeId) } const activeNodeData = knowledgeNodes.find((node) => node.id === activeNode) return (

Knowledge Architecture

Open Innovation Graph

An interconnected constellation of knowledge domains, making sustainable innovation accessible to stakeholders and AI agents for collaborative problem-solving

{/* Interactive Constellation */}

Knowledge Constellation

Click on nodes to explore connections and applications

{/* Node Details Panel */}

{activeNodeData ? (

{activeNodeData.title} {activeNodeData.category}

{activeNodeData.description}

Key Stakeholders

{activeNodeData.stakeholders.map((stakeholder) => ( {stakeholder} ))}

AI Applications

{activeNodeData.aiApplications.map((app) => (

{app}

))}

Connected Domains

{activeNodeData.connections.map((connectionId) => { const connectedNode = knowledgeNodes.find((n) => n.id === connectionId) return connectedNode ? ( handleNodeClick(connectionId)} > {connectedNode.title} ) : null })}

) : (

Explore the Knowledge Graph

Click on any node in the constellation to explore its connections, stakeholders, and AI applications.

)}

{/* Applications & Benefits */}

Stakeholder Alignment

Clear visualization of how different stakeholders connect across domains, enabling better collaboration and partnership formation.

• Multi-stakeholder mapping
• Partnership opportunity identification
• Collaboration pathway design

AI Agent Integration

Structured knowledge graph enables AI agents to understand domain relationships and suggest innovative cross-sector solutions.

• Automated opportunity discovery
• Cross-domain innovation suggestions
• Impact prediction modeling

Innovation Acceleration

Open knowledge architecture accelerates innovation by making domain expertise and methodologies accessible to new contexts.

• Methodology transfer
• Best practice sharing
• Rapid prototyping support

{/* Call to Action */}

Ready to Collaborate?

This knowledge constellation is designed to facilitate collaboration between humans and AI systems. Let's explore how we can work together on your innovation challenges.

) } [V0_FILE]typescriptreact:file="components/process-flow.tsx" isEdit="true" isMerged="true" "use client" import { Card, CardContent } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Button } from "@/components/ui/button" import { Users, Search, Lightbulb, Target, Wrench, TestTube, Rocket, BarChart3, Heart, Globe, Leaf, ArrowRight, Play, } from "lucide-react" import { useState } from "react" export function ProcessFlow() { const [activeStage, setActiveStage] = useState(null) const stakeholders = [ { name: "Communities", icon: Users, color: "bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300" }, { name: "Partners", icon: Globe, color: "bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300" }, { name: "Beneficiaries", icon: Heart, color: "bg-red-100 text-red-700 dark:bg-red-900 dark:text-red-300" }, { name: "Organizations", icon: Target, color: "bg-purple-100 text-purple-700 dark:bg-purple-900 dark:text-purple-300", }, ] const processes = [ { id: 1, title: "Community Immersion", subtitle: "Deep Ethnographic Research", icon: Search, color: "bg-blue-500", activities: ["Field Studies", "Stakeholder Mapping", "Cultural Analysis", "Need Assessment"], duration: "2-4 weeks", description: "Living and working within communities to understand real challenges and contexts", }, { id: 2, title: "Systems Thinking", subtitle: "Understanding Interconnections", icon: BarChart3, color: "bg-green-500", activities: ["Root Cause Analysis", "Impact Mapping", "Ecosystem Design", "Theory of Change"], duration: "1-2 weeks", description: "Analyzing complex relationships and identifying leverage points for sustainable change", }, { id: 3, title: "Co-creation", subtitle: "Collaborative Design", icon: Lightbulb, color: "bg-yellow-500", activities: ["Design Workshops", "Prototyping", "Community Feedback", "Iterative Design"], duration: "3-6 weeks", description: "Working directly with communities to design solutions that fit their context and needs", }, { id: 4, title: "Pilot Testing", subtitle: "Real-world Validation", icon: TestTube, color: "bg-orange-500", activities: ["Small-scale Pilots", "User Testing", "Feedback Collection", "Design Refinement"], duration: "4-8 weeks", description: "Testing solutions in real environments with actual users to validate effectiveness", }, { id: 5, title: "Implementation", subtitle: "Scaling Solutions", icon: Wrench, color: "bg-purple-500", activities: ["Technology Development", "Training Programs", "Partnership Building", "Resource Mobilization"], duration: "3-12 months", description: "Building and deploying solutions at scale while maintaining quality and impact", }, { id: 6, title: "Impact Measurement", subtitle: "Continuous Learning", icon: BarChart3, color: "bg-teal-500", activities: ["Data Collection", "Impact Analysis", "Stakeholder Feedback", "Adaptive Management"], duration: "Ongoing", description: "Measuring outcomes and continuously improving based on real-world performance", }, ] const outcomes = [ { name: "Sustainable Solutions", icon: Leaf, color: "bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300", }, { name: "Community Ownership", icon: Users, color: "bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300", }, { name: "Scalable Impact", icon: Rocket, color: "bg-purple-100 text-purple-700 dark:bg-purple-900 dark:text-purple-300", }, { name: "Systems Change", icon: Target, color: "bg-orange-100 text-orange-700 dark:bg-orange-900 dark:text-orange-300", }, ] return (

{/* Header */}

Design Process

Human-Centered Innovation Framework

A systematic approach to creating sustainable solutions that empower communities and drive systemic change

{/* Process Flow Visualization */}

{/* Stakeholder Inputs */}

{stakeholders.map((stakeholder, index) => { const Icon = stakeholder.icon return (

{stakeholder.name}

) })}

{/* Central Process Flow */}

{processes.map((process, index) => { const Icon = process.icon const isActive = activeStage === process.id return ( setActiveStage(isActive ? null : process.id)} >

{String(process.id).padStart(2, "0")} {process.duration}

{process.title}

{process.subtitle}

{isActive && (

{process.description}

Key Activities:

{process.activities.map((activity, idx) => ( {activity} ))}

)}

{/* Connection Arrow */} {index < processes.length - 1 && (

)} ) })}

{/* Flow Lines for Mobile */}

{processes.map((_, index) => (

{index < processes.length - 1 &&

}

))}

{/* Outcomes */}

{outcomes.map((outcome, index) => { const Icon = outcome.icon return (

{outcome.name}

) })}

{/* Process Metrics */}

Process Stages

15+

Partner Organizations

1000+

Community Members Engaged

98%

Solution Adoption Rate

{/* Call to Action */}

Ready to Apply This Process?

This human-centered approach has been tested across diverse sectors and geographies. Let's discuss how it can be adapted for your specific challenge.

) } [V0_FILE]typescriptreact:file="components/theme-toggle.tsx" isEdit="true" isMerged="true" "use client" import { Button } from "@/components/ui/button" import { Moon, Sun } from "lucide-react" import { useTheme } from "next-themes" import { useEffect, useState } from "react" export function ThemeToggle() { const { theme, setTheme } = useTheme() const [mounted, setMounted] = useState(false) useEffect(() => { setMounted(true) }, []) if (!mounted) { return ( ) } const isDark = theme === "dark" return ( ) } [V0_FILE]typescriptreact:file="components/animated-background.tsx" isEdit="true" isMerged="true" "use client" import { useEffect, useRef } from "react" import { useTheme } from "next-themes" export function AnimatedBackground() { const canvasRef = useRef(null) const { theme } = useTheme() useEffect(() => { const canvas = canvasRef.current if (!canvas) return const ctx = canvas.getContext("2d") if (!ctx) return const resizeCanvas = () => { canvas.width = window.innerWidth canvas.height = window.innerHeight } resizeCanvas() window.addEventListener("resize", resizeCanvas) const isMobile = window.innerWidth < 768 const organismCount = isMobile ? 25 : 50 const organisms: Array<{ x: number y: number vx: number vy: number size: number opacity: number }> = [] for (let i = 0; i < organismCount; i++) { organisms.push({ x: Math.random() * canvas.width, y: Math.random() * canvas.height, vx: (Math.random() - 0.5) * (isMobile ? 0.3 : 0.5), vy: (Math.random() - 0.5) * (isMobile ? 0.3 : 0.5), size: Math.random() * (isMobile ? 3 : 4) + (isMobile ? 1 : 2), opacity: Math.random() * 0.3 + 0.1, }) } const animate = () => { ctx.clearRect(0, 0, canvas.width, canvas.height) const isDark = theme === "dark" const baseColor = isDark ? "255, 255, 255" : "0, 0, 0" organisms.forEach((organism, i) => { organism.x += organism.vx organism.y += organism.vy if (organism.x < 0 || organism.x > canvas.width) organism.vx *= -1 if (organism.y < 0 || organism.y > canvas.height) organism.vy *= -1 organism.x = Math.max(0, Math.min(canvas.width, organism.x)) organism.y = Math.max(0, Math.min(canvas.height, organism.y)) const connectionDistance = isMobile ? 60 : 100 organisms.forEach((other, j) => { if (i !== j) { const dx = organism.x - other.x const dy = organism.y - other.y const distance = Math.sqrt(dx * dx + dy * dy) if (distance < connectionDistance) { ctx.strokeStyle = `rgba(${baseColor}, ${0.1 * (1 - distance / connectionDistance)})` ctx.lineWidth = 0.5 ctx.beginPath() ctx.moveTo(organism.x, organism.y) ctx.lineTo(other.x, other.y) ctx.stroke() } } }) ctx.fillStyle = `rgba(${baseColor}, ${organism.opacity})` ctx.beginPath() ctx.arc(organism.x, organism.y, organism.size, 0, Math.PI * 2) ctx.fill() }) requestAnimationFrame(animate) } animate() return () => { window.removeEventListener("resize", resizeCanvas) } }, [theme]) return (

Project Data & Impact

Voices from the Field

Community Voices

Real People, Real Change

{story.title}

Want to Share Your Story?

Process Applied

Project Process Flow

{phase.title}

Key Activities

Key Stakeholders

Key Outcomes

Process Completed Successfully

UN SDG Impact Alignment

Challenge

Solution Approach

Why I'm the Ideal Model Designer

{project.name}

Human-AI Interaction

Data-Driven Design

Global User Empathy

Ready to Design the Future of Human-AI Interaction

Open Innovation Graph

Key Stakeholders

AI Applications

Connected Domains

Explore the Knowledge Graph

Ready to Collaborate?

Human-Centered Innovation Framework

{process.title}

Ready to Apply This Process?

Scaling Sustainable Innovations

Innovation Ecosystem Framework

My Design Philosophy

Community-Centered

Sustainable Innovation

Systemic Impact

Process-Driven Innovation

{project.title}

Challenge

Approach

Solution

Outcome

Let's Create Sustainable Impact Together