[V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Inter, Space_Grotesk } from "next/font/google" import { Analytics } from "@vercel/analytics/next" import { ConsentProvider } from "@/components/consent-provider" import "./globals.css" const inter = Inter({ subsets: ["latin"], variable: "--font-sans" }) const spaceGrotesk = Space_Grotesk({ subsets: ["latin"], variable: "--font-display" }) export const metadata: Metadata = { title: "Club Locale | Plataforma de Fidelidade e Pontos", description: "Gerencie seus pontos, troque por beneficios e acompanhe seu historico", 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]typescriptreact:file="components/benefits-showcase.tsx" isMerged="true" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { ArrowRight, Star } from "lucide-react" export function BenefitsShowcase() { const benefits = [ { id: 1, title: "Experiência Premium Beach Club", description: "Acesso exclusivo a beach clubs parceiros com drinks inclusos", pontos: 800, image: "beach club with sunset", featured: true, }, { id: 2, title: "Jantar Gourmet para 2", description: "Restaurantes selecionados em várias cidades", pontos: 600, image: "fine dining restaurant", featured: false, }, { id: 3, title: "Weekend Spa Experience", description: "Relaxe com massagens e tratamentos exclusivos", pontos: 500, image: "luxury spa interior", featured: false, }, ] return ( Benefícios em Destaque

{benefits.map((benefit) => (

{benefit.featured && ( Popular )}

{benefit.title}

{benefit.description}

{benefit.pontos} pontos

))}

) } [V0_FILE]typescriptreact:file="components/ui/badge.tsx" isMerged="true" import * as React from 'react' import { Slot } from '@radix-ui/react-slot' import { cva, type VariantProps } from 'class-variance-authority' import { cn } from '@/lib/utils' const badgeVariants = cva( 'inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden', { variants: { variant: { default: 'border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90', secondary: 'border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90', destructive: 'border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60', outline: 'text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground', }, }, defaultVariants: { variant: 'default', }, }, ) function Badge({ className, variant, asChild = false, ...props }: React.ComponentProps<'span'> & VariantProps & { asChild?: boolean }) { const Comp = asChild ? Slot : 'span' return ( ) } export { Badge, badgeVariants } [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": "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", "framer-motion": "12.23.26" }, "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]png:file="public/elegant-italian-restaurant.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/elegant-italian-restaurant-LnX7p9Uhg1LbMN9cq7GB9dglPLRvDH.png" isMerged="true" [V0_FILE]jpg:file="public/modern-sushi-restaurant-japanese.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/modern-sushi-restaurant-japanese-yHQaNQch3tbbnH25VOnHTd8njMbEuS.jpg" isMerged="true" [V0_FILE]jpg:file="public/brazilian-steakhouse-churrascaria.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/brazilian-steakhouse-churrascaria-SJcSn1jKgFtV5NBdgJcvDWKUz9xVjz.jpg" isMerged="true" [V0_FILE]jpg:file="public/french-bistro-restaurant-romantic.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/french-bistro-restaurant-romantic-gDPlSnebgEhog9qCqSLKx8dtCGGIwm.jpg" isMerged="true" [V0_FILE]typescriptreact:file="app/resgatar-tokens/page.tsx" isMerged="true" import { Header } from "@/components/header" import { RedeemTokensFlow } from "@/components/redeem-tokens-flow" export default function RedeemTokensPage() { return (

) } [V0_FILE]typescriptreact:file="app/historico/page.tsx" isMerged="true" import { Header } from "@/components/header" import { FullHistoryView } from "@/components/full-history-view" export default function HistoryPage() { return (

) } [V0_FILE]typescriptreact:file="app/campanha/[id]/page.tsx" isMerged="true" import { Header } from "@/components/header" import { CampaignDetails } from "@/components/campaign-details" export default function CampaignDetailsPage({ params }: { params: { id: string } }) { return (

) } [V0_FILE]typescriptreact:file="components/kalena-campaigns-history.tsx" isMerged="true" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Button } from "@/components/ui/button" import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip" import { Calendar, MapPin, ShoppingBag, ExternalLink } from "lucide-react" import Image from "next/image" import Link from "next/link" interface Campaign { id: number restaurantName: string restaurantImage: string product: string pontosEarned: number date: string location: string status: "active" | "expired" | "completed" expiryDate?: string } const campaigns: Campaign[] = [ { id: 1, restaurantName: "Restaurante Bella Vista", restaurantImage: "/elegant-italian-restaurant.png", product: "Menu Degustacao Premium", pontosEarned: 850, date: "15 Jan 2025", location: "Sao Paulo, SP", status: "active", expiryDate: "15 Fev 2025", }, { id: 2, restaurantName: "Sushi House Tokyo", restaurantImage: "/modern-sushi-restaurant-japanese.jpg", product: "Combinado Especial", pontosEarned: 620, date: "08 Jan 2025", location: "Rio de Janeiro, RJ", status: "completed", }, { id: 3, restaurantName: "Churrascaria Gaucha", restaurantImage: "/brazilian-steakhouse-churrascaria.jpg", product: "Rodizio Completo", pontosEarned: 550, date: "28 Dez 2024", location: "Porto Alegre, RS", status: "expired", expiryDate: "28 Jan 2025", }, { id: 4, restaurantName: "Le Petit Bistro", restaurantImage: "/french-bistro-restaurant-romantic.jpg", product: "Menu Romantico para Dois", pontosEarned: 720, date: "20 Dez 2024", location: "Curitiba, PR", status: "completed", }, ] const getStatusBadge = (status: Campaign["status"]) => { switch (status) { case "active": return { variant: "default" as const, text: "Ativa", className: "bg-emerald-100 text-emerald-700 border border-emerald-300 hover:bg-emerald-200", tooltip: "Campanha ativa. Visite o restaurante e faca check-in pelo header.", } case "expired": return { variant: "destructive" as const, text: "Expirada", className: "bg-[#6F6F6F] text-white hover:bg-[#4A4A4A]", tooltip: "Campanha expirada. Os pontos desta compra nao podem mais ser utilizados.", } case "completed": return { variant: "default" as const, text: "Concluida", className: "bg-green-100 text-green-700 border border-green-300 hover:bg-green-200", tooltip: "Campanha concluida com sucesso.", } } } export function KalenaCampaignsHistory() { return ( Historico de Campanhas Locale Acompanhe suas campanhas e experiencias

{campaigns.map((campaign) => { const statusBadge = getStatusBadge(campaign.status) const isExpired = campaign.status === "expired" return (

{statusBadge.text}

{statusBadge.tooltip}

{campaign.restaurantName}

{campaign.product}

{campaign.location}

{campaign.date}

{campaign.expiryDate && campaign.status === "expired" && (

Expirou em: {campaign.expiryDate}

)}

Pontos Ganhos +{campaign.pontosEarned.toLocaleString("pt-BR")}

Pontos creditados pela compra de {campaign.product}

Visualizar informacoes completas desta campanha

) })}

) } [V0_FILE]typescriptreact:file="components/token-wallet-card.tsx" isMerged="true" "use client" import { Card, CardContent } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip" import { Wallet, TrendingUp, Gift, Info } from "lucide-react" import { motion } from "framer-motion" import Link from "next/link" export function TokenWalletCard() { const tokenBalance = 2500 const lastPurchase = { source: "Locale", date: "15 Jan 2025", tokens: 500, } return (

