[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: "MAXCROP | Dinh dưỡng đột phá – Mùa màng thăng hoa", description: "MAXCROP cung cấp giải pháp sinh học toàn diện cho nền nông nghiệp Việt Nam, ứng dụng công nghệ sinh học thế hệ mới.", 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]jpg:file="public/abstract-dark-green-biotech-agriculture-molecular-.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/abstract-dark-green-biotech-agriculture-molecular--87KJhTAYXfb0nximCp8IvoDru8CZxn.jpg" isMerged="true" [V0_FILE]jpg:file="public/futuristic-glowing-plant-cell-structure-3d-render.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/futuristic-glowing-plant-cell-structure-3d-render-4J73slq8olF9Ffj0w24Kx3FyvKqFlc.jpg" isMerged="true" [V0_FILE]jpg:file="public/scientist-in-vertical-farm-laboratory-high-tech.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/scientist-in-vertical-farm-laboratory-high-tech-eqqwuHAdYH085WX3kVuJQZMM94UtE5.jpg" isMerged="true" [V0_FILE]jpg:file="public/nano-molecular-technology-visualization.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/nano-molecular-technology-visualization-2qzi2H2SPkmPHg9ZOvQ01sV5sfXUZs.jpg" isMerged="true" [V0_FILE]jpg:file="public/carbon-nano-structure.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/carbon-nano-structure-vca39673rzBTsXCYxddI9UKPt0C0uk.jpg" isMerged="true" [V0_FILE]jpg:file="public/spirulina-extraction-lab.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/spirulina-extraction-lab-szDnRSb3ANPtT8xuK7IWylQxUb3zgC.jpg" isMerged="true" [V0_FILE]jpg:file="public/plant-veins-xylem-phloem-glowing.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/plant-veins-xylem-phloem-glowing-z90BVJD5DCJ0AdKEVAfY3dZeUsTGd5.jpg" isMerged="true" [V0_FILE]jpg:file="public/pure-water-drop-leaf-safe.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/pure-water-drop-leaf-safe-lPqyNrGGVWUgyEuThH5A4d6Lxrmwly.jpg" isMerged="true" [V0_FILE]jpg:file="public/global-agriculture-trade-network-map-dark.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/global-agriculture-trade-network-map-dark-eeN4M9MaDcoO9zJIjJJ8AHqxbFiLzP.jpg" isMerged="true" [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.3", "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/logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/final1-vJxCnIcMALg2AC5FImm6B7NraRBlXn.png" isMerged="true" [V0_FILE]jpg:file="public/hero-tree-sunlight.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/hero-tree-sunlight-0Rb7JGG23sa87Aft3kElhl5yzE2QrA.jpg" isMerged="true" [V0_FILE]jpg:file="public/hero-dew-leaf.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/hero-dew-leaf-hI7Ucdu0MjH0oR4QY0Ti9JH2qx3Rts.jpg" isMerged="true" [V0_FILE]jpg:file="public/hero-sprout-roots.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/hero-sprout-roots-PV5MKuREFj0AgmH67lzmIGESHBLHzN.jpg" isMerged="true" [V0_FILE]css:file="app/globals.css" isEdit="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { /* Clean White & Deep Logo Green Theme */ --background: oklch(1 0 0); /* Pure White */ --foreground: oklch(0.25 0.08 142); /* Deep Green Text */ --card: oklch(1 0 0); --card-foreground: oklch(0.25 0.08 142); --popover: oklch(1 0 0); --popover-foreground: oklch(0.25 0.08 142); /* Logo Green - Deep Forest Green */ --primary: oklch(0.38 0.12 142); --primary-foreground: oklch(1 0 0); --secondary: oklch(0.97 0.02 142); /* Very light green tint */ --secondary-foreground: oklch(0.38 0.12 142); --muted: oklch(0.96 0.01 142); --muted-foreground: oklch(0.5 0.05 142); --accent: oklch(0.94 0.03 142); --accent-foreground: oklch(0.25 0.08 142); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.577 0.245 27.325); --border: oklch(0.92 0.02 142); --input: oklch(0.92 0.02 142); --ring: oklch(0.38 0.12 142); --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.5rem; --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 { /* Dark mode preserved but aligned with new green */ --background: oklch(0.15 0.04 142); --foreground: oklch(0.98 0.01 142); --primary: oklch(0.55 0.15 142); /* Brighter green for dark mode */ --primary-foreground: oklch(0.15 0.04 142); /* ... existing dark mode values ... */ --card: oklch(0.18 0.04 142); --card-foreground: oklch(0.98 0.01 142); --popover: oklch(0.15 0.04 142); --popover-foreground: oklch(0.98 0.01 142); --secondary: oklch(0.25 0.05 142); --secondary-foreground: oklch(0.98 0.01 142); --muted: oklch(0.25 0.05 142); --muted-foreground: oklch(0.7 0.05 142); --accent: oklch(0.25 0.05 142); --accent-foreground: oklch(0.98 0.01 142); --destructive: oklch(0.396 0.141 25.722); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.25 0.05 142); --input: oklch(0.25 0.05 142); --ring: oklch(0.55 0.15 142); --chart-1: oklch(0.488 0.243 264.376007); --chart-2: oklch(0.696 0.17 162.479996); --chart-3: oklch(0.769 0.188 70.080002); --chart-4: oklch(0.627 0.265 303.799988); --chart-5: oklch(0.645 0.246 16.438999); --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 { --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); /* Custom spacing for grand layout */ --spacing-128: 32rem; } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } @layer utilities { .text-balance { text-wrap: balance; } /* Added animation for the slow zoom effect */ .animate-slow-zoom { animation: zoom-in 20s linear infinite; } @keyframes zoom-in { 0% { transform: scale(1); } 100% { transform: scale(1.1); } } } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" "use client" import type React from "react" import Image from "next/image" import { ArrowRight, FlaskConical, Leaf, Microscope, ShieldCheck, Sprout, Globe, Zap } from "lucide-react" import Link from "next/link" import { useState, useEffect } from "react" // Shared UI Components const Section = ({ children, className = "" }: { children: React.ReactNode; className?: string }) => (

