98:I[903690,["/chat-static/_next/static/immutable/chunks/31n61ghs8rmv5.js","/chat-static/_next/static/immutable/chunks/1y2bsbsbyxhrd.js","/chat-static/_next/static/immutable/chunks/2w32a37kj0mcq.js","/chat-static/_next/static/immutable/chunks/0lyxw0nk-7-p_.js","/chat-static/_next/static/immutable/chunks/2836u6jwf9bgv.js","/chat-static/_next/static/immutable/chunks/3ktygcwrvju41.js","/chat-static/_next/static/immutable/chunks/3npdfuq6kuky8.js","/chat-static/_next/static/immutable/chunks/3xgcz543a20n9.js","/chat-static/_next/static/immutable/chunks/2ks2dvr47nqsg.js","/chat-static/_next/static/immutable/chunks/0wp9iyt7gqj9c.js","/chat-static/_next/static/immutable/chunks/03w_e6mqufrhn.js","/chat-static/_next/static/immutable/chunks/3su8b9kn4mbaa.js","/chat-static/_next/static/immutable/chunks/2sp-yda0t06bm.js","/chat-static/_next/static/immutable/chunks/06-mpaxkl_qww.js","/chat-static/_next/static/immutable/chunks/2v1ytxhjawdqw.js","/chat-static/_next/static/immutable/chunks/3vhx3fg583u19.js","/chat-static/_next/static/immutable/chunks/3bon2sery8l35.js","/chat-static/_next/static/immutable/chunks/3jcppue8tkzp-.js","/chat-static/_next/static/immutable/chunks/0iy9i8p65rpg9.js","/chat-static/_next/static/immutable/chunks/2r3778mxx4zx3.js","/chat-static/_next/static/immutable/chunks/0sxli_t5tjx17.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/0ggiln07qpg3x.js","/chat-static/_next/static/immutable/chunks/3v_br72tfzuih.js","/chat-static/_next/static/immutable/chunks/362eoze68z3tj.js","/chat-static/_next/static/immutable/chunks/30xbirk075f9u.js","/chat-static/_next/static/immutable/chunks/2s3rmbgvk5alc.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/2pqzsqlo20uhj.js","/chat-static/_next/static/immutable/chunks/24oxen36r-7_-.js","/chat-static/_next/static/immutable/chunks/21nzp1fdul4xe.js","/chat-static/_next/static/immutable/chunks/3my68vmtl-_et.js","/chat-static/_next/static/immutable/chunks/0_0cjja_qg_5n.js","/chat-static/_next/static/immutable/chunks/27kqtemkm6wc0.js","/chat-static/_next/static/immutable/chunks/1gdd26lvq120i.js","/chat-static/_next/static/immutable/chunks/286-_7hvrlp96.js","/chat-static/_next/static/immutable/chunks/296p94gz62u7b.js","/chat-static/_next/static/immutable/chunks/04a8jfjv6v0qb.js","/chat-static/_next/static/immutable/chunks/1etiboqt-76vo.js","/chat-static/_next/static/immutable/chunks/2n2cl3ur75prf.js","/chat-static/_next/static/immutable/chunks/1r05hdbmn7x54.js","/chat-static/_next/static/immutable/chunks/3onxldbrh6ob_.js","/chat-static/_next/static/immutable/chunks/0o-tvqrw-60f9.js","/chat-static/_next/static/immutable/chunks/2_j51em_sdudl.js","/chat-static/_next/static/immutable/chunks/37c02pbgwkg5r.js","/chat-static/_next/static/immutable/chunks/1elbuzr4anjh-.js","/chat-static/_next/static/immutable/chunks/0mn-dmkxxrk86.js","/chat-static/_next/static/immutable/chunks/2rhujd4vukzvn.js","/chat-static/_next/static/immutable/chunks/3_0orxn412o41.js","/chat-static/_next/static/immutable/chunks/01enxheexz0xq.js","/chat-static/_next/static/immutable/chunks/3iwjjn69p6vc6.js","/chat-static/_next/static/immutable/chunks/2k0t6m9hg03ay.js","/chat-static/_next/static/immutable/chunks/408m_6lxo2us-.js"],"ExplicitChatIdProvider"] 99:I[838238,["/chat-static/_next/static/immutable/chunks/31n61ghs8rmv5.js","/chat-static/_next/static/immutable/chunks/1y2bsbsbyxhrd.js","/chat-static/_next/static/immutable/chunks/2w32a37kj0mcq.js","/chat-static/_next/static/immutable/chunks/0lyxw0nk-7-p_.js","/chat-static/_next/static/immutable/chunks/2836u6jwf9bgv.js","/chat-static/_next/static/immutable/chunks/3ktygcwrvju41.js","/chat-static/_next/static/immutable/chunks/3npdfuq6kuky8.js","/chat-static/_next/static/immutable/chunks/3xgcz543a20n9.js","/chat-static/_next/static/immutable/chunks/2ks2dvr47nqsg.js","/chat-static/_next/static/immutable/chunks/0wp9iyt7gqj9c.js","/chat-static/_next/static/immutable/chunks/03w_e6mqufrhn.js","/chat-static/_next/static/immutable/chunks/3su8b9kn4mbaa.js","/chat-static/_next/static/immutable/chunks/2sp-yda0t06bm.js","/chat-static/_next/static/immutable/chunks/06-mpaxkl_qww.js","/chat-static/_next/static/immutable/chunks/2v1ytxhjawdqw.js","/chat-static/_next/static/immutable/chunks/3vhx3fg583u19.js","/chat-static/_next/static/immutable/chunks/3bon2sery8l35.js","/chat-static/_next/static/immutable/chunks/3jcppue8tkzp-.js","/chat-static/_next/static/immutable/chunks/0iy9i8p65rpg9.js","/chat-static/_next/static/immutable/chunks/2r3778mxx4zx3.js","/chat-static/_next/static/immutable/chunks/0sxli_t5tjx17.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/0ggiln07qpg3x.js","/chat-static/_next/static/immutable/chunks/3v_br72tfzuih.js","/chat-static/_next/static/immutable/chunks/362eoze68z3tj.js","/chat-static/_next/static/immutable/chunks/30xbirk075f9u.js","/chat-static/_next/static/immutable/chunks/2s3rmbgvk5alc.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/2pqzsqlo20uhj.js","/chat-static/_next/static/immutable/chunks/24oxen36r-7_-.js","/chat-static/_next/static/immutable/chunks/21nzp1fdul4xe.js","/chat-static/_next/static/immutable/chunks/3my68vmtl-_et.js","/chat-static/_next/static/immutable/chunks/0_0cjja_qg_5n.js","/chat-static/_next/static/immutable/chunks/27kqtemkm6wc0.js","/chat-static/_next/static/immutable/chunks/1gdd26lvq120i.js","/chat-static/_next/static/immutable/chunks/286-_7hvrlp96.js","/chat-static/_next/static/immutable/chunks/296p94gz62u7b.js","/chat-static/_next/static/immutable/chunks/04a8jfjv6v0qb.js","/chat-static/_next/static/immutable/chunks/1etiboqt-76vo.js","/chat-static/_next/static/immutable/chunks/2n2cl3ur75prf.js","/chat-static/_next/static/immutable/chunks/1r05hdbmn7x54.js","/chat-static/_next/static/immutable/chunks/3onxldbrh6ob_.js","/chat-static/_next/static/immutable/chunks/0o-tvqrw-60f9.js","/chat-static/_next/static/immutable/chunks/2_j51em_sdudl.js","/chat-static/_next/static/immutable/chunks/37c02pbgwkg5r.js","/chat-static/_next/static/immutable/chunks/1elbuzr4anjh-.js","/chat-static/_next/static/immutable/chunks/0mn-dmkxxrk86.js","/chat-static/_next/static/immutable/chunks/2rhujd4vukzvn.js","/chat-static/_next/static/immutable/chunks/3_0orxn412o41.js","/chat-static/_next/static/immutable/chunks/01enxheexz0xq.js","/chat-static/_next/static/immutable/chunks/3iwjjn69p6vc6.js","/chat-static/_next/static/immutable/chunks/2k0t6m9hg03ay.js","/chat-static/_next/static/immutable/chunks/408m_6lxo2us-.js"],"SWRDataProvider"] 9b:[] 9c:[["b_zfFy5k2qPGe",null],["b_PrqbfWvSobu",null],["b_9HLCkk0NxEo",null]] 9d:[["b_zfFy5k2qPGe",{"templateVersionId":null,"templateCanonId":null}],["b_PrqbfWvSobu",{"templateVersionId":null,"templateCanonId":null}],["b_9HLCkk0NxEo",{"templateVersionId":null,"templateCanonId":null}]] 9e:[["b_Up4i6jdl6Zu","$D2025-11-25T05:37:22.346Z"],["b_H7EUBGlIE6k","$D2025-11-25T05:38:04.459Z"],["b_nIoWuOPQa4N","$D2025-11-25T05:38:40.490Z"],["b_q8FtESW5TlW","$D2025-11-25T05:39:05.933Z"],["b_zcDEQUselWk","$D2025-11-25T05:39:47.768Z"],["b_ju7JzMUnVrm","$D2025-11-25T05:40:14.245Z"],["b_pCVqM0iiH46","$D2025-11-25T05:40:35.899Z"],["b_hMHgZoYDf6Z","$D2025-11-25T05:43:12.652Z"],["b_gXdtRSLJKzS","$D2025-11-25T05:43:51.527Z"],["b_2xlaVALOaMr","$D2025-11-25T05:45:38.358Z"],["b_zfFy5k2qPGe","$D2025-11-25T05:51:52.195Z"],["b_PrqbfWvSobu","$D2025-11-25T06:07:35.826Z"],["b_9HLCkk0NxEo","$D2025-11-25T06:22:29.563Z"]] 9f:[["b_zfFy5k2qPGe",false],["b_PrqbfWvSobu",false],["b_9HLCkk0NxEo",false]] a0:[["b_zfFy5k2qPGe","$undefined"],["b_PrqbfWvSobu","$undefined"],["b_9HLCkk0NxEo",{"deploymentId":"dpl_4JUkvyYAPJdKsAb1arZEX4wcMk3f"}]] a1:[["b_zfFy5k2qPGe",null],["b_PrqbfWvSobu",null],["b_9HLCkk0NxEo",null]] a2:[["b_zfFy5k2qPGe",true],["b_PrqbfWvSobu",true],["b_9HLCkk0NxEo",true]] a3:[["b_zfFy5k2qPGe",true],["b_PrqbfWvSobu",true],["b_9HLCkk0NxEo",true]] a4:[] a5:T20af1,[V0_FILE]typescriptreact:file="components/hero-section.tsx" isMerged="true" "use client" export default function HeroSection() { return (

{/* Left Content */}

Global Trading Solutions for Industrial Excellence

Zerodhat Commerce delivers premium machinery, equipment, and specialized products worldwide. We are your trusted partner for industrial sourcing, pharmaceuticals, and technological solutions.

{/* Right Visual */}

+500

Products Available

) } [V0_FILE]typescriptreact:file="components/value-proposition.tsx" isMerged="true" "use client" import { CheckCircle2, Globe, Award, Zap } from "lucide-react" const values = [ { icon: Globe, title: "Global Reach", description: "Serving customers across 50+ countries with reliable international shipping", }, { icon: Award, title: "Quality Assured", description: "All products meet international standards and certifications", }, { icon: Zap, title: "Fast Delivery", description: "Efficient logistics network ensuring timely product delivery", }, { icon: CheckCircle2, title: "Expert Support", description: "Dedicated team ready to assist with product selection and specifications", }, ] export default function ValueProposition() { return (

{values.map((value, idx) => { const Icon = value.icon return (

{value.title}

{value.description}

) })}

) } [V0_FILE]typescriptreact:file="components/cta-section.tsx" isMerged="true" "use client" export default function CTASection() { return (

Ready to Partner with Zerodhat?

Get in touch with our sales team to discuss your requirements, request a quote, or explore bulk ordering options.

) } [V0_FILE]css:file="app/globals.css" isEdit="true" isQuickEdit="true" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { /* Updated to Zerodhat brand colors - Gold (#D4AF37) and Black (#1A1A1A) */ --background: oklch(0.98 0 0); --foreground: oklch(0.12 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.12 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.12 0 0); --primary: oklch(0.15 0 0); --primary-foreground: oklch(0.98 0 0); --secondary: oklch(0.92 0 0); --secondary-foreground: oklch(0.15 0 0); --muted: oklch(0.88 0 0); --muted-foreground: oklch(0.5 0 0); /* Changed accent to Zerodhat gold brand color */ --accent: oklch(0.65 0.22 45); --accent-foreground: oklch(0.15 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.577 0.245 27.325); --border: oklch(0.92 0 0); --input: oklch(0.92 0 0); --ring: oklch(0.5 0 0); --chart-1: oklch(0.65 0.22 45); --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.625rem; --sidebar: oklch(0.98 0 0); --sidebar-foreground: oklch(0.12 0 0); --sidebar-primary: oklch(0.15 0 0); --sidebar-primary-foreground: oklch(0.98 0 0); /* Sidebar accent uses Zerodhat gold */ --sidebar-accent: oklch(0.65 0.22 45); --sidebar-accent-foreground: oklch(0.15 0 0); --sidebar-border: oklch(0.92 0 0); --sidebar-ring: oklch(0.5 0 0); } .dark { /* Dark mode uses gold accents on black background for Zerodhat branding */ --background: oklch(0.08 0 0); --foreground: oklch(0.95 0 0); --card: oklch(0.12 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.95 0 0); --primary-foreground: oklch(0.08 0 0); --secondary: oklch(0.28 0 0); --secondary-foreground: oklch(0.95 0 0); --muted: oklch(0.28 0 0); --muted-foreground: oklch(0.65 0 0); /* Dark mode accent is bright gold */ --accent: oklch(0.72 0.24 45); --accent-foreground: oklch(0.08 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.18 0 0); --input: oklch(0.18 0 0); --ring: oklch(0.45 0 0); --chart-1: oklch(0.72 0.24 45); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.08 0 0); --sidebar-foreground: oklch(0.95 0 0); --sidebar-primary: oklch(0.72 0.24 45); --sidebar-primary-foreground: oklch(0.08 0 0); --sidebar-accent: oklch(0.28 0 0); --sidebar-accent-foreground: oklch(0.95 0 0); --sidebar-border: oklch(0.18 0 0); --sidebar-ring: oklch(0.45 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); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } [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]typescriptreact:file="app/products/loading.tsx" isFixed="true" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="components/product-filters.tsx" isMerged="true" "use client" const categories = [ { id: "all", name: "All Categories" }, { id: "1", name: "Machinery & Equipment" }, { id: "2", name: "Medical Equipment" }, { id: "3", name: "Chemicals & Pharma" }, { id: "4", name: "Agricultural Tools" }, { id: "5", name: "Access Control" }, { id: "6", name: "Flooring & Roofing" }, { id: "7", name: "Aluminum & Steel" }, { id: "8", name: "Sensors & IoT" }, { id: "9", name: "Solar Systems" }, ] const sortOptions = [ { value: "name", label: "Name (A-Z)" }, { value: "price-low", label: "Price: Low to High" }, { value: "price-high", label: "Price: High to Low" }, ] interface ProductFiltersProps { filters: { search: string category: string priceRange: [number, number] sortBy: string } setFilters: (filters: any) => void } export default function ProductFilters({ filters, setFilters }: ProductFiltersProps) { return (

{/* Sort */}

Sort By

{/* Category Filter */}

Price Range

Min Price setFilters({ ...filters, priceRange: [Number.parseInt(e.target.value) || 0, filters.priceRange[1]], }) } className="w-full px-3 py-2 border border-border rounded-lg bg-card text-foreground focus:outline-none focus:ring-2 focus:ring-accent text-sm" />

Max Price setFilters({ ...filters, priceRange: [filters.priceRange[0], Number.parseInt(e.target.value) || 50000], }) } className="w-full px-3 py-2 border border-border rounded-lg bg-card text-foreground focus:outline-none focus:ring-2 focus:ring-accent text-sm" />

