import React, { useState, useEffect, useMemo, useRef } from 'react';
import {
Cpu,
Leaf,
Wind,
Scan,
Database,
ArrowRight,
Hexagon,
Menu,
X,
ShoppingCart,
Search,
Layers,
BarChart3,
Eye,
Thermometer,
MapPin,
Box,
Droplets,
Plane,
Battery,
CheckCircle,
AlertCircle,
FileText,
Satellite
} from 'lucide-react';
// --- Assets & High-Def Imagery ---
const IMAGES = {
// Hero: Dynamic drone in action against a dramatic sky
hero: 'https://images.unsplash.com/photo-1473968512647-3e447244af8f?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80',
// Map: High-tech aerial view with overlay potential
map: 'https://images.unsplash.com/photo-1518544806308-c8f325cc59bf?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80',
// Marketplace: Sleek industrial drone hardware
marketplace: 'https://images.unsplash.com/photo-1579829366248-204fe8413f31?auto=format&fit=crop&w=1600&q=80',
// Gallery Images: Specific use-cases
services: [
{
url: 'https://images.unsplash.com/photo-1530863673722-6b9487c6b542?auto=format&fit=crop&w=800&q=80',
name: 'Rice Spraying'
},
{
url: 'https://images.unsplash.com/photo-1615655406736-b37c4fabf923?auto=format&fit=crop&w=800&q=80',
name: 'Satellite NDVI'
},
{
url: 'https://images.unsplash.com/photo-1563823251941-b07b4a26e496?auto=format&fit=crop&w=800&q=80',
name: 'Sugarcane Ops'
},
{
url: 'https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=800&q=80',
name: 'IoT Sensors'
}
],
// Enterprise/Infra
infra1: 'https://images.unsplash.com/photo-1532601224476-15c79f2f7a51?auto=format&fit=crop&w=1200&q=80',
infra2: 'https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&w=1200&q=80',
};
// --- Mock i18n ---
const useI18n = () => {
return {
t: (key) => {
const dict = {
'nav.services': 'Services',
'nav.ai': 'AI Solutions',
'nav.how': 'How it Works',
'nav.login': 'Console Login',
'hero.cta': 'Book Pilot',
'market.badge': 'Agri-Marketplace'
};
return dict[key] || key;
}
};
};
// --- Main App Component ---
export default function App() {
const [view, setView] = useState('landing');
const [lang, setLang] = useState('en');
const handleNavigate = (target) => {
setView(target);
window.scrollTo(0, 0);
};
if (view === 'login') {
return handleNavigate('landing')} />;
}
return (
{/* Liquid Blobs */}
Thailand's Premier
{/* Hero Visual - Liquid Glass Card */}
{/* Floating Stats */}
);
};
const ServicesInfrastructure = () => {
const pillars = [
{
id: 1,
title: 'Precision Spraying',
desc: 'CAAT-compliant spraying for Rice, Rubber, and Sugarcane. Pay per rai, bypass the 500k THB barrier.',
icon:
);
};
// --- Custom Map Component (Leaflet Replacement) ---
const MapLiveTelemetry = () => {
return (
);
};
const HubAdvisor = () => {
const hubs = [
{ id: 1, name: 'Nakhon Nayok HQ', dist: 12, stock: 140, open: true },
{ id: 2, name: 'Saraburi Hub', dist: 28, stock: 85, open: true },
{ id: 3, name: 'Prachinburi Station', dist: 42, stock: 20, open: false },
];
const best = hubs[0];
return (
);
};
const DroneMarketplace = () => {
return (
);
};
const MapFeatureSales = () => {
return (
);
};
const AIServices = () => {
return (
Custom AI
);
};
const SuppliedImages = () => {
return (
);
};
const FarmerBenefits = () => {
return (
);
};
const Footer = () => {
return (
);
};
// --- Login Page Mockup ---
const LoginPage = ({ onBack }) => (
);
{/* Embedded Styles */}
handleNavigate('login')} lang={lang} setLang={setLang} />
handleNavigate('login')} />
);
}
// --- Components ---
const Navbar = ({ onLogin, lang, setLang }) => {
const [isOpen, setIsOpen] = useState(false);
const { t } = useI18n();
return (
);
};
const Hero = ({ onLogin }) => {
return (
Covering 30% of Thai Arable Land
Thailand's Premier
FaaS Network.
Combating rising labor costs for 70% of the workforce. Access compliant, simple, low-cost drone spraying services without the capital risk.
10k+
Registered Drones
30%
Arable Land Covered
The Agri-Grid
Accessible, Simple, Low-Cost
Critical infrastructure to bridge the gap for smallholder farmers.
{pillars.map((p) => (
))}
{p.icon}
{p.title}
{p.desc}
Active Missions
Real-time spraying status. CAAT 30m Altitude Limit Enforced.
Spraying
Transit
{/* Map Base - Dark Mode Style */}
{/* Markers */}
T30 - Sugarcane (Wet Field)
T40 - Transit (Alt: 28m)
AI Logistics
Smart Hub Advisor
Our system automatically routes your request to the optimal hub based on distance, battery inventory, and pilot availability.
{/* Best Hub Card - Liquid Glass */}
RECOMMENDED
{best.name}
Primary Distribution Center
Distance
{best.dist} km
Battery Stock
{best.stock} Units
Status
Open
{hubs.slice(1).map(h => (
))}
{h.name}
{h.dist} km • {h.stock} batteries
{h.open ? 'OPEN' : 'CLOSED'}
Expand Your Infrastructure
Invest in industrial grade autonomy. Lease or buy sprayers.
Featured Infrastructure
DJI Agras T40
The king of sugarcane fields. Operates in wet conditions where tractors fail. Cover 100 rai in 3 hours.
40L
Payload
10km
Range
IP67
Protection
Satellite & IoT Intelligence
Compliant non-UAV data sources for VRT Prescription Maps.
{/* Controls Panel */}
{/* Visualizer */}
{[
{ id: 'SAT', label: 'Satellite NDVI', icon:
Full VRT
/ Generation
We use satellite data to map your field, adhering to CAAT regulations prohibiting drone surveying.
Crop Analysis
NDVI (Satellite)
0.82
Custom AI
Architecture
We don't just fly drones; we train the neural networks that guide them. Our models are trained on 50 years of Thai agricultural data.
{[
{ icon:
{item.icon}
{item.title}
{item.desc}
Operational Gallery
{IMAGES.services.map((img, i) => (
))}
{img.name}
Proven Results
Streamlined workflow for modern agriculture.
{[
{ title: "100 Rai in 3 Hours", desc: "Replaces 10 laborers/day.", icon:
{b.icon}
{b.title}
{b.desc}
AGX
Welcome to HQ
Sign in to Nakhon Nayok Control