a3:I[903690,["/chat-static/_next/static/immutable/chunks/27-vbiczqwadd.js","/chat-static/_next/static/immutable/chunks/0ur16xcze8_1h.js","/chat-static/_next/static/immutable/chunks/3hhljswb3xr61.js","/chat-static/_next/static/immutable/chunks/39d5rx2m7s5ra.js","/chat-static/_next/static/immutable/chunks/1oa3bat8-m8-8.js","/chat-static/_next/static/immutable/chunks/3py7oec8qvsc4.js","/chat-static/_next/static/immutable/chunks/37c0b4etzd24w.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/30wqhens5cioe.js","/chat-static/_next/static/immutable/chunks/0r3s70ucno8tj.js","/chat-static/_next/static/immutable/chunks/047caungpv2oe.js","/chat-static/_next/static/immutable/chunks/26weiv4cc7xqf.js","/chat-static/_next/static/immutable/chunks/3h47h0tu6ra94.js","/chat-static/_next/static/immutable/chunks/0f2nmau4qedmf.js","/chat-static/_next/static/immutable/chunks/43gnhml2xmgmb.js","/chat-static/_next/static/immutable/chunks/03sr8-zctjh6i.js","/chat-static/_next/static/immutable/chunks/1nfwdr83o8uz6.js","/chat-static/_next/static/immutable/chunks/3i83l5x0zfxvu.js","/chat-static/_next/static/immutable/chunks/17anht-a4gnim.js","/chat-static/_next/static/immutable/chunks/1juzrssbfor2n.js","/chat-static/_next/static/immutable/chunks/1eb1rdocf1tga.js","/chat-static/_next/static/immutable/chunks/3_zne-oxp3ex8.js","/chat-static/_next/static/immutable/chunks/02yydb8nw8axw.js","/chat-static/_next/static/immutable/chunks/34vfx05kxpiur.js","/chat-static/_next/static/immutable/chunks/1pywt1h873bd3.js","/chat-static/_next/static/immutable/chunks/2dfjxmcoo1tp2.js","/chat-static/_next/static/immutable/chunks/44nbccq978hqd.js","/chat-static/_next/static/immutable/chunks/33g364dont6bc.js","/chat-static/_next/static/immutable/chunks/0j-1w-w1bwtmq.js","/chat-static/_next/static/immutable/chunks/3bmzbu_szsf-9.js","/chat-static/_next/static/immutable/chunks/160dnmg12a310.js","/chat-static/_next/static/immutable/chunks/010_gl05brgju.js","/chat-static/_next/static/immutable/chunks/2-ea-d4zcky46.js","/chat-static/_next/static/immutable/chunks/1313h03o0y7tq.js","/chat-static/_next/static/immutable/chunks/23pqwf8g6d7y_.js","/chat-static/_next/static/immutable/chunks/14xmhcwc5tega.js","/chat-static/_next/static/immutable/chunks/0l--bazl3wxtg.js","/chat-static/_next/static/immutable/chunks/0-u2qi7_ipvhl.js","/chat-static/_next/static/immutable/chunks/2btv83pt9ymj7.js","/chat-static/_next/static/immutable/chunks/3d5-jgyn9ik5o.js","/chat-static/_next/static/immutable/chunks/3myj5oeayzmna.js","/chat-static/_next/static/immutable/chunks/390wp66z9uy53.js","/chat-static/_next/static/immutable/chunks/22fm17k3ppj96.js","/chat-static/_next/static/immutable/chunks/0wa14r29vk-50.js","/chat-static/_next/static/immutable/chunks/2xoud719kc93g.js","/chat-static/_next/static/immutable/chunks/2nsejysme7n9p.js","/chat-static/_next/static/immutable/chunks/3ua-hupun3u5v.js","/chat-static/_next/static/immutable/chunks/2t6iflmfbh2ak.js","/chat-static/_next/static/immutable/chunks/3hydsgjkarn4n.js","/chat-static/_next/static/immutable/chunks/1dyan6tyb3vqy.js","/chat-static/_next/static/immutable/chunks/0ilzxtsq9fh87.js"],"ExplicitChatIdProvider"] a4:I[838238,["/chat-static/_next/static/immutable/chunks/27-vbiczqwadd.js","/chat-static/_next/static/immutable/chunks/0ur16xcze8_1h.js","/chat-static/_next/static/immutable/chunks/3hhljswb3xr61.js","/chat-static/_next/static/immutable/chunks/39d5rx2m7s5ra.js","/chat-static/_next/static/immutable/chunks/1oa3bat8-m8-8.js","/chat-static/_next/static/immutable/chunks/3py7oec8qvsc4.js","/chat-static/_next/static/immutable/chunks/37c0b4etzd24w.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/30wqhens5cioe.js","/chat-static/_next/static/immutable/chunks/0r3s70ucno8tj.js","/chat-static/_next/static/immutable/chunks/047caungpv2oe.js","/chat-static/_next/static/immutable/chunks/26weiv4cc7xqf.js","/chat-static/_next/static/immutable/chunks/3h47h0tu6ra94.js","/chat-static/_next/static/immutable/chunks/0f2nmau4qedmf.js","/chat-static/_next/static/immutable/chunks/43gnhml2xmgmb.js","/chat-static/_next/static/immutable/chunks/03sr8-zctjh6i.js","/chat-static/_next/static/immutable/chunks/1nfwdr83o8uz6.js","/chat-static/_next/static/immutable/chunks/3i83l5x0zfxvu.js","/chat-static/_next/static/immutable/chunks/17anht-a4gnim.js","/chat-static/_next/static/immutable/chunks/1juzrssbfor2n.js","/chat-static/_next/static/immutable/chunks/1eb1rdocf1tga.js","/chat-static/_next/static/immutable/chunks/3_zne-oxp3ex8.js","/chat-static/_next/static/immutable/chunks/02yydb8nw8axw.js","/chat-static/_next/static/immutable/chunks/34vfx05kxpiur.js","/chat-static/_next/static/immutable/chunks/1pywt1h873bd3.js","/chat-static/_next/static/immutable/chunks/2dfjxmcoo1tp2.js","/chat-static/_next/static/immutable/chunks/44nbccq978hqd.js","/chat-static/_next/static/immutable/chunks/33g364dont6bc.js","/chat-static/_next/static/immutable/chunks/0j-1w-w1bwtmq.js","/chat-static/_next/static/immutable/chunks/3bmzbu_szsf-9.js","/chat-static/_next/static/immutable/chunks/160dnmg12a310.js","/chat-static/_next/static/immutable/chunks/010_gl05brgju.js","/chat-static/_next/static/immutable/chunks/2-ea-d4zcky46.js","/chat-static/_next/static/immutable/chunks/1313h03o0y7tq.js","/chat-static/_next/static/immutable/chunks/23pqwf8g6d7y_.js","/chat-static/_next/static/immutable/chunks/14xmhcwc5tega.js","/chat-static/_next/static/immutable/chunks/0l--bazl3wxtg.js","/chat-static/_next/static/immutable/chunks/0-u2qi7_ipvhl.js","/chat-static/_next/static/immutable/chunks/2btv83pt9ymj7.js","/chat-static/_next/static/immutable/chunks/3d5-jgyn9ik5o.js","/chat-static/_next/static/immutable/chunks/3myj5oeayzmna.js","/chat-static/_next/static/immutable/chunks/390wp66z9uy53.js","/chat-static/_next/static/immutable/chunks/22fm17k3ppj96.js","/chat-static/_next/static/immutable/chunks/0wa14r29vk-50.js","/chat-static/_next/static/immutable/chunks/2xoud719kc93g.js","/chat-static/_next/static/immutable/chunks/2nsejysme7n9p.js","/chat-static/_next/static/immutable/chunks/3ua-hupun3u5v.js","/chat-static/_next/static/immutable/chunks/2t6iflmfbh2ak.js","/chat-static/_next/static/immutable/chunks/3hydsgjkarn4n.js","/chat-static/_next/static/immutable/chunks/1dyan6tyb3vqy.js","/chat-static/_next/static/immutable/chunks/0ilzxtsq9fh87.js"],"SWRDataProvider"] a6:[] a7:[["b_4O6qUUBVdKy",null],["b_wwragUWzpmP",null],["b_XuHGi9mY5ZE",null]] a8:[["b_4O6qUUBVdKy",{"templateVersionId":null,"templateCanonId":null}],["b_wwragUWzpmP",{"templateVersionId":null,"templateCanonId":null}],["b_XuHGi9mY5ZE",{"templateVersionId":null,"templateCanonId":null}]] a9:[["KmH7IeE8tU5","$D2025-04-02T01:26:15.366Z"],["b_miF2QmLzAwl","$D2025-04-02T01:42:18.511Z"],["b_OAfzN0hRBuq","$D2025-04-02T01:48:38.829Z"],["b_DqQ0sH0vXH7","$D2025-04-02T02:29:58.214Z"],["b_ROFJKlHvAHX","$D2025-04-02T02:32:23.017Z"],["b_u45DFkdCFM4","$D2025-04-02T02:36:08.910Z"],["b_Dlszuw8C762","$D2025-04-02T02:40:12.672Z"],["b_7YIRHvyq791","$D2025-04-02T11:37:04.118Z"],["b_nl3vogjJJjn","$D2025-04-02T11:45:54.505Z"],["b_j2YikLJgBql","$D2025-04-03T13:07:07.100Z"],["b_5CwL5kk0aZU","$D2025-04-03T13:11:43.687Z"],["b_RPqgILsDL9N","$D2025-04-03T13:13:54.878Z"],["b_HURSRj0FVJq","$D2025-04-03T13:21:33.945Z"],["b_zv4E8x88FX7","$D2025-04-03T13:21:47.414Z"],["b_m335UiUUoR5","$D2025-04-03T13:34:14.095Z"],["b_WigWzChPhZr","$D2025-04-03T13:40:10.606Z"],["b_fp9DJNsNHLe","$D2025-04-04T16:40:16.808Z"],["b_dli6XmUbXiU","$D2025-04-04T16:41:47.977Z"],["b_v6Li9kXncRy","$D2025-04-04T16:57:40.229Z"],["b_HtA1lxMEyoA","$D2025-07-08T21:29:37.791Z"],["b_ZYxyoFZHUYM","$D2025-07-08T21:34:59.671Z"],["b_clkPDV1USUt","$D2025-07-08T21:38:41.824Z"],["b_Fdq0NteB2qZ","$D2025-07-08T21:43:57.620Z"],["b_TPgua4l8XYd","$D2025-07-08T21:46:17.886Z"],["b_OGg1G7zIten","$D2025-07-08T21:48:49.720Z"],["b_BLcmh8Hk0U8","$D2025-07-08T21:51:22.432Z"],["b_GgXuH00XK17","$D2025-07-08T21:54:33.927Z"],["b_C9l3GdGz9Bp","$D2025-07-08T21:57:07.637Z"],["b_6Hmz7KJq4LN","$D2025-07-08T21:58:30.178Z"],["b_iLQTogGpz77","$D2025-07-08T22:00:19.550Z"],["b_xOmBNIg0JkL","$D2025-07-08T22:02:05.528Z"],["b_0TOr6CMoMkY","$D2025-07-08T22:04:14.632Z"],["b_xDA6pOGNAWu","$D2025-07-08T22:06:22.143Z"],["b_hLUTeWpGqdH","$D2025-07-08T22:09:12.258Z"],["b_AgUrhvW0gjB","$D2025-07-08T22:12:57.730Z"],["b_jdPXeSGeMfT","$D2025-07-08T22:17:06.470Z"],["b_ukXfNzerraU","$D2025-07-08T22:19:11.336Z"],["b_jYjPKEUnWRn","$D2025-07-08T22:20:33.524Z"],["b_xJEZ6opV2bd","$D2025-07-08T22:48:53.497Z"],["b_PJmpALmjqLy","$D2025-07-08T22:51:37.658Z"],["b_ibFT34ZCooU","$D2025-07-08T22:57:38.404Z"],["b_5q5OkqPG4B3","$D2025-07-08T23:00:17.377Z"],["b_PAfeuZsCruM","$D2025-07-08T23:02:14.474Z"],["b_HIQmZWs7ZqW","$D2025-07-08T23:33:27.498Z"],["b_Dcs2rcVOQ8O","$D2025-07-08T23:35:20.969Z"],["b_9kk3vhLLdNK","$D2025-07-08T23:38:35.863Z"],["b_ESWxs8gR5ly","$D2025-07-08T23:40:58.690Z"],["b_E5oGyJee28n","$D2025-07-08T23:48:27.707Z"],["b_0uryUygO0u4","$D2025-07-08T23:52:28.548Z"],["b_jubnzPQ4s7i","$D2025-07-08T23:56:40.435Z"],["b_4O6qUUBVdKy","$D2025-07-09T00:05:36.449Z"],["b_wwragUWzpmP","$D2025-09-14T12:08:22.865Z"],["b_XuHGi9mY5ZE","$D2025-09-14T12:32:57.904Z"]] aa:[["b_4O6qUUBVdKy",false],["b_wwragUWzpmP",false],["b_XuHGi9mY5ZE",false]] ab:[["b_4O6qUUBVdKy","$undefined"],["b_wwragUWzpmP","$undefined"],["b_XuHGi9mY5ZE",{"git":{"ref":"main","sha":"b9aa8018dd24144ce8a456badccf9f9598eb7770","type":"github","repoId":0,"repoName":"v0-1-wY6QGkgfpoFAXPBuDdawL7QN-O1bRXfRSgxY","ownerName":"v0-git-s3-storage","commitMessage":"Initial commit from v0"}}]] ac:[["b_4O6qUUBVdKy",null],["b_wwragUWzpmP",null],["b_XuHGi9mY5ZE",null]] ad:[["b_4O6qUUBVdKy",true],["b_wwragUWzpmP",true],["b_XuHGi9mY5ZE",true]] ae:[["b_4O6qUUBVdKy",true],["b_wwragUWzpmP",true],["b_XuHGi9mY5ZE",true]] af:[] b0:T80223,[V0_FILE]typescriptreact:file="app/admin/products/page.tsx" isMerged="true" "use client" import { useState } from "react" import Link from "next/link" import Image from "next/image" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu" import { Badge } from "@/components/ui/badge" import { Search, Plus, MoreHorizontal, Edit, Trash2, Copy, Eye } from "lucide-react" import AdminLayout from "@/components/admin-layout" // Sample product data const products = [ { id: "1", name: "Boneca Interativa", image: "/placeholder.svg?height=40&width=40", category: "Bonecas", price: 89.9, stock: 24, status: "active", }, { id: "2", name: "Kit de Blocos de Montar", image: "/placeholder.svg?height=40&width=40", category: "Educativos", price: 129.9, stock: 18, status: "active", }, { id: "3", name: "Carrinho de Controle Remoto", image: "/placeholder.svg?height=40&width=40", category: "Carrinhos", price: 159.9, stock: 5, status: "active", }, { id: "4", name: "Jogo de Tabuleiro Estratégia", image: "/placeholder.svg?height=40&width=40", category: "Jogos", price: 79.9, stock: 12, status: "active", }, { id: "5", name: "Pelúcia Unicórnio", image: "/placeholder.svg?height=40&width=40", category: "Pelúcias", price: 49.9, stock: 0, status: "out_of_stock", }, { id: "6", name: "Kit de Ciências", image: "/placeholder.svg?height=40&width=40", category: "Educativos", price: 119.9, stock: 7, status: "active", }, { id: "7", name: "Quebra-Cabeça 1000 peças", image: "/placeholder.svg?height=40&width=40", category: "Jogos", price: 69.9, stock: 9, status: "active", }, ] export default function AdminProducts() { const [searchTerm, setSearchTerm] = useState("") const filteredProducts = products.filter( (product) => product.name.toLowerCase().includes(searchTerm.toLowerCase()) || product.category.toLowerCase().includes(searchTerm.toLowerCase()), ) return (

