[V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Geist, Geist_Mono } from "next/font/google" import { Analytics } from "@vercel/analytics/next" import "./globals.css" const _geist = Geist({ subsets: ["latin"] }) const _geistMono = Geist_Mono({ subsets: ["latin"] }) export const metadata: Metadata = { title: "AgroTahlil - AI Powered Agricultural Platform", description: "AgroTahlil is a specialized platform for monitoring soil quality, displaying agricultural statistics, and providing AI-powered recommendations for Uzbek farmers.", generator: "v0.app", icons: { icon: [ { url: "/icon-light-32x32.png", media: "(prefers-color-scheme: light)", }, { url: "/icon-dark-32x32.png", media: "(prefers-color-scheme: dark)", }, { url: "/icon.svg", type: "image/svg+xml", }, ], apple: "/apple-icon.png", }, } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" import Header from "@/components/header" import HeroSection from "@/components/hero-section" import ProblemsSection from "@/components/problems-section" import SolutionSection from "@/components/solution-section" import TeamSection from "@/components/team-section" import HowWeSection from "@/components/how-we-section" import TechStackSection from "@/components/tech-stack-section" import RoadmapSection from "@/components/roadmap-section" import Footer from "@/components/footer" export default function Home() { return (

) } [V0_FILE]typescriptreact:file="components/footer.tsx" isMerged="true" "use client" import { Mail, Phone, MapPin } from "lucide-react" export default function Footer() { const currentYear = new Date().getFullYear() return ( ) } [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "16.0.10", "next-themes": "^0.4.6", "react": "19.2.0", "react-day-picker": "9.8.0", "react-dom": "19.2.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^1.1.2", "zod": "3.25.76" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^19", "@types/react-dom": "^19", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]png:file="public/team-xojiakbar.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-Eo39Fsh7GOfhPuxFLbuhBDjvmuESnO.png" isMerged="true" [V0_FILE]png:file="public/team-muhammadali.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG_0853%20%282%29.JPG-GA30UGWh4uRCuctrShHqAFdL34sCd1.jpeg" isMerged="true" [V0_FILE]typescriptreact:file="components/hero-section.tsx" isEdit="true" isMerged="true" "use client" import { Leaf } from "lucide-react" export default function HeroSection() { return (

{/* Badge */}

Qishloq xo'jaligi uchun AI ekotizim

{/* Main Heading */}

Qishloq xo'jaligi{" "} kelajagini {" "} o'zgartiraylik

Tuproq tahlili, AI tavsiyalari va yashil bozor — barchasi bir platformada.

{/* Stats */}

50K+

Potensial foydalanuvchilar

10+

Ma'lumot manbalari

100%

Bepul va oson foydalanish

) } [V0_FILE]typescriptreact:file="components/problems-section.tsx" isEdit="true" isMerged="true" "use client" import { AlertCircle, TrendingDown, Bug, BarChart3, Newspaper } from "lucide-react" export default function ProblemsSection() { const problems = [ { icon: BarChart3, problem: "Statistika tahlili qiyin", description: "Fermerlar uchun statistik ma'lumotlar keng, ammo ularni tahlil qilish juda qiyin", }, { icon: AlertCircle, problem: "Dali tavsiyalar yo'q", description: "Ekish, sug'orish, o'g'itlash va kasallik xavfi bo'yicha aniq tavsiyalar olishning imkoni yo'q", }, { icon: TrendingDown, problem: "Kasallik erta aniqlansa-lar", description: "O'simlik kasalliklarini erta aniqlash kechikadi, hosildorlik pasayadi", }, { icon: BarChart3, problem: "Bozor ma'lumotlari noaniq", description: "Qishloq xo'jaligi bozorlarida narxlar va mahsulotlar haqida tizimli ma'lumotlar yo'q", }, { icon: Newspaper, problem: "Ishonchli manbalar yo'q", description: "Qishloq xo'jaligi bo'yicha ishonchli yangiliklar uchun yagona platforma mavjud emas", }, { icon: Bug, problem: "Integratsiya masalasi", description: "Barcha xizmatlar alohida-alohida, bitta joyda jamlangan yechim yo'q", }, ] return (

Muammo va Yechim

O'zbekiston qishloq xo'jaligi sektori bir qator katta muammolarga duch kelmoqda

{/* Problems Grid */}

{problems.map((item, index) => { const Icon = item.icon return (

{item.problem}

{item.description}

) })}

{/* Solution Highlight */}

✨ Yechim — AgroTahlil AI Platformasi

AgroTahlil — bu AI asosida ishlaydigan yagona agro-ekotizim bo'lib, hammasiysini bir joyda jamlaydi.

✓ Stat.uz va boshqa ochiq manbalardagi ma'lumotlarni sunʼiy intellekt avtomatik tahlil qiladi
✓ Fermerlarga real vaqtda ogohlantirishlar, tavsiyalar va prognozlar beradi
✓ AI Chat orqali qishloq xo'jaligi bo'yicha professional javoblar taqdim etadi
✓ Rasmdan o'simlik kasalliklarini aniqlovchi Computer Vision modeli
✓ "Yashil bozor" bo'limida mahsulotlar, ko'chatlar, o'g'itlar savdosi amalga oshiladi
✓ Agro yangiliklar — mahalliy va xalqaro ishonchli manbalardan avtomatik yig'ilib, filtrlab beriladi

) } [V0_FILE]typescriptreact:file="components/solution-section.tsx" isEdit="true" isMerged="true" "use client" import { Brain, BarChart3, MessageSquare, Camera, Store, Newspaper } from "lucide-react" export default function SolutionSection() { const features = [ { icon: BarChart3, title: "AI Tahlil", description: "Stat.uz va boshqa manbalardan ma'lumotlarni avtomatik tahlil qilish", }, { icon: MessageSquare, title: "AI Chat", description: "Professional javoblar uchun qishloq xo'jaligi bo'yicha specialist AI", }, { icon: Camera, title: "Computer vision", description: "Rasmdan o'simlik kasalliklarini dali aniqlash", }, { icon: Store, title: "Yashil bozor", description: "Qishloq xo'jaligi mahsulotlarining to'liq bazari", }, { icon: Newspaper, title: "Agro yangiliklar", description: "Ishonchli manbalardan avtomatik yig'ilgan yangiliklar", }, { icon: Brain, title: "Prognozlar", description: "AI asosida tuproq va hosil haqida dali tavsiyalar", }, ] return (

AgroTahlil xususiyatlari

Yagona platformada hammasiysini — tahlil, AI, bozor va yangiliklar

{features.map((feature, index) => { const Icon = feature.icon return (

{feature.title}

{feature.description}

) })}

) } [V0_FILE]typescriptreact:file="components/how-we-section.tsx" isEdit="true" isMerged="true" "use client" import { Brain, Database, Zap, CheckCircle } from "lucide-react" export default function HowWeSection() { const reasons = [ { icon: Database, title: "Chuqur tahlil va tajriba", description: "Data-analyst Xojiakbar Nozimjonov mahalliy va xalqaro agro statistikalarni chuqur tahlil qilib, qishloq xo'jaligi sohasidagi kamchilik va muammolarni aniq ko'ra oladi.", }, { icon: Brain, title: "AI texnologiyalari", description: "ML, Computer Vision va Data Engineering bo'yicha tajribaga ega Muhammadali Qodirov platforma uchun qishloq xo'jaligi sohasida o'qitilgan sun'iy intellekt yaratib, integratsiya qiladi.", }, { icon: Zap, title: "Bozor bo'shligi", description: "Bozorda bu kabi yagona kompleks AI yechim yo'q — demak, biz kuchli 'first-mover advantage'ga egamiz.", }, { icon: CheckCircle, title: "Yagona yechim", description: "Qishloq xo'jaligi mahsulotlari uchun yagona 'Yashil bozor' funksiyasi sohani bir joyga jamlaydi va fermerlar uchun qulaylik yaratadi.", }, ] return (

Muammoni qanday hal qila olamiz?

Bizning jamoa quyidagi sabablar tufayli bu muammoni yecha oladi

{reasons.map((reason, index) => { const Icon = reason.icon return (

{reason.title}

{reason.description}

) })}

{/* Additional Benefits */}

Qo'shimcha imkoniyatlar

AI Chat: Fermerlar o'zlaridagi savol va muammolarga sohada o'qitilgan kuchli sun'iy intellekt yordamida javob olishlari mumkin.

Statistika va Tavsiyalar: Qishloq xo'jaligiga oid mahalliy va xalqaro statistikalarni ko'rish va manashu ko'rsatkichlar asosida AI tavsiyalarini olish orqali asosli tavsiyalar beriladi.

Soha rivojlanishi: Barcha bu xizmatlar orqali sohada rivojlanish jadallashadi va foydalanuvchilar turli xil imkoniyatlarga ega bo'ladi.

) } [V0_FILE]typescriptreact:file="components/tech-stack-section.tsx" isEdit="true" isMerged="true" "use client" import { Server, Shield, BarChart3 } from "lucide-react" export default function TechStackSection() { const techPhases = [ { number: "1️⃣", title: "Ma'lumotlarni yig'ish va tayyorlash", subtitle: "Dataset engineering", items: [ "Stat.uz — qishloq xo'jaligi rasmiy statistikasi", "Ochiq ma'lumotlar portali (Open Data Uzbekistan)", "FAO, AgroHub, USDA datasetlari", "O'zbekiston fermer xo'jaliklaridagi real-case ma'lumotlar", "Kasallangan o'simlik rasmlari (20–40 sinf)", "Agro-texnik qo'llanmalar va ilmiy maqolalar", ], }, { number: "2️⃣", title: "AI model arxitekturasi loyihalash", subtitle: "AgroLLM — 0 dan o'qitiladigan matn modeli", items: [ "Model turi: Encoder-decoder yoki Decoder-only transformer", "Agro tavsiyalar va statistika asosida tahlil", "Savollarga kontekstli javob berish", "Yangiliklarni avtomatik tahlil va sarlavha yaratish", "Til: O'zbek va rus tillari", "Tokenizer: O'zbek tiliga optimallashtirilgan BPE/SentencePiece", ], }, { number: "3️⃣", title: "Modelni training pipeline", subtitle: "Treningdan o'tkazish", items: [ "Train from scratch — hech qanday pre-trained model ishlatilmaydi", "Hardware: GPU cluster (A100/H100 yoki Colab Pro+)", "Tokenizer training", "Base model architecture initialization", "Unsupervised training (corpus → next token prediction)", "Instruction-tuning va evaluation & refinement", ], }, { number: "4️⃣", title: "Backend arxitekturasi", subtitle: "Infrastructure va API", items: [ "Framework: FastAPI", "AI Inference Engine: Python + ONNX Runtime/TensorRT", "Vector search: Qdrant yoki Pinecone", "Real-time monitoring: Grafana + Prometheus", "Security: JWT auth, rate limiting", "Load balancing: Nginx", ], }, { number: "5️⃣", title: "Frontend (UI/UX)", subtitle: "Next.js 15 va Modern Design", items: [ "Framework: Next.js 15", "Design System: Tailwind + Custom Components", "AI Chat (AgroLLM bilan)", "Rasm yuklash → kasallik aniqlash ekrani", "Yashil Bozor (listing platform)", "Statistika dashboard va Yangiliklar bo'limi", ], }, { number: "6️⃣", title: "Yashil bozor moduli", subtitle: "Marketplace functionality", items: [ "Mahsulot qo'shish (ko'chat, urug', o'g'it, texnika)", "Filtrlash: narx, hudud, tur", "AI asosida avtomatik tavsif yaratish", "Chat orqali sotuvchi bilan yozishish", "Secure transactions", "Real-time product listings", ], }, ] return (

Texnik arxitektura

AgroTahlil platformasi 8 ta bosqich orqali barqaror va o'lchanuvchi tizimga aylanadi

{techPhases.map((phase, index) => (

{phase.number}

{phase.title}

{phase.subtitle}

{phase.items.map((item, i) => (

→ {item}

))}

{/* Additional Tech Info */}

Konteynerlash

Docker orqali modelni serverda konteynerlash

Xavfsizlik

DDoS va bot hujumlardan himoya

Monitoring

Real-time analytics va performance tracking

) } [V0_FILE]typescriptreact:file="components/roadmap-section.tsx" isEdit="true" isMerged="true" "use client" import { CheckCircle, Circle, ChevronRight } from "lucide-react" export default function RoadmapSection() { const roadmapStages = [ { stage: "Idea", status: "Tayyor", completed: true, description: "G'oyani tadqiq va asosiy konseptualni ishlab chiqish", achievements: [ "Agro statistikani AI orqali avtomatik tahlil qiladigan platforma g'oyasi", "AI Chat, rasm orqali kasallik aniqlash, bozor va yangiliklar qismlari", "Jamoa va texnik plan tayyoroti", ], }, { stage: "Prototype", status: "Hozirgi bosqich", completed: false, current: true, description: "Birinchi versiya va demo ishlab chiqish", achievements: [ "Demo sayt ishga tushirilgan", "AI chatning birinchi versiyasi tayyor", "Stat.uz dan ma'lumot yig'ish uchun data pipeline tayyorlandi", "Backend asoslari tayyorlanmoqda", ], }, { stage: "MVP", status: "Keyingi bosqich", completed: false, description: "To'liq xususiyatlar bilan minimal mahsulot", achievements: [ "To'liq AI analiz modeli", "Computer Vision modeli (20+ kasallik va o'simliklar bo'yicha)", "Yashil bozor bo'limi", "Agro yangiliklar paneli", "Real-time tavsiyalar tizimi", ], }, { stage: "Launched", status: "So'nggi bosqich", completed: false, description: "Ishlab chiqarish va ommasiylash", achievements: [ "10 000+ fermer uchun xizmat qila oladigan tayyor platforma", "Premium AI tavsiyalari bilan chat", "Statistik prognozli AI modeli", "Qishloq xo'jaligi mahsulotlarini bir yerga jamlangan bozori", "Sohaga oid eng so'nggi va ishonchli mahalliy/xalqaro yangiliklar", ], }, ] return (

Yo'l xaritasi

G'oyadan boshlab ishlab chiqarish bosqichigacha — AgroTahlil ning yo'li

{/* Timeline */}

{roadmapStages.map((item, index) => (

{/* Timeline dot and line */}

{item.completed ? ( ) : ( )}

{index !== roadmapStages.length - 1 && (

)}

{/* Content */}

{item.stage}

{item.status}

{item.current && (

🚀 Joriy

)}

{item.description}

{/* Achievements */}

{item.achievements.map((achievement, i) => (

{achievement}

))}

{/* Call to action */}

Biz bu yo'lda birgalikda!

AgroTahlil platformasi O'zbekiston qishloq xo'jaliklarini yangi darajaga ko'taradigan yagona yechimdir.

) } [V0_FILE]png:file="public/agro-tahlil-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-removebg-preview%20%2819%29-2gU1u9ZxmO1fVg4NnD73BwbdUbEehd.png" [V0_FILE]css:file="app/globals.css" isEdit="true" isQuickEdit="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { /* Brightened soil background from #2B1E10 to #3D2817 for better visibility */ --background: #3d2817; --foreground: #f5f1e8; --card: #4a3820; --card-foreground: #f5f1e8; --popover: #3d2817; --popover-foreground: #f5f1e8; /* Primary: Bright Green from logo leaf (#7FB069) */ --primary: #7fb069; --primary-foreground: #3d2817; /* Secondary: Warm Tan/Beige from logo roots (#D4A574) */ --secondary: #d4a574; --secondary-foreground: #3d2817; /* Muted: Lighter soil tone for subtle elements */ --muted: #5a4830; --muted-foreground: #d4a574; /* Accent: Darker green for emphasis */ --accent: #6b9b52; --accent-foreground: #f5f1e8; --destructive: #ef4444; --destructive-foreground: #3d2817; /* Updated borders for soil theme */ --border: #5a4830; --input: #5a4830; --ring: #7fb069; --chart-1: #7fb069; --chart-2: #d4a574; --chart-3: #6b9b52; --chart-4: #8fc475; --chart-5: #d4a574; --radius: 0.625rem; --sidebar: #4a3820; --sidebar-foreground: #f5f1e8; --sidebar-primary: #7fb069; --sidebar-primary-foreground: #3d2817; --sidebar-accent: #6b9b52; --sidebar-accent-foreground: #f5f1e8; --sidebar-border: #5a4830; --sidebar-ring: #7fb069; } .dark { --background: oklch(0.12 0 0); --foreground: oklch(0.95 0 0); --card: oklch(0.16 0 0); --card-foreground: oklch(0.95 0 0); --popover: oklch(0.12 0 0); --popover-foreground: oklch(0.95 0 0); --primary: oklch(0.68 0.18 155); --primary-foreground: oklch(0.12 0 0); --secondary: oklch(0.75 0.1 60); --secondary-foreground: oklch(0.12 0 0); --muted: oklch(0.28 0.02 155); --muted-foreground: oklch(0.7 0 0); --accent: oklch(0.68 0.18 155); --accent-foreground: oklch(0.12 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.28 0.01 155); --input: oklch(0.28 0.01 155); --ring: oklch(0.68 0.18 155); --chart-1: oklch(0.68 0.18 155); --chart-2: oklch(0.75 0.1 60); --chart-3: oklch(0.65 0.15 155); --chart-4: oklch(0.72 0.12 155); --chart-5: oklch(0.8 0.08 60); --sidebar: oklch(0.16 0 0); --sidebar-foreground: oklch(0.95 0 0); --sidebar-primary: oklch(0.68 0.18 155); --sidebar-primary-foreground: oklch(0.12 0 0); --sidebar-accent: oklch(0.68 0.18 155); --sidebar-accent-foreground: oklch(0.12 0 0); --sidebar-border: oklch(0.28 0.01 155); --sidebar-ring: oklch(0.68 0.18 155); } @theme inline { --font-sans: "Geist", "Geist Fallback"; --font-mono: "Geist Mono", "Geist Mono Fallback"; --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 { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } /* Added particle animation system for subtle background effects */ @keyframes particle-float { 0%, 100% { transform: translateY(0px) translateX(0px); opacity: 0.3; } 25% { transform: translateY(-20px) translateX(10px); opacity: 0.5; } 50% { transform: translateY(-40px) translateX(-10px); opacity: 0.3; } 75% { transform: translateY(-20px) translateX(15px); opacity: 0.4; } } @keyframes particle-drift { 0%, 100% { transform: translateX(0px); opacity: 0.2; } 50% { transform: translateX(30px); opacity: 0.4; } } @keyframes particle-rotate { 0%, 100% { transform: rotate(0deg); opacity: 0.25; } 50% { transform: rotate(180deg); opacity: 0.35; } } /* Enhanced animations for soil theme - added multiple futuristic animations */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } @keyframes slideInRight { from { opacity: 0; transform: translateX(-30px); } to { opacity: 1; transform: translateX(0); } } @keyframes pulse-slow { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } } @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } } @keyframes scaleIn { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } @keyframes shimmer { 0% { background-position: -1000px 0; } 100% { background-position: 1000px 0; } } @keyframes glow { 0%, 100% { box-shadow: 0 0 10px rgba(127, 176, 105, 0.3); } 50% { box-shadow: 0 0 20px rgba(127, 176, 105, 0.6); } } @keyframes slideUp { from { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: translateY(0); } } @keyframes rotateIn { from { opacity: 0; transform: rotate(-5deg); } to { opacity: 1; transform: rotate(0deg); } } /* Added new futuristic animations */ @keyframes soilGlow { 0%, 100% { box-shadow: 0 0 15px rgba(127, 176, 105, 0.2), inset 0 0 15px rgba(127, 176, 105, 0.1); } 50% { box-shadow: 0 0 30px rgba(127, 176, 105, 0.4), inset 0 0 20px rgba(127, 176, 105, 0.2); } } @keyframes expandingRing { from { transform: scale(0); opacity: 1; } to { transform: scale(1); opacity: 0; } } @keyframes slideDown { from { opacity: 0; transform: translateY(-30px); } to { opacity: 1; transform: translateY(0); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3); } 50% { opacity: 1; } 100% { opacity: 1; transform: scale(1); } } @keyframes morphing { 0% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; } 50% { border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%; } 100% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; } } @keyframes glitchEffect { 0% { transform: translate(0); opacity: 1; } 20% { transform: translate(-2px, 2px); opacity: 0.8; } 40% { transform: translate(-2px, -2px); opacity: 1; } 60% { transform: translate(2px, 2px); opacity: 0.9; } 80% { transform: translate(2px, -2px); opacity: 1; } 100% { transform: translate(0); opacity: 1; } } .animate-particle-float { animation: particle-float 6s ease-in-out infinite; } .animate-particle-drift { animation: particle-drift 8s ease-in-out infinite; } .animate-particle-rotate { animation: particle-rotate 10s linear infinite; } .animate-fade-in-up { animation: fadeInUp 0.6s ease-out; } .animate-slide-in-right { animation: slideInRight 0.6s ease-out; } .animate-pulse-slow { animation: pulse-slow 3s ease-in-out infinite; } .animate-float { animation: float 3s ease-in-out infinite; } .animate-scale-in { animation: scaleIn 0.5s ease-out; } .animate-shimmer { animation: shimmer 2s infinite; background-size: 1000px 100%; } .animate-glow { animation: glow 2s ease-in-out infinite; } .animate-slide-up { animation: slideUp 0.7s ease-out; } .animate-rotate-in { animation: rotateIn 0.6s ease-out; } /* New animation classes */ .animate-soil-glow { animation: soilGlow 2.5s ease-in-out infinite; } .animate-expanding-ring { animation: expandingRing 1.5s ease-out; } .animate-slide-down { animation: slideDown 0.6s ease-out; } .animate-bounce-in { animation: bounceIn 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .animate-morphing { animation: morphing 3s ease-in-out infinite; } .animate-glitch { animation: glitchEffect 0.3s ease-in-out; } [V0_FILE]typescriptreact:file="components/header.tsx" isEdit="true" "use client" import { useState } from "react" import Link from "next/link" import { Menu, X } from "lucide-react" import Image from "next/image" export default function Header() { const [isMenuOpen, setIsMenuOpen] = useState(false) const navItems = [ { label: "Muammo va Yechim", href: "#problems" }, { label: "Jamoa", href: "#team" }, { label: "Qanday hal qila olamiz", href: "#how-we" }, { label: "Yo'l xaritasi", href: "#roadmap" }, ] return (

AgroTahlil {/* Desktop Navigation */} {/* Mobile Menu Button */}

{/* Mobile Navigation */} {isMenuOpen && ( )}

) } [V0_FILE]typescriptreact:file="components/team-section.tsx" isEdit="true" "use client" import { Github, Linkedin, Mail } from "lucide-react" import Image from "next/image" export default function TeamSection() { const teamMembers = [ { name: "Xojiakbar Nozimjonov", role: "Owner/Team Lead/Web Developer/Data Analyst", education: "2nd year Finance and FinTech student", university: "Tashkent State University of Economics", age: "18 years old", image: "/team-muhammadali.png", bio: "Data-analyst sifatida mahalliy va xalqaro agro statistikalarni chuqur tahlil qilib, qishloq xo'jaligi sohasidagi muammolarni aniq ko'rishi mumkin.", social: [ { icon: Github, url: "#" }, { icon: Linkedin, url: "#" }, { icon: Mail, url: "#" }, ], }, { name: "Muhammadali Qodirov", role: "AI Developer/Machine Learning/Prompt Engineering", education: "3rd year Artificial Intelligence student", university: "Tashkent State University of Economics", age: "19 years old", image: "/team-xojiakbar.png", bio: "ML, Computer Vision va Data Engineering bo'yicha tajribaga ega bo'lib, qishloq xo'jaligi sohasida o'qitilgan sun'iy intellekt yaratib integratsiya qiladi.", social: [ { icon: Github, url: "#" }, { icon: Linkedin, url: "#" }, { icon: Mail, url: "#" }, ], }, ] return (

{/* Particle system */}

Jamoa

Innovatsiya va texnologiya bilan qishloq xo'jaliklarni o'zgartiradigan younglars

{teamMembers.map((member, index) => (

{/* Content */}

{member.name}

{member.role}

{member.education}

{member.university}

{member.age}

{member.bio}

{member.social.map((social, i) => { const Icon = social.icon return ( ) })}

))}

{/* Team Stats */}

Co-Founder

∞

Ishtiyoq va Energiya

Maqsad: Qishloq xo'jalikilni sun'iy intellekt yordamida yanada rivojlantirish!

) }