[V0_FILE]css:file="app/globals.css" @import 'tailwindcss'; @import 'tw-animate-css'; @custom-variant dark (&:is(.dark *)); :root { --background: oklch(0.98 0.01 60); --foreground: oklch(0.15 0.01 50); --card: oklch(1 0 0); --card-foreground: oklch(0.15 0.01 50); --popover: oklch(1 0 0); --popover-foreground: oklch(0.15 0.01 50); --primary: oklch(0.45 0.15 30); --primary-foreground: oklch(0.98 0.01 60); --secondary: oklch(0.94 0.02 60); --secondary-foreground: oklch(0.15 0.01 50); --muted: oklch(0.92 0.02 60); --muted-foreground: oklch(0.45 0.02 50); --accent: oklch(0.45 0.15 30); --accent-foreground: oklch(0.98 0.01 60); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.577 0.245 27.325); --border: oklch(0.88 0.02 60); --input: oklch(0.88 0.02 60); --ring: oklch(0.45 0.15 30); --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --radius: 0.625rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.145 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.145 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.985 0 0); --primary-foreground: oklch(0.205 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.269 0 0); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.269 0 0); --input: oklch(0.269 0 0); --ring: oklch(0.439 0 0); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.269 0 0); --sidebar-ring: oklch(0.439 0 0); } @theme inline { --font-sans: 'Geist', 'Geist Fallback'; --font-mono: 'Geist Mono', 'Geist Mono Fallback'; --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } [V0_FILE]typescriptreact:file="app/layout.tsx" import React from "react" import type { Metadata } from 'next' import { Geist, Geist_Mono } from 'next/font/google' import { Analytics } from '@vercel/analytics/next' import './globals.css' const _geist = Geist({ subsets: ["latin"] }); const _geistMono = Geist_Mono({ subsets: ["latin"] }); export const viewport = { width: 'device-width', initialScale: 1, maximumScale: 1, } export const metadata: Metadata = { title: 'Sabor da Casa - Restaurante', description: 'Comida caseira feita com amor. Confira nosso cardapio e faca seu pedido pelo WhatsApp.', generator: 'v0.app', icons: { icon: [ { url: '/icon-light-32x32.png', media: '(prefers-color-scheme: light)', }, { url: '/icon-dark-32x32.png', media: '(prefers-color-scheme: dark)', }, { url: '/icon.svg', type: 'image/svg+xml', }, ], apple: '/apple-icon.png', }, } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]json:file="package.json" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "16.0.10", "next-themes": "^0.4.6", "react": "19.2.0", "react-day-picker": "9.8.0", "react-dom": "19.2.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^1.1.2", "zod": "3.25.76" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^19", "@types/react-dom": "^19", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]typescriptreact:file="components/hero.tsx" import { Button } from "@/components/ui/button" import { ArrowRight } from "lucide-react" export function Hero() { return (

Novidades toda semana

Os melhores produtos para voce

Encontre tudo o que precisa com qualidade e preco justo. Entregamos para toda a regiao com rapidez e seguranca.

) } [V0_FILE]typescriptreact:file="components/products.tsx" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" const products = [ { id: 1, name: "Produto Destaque 1", price: "R$ 89,90", originalPrice: "R$ 129,90", category: "Categoria A", isNew: true, }, { id: 2, name: "Produto Destaque 2", price: "R$ 149,90", originalPrice: null, category: "Categoria B", isNew: false, }, { id: 3, name: "Produto Destaque 3", price: "R$ 199,90", originalPrice: "R$ 249,90", category: "Categoria A", isNew: false, }, { id: 4, name: "Produto Destaque 4", price: "R$ 79,90", originalPrice: null, category: "Categoria C", isNew: true, }, { id: 5, name: "Produto Destaque 5", price: "R$ 299,90", originalPrice: "R$ 399,90", category: "Categoria B", isNew: false, }, { id: 6, name: "Produto Destaque 6", price: "R$ 59,90", originalPrice: null, category: "Categoria C", isNew: true, }, ] export function Products() { return (

Catalogo

Nossos Produtos

Confira nossa selecao de produtos com os melhores precos do mercado

