94:I[903690,["/chat-static/_next/static/immutable/chunks/3ylj5670h8zr_.js","/chat-static/_next/static/immutable/chunks/39zn_d0r3svko.js","/chat-static/_next/static/immutable/chunks/0pphhapj-fw3x.js","/chat-static/_next/static/immutable/chunks/35uzh68pydp0v.js","/chat-static/_next/static/immutable/chunks/2ftikag4lqb8c.js","/chat-static/_next/static/immutable/chunks/43kd14la8rz_-.js","/chat-static/_next/static/immutable/chunks/2i0rpllg-4zvf.js","/chat-static/_next/static/immutable/chunks/3s8icn-bip0tj.js","/chat-static/_next/static/immutable/chunks/015t3ef19py76.js","/chat-static/_next/static/immutable/chunks/1nwzd05fjwfah.js","/chat-static/_next/static/immutable/chunks/3sctqn1914l5w.js","/chat-static/_next/static/immutable/chunks/1spqqj78e1ykn.js","/chat-static/_next/static/immutable/chunks/3ftzit08h08g2.js","/chat-static/_next/static/immutable/chunks/3ldgj5vn7sd9j.js","/chat-static/_next/static/immutable/chunks/3hyzknxyslfo7.js","/chat-static/_next/static/immutable/chunks/29-21_f000qe1.js","/chat-static/_next/static/immutable/chunks/2kv6vo--6ni6k.js","/chat-static/_next/static/immutable/chunks/2iifuow0qvsc-.js","/chat-static/_next/static/immutable/chunks/02_tyxb_2ub3k.js","/chat-static/_next/static/immutable/chunks/2w4tj5qrgmz4d.js","/chat-static/_next/static/immutable/chunks/25nk5m2byvzk9.js","/chat-static/_next/static/immutable/chunks/2yzca_tnqvjec.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/09itepgh-7q9f.js","/chat-static/_next/static/immutable/chunks/0-ec22_yqmzcc.js","/chat-static/_next/static/immutable/chunks/44bhef7a7u-7e.js","/chat-static/_next/static/immutable/chunks/0l_1eejseha66.js","/chat-static/_next/static/immutable/chunks/1-csp0uzup6br.js","/chat-static/_next/static/immutable/chunks/3-80--tl5_i_3.js","/chat-static/_next/static/immutable/chunks/1_0--72vfkr3d.js","/chat-static/_next/static/immutable/chunks/3q-6iwjlz2gxz.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/108tnhrfmf7_s.js","/chat-static/_next/static/immutable/chunks/3kdmq0aswvxp8.js","/chat-static/_next/static/immutable/chunks/0d6t47olbp1a6.js","/chat-static/_next/static/immutable/chunks/18jlbprnfbhgc.js","/chat-static/_next/static/immutable/chunks/1zvijznvbabvr.js","/chat-static/_next/static/immutable/chunks/1cs_9ye6hwibc.js","/chat-static/_next/static/immutable/chunks/27vhedzlts1-t.js","/chat-static/_next/static/immutable/chunks/1y-s_5v3gpgrs.js","/chat-static/_next/static/immutable/chunks/3cox-6-gj2koz.js","/chat-static/_next/static/immutable/chunks/03zfcg27aso3w.js"],"ExplicitChatIdProvider"] 95:I[838238,["/chat-static/_next/static/immutable/chunks/3ylj5670h8zr_.js","/chat-static/_next/static/immutable/chunks/39zn_d0r3svko.js","/chat-static/_next/static/immutable/chunks/0pphhapj-fw3x.js","/chat-static/_next/static/immutable/chunks/35uzh68pydp0v.js","/chat-static/_next/static/immutable/chunks/2ftikag4lqb8c.js","/chat-static/_next/static/immutable/chunks/43kd14la8rz_-.js","/chat-static/_next/static/immutable/chunks/2i0rpllg-4zvf.js","/chat-static/_next/static/immutable/chunks/3s8icn-bip0tj.js","/chat-static/_next/static/immutable/chunks/015t3ef19py76.js","/chat-static/_next/static/immutable/chunks/1nwzd05fjwfah.js","/chat-static/_next/static/immutable/chunks/3sctqn1914l5w.js","/chat-static/_next/static/immutable/chunks/1spqqj78e1ykn.js","/chat-static/_next/static/immutable/chunks/3ftzit08h08g2.js","/chat-static/_next/static/immutable/chunks/3ldgj5vn7sd9j.js","/chat-static/_next/static/immutable/chunks/3hyzknxyslfo7.js","/chat-static/_next/static/immutable/chunks/29-21_f000qe1.js","/chat-static/_next/static/immutable/chunks/2kv6vo--6ni6k.js","/chat-static/_next/static/immutable/chunks/2iifuow0qvsc-.js","/chat-static/_next/static/immutable/chunks/02_tyxb_2ub3k.js","/chat-static/_next/static/immutable/chunks/2w4tj5qrgmz4d.js","/chat-static/_next/static/immutable/chunks/25nk5m2byvzk9.js","/chat-static/_next/static/immutable/chunks/2yzca_tnqvjec.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/09itepgh-7q9f.js","/chat-static/_next/static/immutable/chunks/0-ec22_yqmzcc.js","/chat-static/_next/static/immutable/chunks/44bhef7a7u-7e.js","/chat-static/_next/static/immutable/chunks/0l_1eejseha66.js","/chat-static/_next/static/immutable/chunks/1-csp0uzup6br.js","/chat-static/_next/static/immutable/chunks/3-80--tl5_i_3.js","/chat-static/_next/static/immutable/chunks/1_0--72vfkr3d.js","/chat-static/_next/static/immutable/chunks/3q-6iwjlz2gxz.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/108tnhrfmf7_s.js","/chat-static/_next/static/immutable/chunks/3kdmq0aswvxp8.js","/chat-static/_next/static/immutable/chunks/0d6t47olbp1a6.js","/chat-static/_next/static/immutable/chunks/18jlbprnfbhgc.js","/chat-static/_next/static/immutable/chunks/1zvijznvbabvr.js","/chat-static/_next/static/immutable/chunks/1cs_9ye6hwibc.js","/chat-static/_next/static/immutable/chunks/27vhedzlts1-t.js","/chat-static/_next/static/immutable/chunks/1y-s_5v3gpgrs.js","/chat-static/_next/static/immutable/chunks/3cox-6-gj2koz.js","/chat-static/_next/static/immutable/chunks/03zfcg27aso3w.js"],"SWRDataProvider"] 96:T1c866,[V0_FILE]typescriptreact:file="components/product-carousel.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useRef } from "react" import { ChevronLeft, ChevronRight } from "lucide-react" import { Button } from "@/components/ui/button" import ProductCard from "@/components/product-card" export function ProductCarousel() { const scrollContainerRef = useRef(null) const scrollLeft = () => { if (scrollContainerRef.current) { scrollContainerRef.current.scrollBy({ left: -300, behavior: "smooth" }) } } const scrollRight = () => { if (scrollContainerRef.current) { scrollContainerRef.current.scrollBy({ left: 300, behavior: "smooth" }) } } return (

