[V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type 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 metadata: Metadata = { title: "Joe's Pizza - Menú Online", description: "Descubre nuestras deliciosas pizzas artesanales", generator: "v0.app", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]jpg:file="public/people-enjoying-pizza-at-restaurant-warm-atmospher.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/people-enjoying-pizza-at-restaurant-warm-atmospher-03IUi0qER4PhtTn8v2qEjmndQ3XPkU.jpg" isMerged="true" [V0_FILE]jpg:file="public/margherita-pizza-with-fresh-basil-and-mozzarella.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/margherita-pizza-with-fresh-basil-and-mozzarella-twIoZx7qYCWo6elrHuIxkS3CVjlUPm.jpg" isMerged="true" [V0_FILE]png:file="public/pizza-pepperoni.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/pizza-pepperoni-5ryBnj1bJofMFrfJs0yxAVN0onN3k5.png" isMerged="true" [V0_FILE]jpg:file="public/four-cheese-pizza-with-nuts.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/four-cheese-pizza-with-nuts-tK67MmNv3qihK4vTQIbwSGYDz9tGM4.jpg" isMerged="true" [V0_FILE]png:file="public/hawaiian-pizza.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/hawaiian-pizza-iX9nYsEZODKXFWkRCtbrnK9Yej924T.png" isMerged="true" [V0_FILE]png:file="public/vegetarian-pizza.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/vegetarian-pizza-irsvUDb76RdfeSn4f5UnZuVGx2xauB.png" isMerged="true" [V0_FILE]jpg:file="public/meat-lovers-pizza-with-multiple-meats.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/meat-lovers-pizza-with-multiple-meats-pWT9UAwZfPw5Yf9c42k1pntxaoMhct.jpg" isMerged="true" [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "15.5.4", "next-themes": "^0.4.6", "react": "19.1.0", "react-day-picker": "9.8.0", "react-dom": "19.1.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": "^0.9.9", "zod": "3.25.76" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^18", "@types/react-dom": "^18", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]jpg:file="public/ham-pizza.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/ham-pizza-RyJZgNt0x0OzLiUcSYCaSniFIlT8Wo.jpg" isMerged="true" [V0_FILE]jpg:file="public/bacon-pizza.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/bacon-pizza-PeIWjLhJxocxa430QuBfyRPSDatd97.jpg" isMerged="true" [V0_FILE]jpg:file="public/pepperoni-pesto-pizza.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/pepperoni-pesto-pizza-5aKCfnDlLTVcTtnuYJdTN8zqA8Mw1j.jpg" isMerged="true" [V0_FILE]jpg:file="public/four-seasons-pizza.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/four-seasons-pizza-JNpCVViJIBiwUw9YZwvjAIiRodA5tG.jpg" isMerged="true" [V0_FILE]jpg:file="public/neapolitan-pizza.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/neapolitan-pizza-9tv2YaXWjpo7D9x8sswTl8mk6q9t1C.jpg" isMerged="true" [V0_FILE]jpg:file="public/prosciutto-pizza.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/prosciutto-pizza-ViYYPuE9PIu8keQiVGUWnrBZFAdsvw.jpg" isMerged="true" [V0_FILE]jpg:file="public/focaccia-pizza.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/focaccia-pizza-9WjTIrYhuv81nVXMLcl4caphFCzqEC.jpg" isMerged="true" [V0_FILE]jpg:file="public/coca-cola.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/coca-cola-fhaIbrAqxrTXTbCRyRFvNUAU6UWgCY.jpg" isMerged="true" [V0_FILE]jpg:file="public/sprite.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/sprite-rfdUZ3NCKo3qxA2yw7CITmXWS11YNe.jpg" isMerged="true" [V0_FILE]jpg:file="public/mineral-water.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/mineral-water-IOHNEDFYCYlcczFleuqYCnZHMzw0wF.jpg" isMerged="true" [V0_FILE]jpg:file="public/presidente-beer.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/presidente-beer-wQrMN8PPDIj8wEHpQqr8XvNYGdqCB1.jpg" isMerged="true" [V0_FILE]jpg:file="public/orange-juice.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/orange-juice-xtrpUQa8e0MmLJwYFYWqlp1WRLvTmn.jpg" isMerged="true" [V0_FILE]jpg:file="public/passion-fruit-juice.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/passion-fruit-juice-WQo7RBdnvQ3fHajjllBckjfW7xyRys.jpg" isMerged="true" [V0_FILE]jpg:file="public/lemonade.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/lemonade-5VJCwowHK3twnBbAfc9ocEDx748auF.jpg" isMerged="true" [V0_FILE]jpg:file="public/iced-tea.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/iced-tea-ZYmRGOtbAaPYt09qLkuqCWGzN8Q2O7.jpg" isMerged="true" [V0_FILE]jpg:file="public/tiramisu.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/tiramisu-x6RJfYQCyq4UxrG7qe6V7Qxo6u6unt.jpg" isMerged="true" [V0_FILE]jpg:file="public/strawberry-cheesecake.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/strawberry-cheesecake-LnNZ4AfUPTBLuFogo3xNiMBoWkXx6Z.jpg" isMerged="true" [V0_FILE]jpg:file="public/brownie-ice-cream.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/brownie-ice-cream-VTfQuCSAUuGltmotgp6GIW39R3DzSB.jpg" isMerged="true" [V0_FILE]jpg:file="public/panna-cotta.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/panna-cotta-uXqU0SwEtxngJJ57RAVWarkZPfU2N0.jpg" isMerged="true" [V0_FILE]jpg:file="public/cannoli.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/cannoli-YN7FXYt39oYe0OhZ9FpVy7yP7ppEn7.jpg" isMerged="true" [V0_FILE]jpg:file="public/artisan-ice-cream.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/artisan-ice-cream-qPDKpweMqW9IyiKwpcPlhAlP9UD3nd.jpg" isMerged="true" [V0_FILE]jpg:file="public/joes-pizza-exterior.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG_0276.JPG-O6SXno6mZeSbAK9Shb8ttSKO57lsu4.jpeg" isMerged="true" [V0_FILE]jpg:file="public/corn-pizza.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/corn-pizza-s4uol4J4DwfTOijsiNZM9JmOzKEJB8.jpg" isMerged="true" [V0_FILE]jpg:file="public/gourmet-pizza-with-arugula.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/gourmet-pizza-with-arugula-TrffttdR6tCnLl13fyFd561X077MDP.jpg" isMerged="true" [V0_FILE]jpg:file="public/specialty-pizza.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/specialty-pizza-Tlw5qPhMQFFL0dgRE4lqnXQLJw6ZQ0.jpg" isMerged="true" [V0_FILE]jpg:file="public/italian-sausage-pizza.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/italian-sausage-pizza-kN07FEpduOrCk5iPdegk1Hch2bgEhB.jpg" isMerged="true" [V0_FILE]jpg:file="public/mediterranean-pizza.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/mediterranean-pizza-dpK1ZB5RlbPHx3nSL4S4nS70MzCuuC.jpg" isMerged="true" [V0_FILE]jpg:file="public/deluxe-pizza.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/deluxe-pizza-aV68WsE6d2nHLzpGgYoxS1iubzwjpi.jpg" isMerged="true" [V0_FILE]jpg:file="public/salami-pizza.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/salami-pizza-kHsxnJGnXnU1TQla8T7v7gkQ8yb3Hh.jpg" isMerged="true" [V0_FILE]jpg:file="public/joes-pizza-night-entrance.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG_0279.JPG-9YPxq1GnKSFw7t8rm3pAHdIsHHdtBI.jpeg" isMerged="true" [V0_FILE]jpg:file="public/frozen-fresa.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/frozen-fresa-xS1UN1gEpQq7cDRAe2jTjAINfthoME.jpg" isMerged="true" [V0_FILE]jpg:file="public/jugo-limon.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/jugo-limon-EfC4b0lVYQiKzqRV22ZHeMkC7lIAXD.jpg" isMerged="true" [V0_FILE]jpg:file="public/jugo-pina.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/jugo-pina-8D4HyiTJGHMobP6DaexhNDGm62wzem.jpg" isMerged="true" [V0_FILE]jpg:file="public/jugo-mango.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/fresh-mango-juice-in-glass-YT6F8ks80Ys9ab3BJ1FVuccOtklFcX.jpg" isMerged="true" [V0_FILE]jpg:file="public/aperol.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/aperol-spritz-cocktail-with-orange-slice-asOemkBvxUZY49NEJQH3X3GRyJASoU.jpg" isMerged="true" [V0_FILE]jpg:file="public/blue-lagoon.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/blue-lagoon-UUSZ95SnJ6i0ETMqNdL9zg8Ocn682u.jpg" isMerged="true" [V0_FILE]jpg:file="public/caipirinha.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/caipirinha-4VUPB322zb9GBWOXGFf0Sbt3OI4o7R.jpg" isMerged="true" [V0_FILE]jpg:file="public/gin-tonic.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/gin-tonic-RiCajCHCYk4cFPUg50zEjfkY7JA4l9.jpg" isMerged="true" [V0_FILE]jpg:file="public/margarita.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/margarita-t2zWJIMT8nADAOnLXNh77kw2GSNIOW.jpg" isMerged="true" [V0_FILE]jpg:file="public/margarita-pasion.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/margarita-pasion-Y3twIO5uOFfKzvzrZ6oBEKo3qRNGWr.jpg" isMerged="true" [V0_FILE]jpg:file="public/mojito-tradicional.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/mojito-tradicional-kpALwxJA2F4jx5BDAmoIbuaNKRvwLc.jpg" isMerged="true" [V0_FILE]jpg:file="public/mojito-chinola.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/mojito-chinola-tpkofzfnGb6O5Pn3JYU0FHGw3w9Njg.jpg" isMerged="true" [V0_FILE]jpg:file="public/cuba-libre.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/cuba-libre-c4C4ubg4sFkBwuY1GlnznGo2LUgMgR.jpg" isMerged="true" [V0_FILE]jpg:file="public/tequila-sunrise.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/tequila-sunrise-2w6NQs7pXDMJEFAyW98qOXllcBERfY.jpg" isMerged="true" [V0_FILE]jpg:file="public/limonada-coco.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/limonada-coco-xrNneGCdDk0GU019mVNBpbBJPuKRFi.jpg" isMerged="true" [V0_FILE]jpg:file="public/ensalada-rucula.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image.png-MuqkaFMpuVOjEyj4b0PLtmZYSA3YJS.jpeg" isMerged="true" [V0_FILE]css:file="app/globals.css" isEdit="true" isQuickEdit="true" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { --background: oklch(0.99 0.005 85); --foreground: oklch(0.2 0.02 30); --card: oklch(1 0 0); --card-foreground: oklch(0.2 0.02 30); --popover: oklch(1 0 0); --popover-foreground: oklch(0.2 0.02 30); /* Updated primary color to #EB001B (Mastercard red) */ --primary: oklch(0.52 0.28 15); --primary-foreground: oklch(0.99 0 0); --secondary: oklch(0.96 0.01 85); --secondary-foreground: oklch(0.2 0.02 30); --muted: oklch(0.96 0.01 85); --muted-foreground: oklch(0.5 0.02 30); /* Updated accent color to match new primary */ --accent: oklch(0.52 0.28 15); --accent-foreground: oklch(0.99 0 0); /* Updated destructive color to match new primary */ --destructive: oklch(0.52 0.28 15); --destructive-foreground: oklch(0.99 0 0); --border: oklch(0.92 0.01 85); --input: oklch(0.92 0.01 85); /* Updated ring color to match new primary */ --ring: oklch(0.52 0.28 15); --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.75rem; --sidebar: oklch(1 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.15 0.02 30); --foreground: oklch(0.99 0.005 85); --card: oklch(0.18 0.02 30); --card-foreground: oklch(0.99 0.005 85); --popover: oklch(0.18 0.02 30); --popover-foreground: oklch(0.99 0.005 85); /* Updated dark mode primary color */ --primary: oklch(0.55 0.28 15); --primary-foreground: oklch(0.99 0 0); --secondary: oklch(0.25 0.02 30); --secondary-foreground: oklch(0.99 0.005 85); --muted: oklch(0.25 0.02 30); --muted-foreground: oklch(0.6 0.02 30); /* Updated dark mode accent color */ --accent: oklch(0.55 0.28 15); --accent-foreground: oklch(0.99 0 0); /* Updated dark mode destructive color */ --destructive: oklch(0.52 0.28 15); --destructive-foreground: oklch(0.99 0 0); --border: oklch(0.25 0.02 30); --input: oklch(0.25 0.02 30); /* Updated dark mode ring color */ --ring: oklch(0.55 0.28 15); --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; } /* Adding staggered animation delays for pizza cards */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .animate-fade-in-up { animation: fadeInUp 0.6s ease-out forwards; } /* Staggered delays for grid items */ .stagger-1 { animation-delay: 0.1s; } .stagger-2 { animation-delay: 0.2s; } .stagger-3 { animation-delay: 0.3s; } .stagger-4 { animation-delay: 0.4s; } .stagger-5 { animation-delay: 0.5s; } .stagger-6 { animation-delay: 0.6s; } .stagger-7 { animation-delay: 0.7s; } .stagger-8 { animation-delay: 0.8s; } .stagger-9 { animation-delay: 0.9s; } .stagger-10 { animation-delay: 1s; } .stagger-11 { animation-delay: 1.1s; } .stagger-12 { animation-delay: 1.2s; } .stagger-13 { animation-delay: 1.3s; } /* Add animations for promotional banner */ @keyframes gradient-x { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } @keyframes shine { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .animate-gradient-x { background-size: 200% 200%; animation: gradient-x 3s ease infinite; } .animate-shine { animation: shine 3s ease-in-out infinite; } /* Added animations for pizza and soda bottle icons */ @keyframes float { 0%, 100% { transform: translateY(-50%) translateX(0); } 50% { transform: translateY(-50%) translateX(10px); } } @keyframes spin-slow { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes bounce-slow { 0%, 100% { transform: translateY(-50%) translateX(0); } 50% { transform: translateY(-50%) translateX(0) translateY(-10px); } } .animate-float { animation: float 3s ease-in-out infinite; } .animate-spin-slow { animation: spin-slow 8s linear infinite; } .animate-bounce-slow { animation: bounce-slow 2s ease-in-out infinite; } } [V0_FILE]typescriptreact:file="components/menu-header.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import Image from "next/image" import { Facebook, Instagram, Phone, MapPin, Navigation } from "lucide-react" import { BusinessHoursStatus } from "./business-hours-status" export function MenuHeader() { const handleOrderClick = () => { const phoneNumber = "18295040097" // WhatsApp format with country code const message = encodeURIComponent("Hola! Me gustaría hacer un pedido en Joe's Pizza") window.open(`https://wa.me/${phoneNumber}?text=${message}`, "_blank") } const handleDirectionsClick = () => { window.open("https://maps.app.goo.gl/XPHeFGJaDs1nXcSz6", "_blank") } return (

Joe's Pizza

Sabor que enamora

829-504-0097

Santa Lucia Parte Atras de los Taxistas
Rio San Juan

) } [V0_FILE]jpg:file="public/joes-pizza-daytime-exterior.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-QJz0Wkji0E0y9f5toqkvNRdsr3Vtoz.png" isMerged="true" [V0_FILE]typescriptreact:file="components/menu-tabs.tsx" isEdit="true" isMerged="true" "use client" import { cn } from "@/lib/utils" import { useState, useEffect } from "react" const categories = [ { id: "pizzas", label: "Pizzas Especiales" }, { id: "bebidas", label: "Bebidas" }, { id: "ensaladas", label: "Ensaladas" }, { id: "postres", label: "Postres" }, ] interface MenuTabsProps { activeTab: string onTabChange: (tab: string) => void } export function MenuTabs({ activeTab, onTabChange }: MenuTabsProps) { const [showPostres, setShowPostres] = useState(true) useEffect(() => { const checkTime = () => { const now = new Date() const currentHour = now.getHours() if (currentHour >= 0 && currentHour < 15) { setShowPostres(false) // If postres tab is active and it gets hidden, switch to pizzas if (activeTab === "postres") { onTabChange("pizzas") } } else { setShowPostres(true) } } checkTime() const timer = setInterval(checkTime, 60000) // Check every minute return () => clearInterval(timer) }, [activeTab, onTabChange]) const visibleCategories = showPostres ? categories : categories.filter((cat) => cat.id !== "postres") return (

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

) } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isMerged="true" "use client" import { useState } from "react" import { MenuHeader } from "@/components/menu-header" import { MenuTabs } from "@/components/menu-tabs" import { MenuGrid } from "@/components/menu-grid" import { PromoBanner } from "@/components/promo-banner" export default function Home() { const [activeTab, setActiveTab] = useState<"pizzas" | "bebidas" | "ensaladas" | "postres">("pizzas") return (

setActiveTab(tab as "pizzas" | "bebidas" | "ensaladas" | "postres")} />

) } [V0_FILE]jpg:file="public/pina-colada.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/pina-colada-vfjDqgIjXbZFIKbbRWEICS2ECqwt3B.jpg" isMerged="true" [V0_FILE]jpg:file="public/agua-dasani.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/agua-dasani-5NPihhdDJb2F9jPdQAHp0an10imLZL.jpg" isMerged="true" [V0_FILE]jpg:file="public/club-soda.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/club-soda-H1zoq6OXwIuoYy8utqWcwXlQ15zFjJ.jpg" isMerged="true" [V0_FILE]jpg:file="public/tonic-water.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/tonic-water-bottle-aqe6ArGgAdTpFjCMgAOqCyhxEmQAsP.jpg" isMerged="true" [V0_FILE]jpg:file="public/clamato.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/clamato-5pHJEIQh6Sdbx3z7nPX2jt6CjE8Pv9.jpg" isMerged="true" [V0_FILE]jpg:file="public/red-bull.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/images/redbull-OwLGYDSl1e7anME0VGSchJh9CUk2x9.png" isMerged="true" [V0_FILE]jpg:file="public/soda-small.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/soda-small-2x2Mzta1PwPqXKxFJ0DBkBsysmjw8V.jpg" isMerged="true" [V0_FILE]jpg:file="public/soda-large.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/soda-large-mI8kn3lsvOb0zrviPboFqRQJpWXgHE.jpg" isMerged="true" [V0_FILE]jpg:file="public/pizza-prosciutto-real.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-E6njuytmqRofkYC2S9GqVz6SMbS8AU.png" isMerged="true" [V0_FILE]jpg:file="public/pizza-pepperoni-real.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-LvdkSbJdNaNFL3slEvAfa9Ib3Bg99M.png" isMerged="true" [V0_FILE]jpg:file="public/pizza-nostra-real.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-ETempRZrDY3e9tTdCdWge748MnGXjz.png" isMerged="true" [V0_FILE]jpg:file="public/pizza-pepperoni-reversed.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-LvdkSbJdNaNFL3slEvAfa9Ib3Bg99M.png" isMerged="true" [V0_FILE]jpg:file="public/pizza-prosciutto-reversed.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-E6njuytmqRofkYC2S9GqVz6SMbS8AU.png" isMerged="true" [V0_FILE]jpg:file="public/pizza-nostra-reversed.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-ETempRZrDY3e9tTdCdWge748MnGXjz.png" isMerged="true" [V0_FILE]jpg:file="public/cerveza-one-beer-bottle.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/cerveza-one-beer-bottle-mTtNBPmkuxfRcCljzliREkJqLGqaU2.jpg" isMerged="true" [V0_FILE]jpg:file="public/corona-extra-beer-bottle.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/corona-extra-beer-bottle-ln3EHOYSwZj4tDlFUUJw3hz24WnuaQ.jpg" isMerged="true" [V0_FILE]jpg:file="public/modelo-beer-bottle.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/modelo-beer-bottle-1fQ8Ke4ZtfwBGUlFU8kMwBgFVPDhLp.jpg" isMerged="true" [V0_FILE]jpg:file="public/presidente-light-beer-bottle.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/presidente-light-beer-bottle-Opl8NLal7OPjqIKtmIFxGWqlE05CTv.jpg" isMerged="true" [V0_FILE]jpg:file="public/presidente-light-small-beer-bottle.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/presidente-light-small-beer-bottle-oj5rh0pBBUJpJX8n8DrWMEPnfs87Mm.jpg" isMerged="true" [V0_FILE]jpg:file="public/presidente-beer-bottle.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/presidente-beer-bottle-I1AtGCSOetn5q4tKM8cZNW0t9yCvx7.jpg" isMerged="true" [V0_FILE]jpg:file="public/presidente-small-beer-bottle.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/presidente-small-beer-bottle-m7DSrGoMkieDZ7jIs8kuWPNodysDeh.jpg" isMerged="true" [V0_FILE]jpg:file="public/smirnoff-green-apple-bottle.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/smirnoff-green-apple-bottle-wsO9b6f2ys6pDUrymW9W7DHcDCEyYl.jpg" isMerged="true" [V0_FILE]jpg:file="public/smirnoff-lemon-bottle.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/smirnoff-lemon-bottle-eBnScenBEZhr71B6iG26HIier9yE5f.jpg" isMerged="true" [V0_FILE]typescriptreact:file="components/menu-card.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import Image from "next/image" import { Card, CardContent } from "@/components/ui/card" interface MenuCardProps { item: { id: number name: string description: string price: number originalPrice: number | null discount: number | null image: string } index?: number category?: "pizzas" | "bebidas" | "ensaladas" | "postres" } export function MenuCard({ item, index = 0, category }: MenuCardProps) { const staggerClass = `stagger-${(index % 13) + 1}` const handleOrder = () => { const message = `Hola !, estoy interesado en ordenar La ${item.name}` const whatsappUrl = `https://wa.me/18295040097?text=${encodeURIComponent(message)}` window.open(whatsappUrl, "_blank") } const imageClassName = category === "bebidas" ? "object-contain p-2" : "object-cover" const containerClassName = category === "bebidas" ? "relative h-48 overflow-hidden bg-muted" : "relative h-48 overflow-hidden" return (

{item.discount && (

{item.discount}% OFF

)}

{item.name}

{item.description}

RD$ {item.price.toFixed(0)} {item.originalPrice && ( RD$ {item.originalPrice.toFixed(0)} )}

) } [V0_FILE]typescriptreact:file="components/business-hours-status.tsx" isEdit="true" isMerged="true" "use client" import { Clock } from "lucide-react" import { useEffect, useState } from "react" export function BusinessHoursStatus() { const [isOpen, setIsOpen] = useState(false) const [timeUntilOpen, setTimeUntilOpen] = useState({ hours: 0, minutes: 0, seconds: 0 }) useEffect(() => { const checkIfOpen = () => { const now = new Date() const hours = now.getHours() // Open from 15:00 (3pm) to 00:00 (midnight) // This means open from 3pm to 11:59pm const isCurrentlyOpen = hours >= 15 || hours < 0 setIsOpen(isCurrentlyOpen) if (!isCurrentlyOpen) { const openingHour = 15 // 3 PM let hoursUntilOpen = openingHour - hours let minutesUntilOpen = 60 - now.getMinutes() let secondsUntilOpen = 60 - now.getSeconds() // Adjust for seconds overflow if (secondsUntilOpen === 60) { secondsUntilOpen = 0 } else { minutesUntilOpen -= 1 } // Adjust for minutes overflow if (minutesUntilOpen < 0) { minutesUntilOpen = 59 hoursUntilOpen -= 1 } else if (minutesUntilOpen === 60) { minutesUntilOpen = 0 } else if (now.getSeconds() > 0) { hoursUntilOpen -= 1 } setTimeUntilOpen({ hours: hoursUntilOpen, minutes: minutesUntilOpen, seconds: secondsUntilOpen }) } } // Check immediately checkIfOpen() const interval = setInterval(checkIfOpen, 1000) return () => clearInterval(interval) }, []) const formatTimeUntilOpen = () => { if (timeUntilOpen.hours > 0) { return `${timeUntilOpen.hours}h ${timeUntilOpen.minutes}m` } else { return `${timeUntilOpen.minutes}m ${timeUntilOpen.seconds}s` } } return (

{isOpen ? "Estamos Abiertos" : `Abrimos en ${formatTimeUntilOpen()}`}

{isOpen ? "Lun - Dom: 3:00 PM - 12:00 AM" : "Pronto estaremos abriendo nuestras puertas"}

) } [V0_FILE]typescriptreact:file="components/promo-banner.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" export function PromoBanner() { return null // const [timeLeft, setTimeLeft] = useState({ hours: 0, minutes: 0, seconds: 0 }) // const [isVisible, setIsVisible] = useState(true) // useEffect(() => { // const calculateTimeLeft = () => { // const now = new Date() // const midnight = new Date() // midnight.setHours(24, 0, 0, 0) // const difference = midnight.getTime() - now.getTime() // if (difference > 0) { // const hours = Math.floor((difference / (1000 * 60 * 60)) % 24) // const minutes = Math.floor((difference / 1000 / 60) % 60) // const seconds = Math.floor((difference / 1000) % 60) // setTimeLeft({ hours, minutes, seconds }) // setIsVisible(true) // } else { // setIsVisible(false) // } // } // calculateTimeLeft() // const timer = setInterval(calculateTimeLeft, 1000) // return () => clearInterval(timer) // }, []) // const handleOrder = () => { // // Scroll to menu or trigger order action // const menuSection = document.querySelector("[data-menu-section]") // if (menuSection) { // menuSection.scrollIntoView({ behavior: "smooth" }) // } // } // if (!isVisible) { // return null // } // return ( //

// {/* Left section: Offer details */} //

// //

¡OFERTA ESPECIAL!

// 2 Pizzas por 1 + Refresco GRATIS{" "} // // RD$1000 // //

// {/* Center section: Countdown timer */} //

// Disponible hasta las 12:00 AM • //

// {String(timeLeft.hours).padStart(2, "0")} //

Horas

// {String(timeLeft.minutes).padStart(2, "0")} //

Min

// {String(timeLeft.seconds).padStart(2, "0")} //

Seg

// {/* Right section: Order button */} // //

// ) } [V0_FILE]typescriptreact:file="components/menu-grid.tsx" isEdit="true" isQuickEdit="true" "use client" import { MenuCard } from "@/components/menu-card" const pizzaItems = [ { id: 1, name: "Pizza Pepperoni", description: "Salsa de tomate, mozzarella y pepperoni", price: 550, originalPrice: null, discount: null, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-P1RCUDZuUXHGqEuNGTq37TClMS43mL.png", }, { id: 2, name: "Pizza Margarita", description: "Salsa de tomate, mozzarella, oliva, orégano y albahaca", price: 450, originalPrice: null, discount: null, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-4tFPo7iZLlhQqrxswdPMJYtIoqIOjX.png", }, { id: 3, name: "Pizza Jamón Cocido", description: "Salsa de tomate, mozzarella y jamón", price: 550, originalPrice: null, discount: null, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-1AzBNh64404d1rq1ob1scdXa9Nw7r8.png", }, { id: 4, name: "Pizza Bacón", description: "Salsa de tomate, mozzarella y bacón", price: 650, originalPrice: null, discount: null, image: "/bacon-pizza.jpg", }, { id: 5, name: "Pizza Pepperoni al Pesto", description: "Salsa de tomate, mozzarella, pepperoni y pesto", price: 650, originalPrice: null, discount: null, image: "/pepperoni-pesto-pizza.jpg", }, { id: 6, name: "Pizza 4 Quesos", description: "Provolone, blue cheese, queso de cabra y parmesano", price: 800, originalPrice: null, discount: null, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-yk5Q1XFJ2Zmrw57bWdTJGKT1zfyJIw.png", }, { id: 7, name: "Pizza 4 Estaciones", description: "Salsa de tomate, mozzarella, jamón, hongos, aceitunas y salchicha", price: 700, originalPrice: null, discount: null, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-Uf3KVnvDJ0JscFrWAlBRuK193wCdwP.png", }, { id: 8, name: "Pizza Napolitana", description: "Salsa de tomate, mozzarella, anchoas, alcaparras y orégano", price: 750, originalPrice: null, discount: null, image: "/neapolitan-pizza.jpg", }, { id: 9, name: "Pizza Prosciutto", description: "Salsa de tomate, mozzarella y prosciutto", price: 700, originalPrice: null, discount: null, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-E6njuytmqRofkYC2S9GqVz6SMbS8AU.png", }, { id: 10, name: "Pizza Ortolana", description: "Salsa de tomate, mozzarella y vegetales a la parrilla", price: 600, originalPrice: null, discount: null, image: "/vegetarian-pizza.png", }, { id: 11, name: "Pizza Focata", description: "Salsa de tomate, mozzarella y jamón", price: 550, originalPrice: null, discount: null, image: "/focaccia-pizza.jpg", }, { id: 12, name: "Pizza Hawaiana", description: "Salsa de tomate, mozzarella, jamón, piña y orégano", price: 650, originalPrice: null, discount: null, image: "https://web.whatsapp.com/4781e0ce-b032-41ba-b5da-bd0023f660b3", }, { id: 13, name: "Pizza Carnívora", description: "Salsa de tomate, mozzarella, pepperoni, jamón, salchicha y bacón", price: 850, originalPrice: null, discount: null, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-uyfqop20MwVhgJceVT1LJVMPCcYt0Q.png", }, { id: 14, name: "Pizza Maíz", description: "Salsa de tomate, mozzarella y maíz", price: 450, originalPrice: null, discount: null, image: "/corn-pizza.jpg", }, { id: 15, name: "Pizza Parisienne", description: "Salsa de tomate, mozzarella, rúcula, tomates cherry, pesto, prosciutto y parmesano", price: 850, originalPrice: null, discount: null, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-eVxjRX5ezw0LR3BnuohbdCGr9mooQf.png", }, { id: 16, name: "Pizza La Moña", description: "Salsa de tomate, mozzarella, ricota, salchicha y pepperoni", price: 750, originalPrice: null, discount: null, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-ETempRZrDY3e9tTdCdWge748MnGXjz.png", }, { id: 17, name: "Pizza Salchicha Italiana", description: "Salsa de tomate, mozzarella y salchicha italiana", price: 600, originalPrice: null, discount: null, image: "/italian-sausage-pizza.jpg", }, { id: 18, name: "Pizza La Nostra", description: "Salsa de tomate, mozzarella, queso feta, orégano, oliva, albahaca y parmesano", price: 800, originalPrice: null, discount: null, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-ezIaWvvdyHjAYHpR2WESPIEcYzKTLl.png", }, { id: 19, name: "Pizza Deliciosa", description: "Salsa de tomate, mozzarella, rúcula, tomates cherry, pesto, jamón, prosciutto y parmesano", price: 900, originalPrice: null, discount: null, image: "/deluxe-pizza.jpg", }, { id: 20, name: "Pizza Salami Italiano", description: "Salsa de tomate, mozzarella y salami italiano", price: 750, originalPrice: null, discount: null, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-xVHcZESKepeT4cRyHbWI1MeCib84vK.png", }, { id: 21, name: "Focaccia Marinada", description: "Pan focaccia artesanal con salsa marinara, hierbas italianas y albahaca fresca", price: 450, originalPrice: null, discount: null, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-sHowAnopQHgBgCTubd8nY5aebj5lJS.png", }, { id: 22, name: "Focaccia ligera", description: "Focaccia con pesto, prosciutto, rúcula, parmesano y albahaca fresca", price: 1100, originalPrice: null, discount: null, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-0IuAtFahaTRYGvuqmYjrB9wqHK1e4X.png", }, ] const drinkItems = [ { id: 101, name: "Jugo de Mango", description: "Jugo de mango tropical natural", price: 150, originalPrice: null, discount: null, image: "/jugo-mango.jpg", }, { id: 102, name: "Jugo de Limón", description: "Jugo de limón natural recién exprimido", price: 150, originalPrice: null, discount: null, image: "/jugo-limon.jpg", }, { id: 103, name: "Jugo de Piña", description: "Jugo de piña natural y refrescante", price: 150, originalPrice: null, discount: null, image: "/jugo-pina.jpg", }, { id: 104, name: "Piña Colada", description: "Cóctel tropical con ron, piña y coco", price: 350, originalPrice: null, discount: null, image: "/pina-colada.jpg", }, { id: 105, name: "Caipiriña", description: "Cóctel brasileño con cachaça, lima y azúcar", price: 350, originalPrice: null, discount: null, image: "/caipirinha.jpg", }, { id: 113, name: "Cerveza One Pequeña", description: "Cerveza One tamaño pequeño", price: 125, originalPrice: null, discount: null, image: "https://assets-sirenago.s3-us-west-1.amazonaws.com/product/large/00/00/07/1e/9a8e901fd69d95df6602f765cfd8ea11.png", }, { id: 114, name: "Corona Extra", description: "Cerveza Corona Extra importada", price: 200, originalPrice: null, discount: null, image: "/corona-extra-beer-bottle.jpg", }, { id: 115, name: "Modelo", description: "Cerveza Modelo", price: 200, originalPrice: null, discount: null, image: "/modelo-beer-bottle.jpg", }, { id: 116, name: "Presidente Light Normal", description: "Cerveza Presidente Light tamaño normal", price: 200, originalPrice: null, discount: null, image: "https://www.lacasadelacanard.com/cdn/shop/files/2086831-A_2048x.jpg?v=1746570262", }, { id: 117, name: "Presidente Light Pequeña", description: "Cerveza Presidente Light tamaño pequeño", price: 150, originalPrice: null, discount: null, image: "https://jumbo.com.do/pub/media/catalog/product/cache/5d91a1aa0232de6a069aae492eab5701/2/0/2067591-A_3.jpg", }, { id: 118, name: "Presidente Normal", description: "Cerveza Presidente tamaño normal", price: 200, originalPrice: null, discount: null, image: "https://supplyrd.com/cdn/shop/products/ScreenShot2022-12-06at12.52.43PM_1024x1024@2x.png?v=1670349178", }, { id: 119, name: "Presidente Pequeña Normal", description: "Cerveza Presidente tamaño pequeño", price: 150, originalPrice: null, discount: null, image: "https://compradirecta.do/wp-content/uploads/2018/04/C-446.jpg", }, { id: 120, name: "Smirnoff Green Apple", description: "Smirnoff sabor manzana verde", price: 225, originalPrice: null, discount: null, image: "/smirnoff-green-apple-bottle.jpg", }, { id: 121, name: "Smirnoff Limón", description: "Smirnoff sabor limón", price: 225, originalPrice: null, discount: null, image: "/smirnoff-lemon-bottle.jpg", }, { id: 106, name: "Agua Dasani", description: "Agua purificada Dasani", price: 40, originalPrice: null, discount: null, image: "https://jumbo.com.do/pub/media/catalog/product/cache/5d91a1aa0232de6a069aae492eab5701/2/0/2033773-A_3.jpg", }, { id: 107, name: "Canada Dry Club Soda", description: "Agua con gas Canada Dry", price: 75, originalPrice: null, discount: null, image: "https://jumbo.com.do/pub/media/catalog/product/cache/5d91a1aa0232de6a069aae492eab5701/2/1/2131595-a.jpg", }, { id: 108, name: "Agua Tónica", description: "Agua tónica premium", price: 75, originalPrice: null, discount: null, image: "https://assets-sirenago.s3-us-west-1.amazonaws.com/product/original/00/00/0d/a9/bd2ffcf2ef0f9ac66cea2fe79fecf15b.png", }, { id: 109, name: "Clamato", description: "Jugo de tomate con almejas", price: 95, originalPrice: null, discount: null, image: "https://www.ubuy.do/productimg/?image=aHR0cHM6Ly9tLm1lZGlhLWFtYXpvbi5jb20vaW1hZ2VzL0kvODF2UjdiaG5FaFMuX1NMMTUwMF8uanBn.jpg", }, { id: 110, name: "Red Bull", description: "Bebida energética Red Bull", price: 150, originalPrice: null, discount: null, image: "/red-bull.jpg", }, { id: 111, name: "Refresco Pequeño", description: "Refresco de todos los sabores (tamaño pequeño)", price: 50, originalPrice: null, discount: null, image: "https://yao.com.do/wp-content/uploads/2018/01/RefrescosVariedad-1.jpg", }, { id: 112, name: "Refresco Grande 1.5L", description: "Refresco de todos los sabores (1.5 litros)", price: 100, originalPrice: null, discount: null, image: "https://www.lansgrupo.com/wp-content/uploads/2022/06/Coca-Cola-1.5L-PET-Bottle.jpg", }, ] const dessertItems = [ { id: 201, name: "Brownie con Helado de Vainilla", description: "Brownie de chocolate caliente con helado de vainilla", price: 250, originalPrice: null, discount: null, image: "/brownie-ice-cream.jpg", }, ] const saladItems = [ { id: 301, name: "Ensalada de Rúcula", description: "Rúcula fresca, prosciutto, tomates cherry, parmesano y vinagreta balsámica", price: 350, originalPrice: null, discount: null, image: "/ensalada-rucula.jpg", }, { id: 302, name: "Ensalada ça presse", description: "Tomate fresco, mozzarella, albahaca y reducción balsámica", price: 650, originalPrice: null, discount: null, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-SSwEwREtKSzUGynIw0RhWz81Z8jmFy.png", }, ] interface MenuGridProps { category: "pizzas" | "bebidas" | "ensaladas" | "postres" } export function MenuGrid({ category }: MenuGridProps) { const items = category === "pizzas" ? pizzaItems : category === "bebidas" ? drinkItems : category === "ensaladas" ? saladItems : dessertItems const title = category === "pizzas" ? "Pizzas Especiales" : category === "bebidas" ? "Bebidas" : category === "ensaladas" ? "Ensaladas" : "Postres" return (

{title}

{items.map((item, index) => ( ))}

) }

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This