{products.map((product) => (

Imagem do Produto

{product.isNew && ( Novo )} {product.originalPrice && ( Oferta )}

{product.category}

{product.name}

{product.price} {product.originalPrice && ( {product.originalPrice} )}

))}

) } [V0_FILE]typescriptreact:file="components/header.tsx" "use client" import { useState } from "react" import { Menu, X, ShoppingBag } from "lucide-react" import { Button } from "@/components/ui/button" export function Header() { const [isMenuOpen, setIsMenuOpen] = useState(false) return (

Loja Modelo

{isMenuOpen && ( )}

) } [V0_FILE]typescriptreact:file="components/about.tsx" import { CheckCircle2 } from "lucide-react" const features = [ "Produtos de alta qualidade", "Precos competitivos", "Atendimento personalizado", "Entrega rapida e segura", "Pagamento facilitado", "Garantia em todos os produtos", ] export function About() { return (

Sobre nos

Qualidade e confianca ha mais de 10 anos

Somos uma loja dedicada a oferecer os melhores produtos com precos justos. Nossa missao e proporcionar uma experiencia de compra excelente para todos os nossos clientes.

Trabalhamos com as melhores marcas do mercado e garantimos a satisfacao de cada cliente que nos escolhe.

{feature}

Imagem da Loja

10+

Anos de experiencia

) } [V0_FILE]typescriptreact:file="components/promotions.tsx" import { Button } from "@/components/ui/button" import { Clock, Percent, Truck } from "lucide-react" export function Promotions() { return (

Oferta Especial

Ate 50% de desconto em produtos selecionados

Aproveite nossas promocoes exclusivas. Ofertas por tempo limitado!

Descontos Exclusivos

Ate 50% off em itens selecionados

Entrega Rapida

Entregamos em toda a regiao

Tempo Limitado

Ofertas validas esta semana

) } [V0_FILE]typescriptreact:file="components/contact.tsx" import { Button } from "@/components/ui/button" import { MapPin, Phone, Clock, MessageCircle } from "lucide-react" export function Contact() { return (

Contato

Fale Conosco

Estamos prontos para atender voce. Entre em contato pelo WhatsApp ou visite nossa loja.

Endereco

Rua Exemplo, 123 - Centro
Cidade - Estado, 00000-000

Telefone

(11) 99999-9999

Horario

Segunda a Sexta: 9h as 18h
Sabado: 9h as 13h

Atendimento pelo WhatsApp

Fale diretamente com nossa equipe. Resposta rapida e atendimento personalizado.

) } [V0_FILE]typescriptreact:file="components/footer.tsx" import { ShoppingBag } from "lucide-react" export function Footer() { return ( ) } [V0_FILE]typescriptreact:file="components/restaurant/menu.tsx" "use client"; import { useState } from "react"; import { Card, CardContent } from "@/components/ui/card"; import { Button } from "@/components/ui/button"; import { MessageCircle } from "lucide-react"; const categories = [ { id: "todos", name: "Todos" }, { id: "pratos", name: "Pratos" }, { id: "lanches", name: "Lanches" }, { id: "bebidas", name: "Bebidas" }, { id: "sobremesas", name: "Sobremesas" }, ]; const menuItems = [ { id: 1, name: "Feijoada Completa", description: "Feijao preto com carnes, arroz, couve, farofa e laranja", price: "R$ 45,00", category: "pratos", image: "https://images.unsplash.com/photo-1574484284002-952d92456975?w=400&q=80", popular: true, }, { id: 2, name: "Picanha na Brasa", description: "Picanha grelhada com arroz, feijao, vinagrete e farofa", price: "R$ 65,00", category: "pratos", image: "https://images.unsplash.com/photo-1558030006-450675393462?w=400&q=80", popular: true, }, { id: 3, name: "Frango a Parmegiana", description: "File de frango empanado com molho e queijo gratinado", price: "R$ 42,00", category: "pratos", image: "https://images.unsplash.com/photo-1632778149955-e80f8ceca2e8?w=400&q=80", popular: false, }, { id: 4, name: "X-Tudo", description: "Hamburguer, bacon, ovo, queijo, presunto, salada e batata", price: "R$ 32,00", category: "lanches", image: "https://images.unsplash.com/photo-1568901346375-23c9450c58cd?w=400&q=80", popular: true, }, { id: 5, name: "Hamburguer Artesanal", description: "Blend da casa, queijo cheddar, cebola caramelizada", price: "R$ 38,00", category: "lanches", image: "https://images.unsplash.com/photo-1550547660-d9450f859349?w=400&q=80", popular: false, }, { id: 6, name: "Suco Natural", description: "Laranja, abacaxi, maracuja ou limao - 500ml", price: "R$ 10,00", category: "bebidas", image: "https://images.unsplash.com/photo-1621506289937-a8e4df240d0b?w=400&q=80", popular: false, }, { id: 7, name: "Refrigerante Lata", description: "Coca-Cola, Guarana ou Fanta", price: "R$ 7,00", category: "bebidas", image: "https://images.unsplash.com/photo-1581098365948-6a5a912b7a49?w=400&q=80", popular: false, }, { id: 8, name: "Pudim de Leite", description: "Pudim caseiro com calda de caramelo", price: "R$ 12,00", category: "sobremesas", image: "https://images.unsplash.com/photo-1528975604071-b4dc52a2d18c?w=400&q=80", popular: true, }, ]; export function Menu() { const [activeCategory, setActiveCategory] = useState("todos"); const filteredItems = activeCategory === "todos" ? menuItems : menuItems.filter((item) => item.category === activeCategory); return (

Nosso Cardapio

Delícias Feitas com Amor

Escolha seu prato favorito e faca seu pedido pelo WhatsApp

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

{filteredItems.map((item) => (

{item.popular && ( Popular )}

{item.name}

{item.price}

{item.description}

))}

); } [V0_FILE]typescriptreact:file="components/restaurant/about.tsx" import { Utensils, Users, Clock, Award } from "lucide-react"; const features = [ { icon: Utensils, title: "Ingredientes Frescos", description: "Selecionamos os melhores ingredientes todos os dias", }, { icon: Users, title: "Ambiente Familiar", description: "Um lugar acolhedor para voce e sua familia", }, { icon: Clock, title: "Preparo Rapido", description: "Seu pedido pronto em ate 30 minutos", }, { icon: Award, title: "10 Anos de Historia", description: "Tradição e qualidade desde 2016", }, ]; export function About() { return (

Nossa Historia

Sabor e Tradicao em Cada Prato

O Sabor da Casa nasceu do sonho de levar comida caseira de qualidade para as familias da nossa cidade. Ha mais de 10 anos, preparamos cada prato com o mesmo carinho e dedicacao que você encontra na cozinha da sua avó.

Nossos ingredientes sao selecionados frescos todos os dias, e nossas receitas passam de geracao em geracao. Venha conhecer nosso espaco e sentir o verdadeiro sabor de casa.

{features.map((feature) => (

{feature.title}

{feature.description}

))}

+5000

Clientes satisfeitos todo mes

); } [V0_FILE]typescriptreact:file="components/restaurant/hero.tsx" import { Button } from "@/components/ui/button"; import { Phone, Clock } from "lucide-react"; export function Hero() { return (

Bem-vindo ao

Sabor da Casa

Comida caseira feita com amor e ingredientes frescos. Venha saborear os melhores pratos da cidade.

Seg a Sab: 11h - 23h | Dom: 11h - 16h

); } [V0_FILE]typescriptreact:file="components/restaurant/header.tsx" "use client"; import { useState } from "react"; import { Button } from "@/components/ui/button"; import { Menu, X, Phone } from "lucide-react"; const navLinks = [ { name: "Inicio", href: "#inicio" }, { name: "Cardapio", href: "#cardapio" }, { name: "Sobre", href: "#sobre" }, { name: "Contato", href: "#contato" }, ]; export function Header() { const [isMenuOpen, setIsMenuOpen] = useState(false); return (

Sabor da Casa

{isMenuOpen && (

)}

); } [V0_FILE]typescriptreact:file="components/restaurant/footer.tsx" import { Instagram, Facebook } from "lucide-react"; const navLinks = [ { name: "Inicio", href: "#inicio" }, { name: "Cardapio", href: "#cardapio" }, { name: "Sobre", href: "#sobre" }, { name: "Contato", href: "#contato" }, ]; const socialLinks = [ { name: "Instagram", href: "https://instagram.com", icon: Instagram }, { name: "Facebook", href: "https://facebook.com", icon: Facebook }, ]; export function Footer() { return ( ); } [V0_FILE]typescriptreact:file="components/restaurant/contact.tsx" import { Button } from "@/components/ui/button"; import { Card, CardContent } from "@/components/ui/card"; import { Phone, MapPin, Clock, Instagram } from "lucide-react"; const contactInfo = [ { icon: Phone, title: "Telefone / WhatsApp", info: "(11) 99999-9999", link: "https://wa.me/5511999999999", }, { icon: MapPin, title: "Endereco", info: "Rua das Flores, 123 - Centro", link: "https://maps.google.com", }, { icon: Clock, title: "Horario", info: "Seg-Sab: 11h-23h | Dom: 11h-16h", link: null, }, { icon: Instagram, title: "Instagram", info: "@sabordacasa", link: "https://instagram.com/sabordacasa", }, ]; export function Contact() { return (

Contato

Venha nos Visitar

Estamos esperando voce para uma experiencia gastronômica inesquecível

{contactInfo.map((item) => (

{item.title}

{item.link ? ( {item.info} ) : (

{item.info}

)} ))}

Faca Seu Pedido Agora

Entregamos em toda a regiao. Faca seu pedido pelo WhatsApp e receba em casa!

); } [V0_FILE]typescriptreact:file="app/page.tsx" import { Header } from "@/components/restaurant/header"; import { Hero } from "@/components/restaurant/hero"; import { Menu } from "@/components/restaurant/menu"; import { About } from "@/components/restaurant/about"; import { Contact } from "@/components/restaurant/contact"; import { Footer } from "@/components/restaurant/footer"; export default function RestaurantPage() { return (

); }