{/* Clear Filters */}

) } [V0_FILE]typescriptreact:file="components/product-grid.tsx" isMerged="true" "use client" import Link from "next/link" import Image from "next/image" import { ShoppingCart, Eye } from "lucide-react" interface Product { id: number name: string category: string price: number image: string specs: string[] } interface ProductGridProps { products: Product[] } export default function ProductGrid({ products }: ProductGridProps) { if (products.length === 0) { return (

No products found matching your criteria.

) } return (

{products.map((product) => (

{/* Product Image */}

{/* Product Info */}

{product.name}

{/* Specs */}

• {spec}

{/* Footer */}

${product.price.toLocaleString()}

))}

) } [V0_FILE]png:file="public/cnc-machine.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/cnc-machine-jGnGQ6miu2ARVM10yVMZZ25HZJJe3l.png" isMerged="true" [V0_FILE]png:file="public/medical-diagnostic-kit.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/medical-diagnostic-kit-Ie0ByzDcOIFdaw926WkFHYEvR9KXf3.png" isMerged="true" [V0_FILE]jpg:file="public/pharmaceutical-chemicals.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/pharmaceutical-chemicals-CJNFsbaku806rI3pAENwmJxNUusx3i.jpg" isMerged="true" [V0_FILE]jpg:file="public/agricultural-tractor.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/agricultural-tractor-mYySrfTJk9SyelEZD2NaCJa9WgSlv5.jpg" isMerged="true" [V0_FILE]jpg:file="public/access-control-panel.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/access-control-panel-e8XJZxJzfm5TDGsA50Q2DrD9AcPDx4.jpg" isMerged="true" [V0_FILE]jpg:file="public/ceramic-floor-tiles.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/ceramic-floor-tiles-DPiwo2YObzgtpfdb3FjZr7mqviB12F.jpg" isMerged="true" [V0_FILE]jpg:file="public/aluminum-profile.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/aluminum-profile-0XVivHFizUgwzP4odhLlLzqxhuKfLV.jpg" isMerged="true" [V0_FILE]png:file="public/temperature-sensor.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/temperature-sensor-wSqbgoo7XOozU9nFgsm6IhcRQV0mDh.png" isMerged="true" [V0_FILE]png:file="public/solar-panel-installation.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/solar-panel-installation-8vuAFkOx074aKeDnCpyAF1OZVtZfdA.png" isMerged="true" [V0_FILE]png:file="public/hydraulic-pump-diagram.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/hydraulic-pump-diagram-dUuSWsatWffkGtXfnEzcxIFIdKjABE.png" isMerged="true" [V0_FILE]jpg:file="public/xray-machine.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/xray-machine-nofb1GDmq6V75p79vGRiQ5n7ZIrrpO.jpg" isMerged="true" [V0_FILE]jpg:file="public/roofing-steel-sheets.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/roofing-steel-sheets-QQc3r7BmjqdifQgfkmiG2hVt0kf64r.jpg" isMerged="true" [V0_FILE]typescriptreact:file="app/products/[id]/page.tsx" isMerged="true" "use client" import { useState } from "react" import Image from "next/image" import Link from "next/link" import { ArrowLeft, ShoppingCart, Heart, Share2, CheckCircle2, Truck, RotateCw } from "lucide-react" import Header from "@/components/header" import Footer from "@/components/footer" // Mock product database const productDatabase: { [key: number]: any } = { 1: { id: 1, name: "Industrial CNC Machine", category: "Machinery & Equipment", price: 45000, image: "/cnc-machine.png", rating: 4.8, reviews: 42, inStock: true, description: "Professional-grade CNC machining center designed for precision manufacturing and production. Features advanced spindle technology and automated tool changers for efficient batch production.", specifications: { "Machine Type": "3-Axis CNC Center", "Spindle Power": "1500W", "Spindle Speed": "5000-24000 RPM", Precision: "±0.01mm", "Work Area": "800 x 600 x 400mm", "Tool Capacity": "24 tools", Weight: "850 kg", "Power Consumption": "3.5 kW", }, features: [ "High-precision spindle with automatic tool changer", "Advanced CNC control system with USB connectivity", "Stainless steel construction for durability", "Variable speed capability for different materials", "Compact footprint suitable for small workshops", ], applications: [ "Precision metal machining", "Prototype development", "Small batch production", "Educational institutions", "Commercial machine shops", ], }, 2: { id: 2, name: "Medical Diagnostic Kit", category: "Medical Equipment", price: 2500, image: "/medical-diagnostic-kit.png", rating: 4.9, reviews: 156, inStock: true, description: "Comprehensive FDA-approved diagnostic kit for clinical testing and patient assessment. Portable unit suitable for hospitals, clinics, and field medical operations.", specifications: { Measurements: "Temperature, Pulse, Blood Pressure, O2 Saturation", Display: "Digital LCD Screen", "Battery Life": "12-16 hours", Weight: "650g", Certifications: "FDA, CE, ISO 13485", Connectivity: "Bluetooth & USB", "Operating Range": "10-40°C", }, features: [ "Multi-parameter monitoring in one device", "Wireless connectivity for data transfer", "Large, easy-to-read display", "Low power consumption", "Comes with comprehensive accessory kit", ], applications: [ "Hospital emergency departments", "Clinic diagnostics", "Field medical operations", "Ambulance services", "Home healthcare monitoring", ], }, } interface Params { id: string } export default function ProductDetailPage({ params }: { params: Params }) { const product = productDatabase[Number.parseInt(params.id)] || productDatabase[1] const [quantity, setQuantity] = useState(1) const [isFavorite, setIsFavorite] = useState(false) return ( <>