Produtos

setSearchTerm(e.target.value)} />

Imagem Nome Categoria Preço Estoque Status Ações {filteredProducts.length === 0 ? ( Nenhum produto encontrado. ) : ( filteredProducts.map((product) => ( {product.name}

{product.name} {product.category} R$ {product.price.toFixed(2)} {product.stock} {product.status === "active" ? "Ativo" : "Sem estoque"} Visualizar Editar Duplicar Excluir )) )}

) } [V0_FILE]typescriptreact:file="app/admin/products/loading.tsx" isFixed="true" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="components/hero-section.tsx" isMerged="true" import Link from "next/link" import { Button } from "@/components/ui/button" export default function HeroSection() { return (

Brinquedos que Inspiram

Descubra nossa coleção de brinquedos educativos e divertidos para todas as idades. Estimule a criatividade e o aprendizado com produtos de qualidade.

) } [V0_FILE]typescriptreact:file="components/cart-provider.tsx" isMerged="true" "use client" import { createContext, useContext, useState, useEffect, type ReactNode } from "react" import { useToast } from "@/components/ui/use-toast" export interface CartItem { id: string name: string price: number image?: string quantity: number category?: string } interface CartContextType { cart: CartItem[] addToCart: (product: Omit) => void removeFromCart: (id: string) => void updateQuantity: (id: string, quantity: number) => void clearCart: () => void } const CartContext = createContext(undefined) export function CartProvider({ children }: { children: ReactNode }) { const [cart, setCart] = useState([]) const { toast } = useToast() // Load cart from localStorage on initial render useEffect(() => { const savedCart = localStorage.getItem("cart") if (savedCart) { try { setCart(JSON.parse(savedCart)) } catch (error) { console.error("Failed to parse cart from localStorage:", error) } } }, []) // Save cart to localStorage whenever it changes useEffect(() => { localStorage.setItem("cart", JSON.stringify(cart)) }, [cart]) const addToCart = (product: Omit) => { setCart((prevCart) => { const existingItem = prevCart.find((item) => item.id === product.id) if (existingItem) { // If item already exists, increase quantity const updatedCart = prevCart.map((item) => item.id === product.id ? { ...item, quantity: item.quantity + 1 } : item, ) toast({ title: "Quantidade atualizada", description: `${product.name} agora tem ${existingItem.quantity + 1} unidades no carrinho.`, }) return updatedCart } else { // If item doesn't exist, add it with quantity 1 toast({ title: "Produto adicionado", description: `${product.name} foi adicionado ao carrinho.`, }) return [...prevCart, { ...product, quantity: 1 }] } }) } const removeFromCart = (id: string) => { setCart((prevCart) => { const itemToRemove = prevCart.find((item) => item.id === id) if (itemToRemove) { toast({ title: "Produto removido", description: `${itemToRemove.name} foi removido do carrinho.`, }) } return prevCart.filter((item) => item.id !== id) }) } const updateQuantity = (id: string, quantity: number) => { setCart((prevCart) => prevCart.map((item) => (item.id === id ? { ...item, quantity } : item))) } const clearCart = () => { setCart([]) toast({ title: "Carrinho limpo", description: "Todos os itens foram removidos do carrinho.", }) } return ( {children} ) } export function useCart() { const context = useContext(CartContext) if (context === undefined) { throw new Error("useCart must be used within a CartProvider") } return context } [V0_FILE]typescriptreact:file="lib/data.ts" isMerged="true" // This file would typically interact with a database or API // For this example, we'll use mock data export interface Product { id: string name: string description: string details: string price: number image?: string category: string categoryId: string rating: number reviewCount: number inStock: boolean ageRange: string specifications: Array<{ name: string; value: string }> } const products: Product[] = [ { id: "1", name: "Boneca Interativa", description: "Boneca interativa com mais de 50 frases e expressões.", details: "Esta boneca interativa é perfeita para estimular a imaginação das crianças. Com mais de 50 frases e expressões, ela responde ao toque e reconhece a voz da criança. Inclui acessórios como mamadeira, chupeta e roupas extras.", price: 89.9, image: "/placeholder.svg?height=600&width=600", category: "Bonecas", categoryId: "bonecas", rating: 4, reviewCount: 28, inStock: true, ageRange: "3-8 anos", specifications: [ { name: "Dimensões", value: "30 x 15 x 10 cm" }, { name: "Material", value: "Plástico e tecido" }, { name: "Pilhas", value: "3 pilhas AA (não inclusas)" }, { name: "Peso", value: "500g" }, ], }, { id: "2", name: "Kit de Blocos de Montar", description: "Kit com 200 peças de blocos de montar coloridos e compatíveis.", details: "Este kit de blocos de montar contém 200 peças coloridas e compatíveis com as principais marcas do mercado. Ideal para estimular a criatividade, coordenação motora e raciocínio lógico. Inclui manual com sugestões de montagens.", price: 129.9, image: "/placeholder.svg?height=600&width=600", category: "Educativos", categoryId: "educativos", rating: 5, reviewCount: 42, inStock: true, ageRange: "4+ anos", specifications: [ { name: "Peças", value: "200 unidades" }, { name: "Dimensões da embalagem", value: "35 x 25 x 15 cm" }, { name: "Material", value: "Plástico ABS" }, { name: "Peso", value: "800g" }, ], }, { id: "3", name: "Carrinho de Controle Remoto", description: "Carrinho de controle remoto com bateria recarregável e alta velocidade.", details: "Este carrinho de controle remoto possui bateria recarregável de longa duração, alcance de até 30 metros e velocidade de até 20 km/h. Possui suspensão e pneus emborrachados para melhor aderência em diferentes superfícies.", price: 159.9, image: "/placeholder.svg?height=600&width=600", category: "Carrinhos", categoryId: "carrinhos", rating: 4, reviewCount: 15, inStock: true, ageRange: "6+ anos", specifications: [ { name: "Velocidade", value: "Até 20 km/h" }, { name: "Alcance", value: "30 metros" }, { name: "Bateria", value: "Recarregável Li-ion" }, { name: "Tempo de uso", value: "25 minutos" }, { name: "Tempo de recarga", value: "90 minutos" }, ], }, { id: "4", name: "Jogo de Tabuleiro Estratégia", description: "Jogo de tabuleiro de estratégia para toda a família.", details: "Este jogo de tabuleiro de estratégia é perfeito para reunir a família e amigos. Com regras simples mas desafiadoras, proporciona horas de diversão e estimula o raciocínio lógico e estratégico. Recomendado para 2 a 6 jogadores.", price: 79.9, image: "/placeholder.svg?height=600&width=600", category: "Jogos", categoryId: "jogos", rating: 5, reviewCount: 36, inStock: true, ageRange: "8+ anos", specifications: [ { name: "Jogadores", value: "2-6 pessoas" }, { name: "Tempo de jogo", value: "45-60 minutos" }, { name: "Conteúdo", value: "1 tabuleiro, 6 peões, 50 cartas, 100 fichas, 2 dados" }, { name: "Dimensões", value: "40 x 40 x 5 cm" }, ], }, { id: "5", name: "Pelúcia Unicórnio", description: "Pelúcia de unicórnio macia e colorida.", details: "Esta pelúcia de unicórnio é super macia e colorida, perfeita para abraçar e brincar. Feita com materiais hipoalergênicos e de alta qualidade, é segura para crianças de todas as idades. Suas cores vibrantes e detalhes brilhantes encantam qualquer criança.", price: 49.9, image: "/placeholder.svg?height=600&width=600", category: "Pelúcias", categoryId: "pelucias", rating: 5, reviewCount: 52, inStock: false, ageRange: "0+ anos", specifications: [ { name: "Altura", value: "40 cm" }, { name: "Material", value: "Pelúcia e enchimento de fibra" }, { name: "Lavável", value: "Sim, à mão" }, { name: "Peso", value: "300g" }, ], }, ] export async function getProducts(): Promise { // Simulate API delay await new Promise((resolve) => setTimeout(resolve, 500)) return products } export async function getProduct(id: string): Promise { // Simulate API delay await new Promise((resolve) => setTimeout(resolve, 300)) return products.find((product) => product.id === id) } export async function getRelatedProducts(categoryId: string, currentProductId: string): Promise { // Simulate API delay await new Promise((resolve) => setTimeout(resolve, 400)) return products.filter((product) => product.categoryId === categoryId && product.id !== currentProductId).slice(0, 4) } export interface Review { id: string productId: string userName: string userImage?: string rating: number date: string comment: string } const reviews: Review[] = [ { id: "1", productId: "1", userName: "Maria Silva", userImage: "/placeholder.svg?height=40&width=40", rating: 5, date: "2023-10-15", comment: "Minha filha adorou esta boneca! Ela brinca todos os dias e já aprendeu várias frases novas. A qualidade é excelente e a bateria dura bastante.", }, { id: "2", productId: "1", userName: "João Santos", userImage: "/placeholder.svg?height=40&width=40", rating: 4, date: "2023-09-28", comment: "Boneca muito interativa e divertida. Minha filha adora. Tirei uma estrela porque às vezes a boneca não reconhece bem a voz da criança.", }, { id: "3", productId: "1", userName: "Ana Oliveira", userImage: "/placeholder.svg?height=40&width=40", rating: 3, date: "2023-11-05", comment: "Produto bom, mas esperava mais funcionalidades. As roupas extras são de boa qualidade, mas a boneca poderia ter mais frases.", }, { id: "4", productId: "2", userName: "Pedro Almeida", userImage: "/placeholder.svg?height=40&width=40", rating: 5, date: "2023-10-20", comment: "Excelente kit de blocos! As peças são de ótima qualidade e encaixam perfeitamente. Meu filho passa horas brincando e criando novas construções.", }, ] export async function getReviews(productId: string): Promise { // Simulate API delay await new Promise((resolve) => setTimeout(resolve, 600)) return reviews.filter((review) => review.productId === productId) } [V0_FILE]typescriptreact:file="components/products-loading.tsx" isMerged="true" import { Skeleton } from "@/components/ui/skeleton" export default function ProductsLoading() { return (

{[...Array(6)].map((_, i) => (

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

))}

) } [V0_FILE]typescriptreact:file="components/admin/recent-orders.tsx" isMerged="true" import { Badge } from "@/components/ui/badge" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" // Sample order data const orders = [ { id: "#3210", customer: "Maria Silva", date: "2023-11-15", total: 129.9, status: "delivered", }, { id: "#3209", customer: "João Santos", date: "2023-11-14", total: 89.9, status: "shipped", }, { id: "#3208", customer: "Ana Oliveira", date: "2023-11-14", total: 159.9, status: "processing", }, { id: "#3207", customer: "Pedro Almeida", date: "2023-11-13", total: 79.9, status: "processing", }, { id: "#3206", customer: "Carla Souza", date: "2023-11-12", total: 49.9, status: "delivered", }, ] export default function RecentOrders() { return ( Pedido Cliente Data Total Status {orders.map((order) => ( {order.id} {order.customer} {new Date(order.date).toLocaleDateString("pt-BR")} R$ {order.total.toFixed(2)} {order.status === "delivered" ? "Entregue" : order.status === "shipped" ? "Enviado" : "Processando"} ))}

) } [V0_FILE]typescriptreact:file="components/admin/low-stock-alert.tsx" isFixed="true" isQuickEdit="true" isMerged="true" import { Button } from "@/components/ui/button" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" import { Badge } from "@/components/ui/badge" // Sample low stock data const lowStockProducts = [ { id: "3", name: "Carrinho de Controle Remoto", stock: 5, minStock: 10, category: "Carrinhos", }, { id: "6", name: "Kit de Ciências", stock: 7, minStock: 10, category: "Educativos", }, { id: "7", name: "Quebra-Cabeça 1000 peças", stock: 9, minStock: 15, category: "Jogos", }, { id: "5", name: "Pelúcia Unicórnio", stock: 0, minStock: 10, category: "Pelúcias", }, ] export default function LowStockAlert() { return ( Produto Categoria Estoque Status Ação {lowStockProducts.map((product) => ( {product.name} {product.category} {product.stock} {product.stock === 0 ? "Esgotado" : "Estoque Baixo"} ))}

) } [V0_FILE]typescriptreact:file="components/ui/toaster.tsx" isMerged="true" "use client" import { Toast, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport } from "@/components/ui/toast" import { useToast } from "@/components/ui/use-toast" export function Toaster() { const { toasts } = useToast() return ( {toasts.map(({ id, title, description, action, ...props }) => (

{title && {title}} {description && {description}}

{action} ))} ) } [V0_FILE]typescriptreact:file="components/ui/toast.tsx" isMerged="true" "use client" import * as React from "react" import * as ToastPrimitives from "@radix-ui/react-toast" import { cva, type VariantProps } from "class-variance-authority" import { X } from "lucide-react" import { cn } from "@/lib/utils" const ToastProvider = ToastPrimitives.Provider const ToastViewport = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) ToastViewport.displayName = ToastPrimitives.Viewport.displayName const toastVariants = cva( "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full", { variants: { variant: { default: "border bg-background text-foreground", destructive: "destructive group border-destructive bg-destructive text-destructive-foreground", }, }, defaultVariants: { variant: "default", }, }, ) const Toast = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef & VariantProps >(({ className, variant, ...props }, ref) => { return }) Toast.displayName = ToastPrimitives.Root.displayName const ToastAction = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) ToastAction.displayName = ToastPrimitives.Action.displayName const ToastClose = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) ToastClose.displayName = ToastPrimitives.Close.displayName const ToastTitle = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) ToastTitle.displayName = ToastPrimitives.Title.displayName const ToastDescription = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) ToastDescription.displayName = ToastPrimitives.Description.displayName type ToastProps = React.ComponentPropsWithoutRef type ToastActionElement = React.ReactElement export { type ToastProps, type ToastActionElement, ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, } [V0_FILE]typescriptreact:file="components/ui/use-toast.ts" isMerged="true" "use client" // Inspired by react-hot-toast library import * as React from "react" import type { ToastActionElement, ToastProps } from "@/components/ui/toast" const TOAST_LIMIT = 5 const TOAST_REMOVE_DELAY = 1000000 type ToasterToast = ToastProps & { id: string title?: React.ReactNode description?: React.ReactNode action?: ToastActionElement } const actionTypes = { ADD_TOAST: "ADD_TOAST", UPDATE_TOAST: "UPDATE_TOAST", DISMISS_TOAST: "DISMISS_TOAST", REMOVE_TOAST: "REMOVE_TOAST", } as const let count = 0 function genId() { count = (count + 1) % Number.MAX_VALUE return count.toString() } type ActionType = typeof actionTypes type Action = | { type: ActionType["ADD_TOAST"] toast: ToasterToast } | { type: ActionType["UPDATE_TOAST"] toast: Partial } | { type: ActionType["DISMISS_TOAST"] toastId?: string } | { type: ActionType["REMOVE_TOAST"] toastId?: string } interface State { toasts: ToasterToast[] } const toastTimeouts = new Map>() const addToRemoveQueue = (toastId: string) => { if (toastTimeouts.has(toastId)) { return } const timeout = setTimeout(() => { toastTimeouts.delete(toastId) dispatch({ type: "REMOVE_TOAST", toastId: toastId, }) }, TOAST_REMOVE_DELAY) toastTimeouts.set(toastId, timeout) } export const reducer = (state: State, action: Action): State => { switch (action.type) { case "ADD_TOAST": return { ...state, toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT), } case "UPDATE_TOAST": return { ...state, toasts: state.toasts.map((t) => (t.id === action.toast.id ? { ...t, ...action.toast } : t)), } case "DISMISS_TOAST": { const { toastId } = action // ! Side effects ! - This could be extracted into a dismissToast() action, // but I'll keep it here for simplicity if (toastId) { addToRemoveQueue(toastId) } else { state.toasts.forEach((toast) => { addToRemoveQueue(toast.id) }) } return { ...state, toasts: state.toasts.map((t) => t.id === toastId || toastId === undefined ? { ...t, open: false, } : t, ), } } case "REMOVE_TOAST": if (action.toastId === undefined) { return { ...state, toasts: [], } } return { ...state, toasts: state.toasts.filter((t) => t.id !== action.toastId), } } } const listeners: Array<(state: State) => void> = [] let memoryState: State = { toasts: [] } function dispatch(action: Action) { memoryState = reducer(memoryState, action) listeners.forEach((listener) => { listener(memoryState) }) } type Toast = Omit function toast({ ...props }: Toast) { const id = genId() const update = (props: ToasterToast) => dispatch({ type: "UPDATE_TOAST", toast: { ...props, id }, }) const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id }) dispatch({ type: "ADD_TOAST", toast: { ...props, id, open: true, onOpenChange: (open) => { if (!open) dismiss() }, }, }) return { id: id, dismiss, update, } } function useToast() { const [state, setState] = React.useState(memoryState) React.useEffect(() => { listeners.push(setState) return () => { const index = listeners.indexOf(setState) if (index > -1) { listeners.splice(index, 1) } } }, [state]) return { ...state, toast, dismiss: (toastId?: string) => dispatch({ type: "DISMISS_TOAST", toastId }), } } export { useToast, toast } [V0_FILE]json:file="tsconfig.json" isMerged="true" { "compilerOptions": { "target": "es5", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "strict": true, "forceConsistentCasingInFileNames": true, "noEmit": true, "esModuleInterop": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", "incremental": true, "plugins": [ { "name": "next" } ], "paths": { "@/*": ["./*"] } }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], "exclude": ["node_modules"] } [V0_FILE]javascriptreact:file="index.js" isMerged="true" import { createRoot } from "react-dom/client" function App() { return

