[V0_FILE]css:file="app/globals.css" isMerged="true" @import 'tailwindcss'; @import 'tw-animate-css'; @custom-variant dark (&:is(.dark *)); :root { /* Dark theme with orange/amber accent - default */ --background: oklch(0.12 0.01 250); --foreground: oklch(0.95 0 0); --card: oklch(0.16 0.01 250); --card-foreground: oklch(0.95 0 0); --popover: oklch(0.16 0.01 250); --popover-foreground: oklch(0.95 0 0); --primary: oklch(0.75 0.18 55); --primary-foreground: oklch(0.12 0.01 250); --secondary: oklch(0.22 0.01 250); --secondary-foreground: oklch(0.95 0 0); --muted: oklch(0.22 0.01 250); --muted-foreground: oklch(0.65 0 0); --accent: oklch(0.75 0.18 55); --accent-foreground: oklch(0.12 0.01 250); --destructive: oklch(0.55 0.22 27); --destructive-foreground: oklch(0.95 0 0); --border: oklch(0.28 0.01 250); --input: oklch(0.22 0.01 250); --ring: oklch(0.75 0.18 55); --chart-1: oklch(0.75 0.18 55); --chart-2: oklch(0.65 0.15 45); --chart-3: oklch(0.55 0.12 35); --chart-4: oklch(0.80 0.15 65); --chart-5: oklch(0.70 0.20 50); --radius: 0.625rem; --sidebar: oklch(0.14 0.01 250); --sidebar-foreground: oklch(0.95 0 0); --sidebar-primary: oklch(0.75 0.18 55); --sidebar-primary-foreground: oklch(0.12 0.01 250); --sidebar-accent: oklch(0.22 0.01 250); --sidebar-accent-foreground: oklch(0.95 0 0); --sidebar-border: oklch(0.28 0.01 250); --sidebar-ring: oklch(0.75 0.18 55); } .dark { --background: oklch(0.12 0.01 250); --foreground: oklch(0.95 0 0); --card: oklch(0.16 0.01 250); --card-foreground: oklch(0.95 0 0); --popover: oklch(0.16 0.01 250); --popover-foreground: oklch(0.95 0 0); --primary: oklch(0.75 0.18 55); --primary-foreground: oklch(0.12 0.01 250); --secondary: oklch(0.22 0.01 250); --secondary-foreground: oklch(0.95 0 0); --muted: oklch(0.22 0.01 250); --muted-foreground: oklch(0.65 0 0); --accent: oklch(0.75 0.18 55); --accent-foreground: oklch(0.12 0.01 250); --destructive: oklch(0.55 0.22 27); --destructive-foreground: oklch(0.95 0 0); --border: oklch(0.28 0.01 250); --input: oklch(0.22 0.01 250); --ring: oklch(0.75 0.18 55); --chart-1: oklch(0.75 0.18 55); --chart-2: oklch(0.65 0.15 45); --chart-3: oklch(0.55 0.12 35); --chart-4: oklch(0.80 0.15 65); --chart-5: oklch(0.70 0.20 50); --sidebar: oklch(0.14 0.01 250); --sidebar-foreground: oklch(0.95 0 0); --sidebar-primary: oklch(0.75 0.18 55); --sidebar-primary-foreground: oklch(0.12 0.01 250); --sidebar-accent: oklch(0.22 0.01 250); --sidebar-accent-foreground: oklch(0.95 0 0); --sidebar-border: oklch(0.28 0.01 250); --sidebar-ring: oklch(0.75 0.18 55); } @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; } } /* Animated background for Los Santos */ @keyframes slowPan { 0% { transform: scale(1.1) translateX(0%) translateY(0%); } 25% { transform: scale(1.15) translateX(-2%) translateY(-1%); } 50% { transform: scale(1.2) translateX(-3%) translateY(0%); } 75% { transform: scale(1.15) translateX(-1%) translateY(1%); } 100% { transform: scale(1.1) translateX(0%) translateY(0%); } } .animated-bg { animation: slowPan 30s ease-in-out infinite; } /* Subtle glow pulse effect */ @keyframes glowPulse { 0%, 100% { opacity: 0.85; } 50% { opacity: 0.75; } } .glow-overlay { animation: glowPulse 8s ease-in-out infinite; } [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", "@supabase/ssr": "0.8.0", "@supabase/supabase-js": "2.99.0" }, "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/testimonials-section.tsx" isMerged="true" "use client" import { Star } from "lucide-react" const testimonials = [ { name: "xZyLoX_", content: "Keyser est incroyable ! Menu fluide, aucune détection depuis 6 mois. Le meilleur investissement pour GTA.", rating: 5, }, { name: "Kira_FiveM", content: "Support ultra réactif, ils m'ont aidé à configurer en 5 minutes. Je recommande à 100%.", rating: 5, }, { name: "L3g1t_Hax0r", content: "J'ai testé beaucoup de menus, Keyser est de loin le plus stable. Mises à jour régulières.", rating: 5, }, { name: "ShadowRP_", content: "Le spoofer fonctionne parfaitement. Mon HWID est clean depuis des mois.", rating: 5, }, { name: "N1ghtM4re", content: "Discret et efficace. Personne ne détecte rien même en stream. Parfait pour le RP.", rating: 4, }, { name: "VeNoM_Mods", content: "Prix correct pour la qualité. Le menu Ultimate vaut chaque euro dépensé.", rating: 5, }, { name: "xK1ngx", content: "Livraison instantanée de la clé. J'étais opérationnel en moins de 2 minutes après l'achat.", rating: 5, }, { name: "D4rkSoul_", content: "Enfin un menu qui ne crash pas toutes les 5 minutes. Stabilité au top !", rating: 5, }, { name: "Ph4nt0m_GG", content: "Recovery parfait, j'ai récupéré 500M en quelques clics. Service de qualité.", rating: 5, }, { name: "Bl4ckOps_", content: "Protection crash incroyable, impossible de me kick. Je domine les sessions publiques.", rating: 5, }, ] function TestimonialCard({ name, content, rating }: { name: string; content: string; rating: number }) { return (

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

{content}

{name.substring(0, 2).toUpperCase()}

{name}

) } export function TestimonialsSection() { return (

Avis de la Communauté

Rejoins des milliers de gamers satisfaits qui font confiance à DestroyDaGamingWorld.

{/* Marquee Row 1 - Left to Right */}

{[...testimonials, ...testimonials].map((testimonial, index) => ( ))}

{/* Marquee Row 2 - Right to Left */}

{[...testimonials.slice().reverse(), ...testimonials.slice().reverse()].map((testimonial, index) => ( ))}

) } [V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" 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 metadata: Metadata = { title: 'DestroyDaGamingWorld - Premium Gaming Tools', description: 'Acces exclusif aux meilleurs cheats, mod menus et spoofers premium. Securite maximale et support 24/7.', 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="app/page.tsx" isMerged="true" import { Header } from "@/components/header" import { HeroSection } from "@/components/hero-section" import { ProductsSection } from "@/components/products-section" import { FeaturesSection } from "@/components/features-section" import { TestimonialsSection } from "@/components/testimonials-section" import { Footer } from "@/components/footer" export default function HomePage() { return (

) } [V0_FILE]typescriptreact:file="app/auth/login/page.tsx" isMerged="true" "use client" import React from "react" import { useState } from "react" import Link from "next/link" import Image from "next/image" import { useRouter } from "next/navigation" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { ArrowLeft, Loader2, Mail, KeyRound, Eye, EyeOff } from "lucide-react" export default function LoginPage() { const [email, setEmail] = useState("") const [password, setPassword] = useState("") const [showPassword, setShowPassword] = useState(false) const [isLoading, setIsLoading] = useState(false) const [error, setError] = useState(null) const [isOtpMode, setIsOtpMode] = useState(false) const [otpSent, setOtpSent] = useState(false) const [otp, setOtp] = useState("") const router = useRouter() const handlePasswordLogin = async (e: React.FormEvent) => { e.preventDefault() setIsLoading(true) setError(null) try { const res = await fetch("/api/auth/login", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email, password, type: "password" }), }) const data = await res.json() if (!res.ok) { setError(data.error || "Erreur de connexion") setIsLoading(false) return } router.push("/dashboard") router.refresh() } catch { setError("Erreur de connexion au serveur") setIsLoading(false) } } const handleSendOtp = async (e: React.FormEvent) => { e.preventDefault() setIsLoading(true) setError(null) try { const res = await fetch("/api/auth/login", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email, type: "otp-send" }), }) const data = await res.json() if (!res.ok) { setError(data.error || "Erreur d'envoi du code") setIsLoading(false) return } setOtpSent(true) setIsLoading(false) } catch { setError("Erreur de connexion au serveur") setIsLoading(false) } } const handleVerifyOtp = async (e: React.FormEvent) => { e.preventDefault() setIsLoading(true) setError(null) try { const res = await fetch("/api/auth/login", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email, token: otp, type: "otp-verify" }), }) const data = await res.json() if (!res.ok) { setError(data.error || "Code invalide") setIsLoading(false) return } router.push("/dashboard") router.refresh() } catch { setError("Erreur de connexion au serveur") setIsLoading(false) } } return (

{/* Background */}

Retour

Connexion Connectez-vous à votre compte DestroyDaGamingWorld {!isOtpMode ? (

setEmail(e.target.value)} className="pl-10 bg-secondary/30 border-border" required />

Mot de passe

setPassword(e.target.value)} className="pl-10 pr-10 bg-secondary/30 border-border" required />

{error && (

{error}

)}

) : !otpSent ? ( ) : (

Un code a été envoyé à {email}

Code de vérification setOtp(e.target.value)} className="text-center text-2xl tracking-widest bg-secondary/30 border-border" maxLength={6} required />