{Array.from({ length: 10 }).map((_, i) => (

))}

) } [V0_FILE]css:file="app/globals.css" isMerged="true" @tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { --background: 0 0% 100%; --foreground: 222.2 84% 4.9%; --card: 0 0% 100%; --card-foreground: 222.2 84% 4.9%; --popover: 0 0% 100%; --popover-foreground: 222.2 84% 4.9%; --primary: 221.2 83.2% 53.3%; --primary-foreground: 210 40% 98%; --secondary: 210 40% 96.1%; --secondary-foreground: 222.2 47.4% 11.2%; --muted: 210 40% 96.1%; --muted-foreground: 215.4 16.3% 46.9%; --accent: 210 40% 96.1%; --accent-foreground: 222.2 47.4% 11.2%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 210 40% 98%; --border: 214.3 31.8% 91.4%; --input: 214.3 31.8% 91.4%; --ring: 221.2 83.2% 53.3%; --radius: 0.5rem; } .dark { --background: 222.2 84% 4.9%; --foreground: 210 40% 98%; --card: 222.2 84% 4.9%; --card-foreground: 210 40% 98%; --popover: 222.2 84% 4.9%; --popover-foreground: 210 40% 98%; --primary: 217.2 91.2% 59.8%; --primary-foreground: 222.2 47.4% 11.2%; --secondary: 217.2 32.6% 17.5%; --secondary-foreground: 210 40% 98%; --muted: 217.2 32.6% 17.5%; --muted-foreground: 215 20.2% 65.1%; --accent: 217.2 32.6% 17.5%; --accent-foreground: 210 40% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 210 40% 98%; --border: 217.2 32.6% 17.5%; --input: 217.2 32.6% 17.5%; --ring: 224.3 76.3% 48%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } } /* Hide scrollbar for Chrome, Safari and Opera */ .scrollbar-hide::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ .scrollbar-hide { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } [V0_FILE]typescriptreact:file="tailwind.config.js" isMerged="true" /** @type {import('tailwindcss').Config} */ module.exports = { darkMode: ["class"], content: [ "./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}", "*.{js,ts,jsx,tsx,mdx}", ], theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, keyframes: { "accordion-down": { from: { height: 0 }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: 0 }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", }, }, }, plugins: [require("tailwindcss-animate")], } [V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Inter } from "next/font/google" import "./globals.css" const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "Amazon Clone", description: "An Amazon ecommerce clone built with Next.js", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="components/product-card.tsx" isEdit="true" isMerged="true" "use client" import { useState } from "react" import Link from "next/link" import { Heart, Star } from "lucide-react" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" interface ProductCardProps { id: number } export default function ProductCard({ id }: ProductCardProps) { const [isFavorite, setIsFavorite] = useState(false) // Mock product data const product = { id, name: `Product ${id}`, price: 19.99 + id * 10, rating: 4.5, reviews: 120 + id, image: getProductImage(id), discount: id % 3 === 0 ? 15 : 0, prime: id % 2 === 0, } // Function to get different product images based on ID function getProductImage(id: number) { const category = id % 10 switch (category) { case 0: return "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=500&q=80" // Headphones case 1: return "https://images.unsplash.com/photo-1523275335684-37898b6baf30?w=500&q=80" // Watch case 2: return "https://images.unsplash.com/photo-1546868871-7041f2a55e12?w=500&q=80" // Smart watch case 3: return "https://images.unsplash.com/photo-1588872657578-7efd1f1555ed?w=500&q=80" // Laptop case 4: return "https://images.unsplash.com/photo-1583394838336-acd977736f90?w=500&q=80" // Headset case 5: return "https://images.unsplash.com/photo-1491933382434-500287f9b54b?w=500&q=80" // Tech gadgets case 6: return "https://images.unsplash.com/photo-1542291026-7eec264c27ff?w=500&q=80" // Shoes case 7: return "https://images.unsplash.com/photo-1585386959984-a4155224a1ad?w=500&q=80" // Perfume case 8: return "https://images.unsplash.com/photo-1560343090-f0409e92791a?w=500&q=80" // Backpack case 9: return "https://images.unsplash.com/photo-1511499767150-a48a237f0083?w=500&q=80" // Sunglasses default: return "https://images.unsplash.com/photo-1572569511254-d8f925fe2cbb?w=500&q=80" // Smartphone } } const discountedPrice = product.discount ? (product.price * (1 - product.discount / 100)).toFixed(2) : product.price.toFixed(2) return (

{product.name}

{Array.from({ length: 5 }).map((_, i) => ( ))} ({product.reviews})

{product.discount > 0 && ( <> ${discountedPrice} ${product.price.toFixed(2)} -{product.discount}% )} {product.discount === 0 && ${product.price.toFixed(2)}}

{product.prime &&

Prime FREE Delivery

}

) } [V0_FILE]typescriptreact:file="app/product/[id]/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useState } from "react" import Link from "next/link" import { ChevronRight, Minus, Plus, Star, Truck } from "lucide-react" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { ProductCarousel } from "@/components/product-carousel" export default function ProductPage({ params }: { params: { id: string } }) { const [quantity, setQuantity] = useState(1) // Mock product data const product = { id: Number.parseInt(params.id), name: `Premium Wireless Headphones - Noise Cancelling Bluetooth Over-Ear Headset with Microphone`, price: 199.99, rating: 4.5, reviews: 1250, description: `Experience premium sound quality with our wireless headphones. Features include: - Active noise cancellation - 30-hour battery life - Comfortable over-ear design - Built-in microphone for calls - Bluetooth 5.0 connectivity`, images: [ `https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=800&q=80`, `https://images.unsplash.com/photo-1583394838336-acd977736f90?w=800&q=80`, `https://images.unsplash.com/photo-1487215078519-e21cc028cb29?w=800&q=80`, ], discount: 15, inStock: true, prime: true, deliveryDate: "Tuesday, Feb 27", } const discountedPrice = product.discount ? (product.price * (1 - product.discount / 100)).toFixed(2) : product.price.toFixed(2) const incrementQuantity = () => setQuantity((prev) => prev + 1) const decrementQuantity = () => setQuantity((prev) => (prev > 1 ? prev - 1 : 1)) return (

amazon .clone

Home

Electronics

Headphones

{/* Product Images */}

{product.images.map((image, i) => (

))}

{/* Product Details */}

{product.name}

{Array.from({ length: 5 }).map((_, i) => ( ))} {product.reviews} ratings

{product.discount > 0 && ( <> ${discountedPrice} ${product.price.toFixed(2)} Save {product.discount}% )} {product.discount === 0 && ${product.price.toFixed(2)}}

Availability:

{product.inStock ? "In Stock" : "Out of Stock"}

{product.prime && ( <>

Delivery:

Prime FREE delivery by {product.deliveryDate}

)}

Quantity:

{quantity}

{/* Sidebar */}

${discountedPrice}

{product.prime && (

Prime FREE delivery by {product.deliveryDate}

)}

{product.inStock ? "In Stock" : "Out of Stock"}

Ships from Amazon.com

Sold by Amazon.com

Description Specifications Reviews

{product.description}

Brand

Premium Audio

Model

PA-500

Color

Black

Connectivity

Bluetooth 5.0

Battery Life

30 hours

{product.rating}

{Array.from({ length: 5 }).map((_, i) => ( ))}

{product.reviews} ratings

5 star

70%

4 star

20%

3 star

2 star

1 star

John D.

Verified Purchase

{Array.from({ length: 5 }).map((_, i) => ( ))} Great sound quality!

Reviewed on February 15, 2025

These headphones are amazing! The sound quality is crystal clear and the noise cancellation works perfectly. Battery life is excellent - I've been using them for a week on a single charge.

Sarah M.

Verified Purchase

{Array.from({ length: 4 }).map((_, i) => ( ))} {Array.from({ length: 1 }).map((_, i) => ( ))} Comfortable but a bit heavy

Reviewed on February 10, 2025

The sound quality is excellent and I love the noise cancellation feature. My only complaint is that they get a bit uncomfortable after wearing them for several hours. They're slightly heavier than my previous headphones.

Customers also bought

) } [V0_FILE]typescriptreact:file="app/cart/page.tsx" isEdit="true" isMerged="true" "use client" import { useState } from "react" import Link from "next/link" import { ChevronDown, ChevronUp, Trash2 } from "lucide-react" import { Button } from "@/components/ui/button" import { Separator } from "@/components/ui/separator" import { ProductCarousel } from "@/components/product-carousel" export default function CartPage() { // Mock cart data const [cartItems, setCartItems] = useState([ { id: 1, name: "Premium Wireless Headphones - Noise Cancelling Bluetooth Over-Ear Headset with Microphone", price: 169.99, quantity: 1, image: "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=300&q=80", inStock: true, prime: true, }, { id: 2, name: "Smartphone Stand Holder - Adjustable Desktop Phone Dock Compatible with All Mobile Phones", price: 15.99, quantity: 2, image: "https://images.unsplash.com/photo-1586953208448-b95a79798f07?w=300&q=80", inStock: true, prime: false, }, { id: 3, name: "Wireless Charging Pad - Fast Qi Certified Charger for iPhone and Android", price: 29.99, quantity: 1, image: "https://images.unsplash.com/photo-1618478594486-c65b899c4936?w=300&q=80", inStock: true, prime: true, }, ]) const updateQuantity = (id: number, newQuantity: number) => { if (newQuantity < 1) return setCartItems((prev) => prev.map((item) => (item.id === id ? { ...item, quantity: newQuantity } : item))) } const removeItem = (id: number) => { setCartItems((prev) => prev.filter((item) => item.id !== id)) } const subtotal = cartItems.reduce((sum, item) => sum + item.price * item.quantity, 0) const itemCount = cartItems.reduce((sum, item) => sum + item.quantity, 0) return (

amazon .clone

{/* Cart Items */}

Shopping Cart

{cartItems.length === 0 ? (

Your Amazon Cart is empty

Your shopping cart is waiting. Give it purpose – fill it with groceries, clothing, household supplies, electronics, and more.

) : ( <>

Price

{cartItems.map((item) => (

{item.name}

{item.inStock ? "In Stock" : "Out of Stock"}

{item.prime &&

Prime FREE Delivery

}

{item.quantity}

${item.price.toFixed(2)}

))}

Subtotal ({itemCount} {itemCount === 1 ? "item" : "items"}):{" "} ${subtotal.toFixed(2)}

)}

{/* Checkout */} {cartItems.length > 0 && (

Subtotal ({itemCount} {itemCount === 1 ? "item" : "items"}):{" "} ${subtotal.toFixed(2)}

)}

{cartItems.length > 0 && (

Recommended for you

)}

) } [V0_FILE]typescriptreact:file="components/product-categories.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import Link from "next/link" interface CategoryProps { title: string image: string link: string } function CategoryCard({ title, image, link }: CategoryProps) { return (