{children}

) const Badge = ({ children }: { children: React.ReactNode }) => ( {children} ) const HeroCarousel = () => { const [currentSlide, setCurrentSlide] = useState(0) const slides = ["/hero-tree-sunlight.jpg", "/hero-dew-leaf.jpg", "/hero-sprout-roots.jpg"] useEffect(() => { const timer = setInterval(() => { setCurrentSlide((prev) => (prev + 1) % slides.length) }, 5000) return () => clearInterval(timer) }, []) return (

{slides.map((slide, index) => (

{/* Overlay gradient for better text readability */}

))}

) } export default function Home() { return (

{/* Header / Navigation */}

Liên hệ

{/* Hero Section */}

Công nghệ sinh học thế hệ mới

Dinh dưỡng
Đột phá

Mùa màng thăng hoa với giải pháp sinh học toàn diện cho nền nông nghiệp Việt Nam.

Khám phá giải pháp Tìm hiểu MAXCROP

{/* Abstract Visual Element representing Nano Carbon/Biotech */}

{/* Brand Essence */}

"Tiên phong ứng dụng công nghệ Nano Carbon"

Bản chất thương hiệu

MAXCROP là thương hiệu cung cấp giải pháp sinh học toàn diện, ứng dụng công nghệ thế hệ mới kết hợp tảo xoắn, rong biển, khoáng tự nhiên và vi sinh có lợi.

Chúng tôi tối ưu hóa quá trình{" "} hấp thu – chuyển hóa – lưu dẫn dinh dưỡng bằng công nghệ Nano Carbon tiên tiến, mang lại hiệu quả vượt trội cho mùa màng.

Cam kết sạch

Nguyên liệu tinh khiết, an toàn tuyệt đối, không tồn dư độc hại.

Chuẩn mực

Quy trình sản xuất và kiểm định đa cấp độ, truy xuất nguồn gốc 100%.

{/* Solutions Grid */}

Giải pháp toàn diện

Quy trình dinh dưỡng khép kín

Hệ thống giải pháp được thiết kế chuyên biệt cho từng giai đoạn sinh trưởng của cây trồng.

{[ { title: "Cải tạo đất", desc: "Phục hồi hệ vi sinh, cân bằng pH, giải độc đất.", icon: , color: "bg-amber-50 hover:border-amber-500/30 text-amber-700", }, { title: "Kích rễ & Tái sinh", desc: "Kích thích bộ rễ phát triển mạnh, tái tạo rễ hư tổn.", icon: , color: "bg-green-50 hover:border-green-500/30 text-green-700", }, { title: "Dưỡng thân & Lá", desc: "Hồi phục mô tổn thương, giúp cây xanh dày, quang hợp mạnh.", icon: , color: "bg-emerald-50 hover:border-emerald-500/30 text-emerald-700", }, { title: "Chuyển mầm & Hoa", desc: "Phân hóa mầm hoa đồng loạt, tăng tỷ lệ đậu trái.", icon: , color: "bg-yellow-50 hover:border-yellow-500/30 text-yellow-700", }, { title: "Nuôi trái & Chất lượng", desc: "Lớn trái, tạo màu đẹp, tăng độ ngọt và giá trị thương phẩm.", icon: , color: "bg-red-50 hover:border-red-500/30 text-red-700", }, { title: "Bảo vệ toàn diện", desc: "Tăng sức đề kháng tự nhiên, hạn chế sâu bệnh hại.", icon: , color: "bg-blue-50 hover:border-blue-500/30 text-blue-700", }, ].map((item, i) => (

{item.icon}

{item.title}

{item.desc}

))}

{/* Technology & Advantages */}

Khoa học & Công nghệ

Đột phá công nghệ
Nâng tầm nông nghiệp

Chúng tôi không chỉ sản xuất phân bón, chúng tôi mang đến giải pháp công nghệ cao giúp tối ưu hóa mọi chỉ số của cây trồng.

{[ { title: "Công nghệ Nano Carbon", desc: "Kích thước siêu nhỏ giúp tăng khả năng dẫn truyền và xâm nhập tế bào, đưa dinh dưỡng đến đúng đích nhanh chóng.", image: "/carbon-nano-structure.jpg", }, { title: "Chiết tách sinh học cao cấp", desc: "Giữ trọn vẹn hoạt tính sinh học của tảo xoắn và rong biển, không bị biến đổi bởi nhiệt độ hay hóa chất.", image: "/spirulina-extraction-lab.jpg", }, { title: "Lưu dẫn đa chiều", desc: "Cơ chế vận chuyển dinh dưỡng hai chiều thông minh: từ rễ lên lá và từ lá xuống rễ, nuôi dưỡng toàn diện.", image: "/plant-veins-xylem-phloem-glowing.jpg", }, { title: "Phân tử sạch - An toàn", desc: "Công nghệ loại bỏ tạp chất ở cấp độ phân tử, đảm bảo sản phẩm không gây tồn dư, đạt chuẩn xuất khẩu Âu Mỹ.", image: "/pure-water-drop-leaf-safe.jpg", }, ].map((item, i) => (

{item.title}

{item.desc}

))}

{/* Ecosystem & Customers */}

{/* Background pattern */}

Hệ sinh thái & Đối tác

Kết nối giá trị từ nông trại đến bàn ăn quốc tế.

{[ { title: "Hệ thống Đại lý", sub: "Đội ngũ kỹ thuật chuyên sâu" }, { title: "Chủ Trang trại & Farm", sub: "Quy mô lớn & HTX" }, { title: "Kỹ sư Nông nghiệp", sub: "Tư vấn & Giám sát" }, { title: "Đối tác Xuất khẩu", sub: "Thu mua nông sản giá trị cao" }, ].map((box, i) => (

{box.title}

{box.sub}

))}

Sẵn sàng hợp tác?

Hãy trở thành một phần của hệ sinh thái MAXCROP để nâng tầm nông sản Việt Nam.

Liên hệ hợp tác ngay

{/* Footer */}

) }

Dinh dưỡng Đột phá

Bản chất thương hiệu

Cam kết sạch

Chuẩn mực

Giải pháp toàn diện

Quy trình dinh dưỡng khép kín

{item.title}

Khoa học & Công nghệ

Đột phá công nghệ Nâng tầm nông nghiệp

{item.title}

Hệ sinh thái & Đối tác

{box.title}

Sẵn sàng hợp tác?

Dinh dưỡng
Đột phá

Đột phá công nghệ
Nâng tầm nông nghiệp