MuhlStore Home Page

} const root = createRoot(document.getElementById("root")) root.render() [V0_FILE]typescriptreact:file="pages/_app.tsx" isMerged="true" import type { AppProps } from "next/app" export default function App({ Component, pageProps }: AppProps) { return } [V0_FILE]typescriptreact:file="pages/_document.tsx" isMerged="true" import { Html, Head, Main, NextScript } from "next/document" export default function Document() { return (

) } [V0_FILE]html:file="index.html" isMerged="true" MuhlStore

MuhlStore Home Page

Welcome to our toy store!

[V0_FILE]typescriptreact:file="app/cart/page.tsx" isFixed="true" isQuickEdit="true" isMerged="true" import CartClient from "@/components/cart-client" export default function CartPage() { return } [V0_FILE]typescriptreact:file="components/cart-client.tsx" isMerged="true" "use client" import { useState } from "react" import Link from "next/link" import Image from "next/image" import { useCart } from "@/components/cart-provider" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Separator } from "@/components/ui/separator" import { Trash2, MinusCircle, PlusCircle } from "lucide-react" export default function CartClient() { const { cart, updateQuantity, removeFromCart } = useCart() const [couponCode, setCouponCode] = useState("") const subtotal = cart.reduce((total, item) => total + item.price * item.quantity, 0) const shipping = subtotal > 200 ? 0 : 15 const total = subtotal + shipping if (cart.length === 0) { return (

Seu Carrinho

Seu carrinho está vazio.

) } return (

Seu Carrinho

{cart.map((item) => (

{item.name}

Categoria: {item.category}

{item.quantity}

R$ {(item.price * item.quantity).toFixed(2)}

))}

Resumo do Pedido

Subtotal R$ {subtotal.toFixed(2)}

Frete {shipping === 0 ? "Grátis" : `R$ ${shipping.toFixed(2)}`}

Total R$ {total.toFixed(2)}

setCouponCode(e.target.value)} />

Continuar Comprando

) } [V0_FILE]plaintext:file="public/images/banner001.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/banner001.jpg-xMxtWqL1WouJpYe8SgGROq6cZbd551.jpeg" isMerged="true" [V0_FILE]typescriptreact:file="components/banner.tsx" isEdit="true" isMerged="true" import Image from "next/image" export default function Banner() { return (

Muhl Store - Brinquedos não são objetos, eles carregam histórias e emoções! Com a rotatividade de brinquedos você faz economia e colabora com o mundo.

) } [V0_FILE]typescriptreact:file="app/client/dashboard/page.tsx" isEdit="true" isMerged="true" "use client" import { useState } from "react" import Link from "next/link" import { useRouter } from "next/navigation" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Separator } from "@/components/ui/separator" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" import { Package, Truck, CreditCard, Heart, User, LogOut, ShoppingBag, MapPin } from "lucide-react" import Header from "@/components/header" import Footer from "@/components/footer" import { CartProvider } from "@/components/cart-provider" // Dados de exemplo para pedidos const orders = [ { id: "#1234", date: "2023-12-15", total: 159.9, status: "delivered", items: 2, }, { id: "#1235", date: "2023-12-01", total: 89.9, status: "delivered", items: 1, }, { id: "#1236", date: "2023-11-20", total: 129.9, status: "delivered", items: 3, }, ] // Dados de exemplo para lista de desejos const wishlist = [ { id: "1", name: "Boneca Interativa", price: 89.9, image: "/placeholder.svg?height=80&width=80", }, { id: "3", name: "Carrinho de Controle Remoto", price: 159.9, image: "/placeholder.svg?height=80&width=80", }, ] export default function ClientDashboardPage() { const router = useRouter() const [activeTab, setActiveTab] = useState("orders") const handleLogout = () => { // Simula logout setTimeout(() => { router.push("/") }, 500) } return (