{error && (

{error}

)}

Pas encore de compte ?{" "} {"S'inscrire"}

) } [V0_FILE]typescriptreact:file="app/auth/sign-up/page.tsx" isMerged="true" "use client" import React from "react" import { useState } from "react" import Link from "next/link" import Image from "next/image" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { ArrowLeft, Loader2, Mail, KeyRound, Eye, EyeOff } from "lucide-react" export default function SignUpPage() { const [email, setEmail] = useState("") const [password, setPassword] = useState("") const [confirmPassword, setConfirmPassword] = useState("") const [showPassword, setShowPassword] = useState(false) const [isLoading, setIsLoading] = useState(false) const [error, setError] = useState(null) const [success, setSuccess] = useState(false) const handleSignUp = async (e: React.FormEvent) => { e.preventDefault() setIsLoading(true) setError(null) if (password !== confirmPassword) { setError("Les mots de passe ne correspondent pas") setIsLoading(false) return } if (password.length < 6) { setError("Le mot de passe doit contenir au moins 6 caracteres") setIsLoading(false) return } try { const res = await fetch("/api/auth/sign-up", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email, password }), }) const data = await res.json() if (!res.ok) { setError(data.error || "Erreur lors de l'inscription") setIsLoading(false) return } setSuccess(true) setIsLoading(false) } catch { setError("Erreur de connexion au serveur") setIsLoading(false) } } if (success) { return (

{/* Background */}

Verifiez votre email Un email de confirmation a ete envoye a {email}

Cliquez sur le lien dans l'email pour activer votre compte et acceder a votre dashboard.

) } return (

{/* Background */}

Retour

Creer un compte Rejoignez DestroyDaGamingWorld pour acceder aux meilleurs cheats

setEmail(e.target.value)} className="pl-10 bg-secondary/30 border-border" required />

Mot de passe

setPassword(e.target.value)} className="pl-10 pr-10 bg-secondary/30 border-border" required />

Confirmer le mot de passe

setConfirmPassword(e.target.value)} className="pl-10 bg-secondary/30 border-border" required />

{error && (

{error}

)}