{title}

{ e.currentTarget.src = "https://images.unsplash.com/photo-1484154218962-a197022b5858?w=500&q=80" }} />

Shop now

) } export function ProductCategories() { const categories = [ { title: "Electronics", image: "https://images.unsplash.com/photo-1498049794561-7780e7231661?w=500&q=80", link: "/", }, { title: "Home & Kitchen", image: "https://images.unsplash.com/photo-1556911220-bda9f7f6b548?w=500&q=80", link: "/", }, { title: "Fashion", image: "https://images.unsplash.com/photo-1445205170230-053b83016050?w=500&q=80", link: "/", }, { title: "Books", image: "https://images.unsplash.com/photo-1495446815901-a7297e633e8d?w=500&q=80", link: "/", }, ] return (

{categories.map((category, index) => ( ))}

) } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import Link from "next/link" import { Search, ShoppingCart, Menu, ChevronDown } from "lucide-react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import ProductCard from "@/components/product-card" import { ProductCarousel } from "@/components/product-carousel" import { ProductCategories } from "@/components/product-categories" export default function Home() { return (

amazon .clone

Deliver to

Location

All

Hello, sign in

Account & Lists

Returns

& Orders

Cart

{/* Main Hero Banner */}

Hero banner showing electronics and gadgets

Spring Deals Event