{/* Breadcrumb */} Back to Products

{/* Left: Product Image */}

{/* Right: Product Details */}

{/* Header */}

{product.category}

{product.name}

{/* Rating */}

{[...Array(5)].map((_, i) => ( ★ ))}

{product.rating} ({product.reviews} reviews)

{/* Price & Stock */}

${product.price.toLocaleString()} {product.inStock ? "In Stock" : "Out of Stock"}

{product.description}

{/* Quantity & Add to Cart */}

setQuantity(Math.max(1, Number.parseInt(e.target.value) || 1))} className="w-16 py-2 text-center bg-transparent text-foreground focus:outline-none" />

{/* Benefits */}

Fast Delivery

Easy Returns

Quality Assured

{/* Specifications & Features */}

{/* Specifications */}

Specifications

{Object.entries(product.specifications).map(([key, value]) => (

{key} {value}

))}

{/* Features & Applications */}

{/* Features */}

Key Features

{feature}

{/* Applications */}

Applications

{app}

{/* Related Products Suggestion */}

Related Products

{[1, 2, 3].map((i) => (

Related Product {i}

Premium quality assured

$2,999

))}

) } [V0_FILE]typescriptreact:file="app/auth/login/page.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import Link from "next/link" import { Mail, Lock, Eye, EyeOff, LogIn } from "lucide-react" import Header from "@/components/header" import Footer from "@/components/footer" export default function LoginPage() { const [email, setEmail] = useState("") const [password, setPassword] = useState("") const [showPassword, setShowPassword] = useState(false) const [isLoading, setIsLoading] = useState(false) const [error, setError] = useState("") const handleSubmit = async (e: React.FormEvent) => { e.preventDefault() setIsLoading(true) setError("") // Simulate login - replace with actual API call setTimeout(() => { if (email && password) { // Store user session localStorage.setItem("user", JSON.stringify({ email })) window.location.href = "/account" } else { setError("Please fill in all fields") } setIsLoading(false) }, 1000) } return ( <>