Deja un compte ?{" "} Se connecter

) } [V0_FILE]typescript:file="lib/supabase/server.ts" isMerged="true" import { createServerClient } from "@supabase/ssr" import { cookies } from "next/headers" export async function createClient() { const cookieStore = await cookies() return createServerClient( process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!, { cookies: { getAll() { return cookieStore.getAll() }, setAll(cookiesToSet) { try { cookiesToSet.forEach(({ name, value, options }) => cookieStore.set(name, value, options) ) } catch { // The `setAll` method was called from a Server Component. // This can be ignored if you have middleware refreshing // user sessions. } }, }, } ) } [V0_FILE]typescript:file="lib/supabase/middleware.ts" isMerged="true" import { createServerClient } from "@supabase/ssr" import { NextResponse, type NextRequest } from "next/server" export async function updateSession(request: NextRequest) { let supabaseResponse = NextResponse.next({ request, }) const supabase = createServerClient( process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!, { cookies: { getAll() { return request.cookies.getAll() }, setAll(cookiesToSet) { cookiesToSet.forEach(({ name, value }) => request.cookies.set(name, value) ) supabaseResponse = NextResponse.next({ request, }) cookiesToSet.forEach(({ name, value, options }) => supabaseResponse.cookies.set(name, value, options) ) }, }, } ) // Refresh session - important for keeping auth active const { data: { user }, } = await supabase.auth.getUser() // Protect dashboard and admin routes - redirect to login if not authenticated if ( !user && (request.nextUrl.pathname.startsWith("/dashboard") || request.nextUrl.pathname.startsWith("/admin")) ) { const url = request.nextUrl.clone() url.pathname = "/auth/login" return NextResponse.redirect(url) } return supabaseResponse } [V0_FILE]typescript:file="middleware.ts" isMerged="true" import { type NextRequest } from "next/server" import { updateSession } from "@/lib/supabase/middleware" export async function proxy(request: NextRequest) { return await updateSession(request) } export const config = { matcher: [ "/((?!_next/static|_next/image|favicon.ico|.*\\.(?:svg|png|jpg|jpeg|gif|webp)$).*)", ], } [V0_FILE]sql:file="scripts/001_create_tables.sql" isMerged="true" -- Drop existing policies if they exist (for clean re-run) DROP POLICY IF EXISTS "profiles_select_own" ON public.profiles; DROP POLICY IF EXISTS "profiles_insert_own" ON public.profiles; DROP POLICY IF EXISTS "profiles_update_own" ON public.profiles; DROP POLICY IF EXISTS "products_select_all" ON public.products; DROP POLICY IF EXISTS "products_admin_all" ON public.products; DROP POLICY IF EXISTS "variants_select_all" ON public.product_variants; DROP POLICY IF EXISTS "variants_admin_all" ON public.product_variants; DROP POLICY IF EXISTS "keys_admin_all" ON public.license_keys; DROP POLICY IF EXISTS "orders_select_own" ON public.orders; DROP POLICY IF EXISTS "orders_insert_authenticated" ON public.orders; DROP POLICY IF EXISTS "orders_admin_all" ON public.orders; -- Profiles table for user data CREATE TABLE IF NOT EXISTS public.profiles ( id UUID PRIMARY KEY REFERENCES auth.users(id) ON DELETE CASCADE, email TEXT, is_admin BOOLEAN DEFAULT FALSE, created_at TIMESTAMPTZ DEFAULT NOW() ); -- Add is_admin column if it doesn't exist DO $$ BEGIN IF NOT EXISTS (SELECT 1 FROM information_schema.columns WHERE table_name = 'profiles' AND column_name = 'is_admin') THEN ALTER TABLE public.profiles ADD COLUMN is_admin BOOLEAN DEFAULT FALSE; END IF; END $$; ALTER TABLE public.profiles ENABLE ROW LEVEL SECURITY; CREATE POLICY "profiles_select_own" ON public.profiles FOR SELECT USING (auth.uid() = id); CREATE POLICY "profiles_insert_own" ON public.profiles FOR INSERT WITH CHECK (auth.uid() = id); CREATE POLICY "profiles_update_own" ON public.profiles FOR UPDATE USING (auth.uid() = id); -- Products table CREATE TABLE IF NOT EXISTS public.products ( id UUID PRIMARY KEY DEFAULT gen_random_uuid(), name TEXT NOT NULL, description TEXT, image_url TEXT, created_at TIMESTAMPTZ DEFAULT NOW() ); ALTER TABLE public.products ENABLE ROW LEVEL SECURITY; CREATE POLICY "products_select_all" ON public.products FOR SELECT TO PUBLIC USING (true); CREATE POLICY "products_admin_all" ON public.products FOR ALL USING ( EXISTS (SELECT 1 FROM public.profiles WHERE id = auth.uid() AND is_admin = true) ); -- Product variants (pricing tiers) CREATE TABLE IF NOT EXISTS public.product_variants ( id UUID PRIMARY KEY DEFAULT gen_random_uuid(), product_id UUID REFERENCES public.products(id) ON DELETE CASCADE, name TEXT NOT NULL, price DECIMAL(10,2) NOT NULL, duration TEXT NOT NULL, features JSONB, created_at TIMESTAMPTZ DEFAULT NOW() ); ALTER TABLE public.product_variants ENABLE ROW LEVEL SECURITY; CREATE POLICY "variants_select_all" ON public.product_variants FOR SELECT TO PUBLIC USING (true); CREATE POLICY "variants_admin_all" ON public.product_variants FOR ALL USING ( EXISTS (SELECT 1 FROM public.profiles WHERE id = auth.uid() AND is_admin = true) ); -- License keys inventory CREATE TABLE IF NOT EXISTS public.license_keys ( id UUID PRIMARY KEY DEFAULT gen_random_uuid(), product_variant_id UUID REFERENCES public.product_variants(id) ON DELETE CASCADE, license_key TEXT NOT NULL UNIQUE, is_sold BOOLEAN DEFAULT FALSE, sold_at TIMESTAMPTZ, order_id UUID, created_at TIMESTAMPTZ DEFAULT NOW() ); ALTER TABLE public.license_keys ENABLE ROW LEVEL SECURITY; CREATE POLICY "keys_admin_all" ON public.license_keys FOR ALL USING ( EXISTS (SELECT 1 FROM public.profiles WHERE id = auth.uid() AND is_admin = true) ); -- Orders table CREATE TABLE IF NOT EXISTS public.orders ( id UUID PRIMARY KEY DEFAULT gen_random_uuid(), user_id UUID REFERENCES auth.users(id) ON DELETE SET NULL, product_variant_id UUID REFERENCES public.product_variants(id), payment_method TEXT NOT NULL, payment_status TEXT DEFAULT 'pending', amount DECIMAL(10,2) NOT NULL, license_key TEXT, email TEXT NOT NULL, created_at TIMESTAMPTZ DEFAULT NOW() ); ALTER TABLE public.orders ENABLE ROW LEVEL SECURITY; CREATE POLICY "orders_select_own" ON public.orders FOR SELECT USING (auth.uid() = user_id); CREATE POLICY "orders_insert_authenticated" ON public.orders FOR INSERT TO authenticated WITH CHECK (true); CREATE POLICY "orders_admin_all" ON public.orders FOR ALL USING ( EXISTS (SELECT 1 FROM public.profiles WHERE id = auth.uid() AND is_admin = true) ); -- Trigger to auto-create profile on signup CREATE OR REPLACE FUNCTION public.handle_new_user() RETURNS TRIGGER LANGUAGE plpgsql SECURITY DEFINER SET search_path = public AS $$ BEGIN INSERT INTO public.profiles (id, email, is_admin) VALUES (new.id, new.email, COALESCE((new.raw_user_meta_data->>'is_admin')::boolean, false)) ON CONFLICT (id) DO NOTHING; RETURN new; END; $$; DROP TRIGGER IF EXISTS on_auth_user_created ON auth.users; CREATE TRIGGER on_auth_user_created AFTER INSERT ON auth.users FOR EACH ROW EXECUTE FUNCTION public.handle_new_user(); -- Insert default Keyser product INSERT INTO public.products (id, name, description, image_url) VALUES ('550e8400-e29b-41d4-a716-446655440000', 'Keyser', 'Le mod menu FiveM ultime avec Woofer inclus. Domine Los Santos avec des fonctionnalites premium.', '/images/keyser-product.png') ON CONFLICT (id) DO UPDATE SET name = EXCLUDED.name, description = EXCLUDED.description, image_url = EXCLUDED.image_url; -- Delete existing variants and re-insert DELETE FROM public.product_variants WHERE product_id = '550e8400-e29b-41d4-a716-446655440000'; INSERT INTO public.product_variants (product_id, name, price, duration, features) VALUES ('550e8400-e29b-41d4-a716-446655440000', '1 Day', 15.00, '1 Jour', '["Acces complet au mod menu", "Protection Anti-Ban", "Mises a jour incluses", "Support Discord", "Teleportation & ESP", "Vehicle Spawner"]'), ('550e8400-e29b-41d4-a716-446655440000', '1 Week', 35.00, '7 Jours', '["Acces complet au mod menu", "Protection Anti-Ban avancee", "Mises a jour prioritaires", "Support prioritaire 24/7", "Recovery options", "Protection Crash"]'), ('550e8400-e29b-41d4-a716-446655440000', '1 Month', 60.00, '30 Jours', '["Acces VIP complet", "Protection Anti-Ban maximale", "Mises a jour en avant-premiere", "Support VIP dedie", "Recovery illimite", "Spoofer HWID inclus"]'); [V0_FILE]jpg:file="public/images/los-santos-bg.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/images/los-santos-bg-1w27f1aFG0cQb1mxVhnql9e6eByion.jpg" isMerged="true" [V0_FILE]png:file="public/images/premier-logo-shop.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/PREMIER%20LOGO%20SHOP-dLdmBnQ4rtCyDGmt5o2TYLXFCehWMg.png" isMerged="true" [V0_FILE]png:file="public/images/keyser-product.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/logo%20keyser%20menu%20woofer-Rx6GjsYPIHlmLR4iTJroFroX9cSzJD.png" isMerged="true" [V0_FILE]typescriptreact:file="components/header.tsx" isMerged="true" "use client" import Link from "next/link" import Image from "next/image" import { useState, useEffect } from "react" import { Menu, X, User } from "lucide-react" import { Button } from "@/components/ui/button" export function Header() { const [isMenuOpen, setIsMenuOpen] = useState(false) const [user, setUser] = useState<{ id: string; email?: string } | null>(null) const [isLoading, setIsLoading] = useState(true) useEffect(() => { const checkUser = async () => { try { const res = await fetch("/api/auth/user") const data = await res.json() setUser(data.user) } catch { setUser(null) } finally { setIsLoading(false) } } checkUser() }, []) const navLinks = [ { href: "/#produits", label: "Produits" }, { href: "/#fonctionnalités", label: "Fonctionnalités" }, { href: "/#avis", label: "Avis" }, ] return (

DestroyDaGamingWorld {/* Desktop Navigation */} {/* Desktop Auth Buttons */}

{isLoading ? (

) : user ? ( ) : ( <> )}

{/* Mobile Menu Button */}

{/* Mobile Navigation */} {isMenuOpen && (

{navLinks.map((link) => ( setIsMenuOpen(false)} > {link.label} ))}

{user ? ( setIsMenuOpen(false)}> ) : ( <> setIsMenuOpen(false)}> setIsMenuOpen(false)}> )}

)}

) } [V0_FILE]typescriptreact:file="components/footer.tsx" isMerged="true" import Link from "next/link" import Image from "next/image" import { Mail, MessageCircle } from "lucide-react" const footerLinks = { produits: [ { label: "Keyser 1 Day", href: "/product/keyser?plan=1-day" }, { label: "Keyser 1 Week", href: "/product/keyser?plan=1-week" }, { label: "Keyser 1 Month", href: "/product/keyser?plan=1-month" }, ], support: [ { label: "Discord", href: "#" }, { label: "FAQ", href: "#" }, { label: "Tutoriels", href: "#" }, { label: "Status", href: "#" }, ], legal: [ { label: "CGV", href: "#" }, { label: "Politique de remboursement", href: "#" }, { label: "Mentions légales", href: "#" }, ], } export function Footer() { return ( ) } [V0_FILE]typescriptreact:file="app/checkout/loading.tsx" isMerged="true" export default function Loading() { return null } [V0_FILE]sql:file="scripts/002_update_keyser_prices.sql" isMerged="true" -- Update Keyser product variants with correct prices -- 1 Day: 4.99€, 1 Week: 9.99€, 1 Month: 13.99€, Lifetime: 34.99€ -- Delete existing variants for keyser (by product name) DELETE FROM product_variants WHERE product_id IN (SELECT id FROM products WHERE name = 'Keyser'); -- Get the keyser product ID and insert new variants DO $$ DECLARE keyser_id UUID; BEGIN SELECT id INTO keyser_id FROM products WHERE name = 'Keyser'; IF keyser_id IS NOT NULL THEN INSERT INTO product_variants (product_id, name, price, duration) VALUES (keyser_id, '1 Day', 4.99, '1 jour'), (keyser_id, '1 Week', 9.99, '1 semaine'), (keyser_id, '1 Month', 13.99, '1 mois'), (keyser_id, 'Lifetime', 34.99, 'A vie'); END IF; END $$; [V0_FILE]typescriptreact:file="components/products-section.tsx" isMerged="true" "use client" import Image from "next/image" import Link from "next/link" import { Button } from "@/components/ui/button" import { Shield, Zap, Clock, ArrowRight } from "lucide-react" export function ProductsSection() { return (

{/* Background */}

Nos Produits

Decouvre notre selection de cheats premium et mod menus pour dominer le jeu.

{/* Keyser Product Card */}

{/* Image */}

{/* Content */}

FiveM Menu + Woofer

Keyser

Le mod menu ultime pour FiveM. Fonctionnalites avancees, protection anti-ban, et mises a jour regulieres pour une experience de jeu inegalee.

Injection rapide

Undetected

Updates reguliers

A partir de 4,99€

{/* Coming Soon Hint */}

D'autres produits arrivent bientot...

) } [V0_FILE]typescriptreact:file="app/product/keyser/page.tsx" isMerged="true" "use client" import Image from "next/image" import Link from "next/link" import { useState, useEffect } from "react" import { Header } from "@/components/header" import { Footer } from "@/components/footer" import { Button } from "@/components/ui/button" import { Card, CardContent, CardFooter, CardHeader } from "@/components/ui/card" import { Star, Shield, Zap, Clock, ChevronLeft, Monitor, Gamepad2, RefreshCw, Headphones } from "lucide-react" interface ProductVariant { id: string name: string price: number duration: string description: string popular: boolean } const defaultDescriptions: Record = { "1 Day": "Parfait pour tester", "1 Week": "Le plus populaire", "1 Month": "Meilleur rapport qualite/prix", "Lifetime": "Acces permanent", } const features = [ { icon: Monitor, title: "Interface Intuitive", description: "Menu facile a naviguer avec raccourcis clavier personnalisables et interface moderne.", }, { icon: Shield, title: "Protection Anti-Ban", description: "Systeme de protection avance qui te garde undetected sur tous les serveurs FiveM.", }, { icon: Gamepad2, title: "Recovery Options", description: "Ajoute de l'argent, monte ton niveau, debloque des vehicules et bien plus encore.", }, { icon: RefreshCw, title: "Mises a jour regulieres", description: "Notre equipe met a jour le menu regulierement pour contourner les nouvelles detections.", }, { icon: Zap, title: "Injection Rapide", description: "Injection en moins de 5 secondes. Lance le jeu et profite instantanement.", }, { icon: Headphones, title: "Support 24/7", description: "Une equipe dediee sur Discord pour t'aider a tout moment en cas de probleme.", }, ] export default function KeyserProductPage() { const [selectedPlan, setSelectedPlan] = useState(null) const [variants, setVariants] = useState([]) const [isLoading, setIsLoading] = useState(true) useEffect(() => { const loadVariants = async () => { try { const res = await fetch("/api/products/keyser") const data = await res.json() if (data.variants && data.variants.length > 0) { const formattedVariants = data.variants.map((v: Record) => ({ id: v.id, name: v.name, price: v.price, duration: v.duration, description: defaultDescriptions[v.name as string] || "Licence Keyser", popular: v.name === "1 Week", })) setVariants(formattedVariants) if (formattedVariants.length > 0) { setSelectedPlan(formattedVariants[0].id) } } } catch { // Silently handle } finally { setIsLoading(false) } } loadVariants() }, []) return (

{/* Background */}

{/* Back Button */} Retour a l'accueil {/* Product Hero */}

FiveM Menu + Woofer

Keyser

Le mod menu premium pour FiveM et GTA V. Domine chaque session avec des fonctionnalites avancees, une protection anti-ban robuste et des mises a jour constantes pour rester toujours undetected.

Injection instantanee

99% Undetected

Livraison immediate

{Array.from({ length: 5 }).map((_, i) => ( ))} (4.9/5 - 2000+ avis)

{/* Pricing Section */}

Choisissez votre licence

Plusieurs durees disponibles selon vos besoins. Cle de licence livree instantanement par email apres paiement.

{isLoading ? (

) : (

{variants.map((plan) => ( setSelectedPlan(plan.id)} > {plan.popular && (

Populaire

)}

{plan.name}

{plan.description}

{plan.price.toFixed(2).replace('.', ',')}€

Acces {plan.duration} a toutes les fonctionnalites

))}

)} {/* Features text below pricing */}

Toutes les licences incluent :{" "} Acces complet au mod menu Keyser, protection anti-ban avancee, injection rapide et stable, options de recovery (argent, niveau, vehicules), teleportation et ESP, vehicle spawner, protection crash, spoofer HWID integre, mises a jour automatiques et support Discord 24/7.

{/* Features Grid */}

Fonctionnalites Keyser

Un mod menu complet avec tout ce dont tu as besoin pour dominer sur FiveM.

{features.map((feature) => (

{feature.title}

{feature.description}

))}

{/* CTA */}

Pret a dominer le jeu ?

Rejoins des milliers de joueurs qui utilisent Keyser pour une experience FiveM inegalee.

) } [V0_FILE]sql:file="scripts/003_create_support_tickets.sql" isMerged="true" -- Create support tickets table CREATE TABLE IF NOT EXISTS support_tickets ( id UUID PRIMARY KEY DEFAULT gen_random_uuid(), user_id UUID REFERENCES auth.users(id) ON DELETE SET NULL, email TEXT NOT NULL, subject TEXT NOT NULL, message TEXT NOT NULL, response TEXT, status TEXT DEFAULT 'open' CHECK (status IN ('open', 'resolved', 'closed')), created_at TIMESTAMPTZ DEFAULT NOW(), updated_at TIMESTAMPTZ DEFAULT NOW() ); -- Enable RLS ALTER TABLE support_tickets ENABLE ROW LEVEL SECURITY; -- Users can create tickets CREATE POLICY "users_create_tickets" ON support_tickets FOR INSERT WITH CHECK (true); -- Users can view their own tickets CREATE POLICY "users_view_own_tickets" ON support_tickets FOR SELECT USING (auth.uid() = user_id OR user_id IS NULL); -- Admins can view all tickets (via service role or by checking is_admin) CREATE POLICY "admins_view_all_tickets" ON support_tickets FOR SELECT USING ( EXISTS ( SELECT 1 FROM profiles WHERE profiles.id = auth.uid() AND profiles.is_admin = true ) ); -- Admins can update tickets CREATE POLICY "admins_update_tickets" ON support_tickets FOR UPDATE USING ( EXISTS ( SELECT 1 FROM profiles WHERE profiles.id = auth.uid() AND profiles.is_admin = true ) ); [V0_FILE]typescriptreact:file="components/features-section.tsx" isMerged="true" import { Shield, Zap, Headphones, RefreshCw, Eye, Lock } from "lucide-react" const features = [ { icon: Shield, title: "Protection Anti-Ban", description: "Notre système de protection avancé garantit votre sécurité en jeu avec un taux de détection proche de zéro.", }, { icon: Zap, title: "Injection Instantanée", description: "Chargement ultra-rapide du menu en quelques secondes. Pas d'attente, jouez immédiatement.", }, { icon: Headphones, title: "Support 24/7", description: "Notre équipe est disponible sur Discord à tout moment pour vous aider et répondre à vos questions.", }, { icon: RefreshCw, title: "Mises à jour régulières", description: "Nouvelles fonctionnalités et corrections chaque semaine pour rester à jour avec les derniers patchs.", }, { icon: Eye, title: "Spoofer Intégré", description: "Changez votre HWID et restez anonyme. Protection maximale contre les bans hardware.", }, { icon: Lock, title: "Livraison Sécurisée", description: "Recevez votre clé de licence par email instantanément après validation du paiement.", }, ] export function FeaturesSection() { return (

{/* Background */}

Pourquoi choisir DestroyDaGamingWorld ?

Des outils premium avec les meilleures protections du marché. Fiabilité et performance garanties.

{features.map((feature) => (

{feature.title}

{feature.description}

))}

) } [V0_FILE]typescriptreact:file="app/checkout/page.tsx" isMerged="true" "use client" import { useState, useEffect, Suspense } from "react" import { useSearchParams, useRouter } from "next/navigation" import Link from "next/link" import Image from "next/image" import { Header } from "@/components/header" import { Footer } from "@/components/footer" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { ChevronLeft, Copy, Check, Shield, Bitcoin, CreditCard, Loader2 } from "lucide-react" interface ProductVariant { id: string name: string price: number duration: string product_id: string } const cryptoAddresses = { btc: "bc1qdp47dfpjp2scxm2xj3r73ev3vdcjt4v4ftk7ay", eth: "0xB29bA1E49d4Cd2CCc9e070CC1566d73869fcA135", usdt: "0xB29bA1E49d4Cd2CCc9e070CC1566d73869fcA135", } function CheckoutContent() { const searchParams = useSearchParams() const router = useRouter() const variantId = searchParams.get("variant") const [user, setUser] = useState<{ id: string; email?: string } | null>(null) const [variant, setVariant] = useState(null) const [isLoading, setIsLoading] = useState(true) const [paymentMethod, setPaymentMethod] = useState(null) const [email, setEmail] = useState("") const [copied, setCopied] = useState(null) const [isProcessing, setIsProcessing] = useState(false) const [orderCreated, setOrderCreated] = useState(false) useEffect(() => { const loadData = async () => { try { const res = await fetch(`/api/checkout?variant=${variantId || ""}`) const data = await res.json() if (data.user) { setUser(data.user) setEmail(data.user.email || "") } if (data.variant) { setVariant(data.variant) } } catch { // Silently handle } finally { setIsLoading(false) } } loadData() }, [variantId]) const copyToClipboard = (text: string, type: string) => { navigator.clipboard.writeText(text) setCopied(type) setTimeout(() => setCopied(null), 2000) } const handlePayment = async () => { if (!email || !variant || !paymentMethod) return setIsProcessing(true) try { const res = await fetch("/api/checkout", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ variantId: variant.id, amount: variant.price, paymentMethod, email, }), }) const data = await res.json() if (!res.ok) { alert("Erreur lors de la création de la commande. Veuillez réessayer.") setIsProcessing(false) return } setOrderCreated(true) setIsProcessing(false) } catch { alert("Une erreur est survenue. Veuillez réessayer.") setIsProcessing(false) } } if (isLoading) { return (

) } if (orderCreated) { return (

Commande enregistrée !

Votre commande a été enregistrée avec succès. Une fois le paiement vérifié, vous recevrez votre clé de licence à l'adresse {email}.

{["btc", "eth", "usdt"].includes(paymentMethod || "") && (

{"N'oubliez pas d'envoyer"} {variant?.price}€ en {paymentMethod?.toUpperCase()} à :


                    {cryptoAddresses[paymentMethod as keyof typeof cryptoAddresses]}

)}

{user ? ( ) : ( )}

) } if (!variant) { return (

Produit non trouvé

) } return (

Retour au produit

{/* Order Summary */} Résumé de la commande

Keyser - {variant.name}

{variant.duration} {"d'accès"}

Sous-total {variant.price}€

Frais 0€

Total {variant.price}€

Paiement sécurisé & Livraison instantanée

{/* Payment Methods */}

Email de livraison

Votre email setEmail(e.target.value)} className="bg-secondary/30 border-border" disabled={!!user} />

{user ? "Connecté en tant que " + user.email : "La clé de licence sera envoyée à cette adresse."}

Méthode de paiement

Crypto-monnaies

{[ { id: "btc", name: "Bitcoin", icon: "BTC" }, { id: "eth", name: "Ethereum", icon: "ETH" }, { id: "usdt", name: "USDT (ERC20)", icon: "USDT" }, ].map((crypto) => ( ))}

{paymentMethod && ["btc", "eth", "usdt"].includes(paymentMethod) && (

Envoyez exactement {variant.price}€ en {paymentMethod.toUpperCase()} à l'adresse suivante :


                          {cryptoAddresses[paymentMethod as keyof typeof cryptoAddresses]}

{"Après le paiement, cliquez sur \"Confirmer le paiement\" ci-dessous."}

)}

Autres méthodes

{[ { id: "paypal", name: "PayPal" }, { id: "paysafecard", name: "Paysafecard" }, ].map((method) => ( ))}

{"En confirmant, vous acceptez nos conditions d'utilisation."}

) } function Loading() { return (

) } export default function CheckoutPage() { return ( }> ) } [V0_FILE]typescriptreact:file="components/hero-section.tsx" isMerged="true" import Link from "next/link" import { Button } from "@/components/ui/button" import { ArrowRight, Zap } from "lucide-react" export function HeroSection() { return (

{/* Animated Background image Los Santos */}

{/* Animated dark overlay with glow pulse */}

{/* Badge */}

Undetected & Premium Quality

{/* Heading */}

Domine le jeu avec{" "} DestroyDaGamingWorld

{/* Description */}

Accès exclusif aux meilleurs cheats, mod menus et spoofers premium. Sécurité maximale, mises à jour régulières et support 24/7 pour une expérience gaming ultime.

{/* CTA Buttons */}

{/* Stats */}

5k+

Gamers actifs

99%

Undetected

24/7

Support

) } [V0_FILE]typescriptreact:file="app/dashboard/page.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import { useRouter } from "next/navigation" import Link from "next/link" import Image from "next/image" import { Header } from "@/components/header" import { Footer } from "@/components/footer" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" interface UserData { id: string email?: string } import { Package, ShoppingBag, Key, Clock, LogOut, Settings, Copy, Check, ShieldCheck, AlertCircle } from "lucide-react" interface Order { id: string amount: number payment_status: string payment_method: string license_key: string | null created_at: string product_variants: { name: string duration: string products: { name: string image_url: string } } | null } export default function DashboardPage() { const [user, setUser] = useState(null) const [orders, setOrders] = useState([]) const [isLoading, setIsLoading] = useState(true) const [isAdmin, setIsAdmin] = useState(false) const [copiedKey, setCopiedKey] = useState(null) const router = useRouter() useEffect(() => { const loadDashboard = async () => { try { const res = await fetch("/api/dashboard") if (!res.ok) { router.push("/auth/login") return } const data = await res.json() setUser(data.user) setIsAdmin(data.isAdmin) setOrders(data.orders || []) } catch { router.push("/auth/login") } finally { setIsLoading(false) } } loadDashboard() // eslint-disable-next-line react-hooks/exhaustive-deps }, []) const handleSignOut = async () => { await fetch("/api/auth/sign-out", { method: "POST" }) router.push("/") router.refresh() } const copyToClipboard = (key: string) => { navigator.clipboard.writeText(key) setCopiedKey(key) setTimeout(() => setCopiedKey(null), 2000) } const getStatusBadge = (status: string) => { switch (status) { case "completed": return ( Complete ) case "pending": return ( En attente ) default: return ( Echoue ) } } if (isLoading) { return (

) } return (

{/* Background */}

{/* Header */}

Dashboard

Bienvenue, {user?.email}

{isAdmin && ( )}

{/* Stats */}

Total Commandes

{orders.length}

Cles Actives

{orders.filter(o => o.payment_status === "completed" && o.license_key).length}

Total Depense

{orders.filter(o => o.payment_status === "completed").reduce((acc, o) => acc + Number(o.amount), 0)}€

{/* Orders */} Mes Commandes Historique de vos achats et cles de licence {orders.length === 0 ? (

Aucune commande

Vous n'avez pas encore effectue d'achat.

) : (

{orders.map((order) => (

{order.product_variants?.products?.name || "Keyser"} - {order.product_variants?.name || "Standard"}

{order.product_variants?.duration || "N/A"} | {order.amount}€

{new Date(order.created_at).toLocaleDateString("fr-FR", { day: "numeric", month: "long", year: "numeric", })}

{getStatusBadge(order.payment_status)} {order.license_key && order.payment_status === "completed" && (


                            {order.license_key}

)}

))}

)}

) } [V0_FILE]typescript:file="lib/supabase/client.ts" isMerged="true" "use client" import { createBrowserClient } from "@supabase/ssr" export function createClient() { return createBrowserClient( process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY! ) } [V0_FILE]typescript:file="app/api/auth/login/route.ts" isMerged="true" import { createClient } from "@/lib/supabase/server" import { NextResponse } from "next/server" export async function POST(request: Request) { const { email, password, type, token } = await request.json() const supabase = await createClient() if (type === "password") { const { data, error } = await supabase.auth.signInWithPassword({ email, password, }) if (error) { return NextResponse.json({ error: error.message }, { status: 401 }) } return NextResponse.json({ user: data.user }) } if (type === "otp-send") { const { error } = await supabase.auth.signInWithOtp({ email, options: { shouldCreateUser: false, }, }) if (error) { return NextResponse.json({ error: error.message }, { status: 400 }) } return NextResponse.json({ success: true }) } if (type === "otp-verify") { const { data, error } = await supabase.auth.verifyOtp({ email, token, type: "email", }) if (error) { return NextResponse.json({ error: error.message }, { status: 401 }) } return NextResponse.json({ user: data.user }) } return NextResponse.json({ error: "Type invalide" }, { status: 400 }) } [V0_FILE]typescript:file="app/api/auth/sign-up/route.ts" isMerged="true" import { createClient } from "@/lib/supabase/server" import { NextResponse } from "next/server" export async function POST(request: Request) { const { email, password } = await request.json() const supabase = await createClient() const { data, error } = await supabase.auth.signUp({ email, password, options: { emailRedirectTo: process.env.NEXT_PUBLIC_DEV_SUPABASE_REDIRECT_URL || `${new URL(request.url).origin}/dashboard`, }, }) if (error) { return NextResponse.json({ error: error.message }, { status: 400 }) } return NextResponse.json({ user: data.user }) } [V0_FILE]typescript:file="app/api/auth/sign-out/route.ts" isMerged="true" import { createClient } from "@/lib/supabase/server" import { NextResponse } from "next/server" export async function POST() { const supabase = await createClient() await supabase.auth.signOut() return NextResponse.json({ success: true }) } [V0_FILE]typescript:file="app/api/auth/user/route.ts" isMerged="true" import { createClient } from "@/lib/supabase/server" import { NextResponse } from "next/server" export async function GET() { const supabase = await createClient() const { data: { user }, error } = await supabase.auth.getUser() if (error || !user) { return NextResponse.json({ user: null }) } // Check admin status const { data: profile } = await supabase .from("profiles") .select("is_admin") .eq("id", user.id) .single() return NextResponse.json({ user, isAdmin: profile?.is_admin || false }) } [V0_FILE]typescript:file="app/api/dashboard/route.ts" isMerged="true" import { createClient } from "@/lib/supabase/server" import { NextResponse } from "next/server" export async function GET() { const supabase = await createClient() const { data: { user }, error } = await supabase.auth.getUser() if (error || !user) { return NextResponse.json({ error: "Non authentifié" }, { status: 401 }) } // Check admin const { data: profile } = await supabase .from("profiles") .select("is_admin") .eq("id", user.id) .single() // Fetch orders const { data: ordersData } = await supabase .from("orders") .select(` id, amount, payment_status, payment_method, license_key, created_at, product_variants ( name, duration, products ( name, image_url ) ) `) .eq("user_id", user.id) .order("created_at", { ascending: false }) return NextResponse.json({ user, isAdmin: profile?.is_admin || false, orders: ordersData || [], }) } [V0_FILE]typescript:file="app/api/checkout/route.ts" isMerged="true" import { createClient } from "@/lib/supabase/server" import { NextResponse } from "next/server" export async function GET(request: Request) { const { searchParams } = new URL(request.url) const variantId = searchParams.get("variant") const supabase = await createClient() const { data: { user } } = await supabase.auth.getUser() let variant = null if (variantId) { const { data } = await supabase .from("product_variants") .select("*") .eq("id", variantId) .single() variant = data } // Fallback: load first variant if (!variant) { const { data } = await supabase .from("product_variants") .select("*") .order("price") .limit(1) .single() variant = data } return NextResponse.json({ user: user || null, variant, }) } export async function POST(request: Request) { const supabase = await createClient() const { data: { user } } = await supabase.auth.getUser() const body = await request.json() const { variantId, amount, paymentMethod, email } = body const { data: order, error } = await supabase .from("orders") .insert({ user_id: user?.id || null, product_variant_id: variantId, amount, payment_method: paymentMethod, payment_status: "pending", customer_email: email, }) .select() .single() if (error) { return NextResponse.json({ error: error.message }, { status: 400 }) } return NextResponse.json({ order }) } [V0_FILE]typescript:file="app/api/products/keyser/route.ts" isMerged="true" import { createClient } from "@/lib/supabase/server" import { NextResponse } from "next/server" export async function GET() { const supabase = await createClient() // Get product const { data: product } = await supabase .from("products") .select("*") .eq("name", "Keyser") .single() // Get variants const { data: variants } = await supabase .from("product_variants") .select("*") .eq("product_id", product?.id) .order("price") return NextResponse.json({ product, variants: variants || [], }) } [V0_FILE]typescriptreact:file="app/admin/page.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import { useRouter } from "next/navigation" import Link from "next/link" import { Header } from "@/components/header" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Textarea } from "@/components/ui/textarea" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { ArrowLeft, Key, Package, Plus, Trash2, ShoppingBag, DollarSign, Loader2, Check, X, MessageSquare, Send, Clock } from "lucide-react" interface LicenseKey { id: string license_key: string is_sold: boolean created_at: string product_variant_id: string } interface ProductVariant { id: string name: string price: number duration: string } interface Order { id: string email: string amount: number payment_status: string payment_method: string license_key: string | null created_at: string } interface SupportTicket { id: string email: string subject: string message: string status: string response: string | null created_at: string } export default function AdminPage() { const [isLoading, setIsLoading] = useState(true) const [isAdmin, setIsAdmin] = useState(false) const [activeTab, setActiveTab] = useState<"keys" | "orders" | "support">("keys") const [licenseKeys, setLicenseKeys] = useState([]) const [variants, setVariants] = useState([]) const [orders, setOrders] = useState([]) const [tickets, setTickets] = useState([]) const [newKeys, setNewKeys] = useState("") const [selectedVariant, setSelectedVariant] = useState("") const [isAdding, setIsAdding] = useState(false) const [responseText, setResponseText] = useState>({}) const [stats, setStats] = useState({ totalKeys: 0, availableKeys: 0, totalOrders: 0, revenue: 0, pendingTickets: 0 }) const router = useRouter() useEffect(() => { const checkAdmin = async () => { try { const res = await fetch("/api/admin") if (!res.ok) { const data = await res.json() if (res.status === 403) { router.push("/dashboard") } else { router.push("/auth/login") } return } const data = await res.json() setIsAdmin(true) setVariants(data.variants || []) if (data.variants?.length > 0) { setSelectedVariant(data.variants[0].id) } setLicenseKeys(data.licenseKeys || []) setOrders(data.orders || []) setTickets(data.tickets || []) const revenue = data.orders?.filter((o: Order) => o.payment_status === "completed").reduce((acc: number, o: Order) => acc + Number(o.amount), 0) || 0 setStats({ totalKeys: data.stats.totalKeys, availableKeys: data.stats.availableKeys, totalOrders: data.stats.totalOrders, revenue, pendingTickets: data.stats.pendingTickets, }) setIsLoading(false) } catch { router.push("/auth/login") } } checkAdmin() // eslint-disable-next-line react-hooks/exhaustive-deps }, []) const loadData = async () => { try { const res = await fetch("/api/admin") if (!res.ok) return const data = await res.json() setVariants(data.variants || []) setLicenseKeys(data.licenseKeys || []) setOrders(data.orders || []) setTickets(data.tickets || []) const revenue = data.orders?.filter((o: Order) => o.payment_status === "completed").reduce((acc: number, o: Order) => acc + Number(o.amount), 0) || 0 setStats({ totalKeys: data.stats.totalKeys, availableKeys: data.stats.availableKeys, totalOrders: data.stats.totalOrders, revenue, pendingTickets: data.stats.pendingTickets, }) } catch { // Silently handle } } const handleAddKeys = async () => { if (!newKeys.trim() || !selectedVariant) return setIsAdding(true) const keys = newKeys.split("\n").map(k => k.trim()).filter(k => k.length > 0) const res = await fetch("/api/admin", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "add_keys", keys, variantId: selectedVariant }), }) if (res.ok) { setNewKeys("") await loadData() } setIsAdding(false) } const handleDeleteKey = async (id: string) => { await fetch("/api/admin", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "delete_key", keyId: id }), }) await loadData() } const handleUpdateOrderStatus = async (orderId: string, status: string) => { await fetch("/api/admin", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "update_order", orderId, status }), }) await loadData() } const handleRespondTicket = async (ticketId: string) => { const response = responseText[ticketId] if (!response?.trim()) return await fetch("/api/admin", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "respond_ticket", ticketId, response }), }) setResponseText(prev => ({ ...prev, [ticketId]: "" })) await loadData() } const handleCloseTicket = async (ticketId: string) => { await fetch("/api/admin", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "close_ticket", ticketId }), }) await loadData() } if (isLoading) { return (

) } if (!isAdmin) { return null } return (

{/* Background */}

{/* Back Button */} Retour au dashboard

Panel Administrateur

{/* Stats */}

Total Clés

{stats.totalKeys}

Disponibles

{stats.availableKeys}

Commandes

{stats.totalOrders}

Revenus

{stats.revenue}€

Tickets

{stats.pendingTickets}

{/* Tabs */}

{/* Keys Tab */} {activeTab === "keys" && (

{/* Add License Keys */} Ajouter des Clés Ajoutez de nouvelles clés de licence au stock

Produit

Clés de licence (une par ligne)

setNewKeys(e.target.value)}
                    className="bg-secondary/30 border-border min-h-[150px] font-mono text-sm"
                  />
                </div>

<Button 
                  onClick={handleAddKeys} 
                  disabled={isAdding || !newKeys.trim()}
                  className="w-full bg-primary text-primary-foreground hover:bg-primary/90"
                >
                  {isAdding ? (
                    <>
                      <Loader2 className="mr-2 h-4 w-4 animate-spin" />
                      Ajout en cours...
                    </>
                  ) : (
                    <>
                      <Plus className="mr-2 h-4 w-4" />
                      Ajouter les clés
                    </>
                  )}
                </Button>
              </CardContent>
            </Card>

{/* License Keys List */}
            <Card className="border-border bg-card/80 backdrop-blur-sm">
              <CardHeader>
                <CardTitle className="flex items-center gap-2">
                  <Key className="h-5 w-5" />
                  Stock de Clés
                </CardTitle>
                <CardDescription>Gestion du stock de clés de licence</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="space-y-2 max-h-[400px] overflow-y-auto">
                  {licenseKeys.length === 0 ? (
                    <p className="text-center text-muted-foreground py-8">Aucune clé en stock</p>
                  ) : (
                    licenseKeys.slice(0, 20).map((key) => (
                      <div
                        key={key.id}
                        className={`flex items-center justify-between p-3 rounded-lg border ${
                          key.is_sold ? "border-border bg-secondary/20 opacity-60" : "border-green-500/30 bg-green-500/5"
                        }`}
                      >
                        <div>
                          <code className="text-xs font-mono text-foreground">{key.license_key}</code>
                          <p className="text-xs text-muted-foreground mt-1">
                            {key.is_sold ? "Vendue" : "Disponible"}
                          </p>
                        </div>
                        {!key.is_sold && (
                          <Button
                            size="icon"
                            variant="ghost"
                            onClick={() => handleDeleteKey(key.id)}
                            className="h-8 w-8 text-destructive hover:text-destructive hover:bg-destructive/10"
                          >
                            <Trash2 className="h-4 w-4" />
                          </Button>
                        )}
                      </div>
                    ))
                  )}
                </div>
              </CardContent>
            </Card>
          </div>
        )}

{/* Orders Tab */}
        {activeTab === "orders" && (
          <Card className="border-border bg-card/80 backdrop-blur-sm">
            <CardHeader>
              <CardTitle className="flex items-center gap-2">
                <ShoppingBag className="h-5 w-5" />
                Commandes Récentes
              </CardTitle>
              <CardDescription>Gestion des commandes et validation des paiements</CardDescription>
            </CardHeader>
            <CardContent>
              <div className="space-y-3">
                {orders.length === 0 ? (
                  <p className="text-center text-muted-foreground py-8">Aucune commande</p>
                ) : (
                  orders.map((order) => (
                    <div
                      key={order.id}
                      className="flex flex-col md:flex-row md:items-center justify-between gap-4 p-4 rounded-lg border border-border bg-secondary/20"
                    >
                      <div className="flex-1">
                        <p className="font-medium text-foreground">{order.email}</p>
                        <p className="text-sm text-muted-foreground">
                          {order.amount}€ - {order.payment_method}
                        </p>
                        <p className="text-xs text-muted-foreground">
                          {new Date(order.created_at).toLocaleString("fr-FR")}
                        </p>
                      </div>
                      
                      <div className="flex items-center gap-3">
                        {order.license_key && (
                          <code className="px-2 py-1 rounded bg-background border border-border text-xs font-mono">
                            {order.license_key}
                          </code>
                        )}
                        
                        {order.payment_status === "pending" ? (
                          <div className="flex gap-2">
                            <Button
                              size="sm"
                              onClick={() => handleUpdateOrderStatus(order.id, "completed")}
                              className="bg-green-600 hover:bg-green-700 text-white"
                            >
                              <Check className="h-4 w-4 mr-1" />
                              Valider
                            </Button>
                            <Button
                              size="sm"
                              variant="outline"
                              onClick={() => handleUpdateOrderStatus(order.id, "failed")}
                              className="border-destructive text-destructive hover:bg-destructive/10 bg-transparent"
                            >
                              <X className="h-4 w-4 mr-1" />
                              Refuser
                            </Button>
                          </div>
                        ) : (
                          <span className={`px-2 py-1 rounded-full text-xs ${
                            order.payment_status === "completed" 
                              ? "bg-green-500/20 text-green-400" 
                              : "bg-red-500/20 text-red-400"
                          }`}>
                            {order.payment_status === "completed" ? "Complété" : "Refusé"}
                          </span>
                        )}
                      </div>
                    </div>
                  ))
                )}
              </div>
            </CardContent>
          </Card>
        )}

{/* Support Tab */}
        {activeTab === "support" && (
          <Card className="border-border bg-card/80 backdrop-blur-sm">
            <CardHeader>
              <CardTitle className="flex items-center gap-2">
                <MessageSquare className="h-5 w-5" />
                Tickets de Support
              </CardTitle>
              <CardDescription>Répondez aux demandes de support des clients</CardDescription>
            </CardHeader>
            <CardContent>
              <div className="space-y-4">
                {tickets.length === 0 ? (
                  <p className="text-center text-muted-foreground py-8">Aucun ticket de support</p>
                ) : (
                  tickets.map((ticket) => (
                    <div
                      key={ticket.id}
                      className={`p-4 rounded-lg border ${
                        ticket.status === "open" 
                          ? "border-orange-500/30 bg-orange-500/5" 
                          : "border-border bg-secondary/20"
                      }`}
                    >
                      <div className="flex items-start justify-between mb-3">
                        <div>
                          <div className="flex items-center gap-2">
                            <p className="font-medium text-foreground">{ticket.subject}</p>
                            <span className={`px-2 py-0.5 rounded-full text-xs ${
                              ticket.status === "open" 
                                ? "bg-orange-500/20 text-orange-400" 
                                : ticket.status === "resolved"
                                ? "bg-green-500/20 text-green-400"
                                : "bg-muted text-muted-foreground"
                            }`}>
                              {ticket.status === "open" ? "Ouvert" : ticket.status === "resolved" ? "Résolu" : "Fermé"}
                            </span>
                          </div>
                          <p className="text-sm text-muted-foreground">{ticket.email}</p>
                          <p className="text-xs text-muted-foreground flex items-center gap-1 mt-1">
                            <Clock className="h-3 w-3" />
                            {new Date(ticket.created_at).toLocaleString("fr-FR")}
                          </p>
                        </div>
                      </div>
                      
                      <div className="p-3 rounded bg-background/50 border border-border mb-3">
                        <p className="text-sm text-foreground">{ticket.message}</p>
                      </div>

{ticket.response && (
                        <div className="p-3 rounded bg-primary/10 border border-primary/20 mb-3">
                          <p className="text-xs text-muted-foreground mb-1">Votre réponse :</p>
                          <p className="text-sm text-foreground">{ticket.response}</p>
                        </div>
                      )}

{ticket.status === "open" && (
                        <div className="space-y-3">
                          <Textarea
                            placeholder="Écrivez votre réponse..."
                            value={responseText[ticket.id] || ""}
                            onChange={(e) => setResponseText(prev => ({ ...prev, [ticket.id]: e.target.value }))}
                            className="bg-secondary/30 border-border min-h-[80px]"
                          />
                          <div className="flex gap-2">
                            <Button
                              size="sm"
                              onClick={() => handleRespondTicket(ticket.id)}
                              disabled={!responseText[ticket.id]?.trim()}
                              className="bg-primary text-primary-foreground hover:bg-primary/90"
                            >
                              <Send className="h-4 w-4 mr-1" />
                              Répondre
                            </Button>
                            <Button
                              size="sm"
                              variant="outline"
                              onClick={() => handleCloseTicket(ticket.id)}
                              className="bg-transparent"
                            >
                              <X className="h-4 w-4 mr-1" />
                              Fermer
                            </Button>
                          </div>
                        </div>
                      )}
                    </div>
                  ))
                )}
              </div>
            </CardContent>
          </Card>
        )}
      </main>
    </div>
  )
}
[V0_FILE]typescript:file="lib/supabase/admin.ts" isMerged="true"
import { createClient } from "@supabase/supabase-js"