Save up to 40% on electronics, home goods, and more

{/* Secondary Promotional Banners */}

Tech Essentials

Up to 30% off on selected items

Shop the sale

Home & Kitchen

New arrivals for your space

Discover more

Shop by Category

Deal of the day

Up to 40% off

Limited time deal

Top rated

★★★★★ (2,345)

Smart Watch Series 7

New arrivals

NEW

MacBook Pro 16"

Sign in

Recommended for you

Best Sellers

{Array.from({ length: 5 }).map((_, i) => ( ))}

Based on your browsing history

{Array.from({ length: 5 }).map((_, i) => ( ))}

) } [V0_FILE]typescriptreact:file="app/account/page.tsx" "use client" import Link from "next/link" import { useState } from "react" import { ChevronRight, Package, User, Heart, CreditCard, Settings, LogOut } from "lucide-react" import { Button } from "@/components/ui/button" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" export default function AccountPage() { const [activeTab, setActiveTab] = useState("profile") return (

amazon .clone

Home

Your Account

{/* Sidebar */}

Hello, User

{/* Main Content */}

{activeTab === "profile" && (

Your Profile

Personal Information Update your personal details Address Book Manage your shipping addresses

Home

Default

John Doe

123 Main Street

Apt 4B

New York, NY 10001

United States

Phone: +1 (555) 123-4567

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

Your Orders

All Orders Open Orders Cancelled

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

ORDER PLACED

February 20, 2025

TOTAL

${(order * 100 + 50).toFixed(2)}

SHIP TO

John Doe

ORDER # {order}23456789

View order details

{order === 1 ? "Delivered Feb 22" : order === 2 ? "Arriving tomorrow" : "Shipped"}

{order === 1 ? "Wireless Headphones - Noise Cancelling" : order === 2 ? "Smart Watch Series 7" : "Gaming Headset with Microphone"}

{order === 1 && ( )}

))}

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