{/* Left: Branding */}

Welcome Back

✓

Access Your Account

Manage quotes and orders

✓

Saved Preferences

Quick ordering for favorite products

✓

Priority Support

Dedicated customer service

{/* Right: Login Form */}

Sign In

{error && (

{error}

)}

{/* Email */}

Business Email

setEmail(e.target.value)} placeholder="your@company.com" className="w-full pl-10 pr-4 py-3 border border-border rounded-lg bg-background text-foreground placeholder-muted-foreground focus:outline-none focus:ring-2 focus:ring-accent" />

{/* Password */}

Password

setPassword(e.target.value)} placeholder="••••••••" className="w-full pl-10 pr-10 py-3 border border-border rounded-lg bg-background text-foreground placeholder-muted-foreground focus:outline-none focus:ring-2 focus:ring-accent" />

{/* Remember & Forgot */}

Remember me Forgot password?

{/* Submit */}

{/* Divider */}

New to Zerodhat?

{/* Sign Up Link */}

By signing in, you agree to our{" "} Terms of Service {" "} and{" "} Privacy Policy

) } [V0_FILE]typescriptreact:file="app/auth/register/page.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import Link from "next/link" import { Building2, Mail, Lock, Eye, EyeOff, UserCheck } from "lucide-react" import Header from "@/components/header" import Footer from "@/components/footer" export default function RegisterPage() { const [formData, setFormData] = useState({ company: "", email: "", password: "", confirmPassword: "", acceptTerms: false, }) const [showPassword, setShowPassword] = useState(false) const [showConfirm, setShowConfirm] = useState(false) const [isLoading, setIsLoading] = useState(false) const [error, setError] = useState("") const [success, setSuccess] = useState(false) const handleChange = (e: React.ChangeEvent) => { const { name, value, type, checked } = e.target setFormData((prev) => ({ ...prev, [name]: type === "checkbox" ? checked : value, })) } const handleSubmit = async (e: React.FormEvent) => { e.preventDefault() setError("") if (!formData.company || !formData.email || !formData.password) { setError("Please fill in all fields") return } if (formData.password !== formData.confirmPassword) { setError("Passwords do not match") return } if (formData.password.length < 8) { setError("Password must be at least 8 characters") return } if (!formData.acceptTerms) { setError("Please accept the terms and conditions") return } setIsLoading(true) // Simulate registration setTimeout(() => { setSuccess(true) setIsLoading(false) }, 1500) } if (success) { return ( <>

