88:I[903690,["/chat-static/_next/static/immutable/chunks/0h487vpocq9al.js","/chat-static/_next/static/immutable/chunks/1guyin7zoczci.js","/chat-static/_next/static/immutable/chunks/39rg-vyko_oef.js","/chat-static/_next/static/immutable/chunks/1sitju1_d7il0.js","/chat-static/_next/static/immutable/chunks/157bok9l8ft2k.js","/chat-static/_next/static/immutable/chunks/0wi_45vocl_-p.js","/chat-static/_next/static/immutable/chunks/3xk_70lpaq4rr.js","/chat-static/_next/static/immutable/chunks/0mwr0fog443j2.js","/chat-static/_next/static/immutable/chunks/01baumogimg6p.js","/chat-static/_next/static/immutable/chunks/3qqefvmwew4y9.js","/chat-static/_next/static/immutable/chunks/31bw9_yzlia2t.js","/chat-static/_next/static/immutable/chunks/0s_cw7e8300g7.js","/chat-static/_next/static/immutable/chunks/2obw3omjz3a42.js","/chat-static/_next/static/immutable/chunks/2cytw68p34q_e.js","/chat-static/_next/static/immutable/chunks/1znnlzfkj81j9.js","/chat-static/_next/static/immutable/chunks/3263tgpkly9nu.js","/chat-static/_next/static/immutable/chunks/0wnsukyi4k1ek.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/3knm8li7yvqyy.js","/chat-static/_next/static/immutable/chunks/0-f0s4d75um3z.js","/chat-static/_next/static/immutable/chunks/268gzztp_nodu.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/13kz2gfvgolzm.js","/chat-static/_next/static/immutable/chunks/0jv8_sp12utf0.js","/chat-static/_next/static/immutable/chunks/1e462i1ma5hqc.js","/chat-static/_next/static/immutable/chunks/2w2x4bf9lm3-y.js","/chat-static/_next/static/immutable/chunks/109o97wf-h9dp.js","/chat-static/_next/static/immutable/chunks/1m_firo4_gtz9.js","/chat-static/_next/static/immutable/chunks/04qcbhsoi2ven.js","/chat-static/_next/static/immutable/chunks/3wbu0v06tpqrr.js","/chat-static/_next/static/immutable/chunks/0m1kq5rn-0ww-.js","/chat-static/_next/static/immutable/chunks/1dvpa8vmf1cw-.js","/chat-static/_next/static/immutable/chunks/3d9pt8mre1jwr.js","/chat-static/_next/static/immutable/chunks/0p9rde4dp8mlf.js","/chat-static/_next/static/immutable/chunks/3e_wu04iqjzkx.js","/chat-static/_next/static/immutable/chunks/0udaurr3r3784.js","/chat-static/_next/static/immutable/chunks/0yqnpa9sjgsfp.js","/chat-static/_next/static/immutable/chunks/2dajd61m_h-r4.js","/chat-static/_next/static/immutable/chunks/3io-u6yty6rrx.js","/chat-static/_next/static/immutable/chunks/08-__6bbjjmqq.js","/chat-static/_next/static/immutable/chunks/0obu0gghp21my.js","/chat-static/_next/static/immutable/chunks/2aiv-sjvlfiru.js","/chat-static/_next/static/immutable/chunks/1_-gs54dpbj_0.js","/chat-static/_next/static/immutable/chunks/092do4ayot3rj.js","/chat-static/_next/static/immutable/chunks/2lw3dfa252fnx.js","/chat-static/_next/static/immutable/chunks/0kuscvrfktvnt.js","/chat-static/_next/static/immutable/chunks/01enxheexz0xq.js","/chat-static/_next/static/immutable/chunks/1afly-h9l56h8.js","/chat-static/_next/static/immutable/chunks/3svtlxzl-o1rt.js","/chat-static/_next/static/immutable/chunks/0bxymcj1of6fi.js","/chat-static/_next/static/immutable/chunks/3ucg3zedrgv21.js","/chat-static/_next/static/immutable/chunks/0bli-y2vwpvug.js"],"ExplicitChatIdProvider"] 89:I[838238,["/chat-static/_next/static/immutable/chunks/0h487vpocq9al.js","/chat-static/_next/static/immutable/chunks/1guyin7zoczci.js","/chat-static/_next/static/immutable/chunks/39rg-vyko_oef.js","/chat-static/_next/static/immutable/chunks/1sitju1_d7il0.js","/chat-static/_next/static/immutable/chunks/157bok9l8ft2k.js","/chat-static/_next/static/immutable/chunks/0wi_45vocl_-p.js","/chat-static/_next/static/immutable/chunks/3xk_70lpaq4rr.js","/chat-static/_next/static/immutable/chunks/0mwr0fog443j2.js","/chat-static/_next/static/immutable/chunks/01baumogimg6p.js","/chat-static/_next/static/immutable/chunks/3qqefvmwew4y9.js","/chat-static/_next/static/immutable/chunks/31bw9_yzlia2t.js","/chat-static/_next/static/immutable/chunks/0s_cw7e8300g7.js","/chat-static/_next/static/immutable/chunks/2obw3omjz3a42.js","/chat-static/_next/static/immutable/chunks/2cytw68p34q_e.js","/chat-static/_next/static/immutable/chunks/1znnlzfkj81j9.js","/chat-static/_next/static/immutable/chunks/3263tgpkly9nu.js","/chat-static/_next/static/immutable/chunks/0wnsukyi4k1ek.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/3knm8li7yvqyy.js","/chat-static/_next/static/immutable/chunks/0-f0s4d75um3z.js","/chat-static/_next/static/immutable/chunks/268gzztp_nodu.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/13kz2gfvgolzm.js","/chat-static/_next/static/immutable/chunks/0jv8_sp12utf0.js","/chat-static/_next/static/immutable/chunks/1e462i1ma5hqc.js","/chat-static/_next/static/immutable/chunks/2w2x4bf9lm3-y.js","/chat-static/_next/static/immutable/chunks/109o97wf-h9dp.js","/chat-static/_next/static/immutable/chunks/1m_firo4_gtz9.js","/chat-static/_next/static/immutable/chunks/04qcbhsoi2ven.js","/chat-static/_next/static/immutable/chunks/3wbu0v06tpqrr.js","/chat-static/_next/static/immutable/chunks/0m1kq5rn-0ww-.js","/chat-static/_next/static/immutable/chunks/1dvpa8vmf1cw-.js","/chat-static/_next/static/immutable/chunks/3d9pt8mre1jwr.js","/chat-static/_next/static/immutable/chunks/0p9rde4dp8mlf.js","/chat-static/_next/static/immutable/chunks/3e_wu04iqjzkx.js","/chat-static/_next/static/immutable/chunks/0udaurr3r3784.js","/chat-static/_next/static/immutable/chunks/0yqnpa9sjgsfp.js","/chat-static/_next/static/immutable/chunks/2dajd61m_h-r4.js","/chat-static/_next/static/immutable/chunks/3io-u6yty6rrx.js","/chat-static/_next/static/immutable/chunks/08-__6bbjjmqq.js","/chat-static/_next/static/immutable/chunks/0obu0gghp21my.js","/chat-static/_next/static/immutable/chunks/2aiv-sjvlfiru.js","/chat-static/_next/static/immutable/chunks/1_-gs54dpbj_0.js","/chat-static/_next/static/immutable/chunks/092do4ayot3rj.js","/chat-static/_next/static/immutable/chunks/2lw3dfa252fnx.js","/chat-static/_next/static/immutable/chunks/0kuscvrfktvnt.js","/chat-static/_next/static/immutable/chunks/01enxheexz0xq.js","/chat-static/_next/static/immutable/chunks/1afly-h9l56h8.js","/chat-static/_next/static/immutable/chunks/3svtlxzl-o1rt.js","/chat-static/_next/static/immutable/chunks/0bxymcj1of6fi.js","/chat-static/_next/static/immutable/chunks/3ucg3zedrgv21.js","/chat-static/_next/static/immutable/chunks/0bli-y2vwpvug.js"],"SWRDataProvider"] 8b:[] 8c:[["b_RvFdzy4CWeX",null],["b_8W1DuVfQXQT",null],["b_z21r75Hwi5M",null]] 8d:[["b_RvFdzy4CWeX",{"templateVersionId":null,"templateCanonId":null}],["b_8W1DuVfQXQT",{"templateVersionId":null,"templateCanonId":null}],["b_z21r75Hwi5M",{"templateVersionId":null,"templateCanonId":null}]] 8e:[["b_2RQ01z3oucD","$D2025-12-14T17:16:20.094Z"],["b_dfBsB0QWHbo","$D2025-12-14T17:16:53.951Z"],["b_nhHMI2a3jFi","$D2025-12-14T17:18:39.247Z"],["b_MMQMl8eiMIl","$D2025-12-14T17:19:13.481Z"],["b_KRhuysFZZAq","$D2025-12-14T17:19:56.907Z"],["b_QuEOXax7qiT","$D2025-12-14T17:20:22.273Z"],["b_cD6EKXRzRJF","$D2025-12-14T17:21:00.968Z"],["b_btzLpLaLgWx","$D2025-12-14T17:21:39.353Z"],["b_Dm3nsST1GHx","$D2025-12-14T17:32:49.332Z"],["b_kUoGDHQ3Psg","$D2025-12-14T17:34:25.614Z"],["b_Ojq3gd47U9o","$D2025-12-14T17:34:31.364Z"],["b_bD2rkocTrzD","$D2025-12-14T17:35:29.585Z"],["b_kbuhQmVNYUN","$D2025-12-14T17:35:31.749Z"],["b_uzLVNICFbL0","$D2025-12-14T17:36:01.126Z"],["b_CX6VOidYUAr","$D2025-12-14T17:37:15.239Z"],["b_u59XV2ZILpi","$D2025-12-14T17:37:57.347Z"],["b_bt45RW29Vej","$D2025-12-14T17:38:54.118Z"],["b_46Yjo7RKAR5","$D2025-12-14T17:39:48.198Z"],["b_jDTrkyhyCVm","$D2025-12-14T17:40:36.193Z"],["b_m5zrxORvwp9","$D2025-12-14T17:41:08.677Z"],["b_sMBkYNqOL0b","$D2025-12-14T19:19:08.310Z"],["b_yYO690Lu7y6","$D2025-12-14T19:19:43.018Z"],["b_g02z6EcRYrQ","$D2025-12-14T19:21:30.607Z"],["b_s180HQd0Gwl","$D2025-12-14T19:21:45.336Z"],["b_hyEvgBy7Cx5","$D2025-12-14T19:22:17.718Z"],["b_mO7Xq2TiJHJ","$D2025-12-14T19:22:46.173Z"],["b_o0SkLZ2xxT7","$D2025-12-14T19:52:14.301Z"],["b_Y32WpMOwCuy","$D2025-12-14T19:52:18.848Z"],["b_x5r7LzD2mLj","$D2025-12-14T19:52:54.336Z"],["b_hGaX2h0blaW","$D2025-12-14T19:52:58.574Z"],["b_JzuWpBN0t31","$D2025-12-14T19:53:04.850Z"],["b_cogDpRgO2hj","$D2025-12-14T20:01:52.999Z"],["b_IMTlNkMeazc","$D2025-12-14T20:02:49.735Z"],["b_KREEg2WGdrs","$D2025-12-14T20:27:48.551Z"],["b_0YakWIkRrCy","$D2025-12-14T20:28:22.571Z"],["b_fn989XK2ZWU","$D2025-12-14T20:32:20.426Z"],["b_33y5RyXFKAN","$D2025-12-14T20:43:32.265Z"],["b_OPS78l61uEa","$D2025-12-14T20:43:53.336Z"],["b_YjZOLkfvSEW","$D2025-12-14T20:56:17.372Z"],["b_W8kYlMc87BP","$D2025-12-14T20:58:18.213Z"],["b_jMXlzjzo9t2","$D2025-12-14T20:58:39.020Z"],["b_znsEMWLDdyk","$D2025-12-14T21:11:04.392Z"],["b_PBt7rnYzXTp","$D2025-12-14T21:13:07.716Z"],["b_oSdXjoDyhI9","$D2025-12-14T21:13:24.806Z"],["b_dmDBR3zfXwA","$D2025-12-14T21:16:29.508Z"],["b_umjIiGgvRAz","$D2025-12-14T21:19:04.533Z"],["b_mye1N2XZX1p","$D2025-12-14T21:51:06.501Z"],["b_F4nwj6aa1Hm","$D2025-12-14T21:55:36.459Z"],["b_a9qS8Ma0MUf","$D2025-12-14T21:57:02.073Z"],["b_H4RiIBlVOsL","$D2025-12-14T21:57:19.348Z"],["b_w7IOI4D3RQW","$D2025-12-14T21:57:33.387Z"],["b_JhHTg1vUarT","$D2025-12-14T21:58:21.114Z"],["b_jeP2mDNeQlh","$D2025-12-14T22:00:27.454Z"],["b_jvtQclngnoi","$D2025-12-14T22:00:47.514Z"],["b_xjIuKhMkVrh","$D2025-12-14T22:00:58.828Z"],["b_5GLohNEFNKe","$D2025-12-14T22:01:34.565Z"],["b_84jpsj4qgwn","$D2025-12-14T22:10:57.581Z"],["b_ZY03f7BINQz","$D2025-12-14T22:21:08.616Z"],["b_UeIyOTRhdmF","$D2025-12-14T22:37:00.701Z"],["b_xedXkXCSDox","$D2025-12-14T22:39:02.351Z"],["b_tHovH0QGrxT","$D2025-12-14T22:44:21.548Z"],["b_Cg76zUD22jU","$D2025-12-15T01:42:32.340Z"],["b_F0VpUYNjOFI","$D2025-12-15T01:52:23.760Z"],["b_BAJVlkXnBh4","$D2025-12-15T01:57:47.111Z"],["b_rROHmTK7PfX","$D2025-12-15T02:04:13.506Z"],["b_UfdoMRtLpyT","$D2025-12-15T02:08:53.782Z"],["b_NXvvgQJ6gZQ","$D2025-12-15T02:09:22.022Z"],["b_4UUnVCDgWYf","$D2025-12-15T02:11:45.317Z"],["b_hUUH7JxPvWx","$D2025-12-15T02:12:15.912Z"],["b_qgHSKg5Tqbv","$D2025-12-15T02:18:44.439Z"],["b_RvFdzy4CWeX","$D2025-12-15T02:27:58.673Z"],["b_8W1DuVfQXQT","$D2025-12-15T02:34:34.813Z"],["b_z21r75Hwi5M","$D2025-12-15T02:35:10.209Z"]] 8f:[["b_RvFdzy4CWeX",false],["b_8W1DuVfQXQT",false],["b_z21r75Hwi5M",false]] 90:[["b_RvFdzy4CWeX",{"deploymentId":"dpl_d9JfiuSM4Gb4DvKcHob9MNCbP989"}],["b_8W1DuVfQXQT","$undefined"],["b_z21r75Hwi5M",{"deploymentId":"dpl_Co2YsEstpp81BHF35iwgYzf1gwFs"}]] 91:[["b_RvFdzy4CWeX",null],["b_8W1DuVfQXQT",null],["b_z21r75Hwi5M",null]] 92:[["b_RvFdzy4CWeX",true],["b_8W1DuVfQXQT",true],["b_z21r75Hwi5M",true]] 93:[["b_RvFdzy4CWeX",true],["b_8W1DuVfQXQT",true],["b_z21r75Hwi5M",true]] 94:[] 95:Tc16,IMAGE & CAPTION CORRECTION (MANDATORY)Hello,Please fix the issues below immediately. The images and captions I specified earlier were not implemented correctly.---1. WRONG / MISSING IMAGES (CRITICAL)❌ Current ProblemThe correct images are still missing for the following sections, and different images were used instead of the required ones:Sections Affected:Fast DeliverySecure & InsuredGlobal ReachContainer ShipsPackaging CentersThis is not acceptable. These sections must display the correct, relevant images, not random or substituted ones.---2. REQUIRED IMAGE FIX (NO SUBSTITUTIONS)✅ Mandatory RequirementsReplace the incorrect images with proper, relevant images for each itemDo NOT use random or unrelated imagesImages must:Load fullyBe clear and professionalMatch the section title exactlyWork on mobile and desktop---3. LONG CAPTIONS REQUIRED (IMPORTANT)Each of the sections listed above must include a long, descriptive caption, not short one-line text.REQUIRED CAPTIONS (USE THESE OR VERY CLOSE VARIANTS)🔹 Fast DeliveryCaption:Our fast delivery service is designed to ensure your shipments arrive on time, every time. With optimized logistics routes, real-time tracking, and express handling options, we provide guaranteed next-day and priority delivery for urgent packages across local and international destinations.---🔹 Secure & InsuredCaption:Every shipment is fully protected through advanced security measures and comprehensive insurance coverage. From pickup to final delivery, your packages are handled with strict safety protocols, giving you complete peace of mind against loss, damage, or delays.---🔹 Global ReachCaption:We operate a truly global logistics network, delivering shipments to countries worldwide with consistent service standards. Our international partners and advanced infrastructure allow seamless cross-border shipping with reliable tracking and customs support.---🔹 Container ShipsCaption:Our container shipping services provide cost-effective and reliable ocean freight solutions for large-scale and international shipments. With modern vessels and secure containers, we ensure safe transport of goods across major global trade routes.---🔹 Packaging CentersCaption:Our packaging and fulfillment centers are equipped with secure warehousing systems, professional handling teams, and modern storage facilities. We ensure your goods are properly packaged, stored, and prepared for delivery with maximum care and efficiency.---4. LAYOUT & DISPLAY REQUIREMENTSImage must appear above or beside the captionCaption must be fully visible, not truncatedText must be readable on mobile and desktopProper spacing and alignment required---5. FINAL VERIFICATION (MUST PASS)Before submission, confirm:✔ Correct images are used (no replacements)✔ Long captions are displayed fully✔ Images match each section title✔ Mobile and desktop views are correct✔ No missing images---⚠️ FINAL NOTEPlease do not substitute images again.This is a mandatory correction, not a suggestion.Confirm only after everything is fixed and tested.Thank you.96:T715, IMAGES STILL NOT SHOWING (BLOCKING ISSUE)Hello,The images are STILL NOT SHOWING on the website.This issue has not been fixed and it is now a blocking problem.---❌ CURRENT STATUS (UNACCEPTABLE)Images are blank / whiteSections affected:Fast DeliverySecure & InsuredGlobal ReachContainer ShipsPackaging CentersProducts & fleet itemsSome sections show no image at allSome sections show broken image placeholdersThis means the image system is not implemented correctly.---✅ WHAT YOU MUST DO (NO ALTERNATIVES)OPTION 1 (RECOMMENDED – IMMEDIATE FIX)Use REAL, PUBLIC HTTPS IMAGE URLsHost images on:Cloudinary (preferred)Unsplash / Pexels (temporary placeholders)Test each image URL by opening it directly in the browser👉 If it does not open, it must NOT be used.Example:

---OPTION 2 (LOCAL IMAGES – ONLY IF DONE PROPERLY)Upload images into:/public/images/Reference correctly:

⚠️ File names are case-sensitive⚠️ Do NOT reference images that do not exist---🚨 MANDATORY IMAGE RULESEVERY section must have a visible imageNO fake pathsNO missing filesNO CORS-blocked imagesNO substitutionsAdd image fallback:

e.target.src='/images/placeholder.png'} />---🔍 YOU MUST VERIFYImages load on:HomepageFleet sectionWhy Choose UsProduct shopImages load on:MobileDesktopNo blank spacesNo broken icons---✅ ACCEPTANCE CRITERIA (ONLY THIS MATTERS)✔ Images are visible everywhere✔ No white or blank image boxes✔ Correct images match section titles✔ Mobile & desktop both work---⚠️ FINAL NOTICEPlease STOP submitting changes without testing image loading.This issue must be fully resolved before anything else continues.Confirm only after ALL images are visible and tested.Thank you.97:T5c7d2,[V0_FILE]typescript:file="lib/supabase/server.ts" isEdit="true" isMerged="true" import { createServerClient } from "@supabase/ssr" import { cookies } from "next/headers" export async function createClient() { const cookieStore = await cookies() return createServerClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!, { cookies: { getAll() { return cookieStore.getAll() }, setAll(cookiesToSet) { try { cookiesToSet.forEach(({ name, value, options }) => cookieStore.set(name, value, options)) } catch { // Silently fail if called from Server Component } }, }, }) } export async function createAdminClient() { const cookieStore = await cookies() return createServerClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.SUPABASE_SERVICE_ROLE_KEY!, { cookies: { getAll() { return cookieStore.getAll() }, setAll(cookiesToSet) { try { cookiesToSet.forEach(({ name, value, options }) => cookieStore.set(name, value, options)) } catch { // Silently fail if called from Server Component } }, }, }) } [V0_FILE]typescript:file="lib/supabase/client.ts" isMerged="true" import { createBrowserClient } from "@supabase/ssr" export function createClient() { return createBrowserClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!) } [V0_FILE]typescript:file="lib/utils/tracking-number.ts" isMerged="true" /** * Generate unique tracking number * Format: SHP-YYYYMMDD-XXXXX (e.g., SHP-20250114-A7K9M) */ export function generateTrackingNumber(): string { const date = new Date() const dateStr = date.toISOString().slice(0, 10).replace(/-/g, "") // Generate 5 random alphanumeric characters const chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789" let random = "" for (let i = 0; i < 5; i++) { random += chars.charAt(Math.floor(Math.random() * chars.length)) } return `SHP-${dateStr}-${random}` } /** * Validate tracking number format */ export function isValidTrackingNumber(number: string): boolean { return /^SHP-\d{8}-[A-Z0-9]{5}$/.test(number) } [V0_FILE]typescript:file="lib/utils/transaction-logger.ts" isMerged="true" import { createClient } from "@/lib/supabase/server" export interface LogTransactionParams { shipmentId: string eventType: "created" | "updated" | "status_changed" | "location_updated" changedBy?: string fieldName?: string oldValue?: string newValue?: string autoTriggered?: boolean notes?: string } export async function logTransaction(params: LogTransactionParams) { const supabase = await createClient() const { error } = await supabase.from("transaction_history").insert({ shipment_id: params.shipmentId, event_type: params.eventType, changed_by: params.changedBy, field_name: params.fieldName, old_value: params.oldValue, new_value: params.newValue, auto_triggered: params.autoTriggered || false, notes: params.notes, }) if (error) { console.error("Failed to log transaction:", error) throw error } } [V0_FILE]typescript:file="lib/utils/types.ts" isMerged="true" export interface Shipment { id: string tracking_number: string product_name: string customer_name: string country: string state: string address: string phone: string email: string status: "Ordered" | "Shipped" | "Out for Delivery" | "Delivered" delivery_datetime: string | null current_location_lat: number | null current_location_lng: number | null route: Array<{ lat: number; lng: number }> | null notes: string | null created_by: string created_at: string updated_at: string } export interface TransactionHistory { id: string shipment_id: string event_type: "created" | "updated" | "status_changed" | "location_updated" changed_by: string | null field_name: string | null old_value: string | null new_value: string | null auto_triggered: boolean notes: string | null created_at: string } export interface AdminUser { id: string email: string full_name: string | null role: "admin" | "super_admin" created_at: string } [V0_FILE]typescript:file="app/api/shipments/route.ts" isMerged="true" import { type NextRequest, NextResponse } from "next/server" import { getShipmentByTrackingNumber } from "@/lib/api/shipments" export const runtime = "nodejs" export async function GET(request: NextRequest) { try { const trackingNumber = request.nextUrl.searchParams.get("tracking_number") if (!trackingNumber) { return NextResponse.json({ error: "Tracking number is required" }, { status: 400 }) } const shipment = await getShipmentByTrackingNumber(trackingNumber) if (!shipment) { return NextResponse.json({ error: "Shipment not found" }, { status: 404 }) } return NextResponse.json(shipment) } catch (error) { console.error("API error:", error) return NextResponse.json({ error: "Internal server error" }, { status: 500 }) } } [V0_FILE]css:file="app/globals.css" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { /* Professional shipping/logistics color scheme */ --background: oklch(0.98 0 0); --foreground: oklch(0.15 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.15 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.15 0 0); --primary: oklch(0.25 0.15 257); /* Deep professional blue */ --primary-foreground: oklch(0.98 0 0); --secondary: oklch(0.55 0.2 257); /* Lighter blue accent */ --secondary-foreground: oklch(0.98 0 0); --muted: oklch(0.92 0 0); --muted-foreground: oklch(0.45 0 0); --accent: oklch(0.65 0.15 30); /* Orange accent for CTAs */ --accent-foreground: oklch(0.98 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.577 0.245 27.325); --border: oklch(0.93 0 0); --input: oklch(0.95 0 0); --ring: oklch(0.55 0.2 257); --chart-1: oklch(0.65 0.15 30); --chart-2: oklch(0.55 0.2 257); --chart-3: oklch(0.45 0.18 200); --chart-4: oklch(0.7 0.12 50); --chart-5: oklch(0.6 0.15 120); --radius: 0.625rem; --sidebar: oklch(0.98 0 0); --sidebar-foreground: oklch(0.15 0 0); --sidebar-primary: oklch(0.25 0.15 257); --sidebar-primary-foreground: oklch(0.98 0 0); --sidebar-accent: oklch(0.65 0.15 30); --sidebar-accent-foreground: oklch(0.98 0 0); --sidebar-border: oklch(0.93 0 0); --sidebar-ring: oklch(0.55 0.2 257); } .dark { --background: oklch(0.12 0 0); --foreground: oklch(0.95 0 0); --card: oklch(0.18 0 0); --card-foreground: oklch(0.95 0 0); --popover: oklch(0.18 0 0); --popover-foreground: oklch(0.95 0 0); --primary: oklch(0.7 0.18 257); --primary-foreground: oklch(0.12 0 0); --secondary: oklch(0.5 0.15 257); --secondary-foreground: oklch(0.95 0 0); --muted: oklch(0.3 0 0); --muted-foreground: oklch(0.7 0 0); --accent: oklch(0.75 0.18 30); --accent-foreground: oklch(0.12 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.3 0 0); --input: oklch(0.25 0 0); --ring: oklch(0.7 0.18 257); --chart-1: oklch(0.75 0.18 30); --chart-2: oklch(0.7 0.18 257); --chart-3: oklch(0.6 0.18 200); --chart-4: oklch(0.65 0.15 50); --chart-5: oklch(0.55 0.15 120); --sidebar: oklch(0.15 0 0); --sidebar-foreground: oklch(0.95 0 0); --sidebar-primary: oklch(0.7 0.18 257); --sidebar-primary-foreground: oklch(0.95 0 0); --sidebar-accent: oklch(0.75 0.18 30); --sidebar-accent-foreground: oklch(0.12 0 0); --sidebar-border: oklch(0.3 0 0); --sidebar-ring: oklch(0.7 0.18 257); } @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]typescriptreact:file="components/footer.tsx" isEdit="true" isMerged="true" import Link from "next/link" export function Footer() { return ( ) } [V0_FILE]typescript:file="lib/data/products.ts" isEdit="true" isQuickEdit="true" isMerged="true" export interface Product { id: string name: string description: string price?: number image: string } export interface ProductCategory { id: string name: string products: Product[] } export const productCategories: ProductCategory[] = [ // CLOTHING - T-SHIRTS WITH 5+ COLORS { id: "tshirts", name: "T-Shirts", products: [ // Design 1 - Classic Style - 5 Colors { id: "tshirt-classic-black", name: "Classic Crew Neck T-Shirt - Black", description: "100% premium cotton comfort fit t-shirt", price: 24.99, image: "https://images.unsplash.com/photo-1521572163474-6864f9cf17ab?w=400&h=400&fit=crop", }, { id: "tshirt-classic-white", name: "Classic Crew Neck T-Shirt - White", description: "100% premium cotton comfort fit t-shirt", price: 24.99, image: "https://images.unsplash.com/photo-1608848541803-ba4f8a70ae0b?w=400&h=400&fit=crop", }, { id: "tshirt-classic-red", name: "Classic Crew Neck T-Shirt - Red", description: "100% premium cotton comfort fit t-shirt", price: 24.99, image: "https://images.unsplash.com/photo-1553062407-98eeb64c6a62?w=400&h=400&fit=crop", }, { id: "tshirt-classic-blue", name: "Classic Crew Neck T-Shirt - Blue", description: "100% premium cotton comfort fit t-shirt", price: 24.99, image: "https://images.unsplash.com/photo-1592155921989-69e8b0227e07?w=400&h=400&fit=crop", }, { id: "tshirt-classic-green", name: "Classic Crew Neck T-Shirt - Green", description: "100% premium cotton comfort fit t-shirt", price: 24.99, image: "https://images.unsplash.com/photo-1618883713121-92290e37e957?w=400&h=400&fit=crop", }, // Design 2 - Premium Style - 5 Colors { id: "tshirt-premium-black", name: "Premium Fitted T-Shirt - Black", description: "Ultra-soft premium cotton blend", price: 34.99, image: "https://images.unsplash.com/photo-1521572163474-6864f9cf17ab?w=400&h=400&fit=crop", }, { id: "tshirt-premium-white", name: "Premium Fitted T-Shirt - White", description: "Ultra-soft premium cotton blend", price: 34.99, image: "https://images.unsplash.com/photo-1608848541803-ba4f8a70ae0b?w=400&h=400&fit=crop", }, { id: "tshirt-premium-navy", name: "Premium Fitted T-Shirt - Navy", description: "Ultra-soft premium cotton blend", price: 34.99, image: "https://images.unsplash.com/photo-1592155921989-69e8b0227e07?w=400&h=400&fit=crop", }, { id: "tshirt-premium-gray", name: "Premium Fitted T-Shirt - Gray", description: "Ultra-soft premium cotton blend", price: 34.99, image: "https://images.unsplash.com/photo-1618883713121-92290e37e957?w=400&h=400&fit=crop", }, { id: "tshirt-premium-charcoal", name: "Premium Fitted T-Shirt - Charcoal", description: "Ultra-soft premium cotton blend", price: 34.99, image: "https://images.unsplash.com/photo-1553062407-98eeb64c6a62?w=400&h=400&fit=crop", }, // Design 3 - Vintage Style - 5 Colors { id: "tshirt-vintage-black", name: "Vintage Wash T-Shirt - Black", description: "Retro distressed style comfort fit", price: 29.99, image: "https://images.unsplash.com/photo-1521572163474-6864f9cf17ab?w=400&h=400&fit=crop", }, { id: "tshirt-vintage-cream", name: "Vintage Wash T-Shirt - Cream", description: "Retro distressed style comfort fit", price: 29.99, image: "https://images.unsplash.com/photo-1608848541803-ba4f8a70ae0b?w=400&h=400&fit=crop", }, { id: "tshirt-vintage-olive", name: "Vintage Wash T-Shirt - Olive", description: "Retro distressed style comfort fit", price: 29.99, image: "https://images.unsplash.com/photo-1618883713121-92290e37e957?w=400&h=400&fit=crop", }, { id: "tshirt-vintage-burgundy", name: "Vintage Wash T-Shirt - Burgundy", description: "Retro distressed style comfort fit", price: 29.99, image: "https://images.unsplash.com/photo-1553062407-98eeb64c6a62?w=400&h=400&fit=crop", }, { id: "tshirt-vintage-mustard", name: "Vintage Wash T-Shirt - Mustard", description: "Retro distressed style comfort fit", price: 29.99, image: "https://images.unsplash.com/photo-1592155921989-69e8b0227e07?w=400&h=400&fit=crop", }, // Design 4 - Graphic Print Style - 5 Colors { id: "tshirt-graphic-black", name: "Graphic Print T-Shirt - Black", description: "Artistic designs on premium cotton", price: 31.99, image: "https://images.unsplash.com/photo-1521572163474-6864f9cf17ab?w=400&h=400&fit=crop", }, { id: "tshirt-graphic-white", name: "Graphic Print T-Shirt - White", description: "Artistic designs on premium cotton", price: 31.99, image: "https://images.unsplash.com/photo-1608848541803-ba4f8a70ae0b?w=400&h=400&fit=crop", }, { id: "tshirt-graphic-gray", name: "Graphic Print T-Shirt - Gray", description: "Artistic designs on premium cotton", price: 31.99, image: "https://images.unsplash.com/photo-1592155921989-69e8b0227e07?w=400&h=400&fit=crop", }, { id: "tshirt-graphic-navy", name: "Graphic Print T-Shirt - Navy", description: "Artistic designs on premium cotton", price: 31.99, image: "https://images.unsplash.com/photo-1618883713121-92290e37e957?w=400&h=400&fit=crop", }, { id: "tshirt-graphic-forest", name: "Graphic Print T-Shirt - Forest Green", description: "Artistic designs on premium cotton", price: 31.99, image: "https://images.unsplash.com/photo-1553062407-98eeb64c6a62?w=400&h=400&fit=crop", }, ], }, // HOODIES { id: "hoodies", name: "Hoodies", products: [ // Classic Pullover - 5 Colors { id: "hoodie-classic-black", name: "Classic Pullover Hoodie - Black", description: "Comfortable everyday hoodie with kangaroo pocket", price: 64.99, image: "https://images.unsplash.com/photo-1556821552-7f41c5d440db?w=400&h=400&fit=crop", }, { id: "hoodie-classic-white", name: "Classic Pullover Hoodie - White", description: "Comfortable everyday hoodie with kangaroo pocket", price: 64.99, image: "https://images.unsplash.com/photo-1609042231409-528149a6e0b8?w=400&h=400&fit=crop", }, { id: "hoodie-classic-gray", name: "Classic Pullover Hoodie - Gray", description: "Comfortable everyday hoodie with kangaroo pocket", price: 64.99, image: "https://images.unsplash.com/photo-1618883713121-92290e37e957?w=400&h=400&fit=crop", }, { id: "hoodie-classic-blue", name: "Classic Pullover Hoodie - Blue", description: "Comfortable everyday hoodie with kangaroo pocket", price: 64.99, image: "https://images.unsplash.com/photo-1592155921989-69e8b0227e07?w=400&h=400&fit=crop", }, { id: "hoodie-classic-navy", name: "Classic Pullover Hoodie - Navy", description: "Comfortable everyday hoodie with kangaroo pocket", price: 64.99, image: "https://images.unsplash.com/photo-1553062407-98eeb64c6a62?w=400&h=400&fit=crop", }, // Full Zip - 5 Colors { id: "hoodie-zip-black", name: "Full Zip Hoodie - Black", description: "Premium full zip with adjustable drawstrings", price: 69.99, image: "https://images.unsplash.com/photo-1556821552-7f41c5d440db?w=400&h=400&fit=crop", }, { id: "hoodie-zip-white", name: "Full Zip Hoodie - White", description: "Premium full zip with adjustable drawstrings", price: 69.99, image: "https://images.unsplash.com/photo-1609042231409-528149a6e0b8?w=400&h=400&fit=crop", }, { id: "hoodie-zip-gray", name: "Full Zip Hoodie - Gray", description: "Premium full zip with adjustable drawstrings", price: 69.99, image: "https://images.unsplash.com/photo-1618883713121-92290e37e957?w=400&h=400&fit=crop", }, { id: "hoodie-zip-blue", name: "Full Zip Hoodie - Blue", description: "Premium full zip with adjustable drawstrings", price: 69.99, image: "https://images.unsplash.com/photo-1592155921989-69e8b0227e07?w=400&h=400&fit=crop", }, { id: "hoodie-zip-red", name: "Full Zip Hoodie - Red", description: "Premium full zip with adjustable drawstrings", price: 69.99, image: "https://images.unsplash.com/photo-1553062407-98eeb64c6a62?w=400&h=400&fit=crop", }, // Oversized - 5 Colors { id: "hoodie-oversized-black", name: "Oversized Hoodie - Black", description: "Relaxed fit oversized silhouette", price: 74.99, image: "https://images.unsplash.com/photo-1556821552-7f41c5d440db?w=400&h=400&fit=crop", }, { id: "hoodie-oversized-cream", name: "Oversized Hoodie - Cream", description: "Relaxed fit oversized silhouette", price: 74.99, image: "https://images.unsplash.com/photo-1609042231409-528149a6e0b8?w=400&h=400&fit=crop", }, { id: "hoodie-oversized-brown", name: "Oversized Hoodie - Brown", description: "Relaxed fit oversized silhouette", price: 74.99, image: "https://images.unsplash.com/photo-1618883713121-92290e37e957?w=400&h=400&fit=crop", }, { id: "hoodie-oversized-charcoal", name: "Oversized Hoodie - Charcoal", description: "Relaxed fit oversized silhouette", price: 74.99, image: "https://images.unsplash.com/photo-1592155921989-69e8b0227e07?w=400&h=400&fit=crop", }, { id: "hoodie-oversized-olive", name: "Oversized Hoodie - Olive", description: "Relaxed fit oversized silhouette", price: 74.99, image: "https://images.unsplash.com/photo-1553062407-98eeb64c6a62?w=400&h=400&fit=crop", }, // Tech Performance - 5 Colors { id: "hoodie-tech-black", name: "Tech Performance Hoodie - Black", description: "Moisture-wicking advanced fabric technology", price: 84.99, image: "https://images.unsplash.com/photo-1556821552-7f41c5d440db?w=400&h=400&fit=crop", }, { id: "hoodie-tech-white", name: "Tech Performance Hoodie - White", description: "Moisture-wicking advanced fabric technology", price: 84.99, image: "https://images.unsplash.com/photo-1609042231409-528149a6e0b8?w=400&h=400&fit=crop", }, { id: "hoodie-tech-gray", name: "Tech Performance Hoodie - Gray", description: "Moisture-wicking advanced fabric technology", price: 84.99, image: "https://images.unsplash.com/photo-1618883713121-92290e37e957?w=400&h=400&fit=crop", }, { id: "hoodie-tech-blue", name: "Tech Performance Hoodie - Blue", description: "Moisture-wicking advanced fabric technology", price: 84.99, image: "https://images.unsplash.com/photo-1592155921989-69e8b0227e07?w=400&h=400&fit=crop", }, { id: "hoodie-tech-purple", name: "Tech Performance Hoodie - Purple", description: "Moisture-wicking advanced fabric technology", price: 84.99, image: "https://images.unsplash.com/photo-1553062407-98eeb64c6a62?w=400&h=400&fit=crop", }, ], }, // WATCHES { id: "watches", name: "Watches", products: [ { id: "watch-luxe-1", name: "Luxury Chronograph Watch - Gold", description: "Swiss-made luxury timepiece with leather strap", price: 899.99, image: "https://images.unsplash.com/photo-1523170335258-f5ed11844a49?w=400&h=400&fit=crop", }, { id: "watch-luxe-2", name: "Luxury Chronograph Watch - Silver", description: "Swiss-made luxury timepiece with leather strap", price: 899.99, image: "https://images.unsplash.com/photo-1526170375885-4d8ecf77b99f?w=400&h=400&fit=crop", }, { id: "watch-luxe-3", name: "Luxury Chronograph Watch - Rose Gold", description: "Swiss-made luxury timepiece with leather strap", price: 899.99, image: "https://images.unsplash.com/photo-1535632066927-ab7c9ab60908?w=400&h=400&fit=crop", }, { id: "watch-sport-1", name: "Sports Watch - Black", description: "Water-resistant sports chronograph", price: 299.99, image: "https://images.unsplash.com/photo-1523293182086-7651a899d37f?w=400&h=400&fit=crop", }, { id: "watch-sport-2", name: "Sports Watch - Blue", description: "Water-resistant sports chronograph", price: 299.99, image: "https://images.unsplash.com/photo-1552062407-c551eeda4bbb?w=400&h=400&fit=crop", }, { id: "watch-sport-3", name: "Sports Watch - White", description: "Water-resistant sports chronograph", price: 299.99, image: "https://images.unsplash.com/photo-1532632066927-ab7c9ab60908?w=400&h=400&fit=crop", }, { id: "watch-smart-1", name: "Smartwatch Pro - Black", description: "Advanced fitness tracking and notifications", price: 399.99, image: "https://images.unsplash.com/photo-1523293182086-7651a899d37f?w=400&h=400&fit=crop", }, { id: "watch-smart-2", name: "Smartwatch Pro - Silver", description: "Advanced fitness tracking and notifications", price: 399.99, image: "https://images.unsplash.com/photo-1574979320219-553eb213f72d?w=400&h=400&fit=crop", }, { id: "watch-smart-3", name: "Smartwatch Pro - Gold", description: "Advanced fitness tracking and notifications", price: 399.99, image: "https://images.unsplash.com/photo-1575311373937-040b8e1fd5b6?w=400&h=400&fit=crop", }, { id: "watch-casual-1", name: "Casual Leather Watch - Brown", description: "Minimalist design with genuine leather band", price: 149.99, image: "https://images.unsplash.com/photo-1587836374828-4dbafa186256?w=400&h=400&fit=crop", }, { id: "watch-casual-2", name: "Casual Leather Watch - Black", description: "Minimalist design with genuine leather band", price: 149.99, image: "https://images.unsplash.com/photo-1569495282631-aced53c72f53?w=400&h=400&fit=crop", }, { id: "watch-casual-3", name: "Casual Leather Watch - Tan", description: "Minimalist design with genuine leather band", price: 149.99, image: "https://images.unsplash.com/photo-1523170335258-f5ed11844a49?w=400&h=400&fit=crop", }, { id: "watch-digital-1", name: "Digital Sport Watch - Black", description: "Digital display with multiple functions", price: 99.99, image: "https://images.unsplash.com/photo-1509941943102-6b60e3f31e7f?w=400&h=400&fit=crop", }, { id: "watch-digital-2", name: "Digital Sport Watch - Blue", description: "Digital display with multiple functions", price: 99.99, image: "https://images.unsplash.com/photo-1523170335258-f5ed11844a49?w=400&h=400&fit=crop", }, { id: "watch-digital-3", name: "Digital Sport Watch - Green", description: "Digital display with multiple functions", price: 99.99, image: "https://images.unsplash.com/photo-1526170375885-4d8ecf77b99f?w=400&h=400&fit=crop", }, ], }, // BAGS { id: "bags", name: "Bags", products: [ { id: "bag-backpack-1", name: "Travel Backpack Pro - Black", description: "Durable 40L capacity with laptop compartment", price: 149.99, image: "https://images.unsplash.com/photo-1553062407-98eeb64c6a62?w=400&h=400&fit=crop", }, { id: "bag-backpack-2", name: "Travel Backpack Pro - Navy", description: "Durable 40L capacity with laptop compartment", price: 149.99, image: "https://images.unsplash.com/photo-1592155921989-69e8b0227e07?w=400&h=400&fit=crop", }, { id: "bag-backpack-3", name: "Travel Backpack Pro - Gray", description: "Durable 40L capacity with laptop compartment", price: 149.99, image: "https://images.unsplash.com/photo-1618883713121-92290e37e957?w=400&h=400&fit=crop", }, { id: "bag-handbag-1", name: "Leather Handbag - Black", description: "Genuine leather with adjustable straps", price: 199.99, image: "https://images.unsplash.com/photo-1548036328-c9fa89d128fa?w=400&h=400&fit=crop", }, { id: "bag-handbag-2", name: "Leather Handbag - Brown", description: "Genuine leather with adjustable straps", price: 199.99, image: "https://images.unsplash.com/photo-1548036328-c9fa89d128fa?w=400&h=400&fit=crop", }, { id: "bag-handbag-3", name: "Leather Handbag - Cognac", description: "Genuine leather with adjustable straps", price: 199.99, image: "https://images.unsplash.com/photo-1548036328-c9fa89d128fa?w=400&h=400&fit=crop", }, { id: "bag-luggage-1", name: "Hardshell Luggage - Black", description: "TSA-approved carry-on with spinner wheels", price: 249.99, image: "https://images.unsplash.com/photo-1605748176181-8a6f9b60c3f3?w=400&h=400&fit=crop", }, { id: "bag-luggage-2", name: "Hardshell Luggage - Silver", description: "TSA-approved carry-on with spinner wheels", price: 249.99, image: "https://images.unsplash.com/photo-1605748176181-8a6f9b60c3f3?w=400&h=400&fit=crop", }, { id: "bag-luggage-3", name: "Hardshell Luggage - Blue", description: "TSA-approved carry-on with spinner wheels", price: 249.99, image: "https://images.unsplash.com/photo-1605748176181-8a6f9b60c3f3?w=400&h=400&fit=crop", }, { id: "bag-crossbody-1", name: "Canvas Crossbody Bag - Black", description: "Lightweight everyday bag with multiple pockets", price: 79.99, image: "https://images.unsplash.com/photo-1591637281649-590b0c4a00b5?w=400&h=400&fit=crop", }, { id: "bag-crossbody-2", name: "Canvas Crossbody Bag - Olive", description: "Lightweight everyday bag with multiple pockets", price: 79.99, image: "https://images.unsplash.com/photo-1591637281649-590b0c4a00b5?w=400&h=400&fit=crop", }, { id: "bag-crossbody-3", name: "Canvas Crossbody Bag - Khaki", description: "Lightweight everyday bag with multiple pockets", price: 79.99, image: "https://images.unsplash.com/photo-1591637281649-590b0c4a00b5?w=400&h=400&fit=crop", }, { id: "bag-duffel-1", name: "Sports Duffel Bag - Black", description: "Large capacity gym and travel duffel", price: 109.99, image: "https://images.unsplash.com/photo-1553062407-98eeb64c6a62?w=400&h=400&fit=crop", }, { id: "bag-duffel-2", name: "Sports Duffel Bag - Navy", description: "Large capacity gym and travel duffel", price: 109.99, image: "https://images.unsplash.com/photo-1553062407-98eeb64c6a62?w=400&h=400&fit=crop", }, { id: "bag-duffel-3", name: "Sports Duffel Bag - Gray", description: "Large capacity gym and travel duffel", price: 109.99, image: "https://images.unsplash.com/photo-1553062407-98eeb64c6a62?w=400&h=400&fit=crop", }, ], }, // BLUETOOTH DEVICES { id: "bluetooth", name: "Bluetooth", products: [ { id: "bt-speaker-1", name: "Portable Bluetooth Speaker - Black", description: "360° sound with 12-hour battery life", price: 79.99, image: "https://images.unsplash.com/photo-1608043152269-423dbba4e7e1?w=400&h=400&fit=crop", }, { id: "bt-speaker-2", name: "Portable Bluetooth Speaker - Blue", description: "360° sound with 12-hour battery life", price: 79.99, image: "https://images.unsplash.com/photo-1608043152269-423dbba4e7e1?w=400&h=400&fit=crop", }, { id: "bt-speaker-3", name: "Portable Bluetooth Speaker - Red", description: "360° sound with 12-hour battery life", price: 79.99, image: "https://images.unsplash.com/photo-1608043152269-423dbba4e7e1?w=400&h=400&fit=crop", }, { id: "bt-earbuds-1", name: "True Wireless Earbuds - Black", description: "Noise-cancelling with premium sound quality", price: 129.99, image: "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=400&h=400&fit=crop", }, { id: "bt-earbuds-2", name: "True Wireless Earbuds - White", description: "Noise-cancelling with premium sound quality", price: 129.99, image: "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=400&h=400&fit=crop", }, { id: "bt-earbuds-3", name: "True Wireless Earbuds - Silver", description: "Noise-cancelling with premium sound quality", price: 129.99, image: "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=400&h=400&fit=crop", }, { id: "bt-headset-1", name: "Over-Ear Headphones - Black", description: "Premium audio with active noise cancellation", price: 199.99, image: "https://images.unsplash.com/photo-1487215078519-e21cc028cb29?w=400&h=400&fit=crop", }, { id: "bt-headset-2", name: "Over-Ear Headphones - Silver", description: "Premium audio with active noise cancellation", price: 199.99, image: "https://images.unsplash.com/photo-1487215078519-e21cc028cb29?w=400&h=400&fit=crop", }, { id: "bt-headset-3", name: "Over-Ear Headphones - Gold", description: "Premium audio with active noise cancellation", price: 199.99, image: "https://images.unsplash.com/photo-1487215078519-e21cc028cb29?w=400&h=400&fit=crop", }, { id: "bt-neckband-1", name: "Neckband Bluetooth - Black", description: "Lightweight with magnetic earpieces", price: 59.99, image: "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=400&h=400&fit=crop", }, { id: "bt-neckband-2", name: "Neckband Bluetooth - Red", description: "Lightweight with magnetic earpieces", price: 59.99, image: "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=400&h=400&fit=crop", }, { id: "bt-neckband-3", name: "Neckband Bluetooth - Blue", description: "Lightweight with magnetic earpieces", price: 59.99, image: "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=400&h=400&fit=crop", }, { id: "bt-gaming-1", name: "Gaming Headset - Black", description: "Low-latency wireless with surround sound", price: 149.99, image: "https://images.unsplash.com/photo-1487215078519-e21cc028cb29?w=400&h=400&fit=crop", }, { id: "bt-gaming-2", name: "Gaming Headset - Red", description: "Low-latency wireless with surround sound", price: 149.99, image: "https://images.unsplash.com/photo-1487215078519-e21cc028cb29?w=400&h=400&fit=crop", }, { id: "bt-gaming-3", name: "Gaming Headset - Blue", description: "Low-latency wireless with surround sound", price: 149.99, image: "https://images.unsplash.com/photo-1487215078519-e21cc028cb29?w=400&h=400&fit=crop", }, ], }, // JBL SPEAKERS { id: "jbl", name: "JBL Speakers", products: [ { id: "jbl-flip-1", name: "JBL Flip 6 - Black", description: "Waterproof portable speaker with 12-hour battery", price: 129.99, image: "https://images.unsplash.com/photo-1608043152269-423dbba4e7e1?w=400&h=400&fit=crop", }, { id: "jbl-flip-2", name: "JBL Flip 6 - Blue", description: "Waterproof portable speaker with 12-hour battery", price: 129.99, image: "https://images.unsplash.com/photo-1608043152269-423dbba4e7e1?w=400&h=400&fit=crop", }, { id: "jbl-flip-3", name: "JBL Flip 6 - Red", description: "Waterproof portable speaker with 12-hour battery", price: 129.99, image: "https://images.unsplash.com/photo-1608043152269-423dbba4e7e1?w=400&h=400&fit=crop", }, { id: "jbl-charge-1", name: "JBL Charge 5 - Black", description: "Powerful sound with powerbank feature", price: 179.99, image: "https://images.unsplash.com/photo-1608043152269-423dbba4e7e1?w=400&h=400&fit=crop", }, { id: "jbl-charge-2", name: "JBL Charge 5 - White", description: "Powerful sound with powerbank feature", price: 179.99, image: "https://images.unsplash.com/photo-1608043152269-423dbba4e7e1?w=400&h=400&fit=crop", }, { id: "jbl-charge-3", name: "JBL Charge 5 - Ocean Blue", description: "Powerful sound with powerbank feature", price: 179.99, image: "https://images.unsplash.com/photo-1608043152269-423dbba4e7e1?w=400&h=400&fit=crop", }, { id: "jbl-xtreme-1", name: "JBL Xtreme 3 - Black", description: "Ultra-powerful portable stereo with 15-hour battery", price: 299.99, image: "https://images.unsplash.com/photo-1608043152269-423dbba4e7e1?w=400&h=400&fit=crop", }, { id: "jbl-xtreme-2", name: "JBL Xtreme 3 - Blue", description: "Ultra-powerful portable stereo with 15-hour battery", price: 299.99, image: "https://images.unsplash.com/photo-1608043152269-423dbba4e7e1?w=400&h=400&fit=crop", }, { id: "jbl-xtreme-3", name: "JBL Xtreme 3 - Camouflage", description: "Ultra-powerful portable stereo with 15-hour battery", price: 299.99, image: "https://images.unsplash.com/photo-1608043152269-423dbba4e7e1?w=400&h=400&fit=crop", }, { id: "jbl-partybox-1", name: "JBL PartyBox 110 - Black", description: "High-power portable Bluetooth speaker system", price: 399.99, image: "https://images.unsplash.com/photo-1608043152269-423dbba4e7e1?w=400&h=400&fit=crop", }, { id: "jbl-partybox-2", name: "JBL PartyBox 310 - Black", description: "Powerful party speaker with dynamic lights", price: 599.99, image: "https://images.unsplash.com/photo-1608043152269-423dbba4e7e1?w=400&h=400&fit=crop", }, { id: "jbl-go-1", name: "JBL Go 3 - Black", description: "Ultra-compact waterproof speaker", price: 49.99, image: "https://images.unsplash.com/photo-1608043152269-423dbba4e7e1?w=400&h=400&fit=crop", }, { id: "jbl-go-2", name: "JBL Go 3 - White", description: "Ultra-compact waterproof speaker", price: 49.99, image: "https://images.unsplash.com/photo-1608043152269-423dbba4e7e1?w=400&h=400&fit=crop", }, { id: "jbl-go-3", name: "JBL Go 3 - Blue", description: "Ultra-compact waterproof speaker", price: 49.99, image: "https://images.unsplash.com/photo-1608043152269-423dbba4e7e1?w=400&h=400&fit=crop", }, { id: "jbl-link-1", name: "JBL Link Portable - Black", description: "Smart portable speaker with Google Assistant", price: 199.99, image: "https://images.unsplash.com/photo-1608043152269-423dbba4e7e1?w=400&h=400&fit=crop", }, ], }, // IPHONES { id: "iphones", name: "iPhones", products: [ // iPhone 11 Pro Max { id: "iphone-11pm-64gb", name: "iPhone 11 Pro Max - 64GB", description: "Triple camera system, A13 Bionic chip", price: 449.99, image: "https://images.unsplash.com/photo-1574375927938-d5a98e8ffe85?w=400&h=400&fit=crop", }, { id: "iphone-11pm-256gb", name: "iPhone 11 Pro Max - 256GB", description: "Triple camera system, A13 Bionic chip", price: 549.99, image: "https://images.unsplash.com/photo-1574375927938-d5a98e8ffe85?w=400&h=400&fit=crop", }, { id: "iphone-11pm-512gb", name: "iPhone 11 Pro Max - 512GB", description: "Triple camera system, A13 Bionic chip", price: 649.99, image: "https://images.unsplash.com/photo-1574375927938-d5a98e8ffe85?w=400&h=400&fit=crop", }, // iPhone 12 Pro Max { id: "iphone-12pm-128gb", name: "iPhone 12 Pro Max - 128GB", description: "5G, A14 Bionic chip, Ceramic Shield", price: 499.99, image: "https://images.unsplash.com/photo-1598961174830-49560ed1eef0?w=400&h=400&fit=crop", }, { id: "iphone-12pm-256gb", name: "iPhone 12 Pro Max - 256GB", description: "5G, A14 Bionic chip, Ceramic Shield", price: 599.99, image: "https://images.unsplash.com/photo-1598961174830-49560ed1eef0?w=400&h=400&fit=crop", }, { id: "iphone-12pm-512gb", name: "iPhone 12 Pro Max - 512GB", description: "5G, A14 Bionic chip, Ceramic Shield", price: 699.99, image: "https://images.unsplash.com/photo-1598961174830-49560ed1eef0?w=400&h=400&fit=crop", }, // iPhone 13 Pro Max { id: "iphone-13pm-128gb", name: "iPhone 13 Pro Max - 128GB", description: "120Hz ProMotion display, A15 Bionic", price: 549.99, image: "https://images.unsplash.com/photo-1615635947596-a598e5de0ab3?w=400&h=400&fit=crop", }, { id: "iphone-13pm-256gb", name: "iPhone 13 Pro Max - 256GB", description: "120Hz ProMotion display, A15 Bionic", price: 649.99, image: "https://images.unsplash.com/photo-1615635947596-a598e5de0ab3?w=400&h=400&fit=crop", }, { id: "iphone-13pm-512gb", name: "iPhone 13 Pro Max - 512GB", description: "120Hz ProMotion display, A15 Bionic", price: 749.99, image: "https://images.unsplash.com/photo-1615635947596-a598e5de0ab3?w=400&h=400&fit=crop", }, { id: "iphone-13pm-1tb", name: "iPhone 13 Pro Max - 1TB", description: "120Hz ProMotion display, A15 Bionic", price: 849.99, image: "https://images.unsplash.com/photo-1615635947596-a598e5de0ab3?w=400&h=400&fit=crop", }, // iPhone 14 Pro Max { id: "iphone-14pm-128gb", name: "iPhone 14 Pro Max - 128GB", description: "Dynamic Island, A16 Bionic, Always-On display", price: 599.99, image: "https://images.unsplash.com/photo-1592286927505-1def25e63e67?w=400&h=400&fit=crop", }, { id: "iphone-14pm-256gb", name: "iPhone 14 Pro Max - 256GB", description: "Dynamic Island, A16 Bionic, Always-On display", price: 699.99, image: "https://images.unsplash.com/photo-1592286927505-1def25e63e67?w=400&h=400&fit=crop", }, { id: "iphone-14pm-512gb", name: "iPhone 14 Pro Max - 512GB", description: "Dynamic Island, A16 Bionic, Always-On display", price: 799.99, image: "https://images.unsplash.com/photo-1592286927505-1def25e63e67?w=400&h=400&fit=crop", }, { id: "iphone-14pm-1tb", name: "iPhone 14 Pro Max - 1TB", description: "Dynamic Island, A16 Bionic, Always-On display", price: 899.99, image: "https://images.unsplash.com/photo-1592286927505-1def25e63e67?w=400&h=400&fit=crop", }, // iPhone 15 Pro Max { id: "iphone-15pm-256gb", name: "iPhone 15 Pro Max - 256GB", description: "A17 Pro, Titanium design, USB-C", price: 799.99, image: "https://images.unsplash.com/photo-1511707267537-b85faf00021e?w=400&h=400&fit=crop", }, { id: "iphone-15pm-512gb", name: "iPhone 15 Pro Max - 512GB", description: "A17 Pro, Titanium design, USB-C", price: 899.99, image: "https://images.unsplash.com/photo-1511707267537-b85faf00021e?w=400&h=400&fit=crop", }, { id: "iphone-15pm-1tb", name: "iPhone 15 Pro Max - 1TB", description: "A17 Pro, Titanium design, USB-C", price: 999.99, image: "https://images.unsplash.com/photo-1511707267537-b85faf00021e?w=400&h=400&fit=crop", }, // iPhone 16 Pro Max { id: "iphone-16pm-256gb", name: "iPhone 16 Pro Max - 256GB", description: "A18 Pro, Advanced AI features, Camera Control", price: 849.99, image: "https://images.unsplash.com/photo-1592286927505-1def25e63e67?w=400&h=400&fit=crop", }, { id: "iphone-16pm-512gb", name: "iPhone 16 Pro Max - 512GB", description: "A18 Pro, Advanced AI features, Camera Control", price: 949.99, image: "https://images.unsplash.com/photo-1592286927505-1def25e63e67?w=400&h=400&fit=crop", }, { id: "iphone-16pm-1tb", name: "iPhone 16 Pro Max - 1TB", description: "A18 Pro, Advanced AI features, Camera Control", price: 1049.99, image: "https://images.unsplash.com/photo-1592286927505-1def25e63e67?w=400&h=400&fit=crop", }, // iPhone 17 Pro Max (Future model) { id: "iphone-17pm-256gb", name: "iPhone 17 Pro Max - 256GB", description: "Next generation A19 chip, revolutionary features", price: 899.99, image: "https://images.unsplash.com/photo-1511707267537-b85faf00021e?w=400&h=400&fit=crop", }, { id: "iphone-17pm-512gb", name: "iPhone 17 Pro Max - 512GB", description: "Next generation A19 chip, revolutionary features", price: 999.99, image: "https://images.unsplash.com/photo-1511707267537-b85faf00021e?w=400&h=400&fit=crop", }, { id: "iphone-17pm-1tb", name: "iPhone 17 Pro Max - 1TB", description: "Next generation A19 chip, revolutionary features", price: 1099.99, image: "https://images.unsplash.com/photo-1511707267537-b85faf00021e?w=400&h=400&fit=crop", }, ], }, // ADDITIONAL CATEGORIES - AUDIO & SOUND { id: "audio", name: "Audio & Sound", products: [ { id: "audio-amp-1", name: "Bluetooth Amplifier - 100W", description: "Professional audio amplifier with multiple inputs", price: 249.99, image: "https://images.unsplash.com/photo-1608043152269-423dbba4e7e1?w=400&h=400&fit=crop", }, { id: "audio-speaker-1", name: "Studio Monitor Speakers - Pair", description: "Professional studio-quality speakers", price: 399.99, image: "https://images.unsplash.com/photo-1608043152269-423dbba4e7e1?w=400&h=400&fit=crop", }, { id: "audio-mic-1", name: "USB Condenser Microphone", description: "Professional recording microphone with stand", price: 149.99, image: "https://images.unsplash.com/photo-1587179144268-bc724cf143eb?w=400&h=400&fit=crop", }, { id: "audio-mixer-1", name: "Bluetooth Audio Mixer", description: "4-channel professional mixer", price: 199.99, image: "https://images.unsplash.com/photo-1608043152269-423dbba4e7e1?w=400&h=400&fit=crop", }, { id: "audio-cable-1", name: "Premium Audio Cables - Set of 5", description: "High-quality shielded audio cables", price: 49.99, image: "https://images.unsplash.com/photo-1608043152269-423dbba4e7e1?w=400&h=400&fit=crop", }, { id: "audio-vinyl-1", name: "Turntable - Automatic Bluetooth", description: "Vinyl record player with Bluetooth output", price: 299.99, image: "https://images.unsplash.com/photo-1595225854453-be0b5b1c78b8?w=400&h=400&fit=crop", }, { id: "audio-subwoofer-1", name: "Powered Subwoofer - 10 inch", description: "Deep bass subwoofer for home theater", price: 349.99, image: "https://images.unsplash.com/photo-1608043152269-423dbba4e7e1?w=400&h=400&fit=crop", }, { id: "audio-soundbar-1", name: "Bluetooth Soundbar - 2.1", description: "Complete soundbar with subwoofer", price: 279.99, image: "https://images.unsplash.com/photo-1608043152269-423dbba4e7e1?w=400&h=400&fit=crop", }, { id: "audio-equalizer-1", name: "Digital Audio Equalizer", description: "10-band graphic equalizer", price: 129.99, image: "https://images.unsplash.com/photo-1608043152269-423dbba4e7e1?w=400&h=400&fit=crop", }, { id: "audio-adapter-1", name: "Wireless Audio Adapter", description: "Convert any speaker to Bluetooth", price: 39.99, image: "https://images.unsplash.com/photo-1608043152269-423dbba4e7e1?w=400&h=400&fit=crop", }, ], }, // COMPUTER ACCESSORIES { id: "computer", name: "Computer", products: [ { id: "computer-keyboard-1", name: "Mechanical Gaming Keyboard", description: "RGB backlit mechanical switches", price: 179.99, image: "https://images.unsplash.com/photo-1587829191301-4e2a9e99e2b0?w=400&h=400&fit=crop", }, { id: "computer-mouse-1", name: "Wireless Gaming Mouse", description: "Precision 16000 DPI sensor", price: 79.99, image: "https://images.unsplash.com/photo-1527814050087-3793815479db?w=400&h=400&fit=crop", }, { id: "computer-monitor-1", name: '27" 4K Monitor', description: "Ultra HD display with 60Hz refresh rate", price: 349.99, image: "https://images.unsplash.com/photo-1611532736597-de2d42b50449?w=400&h=400&fit=crop", }, { id: "computer-webcam-1", name: "1080p Webcam with Microphone", description: "Crystal clear video and audio for streaming", price: 99.99, image: "https://images.unsplash.com/photo-1516321318423-f06f706666a9?w=400&h=400&fit=crop", }, { id: "computer-mousepad-1", name: "RGB Gaming Mouse Pad", description: "Large extended mouse pad with USB", price: 49.99, image: "https://images.unsplash.com/photo-1511370341486-a01980e01a18?w=400&h=400&fit=crop", }, { id: "computer-hub-1", name: "USB-C Hub - 7 Ports", description: "Multiple USB 3.0 ports plus HDMI and SD card", price: 59.99, image: "https://images.unsplash.com/photo-1597872200969-2b65d56bd16b?w=400&h=400&fit=crop", }, { id: "computer-dock-1", name: "Laptop Docking Station", description: "Dual monitor support with fast charging", price: 129.99, image: "https://images.unsplash.com/photo-1588872657840-1849f1bf59b7?w=400&h=400&fit=crop", }, { id: "computer-stand-1", name: "Monitor Stand - Adjustable", description: "Ergonomic monitor stand with storage", price: 69.99, image: "https://images.unsplash.com/photo-1611532736579-6b16e2b50449?w=400&h=400&fit=crop", }, { id: "computer-cooler-1", name: "Laptop Cooling Pad", description: "Active cooling for gaming laptops", price: 39.99, image: "https://images.unsplash.com/photo-1592286927505-1def25e63e67?w=400&h=400&fit=crop", }, { id: "computer-cable-1", name: "Premium Cable Bundle", description: "HDMI, USB-C, and charging cables", price: 34.99, image: "https://images.unsplash.com/photo-1597872658657-0ac8ea83b399?w=400&h=400&fit=crop", }, { id: "computer-ssd-1", name: "1TB External SSD", description: "Fast USB 3.1 external storage", price: 129.99, image: "https://images.unsplash.com/photo-1597872658657-0ac8ea83b399?w=400&h=400&fit=crop", }, { id: "computer-hdd-1", name: "4TB External Hard Drive", description: "Portable backup storage solution", price: 99.99, image: "https://images.unsplash.com/photo-1597872658657-0ac8ea83b399?w=400&h=400&fit=crop", }, { id: "computer-charger-1", name: "65W USB-C Charger", description: "Fast charging for laptops and phones", price: 49.99, image: "https://images.unsplash.com/photo-1608043152269-423dbba4e7e1?w=400&h=400&fit=crop", }, { id: "computer-cable-2", name: "Thunderbolt 3 Cable", description: "High-speed data transfer cable", price: 39.99, image: "https://images.unsplash.com/photo-1597872658657-0ac8ea83b399?w=400&h=400&fit=crop", }, { id: "computer-light-1", name: "LED Desk Lamp - USB", description: "Adjustable brightness monitor light", price: 44.99, image: "https://images.unsplash.com/photo-1565182999555-2142fed7bde7?w=400&h=400&fit=crop", }, ], }, // MOBILE ACCESSORIES { id: "mobile", name: "Mobile Accessories", products: [ { id: "mobile-case-1", name: "iPhone Case - Black Silicone", description: "Durable and sleek silicone case", price: 29.99, image: "https://images.unsplash.com/photo-1592286927505-1d0d3d3f4eba?w=400&h=400&fit=crop", }, { id: "mobile-case-2", name: "iPhone Case - Clear TPU", description: "Transparent case to showcase your phone", price: 24.99, image: "https://images.unsplash.com/photo-1592286927505-1d0d3d3f4eba?w=400&h=400&fit=crop", }, { id: "mobile-case-3", name: "iPhone Case - Leather Black", description: "Premium leather case with card slots", price: 49.99, image: "https://images.unsplash.com/photo-1548036328-c9fa89d128fa?w=400&h=400&fit=crop", }, { id: "mobile-screen-1", name: "Tempered Glass Screen Protector", description: "9H hardness for maximum scratch resistance", price: 19.99, image: "https://images.unsplash.com/photo-1592286927505-1d0d3d3f4eba?w=400&h=400&fit=crop", }, { id: "mobile-charger-1", name: "Fast USB-C Charger 65W", description: "Universal charger for laptops and phones", price: 44.99, image: "https://images.unsplash.com/photo-1625948515291-69613efd103f?w=400&h=400&fit=crop", }, { id: "mobile-cable-1", name: "MFi Certified Lightning Cable", description: "Durable braided cable for Apple devices", price: 24.99, image: "https://images.unsplash.com/photo-1625948515291-69613efd103f?w=400&h=400&fit=crop", }, { id: "mobile-powerbank-1", name: "30000mAh Power Bank - PD", description: "High capacity with Power Delivery support", price: 69.99, image: "https://images.unsplash.com/photo-1609091839311-d5365f9ff1c5?w=400&h=400&fit=crop", }, { id: "mobile-stand-1", name: "Adjustable Phone Stand - Metal", description: "Sturdy and adjustable metal stand", price: 14.99, image: "https://images.unsplash.com/photo-1605236453806-6ff36a046aff?w=400&h=400&fit=crop", }, { id: "mobile-mount-1", name: "Magnetic Car Phone Mount", description: "Secure dashboard mount for easy access", price: 19.99, image: "https://images.unsplash.com/photo-1605236453806-6ff36a046aff?w=400&h=400&fit=crop", }, { id: "mobile-ring-1", name: "Phone Ring Holder Stand", description: "360° rotating finger grip", price: 9.99, image: "https://images.unsplash.com/photo-1592286927505-1d0d3d3f4eba?w=400&h=400&fit=crop", }, { id: "mobile-lens-1", name: "Clip-on Phone Lens Kit", description: "Wide-angle and macro lenses", price: 29.99, image: "https://images.unsplash.com/photo-1592286927505-1d0d3d3f4eba?w=400&h=400&fit=crop", }, { id: "mobile-grip-1", name: "Phone Grip & Stand", description: "Adhesive mount for secure handling", price: 7.99, image: "https://images.unsplash.com/photo-1592286927505-1d0d3d3f4eba?w=400&h=400&fit=crop", }, { id: "mobile-bag-1", name: "Small Phone Pouch - Black", description: "Neoprene pouch for protection on the go", price: 15.99, image: "https://images.unsplash.com/photo-1548036328-c9fa89d128fa?w=400&h=400&fit=crop", }, { id: "mobile-charger-2", name: "Wireless Charging Stand 15W", description: "Qi-certified fast wireless charger", price: 39.99, image: "https://images.unsplash.com/photo-1625948515291-69613efd103f?w=400&h=400&fit=crop", }, { id: "mobile-dock-1", name: "MagSafe Charging Dock", description: "Convenient magnetic wireless charging", price: 34.99, image: "https://images.unsplash.com/photo-1625948515291-69613efd103f?w=400&h=400&fit=crop", }, { id: "mobile-wallet-1", name: "Phone Wallet Case - Black", description: "Flip case with card slots and kickstand", price: 39.99, image: "https://images.unsplash.com/photo-1548036328-c9fa89d128fa?w=400&h=400&fit=crop", }, ], }, // GAMING ACCESSORIES { id: "gaming", name: "Gaming Accessories", products: [ { id: "gaming-controller-1", name: "Xbox Wireless Controller - Carbon Black", description: "Ergonomic design with textured grip", price: 64.99, image: "https://images.unsplash.com/photo-1555303204-3c85ca7c031a?w=400&h=400&fit=crop", }, { id: "gaming-controller-2", name: "PlayStation 5 DualSense Controller", description: "Haptic feedback and adaptive triggers", price: 69.99, image: "https://images.unsplash.com/photo-1555303204-3c85ca7c031a?w=400&h=400&fit=crop", }, { id: "gaming-headset-1", name: "Gaming Headset - Pro RGB", description: "Immersive 7.1 surround sound", price: 179.99, image: "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=400&h=400&fit=crop", }, { id: "gaming-chair-1", name: "Ergonomic Gaming Chair", description: "Racing-style chair with lumbar support", price: 299.99, image: "https://images.unsplash.com/photo-1598327105666-5b89351aff97?w=400&h=400&fit=crop", }, { id: "gaming-desk-1", name: "Gaming Desk - Large", description: "Spacious desk with cable management", price: 349.99, image: "https://images.unsplash.com/photo-1598327105666-5b89351aff97?w=400&h=400&fit=crop", }, { id: "gaming-mousepad-1", name: "Extended RGB Gaming Mousepad", description: "Smooth surface with customizable lighting", price: 44.99, image: "https://images.unsplash.com/photo-1527814050087-3793815479db?w=400&h=400&fit=crop", }, { id: "gaming-lamp-1", name: "RGB Corner Gaming Light", description: "Ambiance lighting for your setup", price: 89.99, image: "https://images.unsplash.com/photo-1565636192335-14275e9f2a01?w=400&h=400&fit=crop", }, { id: "gaming-cable-1", name: "Gaming Cable Management Kit", description: "Velcro ties and clips for clean setup", price: 24.99, image: "https://images.unsplash.com/photo-1625948515291-69613efd103f?w=400&h=400&fit=crop", }, { id: "gaming-mount-1", name: "Dual Monitor Arm", description: "Adjustable arm for two monitors", price: 89.99, image: "https://images.unsplash.com/photo-1527864550417-7fd231fc5205?w=400&h=400&fit=crop", }, { id: "gaming-hub-1", name: "Powered USB Gaming Hub", description: "Multiple ports for all your peripherals", price: 54.99, image: "https://images.unsplash.com/photo-1625948515291-69613efd103f?w=400&h=400&fit=crop", }, { id: "gaming-capture-1", name: "4K Game Capture Card", description: "Stream and record gameplay in high definition", price: 199.99, image: "https://images.unsplash.com/photo-1625948515291-69613efd103f?w=400&h=400&fit=crop", }, { id: "gaming-light-1", name: "LED Streaming Ring Light", description: "Provides perfect lighting for streams", price: 59.99, image: "https://images.unsplash.com/photo-1565636192335-14275e9f2a01?w=400&h=400&fit=crop", }, { id: "gaming-stand-1", name: "Mobile Gaming Controller Stand", description: "Ergonomic stand for mobile gaming", price: 29.99, image: "https://images.unsplash.com/photo-1605236453806-6ff36a046aff?w=400&h=400&fit=crop", }, { id: "gaming-trigger-1", name: "Mobile Game Trigger Buttons", description: "L1R1 triggers for enhanced control", price: 19.99, image: "https://images.unsplash.com/photo-1555303204-3c85ca7c031a?w=400&h=400&fit=crop", }, { id: "gaming-cooler-1", name: "Phone Cooler Fan - USB", description: "Keeps your phone cool during intense gaming sessions", price: 34.99, image: "https://images.unsplash.com/photo-1627873649417-af36141a4d5f?w=400&h=400&fit=crop", }, ], }, // CAMERA & PHOTOGRAPHY { id: "camera", name: "Camera & Photography", products: [ { id: "camera-dslr-1", name: "Canon EOS R6 Mark II - Body", description: "High-performance full-frame mirrorless", price: 2499.99, image: "https://images.unsplash.com/photo-1606986628025-35d57e735ae0?w=400&h=400&fit=crop", }, { id: "camera-dslr-2", name: "Sony Alpha a7 IV - Body", description: "Versatile full-frame mirrorless camera", price: 2498.0, image: "https://images.unsplash.com/photo-1606986628025-35d57e735ae0?w=400&h=400&fit=crop", }, { id: "camera-lens-1", name: "Sony FE 24-70mm f/2.8 GM", description: "Professional standard zoom lens", price: 2198.0, image: "https://images.unsplash.com/photo-1606986628025-35d57e735ae0?w=400&h=400&fit=crop", }, { id: "camera-tripod-1", name: "Manfrotto Befree Advanced Travel Tripod", description: "Lightweight and sturdy carbon fiber tripod", price: 269.99, image: "https://images.unsplash.com/photo-1606986628025-35d57e735ae0?w=400&h=400&fit=crop", }, { id: "camera-bag-1", name: "Peak Design Everyday Backpack 30L", description: "Modular and weather-resistant camera backpack", price: 299.99, image: "https://images.unsplash.com/photo-1553062407-98eeb64c6a62?w=400&h=400&fit=crop", }, { id: "camera-filter-1", name: "Gobe 6-77mm Variable ND Filter", description: "Adjustable neutral density filter", price: 99.99, image: "https://images.unsplash.com/photo-1606986628025-35d57e735ae0?w=400&h=400&fit=crop", }, { id: "camera-cleaning-1", name: "VSGO Camera Cleaning Kit", description: "Includes sensor swabs, blower, and solution", price: 39.99, image: "https://images.unsplash.com/photo-1606986628025-35d57e735ae0?w=400&h=400&fit=crop", }, { id: "camera-card-1", name: "SanDisk Extreme PRO 128GB SDXC Card", description: "V90 UHS-II speed for 8K video", price: 89.99, image: "https://images.unsplash.com/photo-1597872200969-2b65d56bd16b?w=400&h=400&fit=crop", }, { id: "camera-battery-1", name: "Canon LP-E6NH Battery", description: "Genuine replacement battery", price: 79.99, image: "https://images.unsplash.com/photo-1609091839311-d5365f9ff1c5?w=400&h=400&fit=crop", }, { id: "camera-gimbal-1", name: "DJI RS 3 Pro Gimbal", description: "Professional 3-axis gimbal stabilizer", price: 869.0, image: "https://images.unsplash.com/photo-1606986628025-35d57e735ae0?w=400&h=400&fit=crop", }, { id: "camera-drone-1", name: "DJI Mavic 3 Pro Drone", description: "Triple camera system drone with advanced features", price: 1999.0, image: "https://images.unsplash.com/photo-1606986628025-35d57e735ae0?w=400&h=400&fit=crop", }, { id: "camera-action-1", name: "GoPro HERO12 Black", description: "Action camera with 5.3K video and HyperSmooth stabilization", price: 399.99, image: "https://images.unsplash.com/photo-1606986628025-35d57e735ae0?w=400&h=400&fit=crop", }, { id: "camera-light-1", name: "Aputure Amaran MC RGB Light", description: "Miniature RGB LED light for creative effects", price: 179.0, image: "https://images.unsplash.com/photo-1565636192335-14275e9f2a01?w=400&h=400&fit=crop", }, { id: "camera-reflector-1", name: "Neewer 5-in-1 Collapsible Reflector", description: "Multi-functional light modifier", price: 29.99, image: "https://images.unsplash.com/photo-1606986628025-35d57e735ae0?w=400&h=400&fit=crop", }, { id: "camera-backdrop-1", name: "Neewer Collapsible Backdrop - Green Screen", description: "Portable backdrop for studio use", price: 64.99, image: "https://images.unsplash.com/photo-1606986628025-35d57e735ae0?w=400&h=400&fit=crop", }, ], }, // SMART HOME { id: "smarthome", name: "Smart Home", products: [ { id: "smart-speaker-1", name: "Amazon Echo Dot (5th Gen) - Charcoal", description: "Smart speaker with Alexa voice control", price: 49.99, image: "https://images.unsplash.com/photo-1608043152269-423dbba4e7e1?w=400&h=400&fit=crop", }, { id: "smart-display-1", name: "Echo Show 8 (3rd Gen) - Glacier White", description: "Smart display with HD screen and Alexa", price: 149.99, image: "https://images.unsplash.com/photo-1527864550417-7fd231fc5205?w=400&h=400&fit=crop", }, { id: "smart-bulb-1", name: "Philips Hue White & Color Ambiance A19 Bulb", description: "App-controlled smart LED bulb", price: 49.99, image: "https://images.unsplash.com/photo-1565636192335-14275e9f2a01?w=400&h=400&fit=crop", }, { id: "smart-plug-1", name: "TP-Link Kasa Smart Plug Mini", description: "Wi-Fi enabled smart outlet", price: 29.99, image: "https://images.unsplash.com/photo-1625948515291-69613efd103f?w=400&h=400&fit=crop", }, { id: "smart-lock-1", name: "August Smart Lock Pro + Connect", description: "Keyless entry and remote access", price: 279.99, image: "https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=400&h=400&fit=crop", }, { id: "smart-camera-1", name: "Ring Video Doorbell Pro 2", description: "HD video doorbell with advanced motion detection", price: 249.99, image: "https://images.unsplash.com/photo-1598327105666-5b89351aff97?w=400&h=400&fit=crop", }, { id: "smart-thermostat-1", name: "Google Nest Learning Thermostat", description: "Smart thermostat that learns your schedule", price: 249.99, image: "https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=400&h=400&fit=crop", }, { id: "smart-switch-1", name: "Lutron Caseta Wireless Smart Dimmer Switch", description: "Smart lighting control", price: 59.99, image: "https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=400&h=400&fit=crop", }, { id: "smart-hub-1", name: "Samsung SmartThings Hub", description: "Central hub for all your smart devices", price: 99.99, image: "https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=400&h=400&fit=crop", }, { id: "smart-robot-1", name: "iRobot Roomba j7+", description: "Wi-Fi connected self-emptying robot vacuum", price: 799.99, image: "https://images.unsplash.com/photo-1627873649417-af36141a4d5f?w=400&h=400&fit=crop", }, { id: "smart-mop-1", name: "iRobot Braava jet m6 Robot Mop", description: "Smart mopping robot for hard floors", price: 499.99, image: "https://images.unsplash.com/photo-1627873649417-af36141a4d5f?w=400&h=400&fit=crop", }, { id: "smart-blinds-1", name: "Lutron Serena Smart Shades", description: "Motorized smart window shades", price: 599.99, image: "https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=400&h=400&fit=crop", }, { id: "smart-irrigation-1", name: "Rachio 3 Smart Sprinkler Controller", description: "WiFi-enabled watering system", price: 199.99, image: "https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=400&h=400&fit=crop", }, { id: "smart-sensor-1", name: "Aqara Motion Sensor P1", description: "Wireless motion detector", price: 29.99, image: "https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=400&h=400&fit=crop", }, { id: "smart-siren-1", name: "Ring Alarm Base Station & Siren", description: "Comprehensive home security siren", price: 199.99, image: "https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=400&h=400&fit=crop", }, ], }, // SPORTS & FITNESS { id: "sports", name: "Sports & Fitness", products: [ { id: "sports-watch-1", name: "Garmin Fenix 7 Sapphire Solar", description: "Premium multisport GPS watch", price: 899.99, image: "https://images.unsplash.com/photo-1523293182086-7651a899d37f?w=400&h=400&fit=crop", }, { id: "sports-scale-1", name: "Withings Body Comp Smart Scale", description: "Body composition analyzer with WiFi", price: 199.99, image: "https://images.unsplash.com/photo-1585124132665-a8c85ad8e23f?w=400&h=400&fit=crop", }, { id: "sports-band-1", name: "ProForm Pro Resistance Bands Set", description: "5-piece set with door anchor", price: 39.99, image: "https://images.unsplash.com/photo-1517836357463-d25ddfcbf042?w=400&h=400&fit=crop", }, { id: "sports-mat-1", name: "Liforme Yoga Mat", description: "Eco-friendly non-slip yoga mat", price: 149.99, image: "https://images.unsplash.com/photo-1517836357463-d25ddfcbf042?w=400&h=400&fit=crop", }, { id: "sports-dumbbell-1", name: "Bowflex SelectTech 552 Adjustable Dumbbells", description: "Adjustable from 5 to 52.5 lbs", price: 399.99, image: "https://images.unsplash.com/photo-1517836357463-d25ddfcbf042?w=400&h=400&fit=crop", }, { id: "sports-kettlebell-1", name: "Rogue Fitness Kettlebell - 44lb", description: "High-quality cast iron kettlebell", price: 109.99, image: "https://images.unsplash.com/photo-1517836357463-d25ddfcbf042?w=400&h=400&fit=crop", }, { id: "sports-rope-1", name: "Rogue SR-1 Speed Rope", description: "Battle-tested speed jump rope", price: 34.99, image: "https://images.unsplash.com/photo-1517836357463-d25ddfcbf042?w=400&h=400&fit=crop", }, { id: "sports-foam-1", name: "TriggerPoint GRID Foam Roller", description: "Patented multi-density foam roller", price: 39.99, image: "https://images.unsplash.com/photo-1517836357463-d25ddfcbf042?w=400&h=400&fit=crop", }, { id: "sports-ball-1", name: "Dynamax Mega Soft Medicine Ball - 14lb", description: "Durable soft medicine ball", price: 69.99, image: "https://images.unsplash.com/photo-1517836357463-d25ddfcbf042?w=400&h=400&fit=crop", }, { id: "sports-wheel-1", name: "Perfect Fitness Ab Carver Pro", description: "Pro abdominal roller", price: 29.99, image: "https://images.unsplash.com/photo-1517836357463-d25ddfcbf042?w=400&h=400&fit=crop", }, { id: "sports-pull-1", name: "Iron Gym Total Upper Body Workout Bar", description: "No assembly doorway pull up bar", price: 34.99, image: "https://images.unsplash.com/photo-1517836357463-d25ddfcbf042?w=400&h=400&fit=crop", }, { id: "sports-bike-1", name: "Schwinn IC4 Indoor Cycling Bike", description: "Interactive indoor bike", price: 999.99, image: "https://images.unsplash.com/photo-1517836357463-d25ddfcbf042?w=400&h=400&fit=crop", }, { id: "sports-treadmill-1", name: "NordicTrack Commercial 1750 Treadmill", description: "Smart treadmill with incline and decline", price: 1999.99, image: "https://images.unsplash.com/photo-1517836357463-d25ddfcbf042?w=400&h=400&fit=crop", }, { id: "sports-bench-1", name: "Bowflex SelectTech 3.1 Adjustable Bench", description: "Multi-position weight bench", price: 299.99, image: "https://images.unsplash.com/photo-1517836357463-d25ddfcbf042?w=400&h=400&fit=crop", }, { id: "sports-rack-1", name: "CAP Barbell Dumbbell Rack", description: "2-tier storage rack", price: 129.99, image: "https://images.unsplash.com/photo-1517836357463-d25ddfcbf042?w=400&h=400&fit=crop", }, ], }, ] [V0_FILE]png:file="public/wireless-headphones.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/wireless-headphones-LqpBeruF3f0RCUBwcARZlX0cQuiOyO.png" isMerged="true" [V0_FILE]jpg:file="public/usb-c-hub-adapter.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/usb-c-hub-adapter-OWvH6JRZjU11SL4qIIwic0i4Ds2GKC.jpg" isMerged="true" [V0_FILE]jpg:file="public/portable-external-ssd.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/portable-external-ssd-oHO0wCrnusAuByH34H1jF1W1Uq4OE0.jpg" isMerged="true" [V0_FILE]jpg:file="public/hd-webcam-computer-camera.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/hd-webcam-computer-camera-2xPizl2XoTVKFLUA1kPWNCIxAQp3mp.jpg" isMerged="true" [V0_FILE]jpg:file="public/phone-stand-holder.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/phone-stand-holder-84jHMTClNrVohbYhGo2WB2fnYThEo6.jpg" isMerged="true" [V0_FILE]jpg:file="public/mechanical-keyboard-gaming.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/mechanical-keyboard-gaming-Gh4oCVOguv5uImYJgLOhx6I9RjkjKK.jpg" isMerged="true" [V0_FILE]jpg:file="public/usb-flash-drive.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/usb-flash-drive-7FZpk6RPdxfSLtrTPPmrKkNAIWPnTb.jpg" isMerged="true" [V0_FILE]jpg:file="public/laptop-charger-power-adapter.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/laptop-charger-power-adapter-gv24H7qrWRjFlO3DwAsNfkgeFtqmkf.jpg" isMerged="true" [V0_FILE]jpg:file="public/wireless-mouse-ergonomic.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/wireless-mouse-ergonomic-AQh0wawOKvy3qBlNJRSMA1zS7gXfo5.jpg" isMerged="true" [V0_FILE]jpg:file="public/monitor-light-bar-desk-lamp.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/monitor-light-bar-desk-lamp-5v0CblS3luE2SuULM987oVxfNMT1TQ.jpg" isMerged="true" [V0_FILE]jpg:file="public/power-bank-fast-charging.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/power-bank-fast-charging-BwCPpLRGaUGEXP984OwfYmDVN9mZ4p.jpg" isMerged="true" [V0_FILE]jpg:file="public/cotton-t-shirt.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/cotton-t-shirt-kGdjcs7S1NUFfzQyYANX0YB3Dn2gsI.jpg" isMerged="true" [V0_FILE]png:file="public/denim-jeans.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/denim-jeans-rUHNOMGnaYhz3Dz12lZpJsp3zy83b6.png" isMerged="true" [V0_FILE]jpg:file="public/hoodie-sweatshirt.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/hoodie-sweatshirt-v2pHEaq499AkZfx8u9xTQJcZKI2zxv.jpg" isMerged="true" [V0_FILE]jpg:file="public/running-shoes-athletic-sneakers.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/running-shoes-athletic-sneakers-idetimzqgtVMvVQXOrVZcCpQiKRyay.jpg" isMerged="true" [V0_FILE]jpg:file="public/winter-jacket-coat.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/winter-jacket-coat-pJG1aHxWEkiMzdrWS9bCWVtGh5UITN.jpg" isMerged="true" [V0_FILE]png:file="public/cargo-pants.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/cargo-pants-LA4LocUxwnAqC4a4LhbOw4CPOBHp7y.png" isMerged="true" [V0_FILE]jpg:file="public/wool-sweater-knit.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/wool-sweater-knit-jz3Adz9IhVMWqvTZIASqJZrA5fVmzv.jpg" isMerged="true" [V0_FILE]typescriptreact:file="app/track/page.tsx" isMerged="true" import { Suspense } from "react" import { TrackingDetail } from "@/components/sections/tracking-detail" export const metadata = { title: "Track Your Shipment - ShipGlobal", description: "Real-time tracking of your shipment", } export default function TrackPage({ searchParams, }: { searchParams: Promise<{ number?: string }> }) { return (

Loading...}>

) } [V0_FILE]typescriptreact:file="components/sections/tracking-detail.tsx" isEdit="true" isMerged="true" "use client" import type React from "react" import { useEffect, useState } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { ArrowLeft, Download } from "lucide-react" import Link from "next/link" import type { Shipment } from "@/lib/utils/types" import { TrackingTimeline } from "@/components/tracking-timeline" import { TrackingMap } from "@/components/tracking-map" import { ShipmentDetails } from "@/components/shipment-details" import { TransactionHistoryViewer } from "@/components/transaction-history-viewer" export function TrackingDetail({ searchParams, }: { searchParams: Promise<{ number?: string }> }) { const [trackingNumber, setTrackingNumber] = useState("") const [shipment, setShipment] = useState(null) const [loading, setLoading] = useState(false) const [error, setError] = useState(null) const [initialNumber, setInitialNumber] = useState("") // Get initial tracking number from URL useEffect(() => { const getParams = async () => { const params = await searchParams if (params.number) { setInitialNumber(params.number) setTrackingNumber(params.number) await fetchShipment(params.number) } } getParams() }, [searchParams]) const fetchShipment = async (number: string) => { if (!number.trim()) { setError("Please enter a tracking number") return } setLoading(true) setError(null) try { const response = await fetch(`/api/shipments?tracking_number=${encodeURIComponent(number)}`) if (!response.ok) { if (response.status === 404) { setError("Shipment not found. Please check the tracking number and try again.") } else { setError("Error fetching shipment. Please try again.") } setShipment(null) return } const data = await response.json() setShipment(data) setError(null) } catch (err) { setError("Failed to fetch shipment information. Please try again.") setShipment(null) } finally { setLoading(false) } } const handleTrack = (e: React.FormEvent) => { e.preventDefault() fetchShipment(trackingNumber) } const downloadHistory = async () => { if (!shipment) return try { const response = await fetch(`/api/shipments/${shipment.id}/history`) const history = await response.json() const csv = convertToCSV(history) const element = document.createElement("a") element.setAttribute("href", "data:text/csv;charset=utf-8," + encodeURIComponent(csv)) element.setAttribute("download", `shipment-${shipment.tracking_number}-history.csv`) element.style.display = "none" document.body.appendChild(element) element.click() document.body.removeChild(element) } catch (err) { console.error("Failed to download history:", err) } } return (

{/* Header */}

Back to Home

Track Your Shipment

{error &&

{error}

}

{/* Results */} {shipment && (

{/* Tracking Number & Download */}

Tracking Number

{shipment.tracking_number}

{/* Timeline */}

Shipment Status

{/* Map */}

Live Location

{/* Shipment Details */}

Shipment Details

{/* Transaction History */}

Tracking History

)} {!shipment && !error && !loading && (

Enter a tracking number to get started

)}

) } function convertToCSV(data: any[]): string { if (!data || data.length === 0) return "" const headers = Object.keys(data[0]) const csv = [headers.join(","), ...data.map((row) => headers.map((h) => `"${row[h]}"`).join(","))].join("\n") return csv } [V0_FILE]typescriptreact:file="components/tracking-timeline.tsx" isMerged="true" import { Card } from "@/components/ui/card" import { CheckCircle2, Circle } from "lucide-react" interface TrackingTimelineProps { status: string } export function TrackingTimeline({ status }: TrackingTimelineProps) { const stages = ["Ordered", "Shipped", "Out for Delivery", "Delivered"] const currentIndex = stages.indexOf(status) return (

{stages.map((stage, idx) => { const isActive = idx <= currentIndex const isComplete = idx < currentIndex return (

{isComplete ? ( ) : isActive ? ( ) : ( )} {idx !== stages.length - 1 && (

)}

{stage}

{isActive && (

{idx === currentIndex ? "Current status" : "Completed"}

)}

) })}

) } [V0_FILE]typescriptreact:file="components/tracking-map.tsx" isMerged="true" "use client" import { useEffect, useRef } from "react" import type { Shipment } from "@/lib/utils/types" import { Card } from "@/components/ui/card" interface TrackingMapProps { shipment: Shipment } export function TrackingMap({ shipment }: TrackingMapProps) { const mapContainer = useRef(null) const map = useRef(null) useEffect(() => { if (!mapContainer.current) return // Check if Leaflet is already loaded if (!(window as any).L) { // Load Leaflet CSS const link = document.createElement("link") link.rel = "stylesheet" link.href = "https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.min.css" document.head.appendChild(link) // Load Leaflet JS const script = document.createElement("script") script.src = "https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.min.js" script.async = true script.onload = () => { initializeMap() } document.head.appendChild(script) } else { initializeMap() } function initializeMap() { const L = (window as any).L const lat = shipment.current_location_lat || 40.7128 const lng = shipment.current_location_lng || -74.006 // Clear previous map if exists if (map.current) { map.current.remove() } map.current = L.map(mapContainer.current).setView([lat, lng], 13) L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { attribution: '© OpenStreetMap contributors', maxZoom: 19, }).addTo(map.current) // Add marker for current location const marker = L.marker([lat, lng]).addTo(map.current) marker.bindPopup(`${shipment.product_name}
Current Location`) // Draw route if available if (shipment.route && Array.isArray(shipment.route) && shipment.route.length > 0) { const routePoints = shipment.route.map((point: any) => [point.lat, point.lng]) const polyline = L.polyline(routePoints, { color: "hsl(var(--primary))", weight: 3 }).addTo(map.current) // Add markers for each waypoint shipment.route.forEach((point: any, idx: number) => { L.circleMarker([point.lat, point.lng], { radius: 5, fillColor: "hsl(var(--accent))", color: "#fff", weight: 2, opacity: 1, fillOpacity: 0.8, }).addTo(map.current) }) // Fit bounds to route map.current.fitBounds(polyline.getBounds()) } } }, [shipment]) return (

) } [V0_FILE]typescriptreact:file="components/shipment-details.tsx" isMerged="true" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import type { Shipment } from "@/lib/utils/types" import { MapPin, Phone, Package, Calendar } from "lucide-react" interface ShipmentDetailsProps { shipment: Shipment } export function ShipmentDetails({ shipment }: ShipmentDetailsProps) { return (

{/* Product Information */} Product Information

Product Name

{shipment.product_name}

{shipment.notes && (

Notes

{shipment.notes}

)} {/* Delivery Information */} Delivery Information

Estimated Delivery

{shipment.delivery_datetime ? new Date(shipment.delivery_datetime).toLocaleString() : "Not set"}

Status

{shipment.status}

{/* Recipient Information */} Recipient Information

Name

{shipment.customer_name}

Address

{shipment.address}
{shipment.state}, {shipment.country}

{/* Contact Information */} Contact Information

Phone

{shipment.phone}

{shipment.email}

) } [V0_FILE]typescriptreact:file="components/transaction-history-viewer.tsx" isEdit="true" isMerged="true" "use client" import { useEffect, useState } from "react" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { LocaleAwareDate } from "@/components/locale-aware-date" import type { TransactionHistory } from "@/lib/utils/types" interface TransactionHistoryViewerProps { shipmentId: string } export function TransactionHistoryViewer({ shipmentId }: TransactionHistoryViewerProps) { const [history, setHistory] = useState([]) const [loading, setLoading] = useState(true) useEffect(() => { const fetchHistory = async () => { try { const response = await fetch(`/api/shipments/${shipmentId}/history`) const data = await response.json() setHistory(data) } catch (err) { console.error("Failed to fetch history:", err) } finally { setLoading(false) } } fetchHistory() }, [shipmentId]) if (loading) { return

Loading history...

} if (history.length === 0) { return

No history available yet

} return ( Transaction History

{history.map((record) => (

{record.event_type.replace(/_/g, " ")}

{record.auto_triggered && ( Auto )}

{record.field_name && (

{record.field_name}: "{record.old_value}" → "{record.new_value}"

)} {record.notes &&

{record.notes}

}

))}

) } [V0_FILE]typescript:file="app/api/shipments/[id]/history/route.ts" isMerged="true" import { getShipmentHistory } from "@/lib/api/shipments" import { type NextRequest, NextResponse } from "next/server" export const runtime = "nodejs" export async function GET(request: NextRequest, { params }: { params: Promise<{ id: string }> }) { try { const { id } = await params const history = await getShipmentHistory(id) return NextResponse.json(history) } catch (error) { console.error("API error:", error) return NextResponse.json({ error: "Internal server error" }, { status: 500 }) } } [V0_FILE]typescriptreact:file="app/admin/page.tsx" isMerged="true" import { redirect } from "next/navigation" import { AdminDashboard } from "@/components/admin/admin-dashboard" export const metadata = { title: "Admin Panel - ShipGlobal", description: "Admin dashboard for shipment management", } export default async function AdminPage() { // TODO: Add proper auth check here // For now, redirecting to login redirect("/admin/login") return } [V0_FILE]typescriptreact:file="app/admin/login/page.tsx" isMerged="true" import { AdminLoginForm } from "@/components/admin/admin-login-form" export const metadata = { title: "Admin Login - ShipGlobal", description: "Admin login page", } export default function AdminLoginPage() { return (

) } [V0_FILE]typescriptreact:file="app/admin/dashboard/page.tsx" isMerged="true" import { AdminDashboard } from "@/components/admin/admin-dashboard" export const metadata = { title: "Admin Dashboard - ShipGlobal", description: "Admin dashboard for shipment management", } export default function AdminDashboardPage() { return } [V0_FILE]typescriptreact:file="components/admin/admin-login-form.tsx" isEdit="true" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Package } from "lucide-react" import { useRouter } from "next/navigation" export function AdminLoginForm() { const router = useRouter() const [email, setEmail] = useState("") const [password, setPassword] = useState("") const [error, setError] = useState("") const [loading, setLoading] = useState(false) const handleLogin = async (e: React.FormEvent) => { e.preventDefault() setError("") setLoading(true) try { const response = await fetch("/api/admin/login", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email, password }), }) if (!response.ok) { setError("Invalid email or password") return } const data = await response.json() localStorage.setItem("adminToken", data.token) router.push("/admin/dashboard") } catch (err) { setError("An error occurred. Please try again.") } finally { setLoading(false) } } return (

Admin Login ShipGlobal Admin Panel ) } [V0_FILE]typescriptreact:file="components/admin/admin-dashboard.tsx" isEdit="true" isMerged="true" "use client" import { useState } from "react" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { ShipmentsList } from "./shipments-list" import { CreateShipmentForm } from "./create-shipment-form" import { AdminSettings } from "./admin-settings" import { Package, BarChart3, Settings } from "lucide-react" export function AdminDashboard() { const [refreshKey, setRefreshKey] = useState(0) const handleShipmentCreated = () => { setRefreshKey((k) => k + 1) } return (

{/* Admin Header */}

ShipGlobal Admin Panel

Manage shipments, track deliveries, and monitor operations

{/* Dashboard Content */}

Shipments Create New Settings

) } [V0_FILE]typescriptreact:file="components/admin/shipments-list.tsx" isMerged="true" "use client" import { useState, useEffect } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import type { Shipment } from "@/lib/utils/types" import { Search } from "lucide-react" import { EditShipmentModal } from "./edit-shipment-modal" export function ShipmentsList() { const [shipments, setShipments] = useState([]) const [filteredShipments, setFilteredShipments] = useState([]) const [loading, setLoading] = useState(true) const [searchTerm, setSearchTerm] = useState("") const [statusFilter, setStatusFilter] = useState("all") const [selectedShipment, setSelectedShipment] = useState(null) const [isModalOpen, setIsModalOpen] = useState(false) const [page, setPage] = useState(1) const itemsPerPage = 10 useEffect(() => { fetchShipments() }, []) useEffect(() => { let filtered = shipments if (searchTerm) { filtered = filtered.filter( (s) => s.tracking_number.toLowerCase().includes(searchTerm.toLowerCase()) || s.customer_name.toLowerCase().includes(searchTerm.toLowerCase()) || s.product_name.toLowerCase().includes(searchTerm.toLowerCase()), ) } if (statusFilter !== "all") { filtered = filtered.filter((s) => s.status === statusFilter) } setFilteredShipments(filtered) setPage(1) }, [searchTerm, statusFilter, shipments]) const fetchShipments = async () => { try { setLoading(true) const response = await fetch("/api/admin/shipments") const data = await response.json() setShipments(data) } catch (err) { console.error("Failed to fetch shipments:", err) } finally { setLoading(false) } } const startIndex = (page - 1) * itemsPerPage const paginatedShipments = filteredShipments.slice(startIndex, startIndex + itemsPerPage) const totalPages = Math.ceil(filteredShipments.length / itemsPerPage) const handleEditSuccess = () => { setIsModalOpen(false) setSelectedShipment(null) fetchShipments() } return ( Shipments Management {/* Search and Filters */}

setSearchTerm(e.target.value)} className="pl-10" />

{filteredShipments.length} shipments

{/* Table */} {loading ? (

Loading shipments...

) : filteredShipments.length === 0 ? (

No shipments found

) : ( <>

Tracking # Customer Product Status Delivery Date Actions {paginatedShipments.map((shipment) => ( {shipment.tracking_number} {shipment.customer_name} {shipment.product_name} {shipment.status} {shipment.delivery_datetime ? new Date(shipment.delivery_datetime).toLocaleDateString() : "—"} ))}

{/* Pagination */} {totalPages > 1 && (

Page {page} of {totalPages}

)} )} {/* Edit Modal */} {selectedShipment && ( setIsModalOpen(false)} onSuccess={handleEditSuccess} /> )} ) } [V0_FILE]typescriptreact:file="components/admin/edit-shipment-modal.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Textarea } from "@/components/ui/textarea" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@/components/ui/dialog" import type { Shipment } from "@/lib/utils/types" interface EditShipmentModalProps { shipment: Shipment isOpen: boolean onClose: () => void onSuccess: () => void } export function EditShipmentModal({ shipment, isOpen, onClose, onSuccess }: EditShipmentModalProps) { const [formData, setFormData] = useState({ status: shipment.status, delivery_datetime: shipment.delivery_datetime || "", current_location_lat: shipment.current_location_lat?.toString() || "", current_location_lng: shipment.current_location_lng?.toString() || "", notes: shipment.notes || "", }) const [loading, setLoading] = useState(false) const [error, setError] = useState("") const handleChange = (e: React.ChangeEvent) => { const { name, value } = e.target setFormData((prev) => ({ ...prev, [name]: value })) } const handleSelectChange = (name: string, value: string) => { setFormData((prev) => ({ ...prev, [name]: value })) } const handleSubmit = async (e: React.FormEvent) => { e.preventDefault() setError("") setLoading(true) try { const response = await fetch(`/api/admin/shipments/${shipment.id}`, { method: "PATCH", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ ...formData, current_location_lat: formData.current_location_lat ? Number.parseFloat(formData.current_location_lat) : null, current_location_lng: formData.current_location_lng ? Number.parseFloat(formData.current_location_lng) : null, }), }) if (!response.ok) { setError("Failed to update shipment") return } onSuccess() } catch (err) { setError("An error occurred. Please try again.") } finally { setLoading(false) } } return (