{/* Barra lateral */}

Maria Silva

maria@email.com

{/* Conteúdo Principal */}

{activeTab === "orders" && ( Meus Pedidos Histórico de todos os seus pedidos Pedido Data Itens Total Status {orders.map((order) => ( {order.id} {new Date(order.date).toLocaleDateString("pt-BR")} {order.items} R$ {order.total.toFixed(2)} {order.status === "delivered" ? ( Entregue ) : order.status === "shipped" ? ( Enviado ) : ( Processando )} ))}

)} {activeTab === "wishlist" && ( Lista de Desejos Produtos que você salvou para comprar depois {wishlist.length === 0 ? (

Sua lista de desejos está vazia.

) : (

{wishlist.map((item) => (

{item.name}

R$ {item.price.toFixed(2)}

))}

)} )} {activeTab === "profile" && ( Meu Perfil Gerencie suas informações pessoais

Nome Completo

E-mail

Telefone

CPF

Alterar Senha

Senha Atual

Nova Senha

)} {activeTab === "addresses" && ( Meus Endereços Gerencie seus endereços de entrega

Endereço Principal

Padrão

Rua das Flores, 123

Bairro Jardim - São Paulo, SP

CEP: 01234-567

Endereço de Trabalho

Av. Paulista, 1000

Bela Vista - São Paulo, SP

CEP: 01310-100

)}

Produtos

Brinquedos que Inspiram

MuhlStore Home Page

MuhlStore Home Page

Seu Carrinho

Seu Carrinho

{item.name}

Resumo do Pedido

Maria Silva

{item.name}

Alterar Senha

Endereço Principal

Endereço de Trabalho

Como Funciona

Benefícios

Junte-se a Nós Nessa Missão!

{product.name}

{product.name}

{category.name}

Usuários

Carregando...

Editar Usuário