"use client" import { useState } from "react" import { motion } from "framer-motion" import { fadeIn, stagger, staggerItem, cardHover, cardHoverTarget, buttonTap } from "@/lib/animations" import { GradientMesh } from "@/components/backgrounds/gradient-mesh" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Separator } from "@/components/ui/separator" import { Gamepad2, Star, ShoppingCart, Heart, TrendingUp, Clock, Download, ArrowRight, Percent, Flame, Sparkles } from "lucide-react" const featured = [ { title: "Shadow Strike", oldPrice: "$59.99", price: "$39.99", discount: "-33%", color: "from-red-500 to-orange-500", image: "SS", rating: 4.8 }, { title: "Dragon Quest VII", oldPrice: "$49.99", price: "$24.99", discount: "-50%", color: "from-blue-500 to-purple-500", image: "DQ", rating: 4.9 }, { title: "Crystal Saga Online", oldPrice: "$39.99", price: "$19.99", discount: "-50%", color: "from-indigo-500 to-violet-500", image: "CS", rating: 4.8 }, ] const trending = [ { title: "Turbo Racer X", price: "$44.99", color: "from-yellow-500 to-red-500", image: "TR" }, { title: "Empire Rising", price: "$34.99", color: "from-green-500 to-teal-500", image: "ER" }, { title: "Brawl Arena", price: "$19.99", color: "from-red-600 to-rose-600", image: "BA" }, { title: "Mystic Blocks", price: "$9.99", color: "from-pink-500 to-rose-500", image: "MB" }, { title: "Goal Keeper Pro", price: "$29.99", color: "from-emerald-500 to-cyan-500", image: "GP" }, { title: "Dark Corners", price: "$24.99", color: "from-gray-700 to-gray-900", image: "DC" }, ] const categories = ["Action", "RPG", "Strategy", "Sports", "Racing", "Puzzle", "Horror"] export default function StoreFront() { return (

Game Store

Discover and buy the best games.

Featured Deals

{featured.map((game) => (

{game.image} {game.discount}

{game.title}

{game.rating}

{game.oldPrice} {game.price}

))}

Trending Now

{trending.map((game) => (

{game.image}

{game.title}

{game.price}

))}

Browse by Category

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

) }

Store Front

Game Store

Featured Deals

Trending Now

Browse by Category

Game Store

Featured Deals

Trending Now

Browse by Category