Minha Carteira

Seu saldo total de pontos acumulados

{tokenBalance.toLocaleString("pt-BR")} pontos

Clique em "Usar meus pontos" para resgatar benefícios

Ativo

Sua conta está ativa e os pontos estão disponíveis para uso

Origem dos pontos

Seus pontos foram gerados a partir da sua compra realizada na Locale em{" "} {lastPurchase.date}. Continue acumulando pontos com suas próximas compras!

Pontos gerados automaticamente após compras na plataforma Locale

Resgatar benefícios e experiências com seus pontos

Visualizar todas as transações e movimentações de pontos

) } [V0_FILE]typescriptreact:file="components/campaign-details.tsx" isMerged="true" "use client" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { ArrowLeft, Calendar, MapPin, ShoppingBag, Clock, Tag, Receipt, Check } from "lucide-react" import Image from "next/image" import { useRouter } from "next/navigation" interface CampaignDetailsProps { campaignId: string } export function CampaignDetails({ campaignId }: CampaignDetailsProps) { const router = useRouter() // Mock data - em produção viria de uma API const campaign = { id: Number.parseInt(campaignId), restaurantName: "Restaurante Bella Vista", restaurantImage: "/elegant-italian-restaurant.png", product: "Menu Degustação Premium", pontosEarned: 850, date: "15 Jan 2025", time: "19:30", location: "São Paulo, SP", address: "Av. Paulista, 1000 - Bela Vista", status: "completed", orderNumber: "KLN-2025-00123", originalPrice: "R$ 425,00", description: "Menu degustação completo com 7 etapas, incluindo entrada, pratos principais e sobremesa. Experiência gastronômica premium com ingredientes selecionados.", details: [ "Menu degustação com 7 etapas", "Acompanhamento de sommelier", "Vista panorâmica da cidade", "Ambiente climatizado", "Estacionamento incluso", ], tokenCalculation: { basePontos: 500, bonusPontos: 200, campaignBonus: 150, total: 850, }, } return (

{/* Header */}

Detalhes da Campanha

Informações completas da sua compra

{/* Main Content */}

{/* Restaurant Image and Info */}

{campaign.status === "completed" ? "Concluído" : "Processando"}

{campaign.restaurantName}

{campaign.product}

Sobre esta experiência

{campaign.description}

O que está incluído:

{detail}

{/* Token Breakdown */} Cálculo de Pontos Veja como seus pontos foram calculados

Pontos Base +{campaign.tokenCalculation.basePontos}

Bônus por Valor +{campaign.tokenCalculation.bonusPontos}

Bônus de Campanha +{campaign.tokenCalculation.campaignBonus}

Total de Pontos +{campaign.tokenCalculation.total.toLocaleString("pt-BR")}

{/* Sidebar - Order Details */}

Informações do Pedido

Número do Pedido

{campaign.orderNumber}

Data da Compra

{campaign.date}

Horário

{campaign.time}

Localização

{campaign.location}

{campaign.address}

Valor Original

{campaign.originalPrice}

Origem da Compra

Locale

🎉

Pontos Ganhos

+{campaign.pontosEarned}

Pontos creditados em sua conta

) } [V0_FILE]typescriptreact:file="components/recent-transactions.tsx" isMerged="true" import { Badge } from "@/components/ui/badge" import { ArrowUpRight, ArrowDownRight, Calendar } from "lucide-react" export function RecentTransactions() { const transactions = [ { id: 1, type: "credit", description: "Credito Beneficio", amount: 1400, date: "15 Jan 2025", status: "completed", }, { id: 2, type: "debit", description: "Supermercado Extra", amount: -235.50, date: "18 Jan 2025", status: "completed", }, { id: 3, type: "debit", description: "Drogaria Sao Paulo", amount: -89.90, date: "20 Jan 2025", status: "completed", }, { id: 4, type: "debit", description: "Mercado Pao de Acucar", amount: -124.60, date: "22 Jan 2025", status: "completed", }, ] const formatCurrency = (value: number) => { const absValue = Math.abs(value) return absValue.toLocaleString("pt-BR", { style: "currency", currency: "BRL", }) } return (

Extrato Recente

{transactions.map((transaction) => (

{transaction.type === "credit" ? ( ) : ( )}

{transaction.description}

{transaction.date}

{transaction.amount > 0 ? "+" : "-"} {formatCurrency(transaction.amount)}

Concluido

))}

{/* Resumo do saldo disponivel */}

Saldo Disponivel

R$ 950,00

Creditado

R$ 1.400,00

Mercados

Farmacias

) } [V0_FILE]jpg:file="public/explore-experiences-hero.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/explore-experiences-hero-RGctLmRNUY9bMNnr6pqYcSLUMwE9u8.jpg" isMerged="true" [V0_FILE]jpg:file="public/hero-experiences-banner.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/hero-experiences-banner-k9Z5AiciSQpzuzrBy3QyqKWNWCSh9p.jpg" isMerged="true" [V0_FILE]typescriptreact:file="app/explorar/page.tsx" isMerged="true" "use client" import { Header } from "@/components/header" import { Card, CardContent } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Input } from "@/components/ui/input" import { MapPin, Clock, Users, Search, Sparkles, Gift, Star, ChevronRight, Utensils, Wine, Coffee } from "lucide-react" import Link from "next/link" import Image from "next/image" import { useState } from "react" import { useSearchParams } from "next/navigation" import LoadingComponent from "./loading" export default function ExplorarPage() { const [searchTerm, setSearchTerm] = useState("") const searchParams = useSearchParams() const partners = [ { name: "Rede Sabor & Arte", logo: "/elegant-italian-restaurant.png" }, { name: "Vinicola Premium", logo: "/french-bistro-restaurant-romantic.jpg" }, { name: "Sushi House", logo: "/modern-sushi-restaurant-japanese.jpg" }, { name: "Carnes Nobres", logo: "/brazilian-steakhouse-churrascaria.jpg" }, ] const featuredCampaigns = [ { id: "exp-1", title: "Festival Gastronômico de Verão", restaurant: "Rede Sabor & Arte", location: "São Paulo, SP", image: "/elegant-italian-restaurant.png", pontos: 2500, description: "Participe do maior festival gastronômico da cidade e ganhe pontos em cada visita", participants: "850+", duration: "Até 31/03/2025", category: "Gastronomia", highlight: true, rating: 4.8, }, { id: "exp-2", title: "Experiência Wine & Dine", restaurant: "Vinicola Premium", location: "Rio de Janeiro, RJ", image: "/french-bistro-restaurant-romantic.jpg", pontos: 3200, description: "Harmonização exclusiva de vinhos com menu degustação do chef", participants: "320+", duration: "Até 15/04/2025", category: "Vinhos", highlight: false, rating: 4.9, }, { id: "exp-3", title: "Tour Culinário Japonês", restaurant: "Sushi House Collection", location: "Curitiba, PR", image: "/modern-sushi-restaurant-japanese.jpg", pontos: 2800, description: "Descubra os segredos da culinária japonesa com mestres sushimen", participants: "540+", duration: "Até 20/05/2025", category: "Oriental", highlight: false, rating: 4.7, }, { id: "exp-4", title: "Churrasco Premium Experience", restaurant: "Grupo Carnes Nobres", location: "Porto Alegre, RS", image: "/brazilian-steakhouse-churrascaria.jpg", pontos: 2200, description: "Experiência completa de churrasco tradicional gaúcho com cortes premium", participants: "1200+", duration: "Até 30/06/2025", category: "Churrascaria", highlight: false, rating: 4.6, }, ] const nearbyEvents = [ { id: "near-1", title: "Happy Hour Premium", restaurant: "Bar do Chef", distance: "1.2 km", image: "/french-bistro-restaurant-romantic.jpg", pontos: 500, }, { id: "near-2", title: "Almoço Executivo", restaurant: "Bistrô Central", distance: "2.5 km", image: "/elegant-italian-restaurant.png", pontos: 300, }, { id: "near-3", title: "Jantar Romântico", restaurant: "La Cucina", distance: "3.8 km", image: "/modern-sushi-restaurant-japanese.jpg", pontos: 800, }, ] const howItWorks = [ { icon: Search, title: "Explore Experiências", description: "Encontre campanhas exclusivas de restaurantes parceiros", }, { icon: Gift, title: "Participe & Ganhe", description: "Faça sua adesão e acumule pontos a cada visita", }, { icon: Sparkles, title: "Resgate Benefícios", description: "Troque seus pontos por experiências incríveis", }, ] const categories = [ { icon: Utensils, name: "Gastronomia", count: 45 }, { icon: Wine, name: "Vinhos", count: 23 }, { icon: Coffee, name: "Cafeterias", count: 38 }, ] return (

{/* Hero Section */}

Programa de Fidelidade Locale

Descontos, Vantagens e Experiências

Tudo Aqui!

{/* Search Bar */}

setSearchTerm(e.target.value)} />

{/* Partner Logos */}

Parceiros em Destaque

{partners.map((partner, index) => (

))}

{/* Categories */}

Categorias

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

{category.name}

{category.count} experiências

))}

