AgroTech Solutions

Landing page for a digital agribusiness platform. Clean corporate design with green palette, data-driven sections, ROI calculator, and demo request form.

Tech Stack

• Next.js 16 — App Router, Turbopack
• Tailwind CSS v4 — @theme directive for custom design tokens
• Framer Motion — Scroll-triggered animations
• Lucide React — Icon system

Getting Started

npm install
npm run dev

Open http://localhost:3000.

Project Structure

components/
  Header.tsx      — Fixed navbar with mobile hamburger menu
  Hero.tsx        — Hero section with platform introduction
  Problems.tsx    — Industry pain points
  Features.tsx    — Platform features overview
  ROI.tsx         — Return on investment showcase
  DemoForm.tsx    — Demo request form
  Footer.tsx      — Site footer with navigation