"use client"; import React, { useState, useEffect } from "react"; import { motion } from "framer-motion"; import { Building2, HandCoins, Handshake, Landmark, MapPinned, ShieldCheck, Sprout, Star, Truck, Users, type LucideIcon } from "lucide-react"; interface IntegrationItem { id: string; name: string; description: string; icon: LucideIcon; } const leftIntegrations: IntegrationItem[] = [ { id: "plaid", name: "Agrobank", description: "Bank routing and credit queues", icon: Landmark, }, { id: "stripe", name: "MFIs", description: "Microfinance case intake", icon: HandCoins, }, { id: "paypal", name: "Cooperatives", description: "Member onboarding support", icon: Users, }, { id: "visa", name: "Government", description: "Subsidy and policy dashboards", icon: Building2, }, ]; const rightIntegrations: IntegrationItem[] = [ { id: "mastercard", name: "Export Buyers", description: "Verified supply discovery", icon: Handshake, }, { id: "quickbooks", name: "Input Suppliers", description: "Seeds, fertiliser, equipment", icon: Sprout, }, { id: "xero", name: "GIS / eKYC", description: "Farm identity verification", icon: MapPinned, }, { id: "coinbase", name: "Logistics", description: "Pickup and delivery coordination", icon: Truck, }, ]; const topValues: Record = { 0: "0px", 1: "96px", 2: "192px", 3: "288px" }; export default function Integration01Finsyc({ className }: { className?: string }) { const [isMounted, setIsMounted] = useState(false); const [windowWidth, setWindowWidth] = useState(0); useEffect(() => { const timer = setTimeout(() => { setIsMounted(true); setWindowWidth(window.innerWidth); }, 0); const handleResize = () => setWindowWidth(window.innerWidth); window.addEventListener("resize", handleResize); return () => { clearTimeout(timer); window.removeEventListener("resize", handleResize); }; }, []); const isLargeScreen = isMounted && windowWidth >= 1024; return ( <>

{/* Header Content */}

{/* Tag */} Integrations {/* Heading */} Connect the agriculture ecosystem in{" "} one place AGNET links farmers, agents, banks, MFIs, cooperatives, buyers, suppliers, logistics partners, and government programs around one trusted workflow.

{/* Integration Visualization */}

{/* Desktop Only SVG Visualization */} {/* Visualization Container */}

{/* Left column items */}

{leftIntegrations.map((item, idx) => ( (() => { const Icon = item.icon; return (

{item.name} {item.description}

); })() ))}

{/* Center Seal */}

{/* Right column items */}

{rightIntegrations.map((item, idx) => ( (() => { const Icon = item.icon; return (

{item.name} {item.description}

); })() ))}

{/* Footer Info */}

Institution-grade trust.{" "} Farmer consent, identity, and case data stay governed.

Built for{" "} 4.7M+{" "} underserved farms and a{" "} $3.8B{" "} Uzbekistan agriculture opportunity.

); }