ORDER PLACED

February 20, 2025

TOTAL

${(order * 100 + 50).toFixed(2)}

SHIP TO

John Doe

ORDER # {order}23456789

View order details

{order === 2 ? "Arriving tomorrow" : "Shipped"}

{order === 2 ? "Smart Watch Series 7" : "Gaming Headset with Microphone"}

))}

You don't have any cancelled orders

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

Your Wishlist

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

{item === 1 ? "Running Shoes" : item === 2 ? "Classic Watch" : item === 3 ? "Smart Watch" : "Backpack"}

${(item * 25 + 20).toFixed(2)}

In Stock

))}

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

Payment Methods

Your payment methods

Visa ending in 4242

Expires 12/2026

Default

Mastercard ending in 8888

Expires 08/2025

Gift cards

Enter a gift card code

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

Account Settings

Email Preferences Manage your email notifications

Order confirmations

Receive emails about your orders

Order emails

Promotions and deals

Receive emails about promotions and deals

Promotion emails

Account updates

Receive emails about your account activity

Account emails

Password Update your password Delete Account Permanently delete your account and all of your content

Once you delete your account, there is no going back. Please be certain.

)}

) } [V0_FILE]typescriptreact:file="app/category/[slug]/page.tsx" "use client" import Link from "next/link" import { useState } from "react" import { ChevronDown, ChevronRight, Search, ShoppingCart, Menu, Star, SlidersHorizontal } from "lucide-react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Checkbox } from "@/components/ui/checkbox" import { Slider } from "@/components/ui/slider" import ProductCard from "@/components/product-card" export default function CategoryPage({ params }: { params: { slug: string } }) { const [priceRange, setPriceRange] = useState([0, 1000]) const [showFilters, setShowFilters] = useState(false) // Format category name from slug const categoryName = params.slug .split("-") .map((word) => word.charAt(0).toUpperCase() + word.slice(1)) .join(" ") // Mock category data const categoryData = { electronics: { title: "Electronics", description: "Shop the latest electronics including smartphones, tablets, laptops and more", image: "https://images.unsplash.com/photo-1498049794561-7780e7231661?w=1200&q=80", brands: ["Apple", "Samsung", "Sony", "LG", "Bose", "Dell"], features: ["Wireless", "Bluetooth", "4K", "HD", "Smart Home", "Voice Control"], }, "home-kitchen": { title: "Home & Kitchen", description: "Everything you need for your home and kitchen, from appliances to decor", image: "https://images.unsplash.com/photo-1556911220-bda9f7f6b548?w=1200&q=80", brands: ["KitchenAid", "Cuisinart", "Dyson", "Ninja", "Keurig", "Instant Pot"], features: ["Energy Efficient", "Stainless Steel", "Compact", "Programmable", "Cordless"], }, fashion: { title: "Fashion", description: "Discover the latest trends in clothing, shoes, and accessories", image: "https://images.unsplash.com/photo-1445205170230-053b83016050?w=1200&q=80", brands: ["Nike", "Adidas", "Calvin Klein", "Levi's", "H&M", "Zara"], features: ["Sustainable", "Organic Cotton", "Waterproof", "Breathable", "Lightweight"], }, books: { title: "Books", description: "Explore bestsellers, new releases, and classics in all genres", image: "https://images.unsplash.com/photo-1495446815901-a7297e633e8d?w=1200&q=80", brands: ["Penguin", "HarperCollins", "Random House", "Simon & Schuster", "Macmillan"], features: ["Hardcover", "Paperback", "E-book", "Audiobook", "Signed Copy"], }, } // Get category data or use default const category = categoryData[params.slug as keyof typeof categoryData] || { title: categoryName, description: `Shop our selection of ${categoryName} products`, image: "https://images.unsplash.com/photo-1607082350899-7e105aa886ae?w=1200&q=80", brands: ["Brand 1", "Brand 2", "Brand 3", "Brand 4", "Brand 5"], features: ["Feature 1", "Feature 2", "Feature 3", "Feature 4", "Feature 5"], } return (