// Admin client with service role key - bypasses RLS
// Only use server-side in API routes
export function createAdminClient() {
  return createClient(
    process.env.NEXT_PUBLIC_SUPABASE_URL!,
    process.env.SUPABASE_SERVICE_ROLE_KEY!,
    {
      auth: {
        autoRefreshToken: false,
        persistSession: false,
      },
    }
  )
}
[V0_FILE]typescript:file="app/api/admin/route.ts"
import { createClient } from "@/lib/supabase/server"
import { createAdminClient } from "@/lib/supabase/admin"
import { NextResponse } from "next/server"

async function checkAdmin() {
  const supabase = await createClient()
  const { data: { user } } = await supabase.auth.getUser()
  
  if (!user) return { user: null, isAdmin: false }
  
  // Use admin client to check is_admin (bypasses RLS)
  const adminClient = createAdminClient()
  const { data: profile } = await adminClient
    .from("profiles")
    .select("is_admin")
    .eq("id", user.id)
    .single()
  
  return { user, isAdmin: profile?.is_admin || false }
}

export async function GET() {
  const { user, isAdmin } = await checkAdmin()
  
  if (!user) {
    return NextResponse.json({ error: "Non connecté" }, { status: 401 })
  }
  
  if (!isAdmin) {
    return NextResponse.json({ error: "Non autorisé" }, { status: 403 })
  }

// Use admin client for all data operations (bypasses RLS)
  const adminClient = createAdminClient()

// Load all data
  const [variantsRes, keysRes, ordersRes, ticketsRes] = await Promise.all([
    adminClient.from("product_variants").select("id, name, duration, price"),
    adminClient.from("license_keys").select("*").order("created_at", { ascending: false }),
    adminClient.from("orders").select("*, product_variants(name, duration)").order("created_at", { ascending: false }),
    adminClient.from("support_tickets").select("*").order("created_at", { ascending: false }),
  ])

return NextResponse.json({
    user,
    variants: variantsRes.data || [],
    licenseKeys: keysRes.data || [],
    orders: ordersRes.data || [],
    tickets: ticketsRes.data || [],
    stats: {
      totalOrders: ordersRes.data?.length || 0,
      pendingOrders: ordersRes.data?.filter(o => o.payment_status === "pending").length || 0,
      totalKeys: keysRes.data?.length || 0,
      availableKeys: keysRes.data?.filter(k => !k.is_sold).length || 0,
      pendingTickets: ticketsRes.data?.filter(t => t.status === "open").length || 0,
    },
  })
}