{/* Featured Campaigns */}

Experiências em Destaque

{featuredCampaigns.map((campaign) => (

{campaign.highlight && ( Em Destaque )}

{campaign.rating}

{campaign.category}

{campaign.title}

{campaign.restaurant}

{campaign.location}

Ganhe até

{campaign.pontos.toLocaleString("pt-BR")} pts

{campaign.participants}

))}

{/* Nearby Events with Map Preview */}

Eventos Perto de Você

{/* Map Preview */} Mapa

{/* Map Markers */}

{/* Events List */}

{nearbyEvents.map((event) => (

{event.title}

{event.restaurant}

{event.distance} +{event.pontos} pts

))}

{/* How it Works */}

Ainda com Dúvidas?

Veja como funciona

{howItWorks.map((step, index) => (

{step.title}

{step.description}

))}

{/* Newsletter */}

Cadastre-se e receba ofertas exclusivas e novidades sobre experiências

{/* Footer */}

) } export { LoadingComponent as Loading } [V0_FILE]typescriptreact:file="app/experiencia/[id]/page.tsx" isMerged="true" "use client" import { Header } from "@/components/header" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { ArrowLeft, MapPin, Clock, Users, Star, Share2, Heart, Calendar, CheckCircle2, Info } from "lucide-react" import Link from "next/link" import Image from "next/image" import { useState } from "react" import { useParams, useRouter } from "next/navigation" import { CampaignAdhesionModal } from "@/components/campaign-adhesion-modal" const campaignsData: Record = { "exp-1": { id: "exp-1", title: "Festival Gastronômico de Verão", restaurant: "Rede Sabor & Arte", location: "São Paulo, SP", address: "Av. Paulista, 1000 - Bela Vista", image: "/elegant-italian-restaurant.png", pontos: 2500, description: "Participe do maior festival gastronômico da cidade e ganhe pontos em cada visita", fullDescription: "O Festival Gastronômico de Verão é a maior celebração culinária da cidade. Durante toda a temporada, os restaurantes participantes oferecem menus especiais com pratos exclusivos criados pelos melhores chefs. Cada visita rende pontos que podem ser trocados por experiências únicas. Aproveite esta oportunidade para descobrir novos sabores e acumular benefícios.", participants: "850+", duration: "Válido até 31/03/2025", category: "Gastronomia", rating: 4.8, reviews: 234, benefits: [ "Menu degustação exclusivo", "Acumule 100 pontos por visita", "Sobremesa cortesia na primeira visita", "Acesso prioritário a eventos especiais" ], rules: [ "Válido para consumo no local", "Necessário apresentar QR Code no momento do pedido", "Não cumulativo com outras promoções", "Reservas com antecedência mínima de 24h" ] }, "exp-2": { id: "exp-2", title: "Experiência Wine & Dine", restaurant: "Vinicola Premium", location: "Rio de Janeiro, RJ", address: "R. Visconde de Pirajá, 500 - Ipanema", image: "/french-bistro-restaurant-romantic.jpg", pontos: 3200, description: "Harmonização exclusiva de vinhos com menu degustação do chef", fullDescription: "Uma jornada sensorial através dos melhores vinhos do mundo, harmonizados com um menu degustação de 7 tempos preparado pelo nosso chef premiado. Cada prato foi cuidadosamente elaborado para realçar as características únicas de cada vinho, proporcionando uma experiência gastronômica inesquecível.", participants: "320+", duration: "Válido até 15/04/2025", category: "Vinhos", rating: 4.9, reviews: 156, benefits: [ "Degustação de 5 rótulos premium", "Menu de 7 tempos harmonizado", "Certificado de sommelier amador", "Desconto de 20% na loja de vinhos" ], rules: [ "Idade mínima 18 anos", "Reserva obrigatória", "Cancelamento até 48h antes", "Grupos de 2 a 6 pessoas" ] }, "exp-3": { id: "exp-3", title: "Tour Culinário Japonês", restaurant: "Sushi House Collection", location: "Curitiba, PR", address: "R. XV de Novembro, 800 - Centro", image: "/modern-sushi-restaurant-japanese.jpg", pontos: 2800, description: "Descubra os segredos da culinária japonesa com mestres sushimen", fullDescription: "Uma imersão completa na arte milenar da culinária japonesa. Acompanhe nossos mestres sushimen na preparação de pratos tradicionais, aprenda técnicas ancestrais e descubra a filosofia por trás de cada corte e apresentação. Inclui degustação de todos os pratos preparados.", participants: "540+", duration: "Válido até 20/05/2025", category: "Oriental", rating: 4.7, reviews: 189, benefits: [ "Aula prática com mestre sushiman", "Kit de sushi para levar", "Degustação completa", "Certificado de participação" ], rules: [ "Turmas reduzidas (máx 8 pessoas)", "Duração aproximada de 3 horas", "Inclui todos os materiais", "Reagendamento com 72h de antecedência" ] }, "exp-4": { id: "exp-4", title: "Churrasco Premium Experience", restaurant: "Grupo Carnes Nobres", location: "Porto Alegre, RS", address: "Av. Carlos Gomes, 1500 - Auxiliadora", image: "/brazilian-steakhouse-churrascaria.jpg", pontos: 2200, description: "Experiência completa de churrasco tradicional gaúcho com cortes premium", fullDescription: "Viva a autêntica experiência do churrasco gaúcho com cortes nobres selecionados. Nossos assadores compartilham os segredos do preparo perfeito enquanto você degusta os melhores cortes da carne brasileira, acompanhados de guarnições tradicionais e um ambiente acolhedor.", participants: "1200+", duration: "Válido até 30/06/2025", category: "Churrascaria", rating: 4.6, reviews: 412, benefits: [ "Rodízio premium com 15 cortes", "Drink de boas-vindas", "Sobremesa inclusa", "Estacionamento gratuito" ], rules: [ "Válido de segunda a quinta", "Reserva recomendada", "Crianças até 5 anos não pagam", "Tempo de permanência: 2 horas" ] } } const relatedCampaigns = [ { id: "exp-2", title: "Experiência Wine & Dine", restaurant: "Vinicola Premium", image: "/french-bistro-restaurant-romantic.jpg", pontos: 3200, }, { id: "exp-3", title: "Tour Culinário Japonês", restaurant: "Sushi House", image: "/modern-sushi-restaurant-japanese.jpg", pontos: 2800, }, { id: "exp-4", title: "Churrasco Premium", restaurant: "Carnes Nobres", image: "/brazilian-steakhouse-churrascaria.jpg", pontos: 2200, }, ] export default function ExperienciaDetailPage() { const params = useParams() const router = useRouter() const [isFavorite, setIsFavorite] = useState(false) const [showAdhesionModal, setShowAdhesionModal] = useState(false) const campaignId = params.id as string const campaign = campaignsData[campaignId] || campaignsData["exp-1"] return (

{/* Main Content */}

{/* Image and Basic Info */}

Ativo

{campaign.title}

{campaign.restaurant}

{campaign.rating} ({campaign.reviews})

{campaign.location}

{campaign.duration}

{campaign.participants} participantes

{campaign.fullDescription}

{/* Benefits */} Benefícios Inclusos

{campaign.benefits.map((benefit, index) => (

{benefit}

))}

{/* Rules */} Regras e Condições

{rule}

{/* Location */} Localização

{campaign.restaurant}

{campaign.address}

{campaign.location}

{/* Sidebar */}

{/* Adhesion Card */}

Ganhe até

{campaign.pontos.toLocaleString("pt-BR")}

pontos nesta experiência

Categoria {campaign.category}

Validade 31/03/2025

Participantes {campaign.participants}

Ao participar, você concorda com os termos e condições desta campanha

{/* Related Campaigns */} Experiências Relacionadas {relatedCampaigns.filter(c => c.id !== campaignId).slice(0, 3).map((related) => (

{related.title}

{related.restaurant}

+{related.pontos.toLocaleString("pt-BR")} pts

))}

{/* Adhesion Modal */} setShowAdhesionModal(false)} campaign={campaign} /> {/* Footer */}

) } [V0_FILE]typescriptreact:file="app/explorar/loading.tsx" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="components/campaign-adhesion-modal.tsx" isMerged="true" "use client" import { useState } from "react" import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "@/components/ui/dialog" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Badge } from "@/components/ui/badge" import { Checkbox } from "@/components/ui/checkbox" import { Card, CardContent } from "@/components/ui/card" import { Textarea } from "@/components/ui/textarea" import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group" import { Progress } from "@/components/ui/progress" import { Separator } from "@/components/ui/separator" import { CheckCircle2, Calendar, MapPin, QrCode, Star, ArrowRight, ArrowLeft, Sparkles, Download, Share2, Copy, Check, CreditCard, User, Clock, Gift, Shield, Ticket, Users, Wallet, Loader2, } from "lucide-react" import Image from "next/image" interface Campaign { id: string title: string restaurant: string location: string image: string pontos: number category: string } interface CampaignAdhesionModalProps { open: boolean onClose: () => void campaign: Campaign } type Step = "select" | "details" | "payment" | "processing" | "success" | "survey" const STEPS_INFO = [ { id: "select", label: "Plano", number: 1 }, { id: "details", label: "Dados", number: 2 }, { id: "payment", label: "Pagamento", number: 3 }, { id: "success", label: "Confirmação", number: 4 }, ] const PLANS = [ { id: "basic", name: "Básico", price: 0, priceLabel: "Grátis", pontos: 100, features: ["1 visita inclusa", "Tokens básicos", "QR Code pessoal"], popular: false, }, { id: "premium", name: "Premium", price: 49.90, priceLabel: "R$ 49,90", pontos: 500, features: ["Visitas ilimitadas", "5x mais pontos", "Benefícios exclusivos", "Prioridade em reservas"], popular: true, }, { id: "vip", name: "VIP", price: 99.90, priceLabel: "R$ 99,90", pontos: 1200, features: ["Tudo do Premium", "12x mais pontos", "Acesso a eventos", "Concierge dedicado", "Brindes especiais"], popular: false, }, ] export function CampaignAdhesionModal({ open, onClose, campaign }: CampaignAdhesionModalProps) { const [step, setStep] = useState("select") const [selectedPlan, setSelectedPlan] = useState("basic") const [acceptTerms, setAcceptTerms] = useState(false) const [copied, setCopied] = useState(false) const [surveySubmitted, setSurveySubmitted] = useState(false) const [formData, setFormData] = useState({ fullName: "Maria Silva", email: "maria@email.com", phone: "(11) 99999-9999", cpf: "123.456.789-00", preferredDate: "", guests: "1", observations: "", }) const [paymentData, setPaymentData] = useState({ method: "credit", cardNumber: "", cardName: "", expiry: "", cvv: "", installments: "1", useTokens: false, }) const [surveyData, setSurveyData] = useState({ easeOfUse: "", recommendation: "", feedback: "", }) const currentStepIndex = STEPS_INFO.findIndex(s => s.id === step) const progress = step === "success" || step === "survey" ? 100 : ((currentStepIndex + 1) / STEPS_INFO.length) * 100 const selectedPlanData = PLANS.find(p => p.id === selectedPlan) const handleNext = () => { if (step === "select") setStep("details") else if (step === "details") setStep("payment") else if (step === "payment") { setStep("processing") setTimeout(() => setStep("success"), 2000) } else if (step === "success") setStep("survey") } const handleBack = () => { if (step === "details") setStep("select") else if (step === "payment") setStep("details") } const handleClose = () => { setStep("select") setSelectedPlan("basic") setAcceptTerms(false) setSurveySubmitted(false) setFormData({ fullName: "Maria Silva", email: "maria@email.com", phone: "(11) 99999-9999", cpf: "123.456.789-00", preferredDate: "", guests: "1", observations: "", }) setPaymentData({ method: "credit", cardNumber: "", cardName: "", expiry: "", cvv: "", installments: "1", useTokens: false, }) setSurveyData({ easeOfUse: "", recommendation: "", feedback: "" }) onClose() } const handleCopyCode = () => { navigator.clipboard.writeText("LOCALE-EXP-2025-001234") setCopied(true) setTimeout(() => setCopied(false), 2000) } const handleSubmitSurvey = () => { setSurveySubmitted(true) setTimeout(() => handleClose(), 2000) } const generatedCode = "LOCALE-EXP-2025-001234" return (