amazon .clone

Deliver to

Location

All

Hello, sign in

Account & Lists

Returns

& Orders

Cart

{/* Category Hero */}

{category.title}

{category.description}

Home

{category.title}

1-24 of over 2,000 results

{/* Filters - Mobile */} {showFilters && (

Filters

Price

${priceRange[0]} to ${priceRange[1]}

Brand

{category.brands.map((brand, i) => (

{brand}

))}

Features

{category.features.map((feature, i) => (

{feature}

))}

Customer Reviews

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

{Array.from({ length: 5 }).map((_, i) => ( ))} & Up

))}

)} {/* Filters - Desktop */}

Filters

Price

${priceRange[0]} to ${priceRange[1]}

Brand

{category.brands.map((brand, i) => (

{brand}

))}

Features

{category.features.map((feature, i) => (

{feature}

))}

Customer Reviews

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

{Array.from({ length: 5 }).map((_, i) => ( ))} & Up

))}

{/* Product Grid */}

1-24 of over 2,000 results

Sort by:

{Array.from({ length: 12 }).map((_, i) => ( ))}

...

) } [V0_FILE]typescriptreact:file="app/search/page.tsx" "use client" import Link from "next/link" import { useState } from "react" import { ChevronDown, ChevronRight, Search, ShoppingCart, Menu, Star, SlidersHorizontal } from "lucide-react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Checkbox } from "@/components/ui/checkbox" import { Slider } from "@/components/ui/slider" import ProductCard from "@/components/product-card" export default function SearchPage({ searchParams }: { searchParams: { q?: string } }) { const [priceRange, setPriceRange] = useState([0, 1000]) const [showFilters, setShowFilters] = useState(false) const query = searchParams.q || "products" return (