Account Created!

Check your email to verify your account and get started with Zerodhat Commerce.

) } return ( <>

{/* Left: Info */}

Start Trading Today

Join hundreds of businesses across Finland and Europe who trust Zerodhat Commerce for their industrial equipment and supply needs.

Create Your Account

Verify Your Email

We'll send you a confirmation link

Start Ordering

Browse and request quotes instantly

{/* Right: Registration Form */}

Create Business Account

{error && (

{error}

)}

{/* Company Name */}

Company Name

{/* Email */}

Business Email

{/* Password */}

Password

{/* Confirm Password */}

Confirm Password

{/* Terms */} I agree to the{" "} Terms of Service {" "} and{" "} Privacy Policy {/* Submit */}

{/* Sign In Link */}

Already have an account?{" "} Sign In

) } [V0_FILE]typescriptreact:file="app/account/page.tsx" isMerged="true" "use client" import { useState } from "react" import Link from "next/link" import { User, LogOut, ShoppingCart, FileText, Settings, MapPin } from "lucide-react" import Header from "@/components/header" import Footer from "@/components/footer" export default function AccountPage() { const [activeTab, setActiveTab] = useState("overview") const user = { email: "admin@company.com", company: "Your Company Ltd." } const tabs = [ { id: "overview", label: "Overview", icon: User }, { id: "orders", label: "Orders & Inquiries", icon: ShoppingCart }, { id: "quotes", label: "Saved Quotes", icon: FileText }, { id: "addresses", label: "Addresses", icon: MapPin }, { id: "settings", label: "Settings", icon: Settings }, ] const handleLogout = () => { localStorage.removeItem("user") window.location.href = "/" } return ( <>

{/* Header */}

My Account

{user.company}

{/* Sidebar */}

{tabs.map((tab) => { const Icon = tab.icon return ( ) })}

{/* Content */}

{activeTab === "overview" && (

Profile Information

Company Name

{user.company}

Email Address

{user.email}

Edit Profile

)} {activeTab === "orders" && (

Orders & Inquiries

No orders yet. Start browsing our catalog!

)} {activeTab === "quotes" && (

Saved Quotes

No saved quotes. Request your first quote!

)} {activeTab === "addresses" && (

Saved Addresses

No addresses saved yet.

)} {activeTab === "settings" && (

Account Settings

Email notifications Order updates Marketing emails

)}

) } [V0_FILE]typescriptreact:file="app/admin/page.tsx" isMerged="true" "use client" import { useState } from "react" import { Plus, Edit2, Trash2, Search, TrendingUp, Package, ShoppingCart, Users } from "lucide-react" import AdminHeader from "@/components/admin-header" import AdminSidebar from "@/components/admin-sidebar" export default function AdminDashboard() { const [activeTab, setActiveTab] = useState("dashboard") return (

{activeTab === "dashboard" && } {activeTab === "products" && } {activeTab === "orders" && } {activeTab === "analytics" && }

) } function DashboardTab() { const stats = [ { label: "Total Products", value: "500+", icon: Package, change: "+12" }, { label: "Active Orders", value: "24", icon: ShoppingCart, change: "+5" }, { label: "Total Users", value: "156", icon: Users, change: "+8" }, { label: "Revenue (Month)", value: "$48,500", icon: TrendingUp, change: "+18%" }, ] return (

Dashboard

Welcome back to your admin panel

{/* Stats Grid */}

{stats.map((stat, idx) => { const Icon = stat.icon return (

{stat.change}

{stat.label}

{stat.value}

) })}

{/* Recent Activity */}

Recent Orders

{[1, 2, 3].map((i) => (

Order #{1000 + i}

Customer Company {i}

${2500 * i}

Today

))}

Quick Actions

) } function ProductsTab() { const [products] = useState([ { id: 1, name: "Industrial CNC Machine", price: 45000, stock: 5, status: "Active" }, { id: 2, name: "Medical Diagnostic Kit", price: 2500, stock: 12, status: "Active" }, { id: 3, name: "Solar Panel 400W", price: 850, stock: 0, status: "Out of Stock" }, ]) return (

Products

Manage your product inventory

{/* Search */}

{/* Products Table */}

{products.map((product) => ( ))}

Product Name	Price	Stock	Status	Actions
{product.name}	${product.price.toLocaleString()}	{product.stock} units	{product.status}

) } function OrdersTab() { return (

Orders

View and manage customer inquiries

No orders yet

) } function AnalyticsTab() { return (

Analytics

View detailed performance metrics

Traffic Chart

Revenue Chart

) } [V0_FILE]typescriptreact:file="app/admin/loading.tsx" isFixed="true" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="components/admin-header.tsx" isMerged="true" "use client" import { Bell, Settings, LogOut } from "lucide-react" export default function AdminHeader() { return (

Admin Panel

) } [V0_FILE]typescriptreact:file="components/admin-sidebar.tsx" isMerged="true" "use client" import { LayoutDashboard, Package, ShoppingCart, BarChart3 } from "lucide-react" interface AdminSidebarProps { activeTab: string setActiveTab: (tab: string) => void } const tabs = [ { id: "dashboard", label: "Dashboard", icon: LayoutDashboard }, { id: "products", label: "Products", icon: Package }, { id: "orders", label: "Orders", icon: ShoppingCart }, { id: "analytics", label: "Analytics", icon: BarChart3 }, ] export default function AdminSidebar({ activeTab, setActiveTab }: AdminSidebarProps) { return (

{/* Logo */}

Zerodhat Admin

{/* Navigation */}

{tabs.map((tab) => { const Icon = tab.icon return ( ) })}

{/* Footer */}

Admin User

admin@zerodhat.com

) } [V0_FILE]typescriptreact:file="app/cart/page.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import Link from "next/link" import { Trash2, Plus, Minus, ShoppingCart, ArrowLeft, FileText } from "lucide-react" import Header from "@/components/header" import Footer from "@/components/footer" interface CartItem { id: number name: string price: number quantity: number specs: string[] } export default function CartPage() { const [cartItems, setCartItems] = useState([ { id: 1, name: "Industrial CNC Machine", price: 45000, quantity: 1, specs: ["3-axis", "1500W spindle"], }, { id: 2, name: "Solar Panel 400W", price: 850, quantity: 5, specs: ["Monocrystalline", "25-year warranty"], }, ]) const [formData, setFormData] = useState({ deliveryAddress: "", notes: "", deliveryDate: "", priority: "standard", }) const [submitted, setSubmitted] = useState(false) const updateQuantity = (id: number, change: number) => { setCartItems( cartItems.map((item) => (item.id === id ? { ...item, quantity: Math.max(1, item.quantity + change) } : item)), ) } const removeItem = (id: number) => { setCartItems(cartItems.filter((item) => item.id !== id)) } const subtotal = cartItems.reduce((sum, item) => sum + item.price * item.quantity, 0) const tax = subtotal * 0.1 const total = subtotal + tax const handleSubmitInquiry = (e: React.FormEvent) => { e.preventDefault() setSubmitted(true) setTimeout(() => { window.location.href = "/account?tab=quotes" }, 2000) } if (submitted) { return ( <>

Inquiry Submitted!

Your product inquiry has been received. Our team will review it and send you a quote shortly.

Redirecting to your account...

Global Trading Solutions for Industrial Excellence

{value.title}

Ready to Partner with Zerodhat?

Sort By

Category

Price Range

{product.name}

{product.name}

Specifications

Key Features

Applications

Related Products

Related Product {i}

Profile Information

Orders & Inquiries

Saved Quotes

Saved Addresses

Account Settings

{item.name}

Order Summary

Inquiry Details