export async function POST(request: Request) {
  const { user, isAdmin } = await checkAdmin()
  
  if (!user || !isAdmin) {
    return NextResponse.json({ error: "Non autorisé" }, { status: 403 })
  }

const adminClient = createAdminClient()
  const body = await request.json()
  const { action } = body

if (action === "add_keys") {
    const { keys, variantId } = body
    const keysToInsert = keys.map((key: string) => ({
      license_key: key,
      product_variant_id: variantId,
      is_sold: false,
    }))

const { error } = await adminClient.from("license_keys").insert(keysToInsert)
    if (error) return NextResponse.json({ error: error.message }, { status: 400 })
    return NextResponse.json({ success: true })
  }

if (action === "delete_key") {
    const { keyId } = body
    const { error } = await adminClient.from("license_keys").delete().eq("id", keyId)
    if (error) return NextResponse.json({ error: error.message }, { status: 400 })
    return NextResponse.json({ success: true })
  }

if (action === "update_order") {
    const { orderId, status } = body
    
    if (status === "completed") {
      // Find available key for the order's variant
      const { data: order } = await adminClient
        .from("orders")
        .select("product_variant_id")
        .eq("id", orderId)
        .single()
      
      const { data: availableKey } = await adminClient
        .from("license_keys")
        .select("*")
        .eq("is_sold", false)
        .eq("product_variant_id", order?.product_variant_id)
        .limit(1)
        .single()
      
      if (availableKey) {
        await adminClient
          .from("license_keys")
          .update({ is_sold: true, sold_at: new Date().toISOString() })
          .eq("id", availableKey.id)
        
        await adminClient
          .from("orders")
          .update({ payment_status: status, license_key: availableKey.license_key })
          .eq("id", orderId)
      } else {
        await adminClient
          .from("orders")
          .update({ payment_status: status })
          .eq("id", orderId)
      }
    } else {
      await adminClient
        .from("orders")
        .update({ payment_status: status })
        .eq("id", orderId)
    }
    
    return NextResponse.json({ success: true })
  }

if (action === "respond_ticket") {
    const { ticketId, response } = body
    const { error } = await adminClient
      .from("support_tickets")
      .update({ admin_response: response, status: "answered" })
      .eq("id", ticketId)
    if (error) return NextResponse.json({ error: error.message }, { status: 400 })
    return NextResponse.json({ success: true })
  }

if (action === "close_ticket") {
    const { ticketId } = body
    const { error } = await adminClient
      .from("support_tickets")
      .update({ status: "closed" })
      .eq("id", ticketId)
    if (error) return NextResponse.json({ error: error.message }, { status: 400 })
    return NextResponse.json({ success: true })
  }

return NextResponse.json({ error: "Action invalide" }, { status: 400 })
}</article></body></html>