{/* Header */}
{/* Content */}
Active Challenges
Upcoming
Past Winners
{/* My Challenges Section */}
{activeChallenges.filter(c => c.isEntered).length > 0 && (
Challenges
My Challenges
{activeChallenges.filter(c => c.isEntered).map((challenge) => (
[truncated — 11087 more characters]
```
### frontend/app/profile/page.tsx
```typescript
"use client"
import { useState } from "react"
import { Card, CardContent } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Badge } from "@/components/ui/badge"
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import {
Settings,
Trophy,
Heart,
Sparkles,
TrendingUp,
Calendar,
Award,
Crown,
Zap,
Target,
Gift,
Bookmark,
CreditCard,
Coffee,
Shirt,
Ticket
} from "lucide-react"
const userStats = {
username: "creative_maker",
displayName: "Alex Rivera",
bio: "Digital creator Making brands better, one remix at a time",
joinDate: "January 2025",
points: 8420,
remixCount: 127,
likesReceived: 5234,
followers: 892,
following: 156,
creditsRemaining: 3,
}
const badges = [
{ id: 1, name: "100 Remix Master", icon: Sparkles, color: "gradient-primary", unlocked: true },
{ id: 2, name: "Viral Creator", icon: TrendingUp, color: "gradient-primary", unlocked: true },
{ id: 3, name: "Brand Champion", icon: Crown, color: "gradient-primary", unlocked: false },
{ id: 4, name: "Top 10 Creator", icon: Trophy, color: "gradient-primary", unlocked: true },
{ id: 5, name: "Lightning Fast", icon: Zap, color: "gradient-primary", unlocked: false },
{ id: 6, name: "Challenge Winner", icon: Target, color: "gradient-primary", unlocked: true },
]
const myRemixes = [
{
id: 1,
brand: "Nike",
image: "/nike-athletic-shoe-advertisement.jpg",
prompt: "Make the shoes glow with neon colors",
likes: 1247,
views: 8234,
createdAt: "2 days ago",
},
{
id: 2,
brand: "Apple",
image: "/apple-iphone-product-advertisement.jpg",
prompt: "Add holographic display effects",
likes: 2891,
views: 12453,
createdAt: "5 days ago",
},
{
id: 3,
brand: "Coca-Cola",
image: "/coca-cola-super-bowl-commercial.jpg",
prompt: "Transform into retro 80s aesthetic",
likes: 3456,
views: 15678,
createdAt: "1 week ago",
},
{
id: 4,
brand: "Tesla",
image: "/tesla-electric-car-advertisement.jpg",
prompt: "Add cyberpunk city background",
likes: 1823,
views: 9876,
createdAt: "1 week ago",
},
{
id: 5,
brand: "McDonald's",
image: "/mcdonalds-burger-advertisement.jpg",
prompt: "Make it look like a movie poster",
likes: 987,
views: 5432,
createdAt: "2 weeks ago",
},
{
id: 6,
brand: "Spotify",
image: "/spotify-music-streaming-advertisement.jpg",
prompt: "Add vibrant music waves",
likes: 2134,
views: 11234,
createdAt: "2 weeks ago",
},
]
const savedRemixes = [
{
id: 8,
brand: "Amazon",
creator: "Marcus Johnson",
image: "/amazon-prime-delivery-advertisement.jpg",
prompt: "Add drone delivery in cyberpunk city",
likes: 3214,
views: 14567,
savedAt: "3 days ago",
},
{
id: 9,
brand: "Pepsi",
creator: "Emma Rodriguez",
image: "/pepsi-super-bowl-halftime-show-ad.jpg",
prompt: "Turn into 80s music video aesthetic",
likes: 5678,
views: 23456,
savedAt: "5 days ago",
},
]
const rewards = [
{
id: 1,
name: "Nike Air Max Sneakers",
company: "Nike",
icon: Shirt,
milestone: "Create 50 remixes on Nike ads",
progress: 34,
goal: 50,
description: "Limited edition Nike Air Max for top Nike creators",
unlocked: false,
},
{
id: 2,
name: "iPhone 16 Pro",
company: "Apple",
icon: Gift,
milestone: "Reach 10K likes on Apple ad remixes",
progress: 8234,
goal: 10000,
description: "Win the latest iPhone 16 Pro",
unlocked: false,
},
{
id: 3,
name: "$100 Starbucks Gift Card",
company: "Starbucks",
icon: Coffee,
milestone: "Create viral remix (50K+ views) for Starbucks",
progress: 23450,
goal: 50000,
description: "Exclusive reward for viral creators",
unlocked: false,
},
{
id: 4,
name: "$50 Amazon Gift Card",
company: "Amazon",
icon: Gift,
milestone: "Top 3 remix on Amazon challenge",
progress: 1,
goal: 3,
description: "Finish in top 3 of active Amazon challenge",
unlocked: true,
},
{
id: 5,
name: "Tesla Model Y Test Drive",
company: "Tesla",
icon: Ticket,
milestone: "Win Tesla remix challenge",
progress: 0,
goal: 1,
description: "Win the monthly Tesla remix challenge",
unlocked: false,
},
{
id: 6,
name: "Coca-Cola VIP Event Pass",
company: "Coca-Cola",
icon: Ticket,
milestone: "Featured in Coca-Cola's top 10 remixes",
progress: 1,
goal: 1,
description: "VIP access to Coca-Cola creator summit",
unlocked: true,
},
]
export default function ProfilePage() {
const [activeTab, setActiveTab] = useState("saved")
return (
{/* Header Section */}
{/* Avatar */}
AR
{/* User Info */}
@{userStats.username}