amazon .clone

Deliver to

Location

All

Hello, sign in

Account & Lists

Returns

& Orders

Cart

Home

Search Results

Search results for "{query}"

1-24 of over 1,000 results

{/* Filters - Mobile */} {showFilters && (

Filters

Price

${priceRange[0]} to ${priceRange[1]}

Department

{["Electronics", "Home & Kitchen", "Fashion", "Books", "Toys", "Beauty"].map((dept, i) => (

{dept}

))}

Brand

{["Apple", "Samsung", "Sony", "LG", "Amazon", "Microsoft"].map((brand, i) => (

{brand}

))}

Customer Reviews

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

{Array.from({ length: 5 }).map((_, i) => ( ))} & Up

))}

)} {/* Filters - Desktop */}

Filters

Price

${priceRange[0]} to ${priceRange[1]}

Department

{["Electronics", "Home & Kitchen", "Fashion", "Books", "Toys", "Beauty"].map((dept, i) => (

{dept}

))}

Brand

{["Apple", "Samsung", "Sony", "LG", "Amazon", "Microsoft"].map((brand, i) => (

{brand}

))}

Customer Reviews

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

{Array.from({ length: 5 }).map((_, i) => ( ))} & Up

))}

{/* Product Grid */}

1-24 of over 1,000 results for "{query}"

Sort by:

{Array.from({ length: 16 }).map((_, i) => ( ))}

...

) } [V0_FILE]typescriptreact:file="app/wishlist/page.tsx" "use client" import { useState } from "react" export default function WishlistPage() { // Mock wishlist data const [wishlistItems, setWishlistItems] = useState([ { id: 1, name: "Premium Wireless Headphones - Noise Cancelling Bluetooth Over-Ear Headset with Microphone", price: 169.99, image: "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=300&q=80", inStock: true, addedDate: "February 15, 2025", }, { id: 2, name: "Smart Watch Series 7 - GPS, Always-On Retina Display, Fitness Tracker", price: 399.99, image: "https://images.unsplash.com/photo-1546868871-7041f2a55e12?w=300&q=80", inStock: true, addedDate: "February 10, 2025", }, { id: 3, name: "Ultra HD 4K Smart TV - 55 inch, HDR, Voice Control, Streaming Apps", price: 549.99, image: "https://images.unsplash.com/photo-1593784991095-a205069470b6?w=300&q=80", inStock: false, addedDate: "February 5, 2025", }, { id: 4,\ name: "Ergonomic Office Chair - Adjustable Height, 8b:["$","$L94",null,{"chatId":"QLj4JJ10wrH","children":["$","$L95",null,{"data":{"@\"active-block\",\"QLj4JJ10wrH\",":{"id":"b_6m4egnkGUny","messageId":"lnzgHnApJ46KEovDQ0WiSdW6H0DId8q9","source":"$96","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"amazon-clone","type":"code-project","project":"amazon-clone"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"QLj4JJ10wrH\",":false},"children":"$L97"}]}]

About

Tags

Share

About

Tags

Share

More from donvito

More Templates Like This