import React, { useState, useEffect } from ‘react’; import { Link } from ‘react-router-dom’; import ‘./Home.css’; import Hero from ‘../components/Hero’; import CategoryCard from ‘../components/CategoryCard’; import CreatorCard from ‘../components/CreatorCard’; import ContentCard from ‘../components/ContentCard’; import { FaFire, FaRocket, FaUsers, FaStar, FaCrown, FaArrowRight } from ‘react-icons/fa’; const Home = () => { const [trendingContent, setTrendingContent] = useState([]); const [featuredCreators, setFeaturedCreators] = useState([]); const [categories, setCategories] = useState([]); useEffect(() => { // Fetch data (in real app, this would be API calls) fetchMockData(); }, []); const fetchMockData = () => { const mockCategories = [ { id: 1, name: ‘Lifestyle’, icon: ‘🌿’, color: ‘#8a2be2’, count: 1250 }, { id: 2, name: ‘Gaming’, icon: ‘🎮’, color: ‘#ff6b6b’, count: 890 }, { id: 3, name: ‘Education’, icon: ‘📚’, color: ‘#4ecdc4’, count: 2340 }, { id: 4, name: ‘Music’, icon: ‘🎵’, color: ‘#ffbe0b’, count: 1567 }, { id: 5, name: ‘Art & Design’, icon: ‘🎨’, color: ‘#fb5607’, count: 980 }, { id: 6, name: ‘Tech’, icon: ‘💻’, color: ‘#3a86ff’, count: 1890 }, { id: 7, name: ‘Fashion’, icon: ‘👗’, color: ‘#ff006e’, count: 1340 }, { id: 8, name: ‘Food’, icon: ‘🍕’, color: ‘#8338ec’, count: 1120 }, ]; const mockTrendingContent = [ { id: 1, title: ‘Morning Routine for Productivity’, creator: ‘Alex Johnson’, creatorAvatar: ‘https://api.dicebear.com/7.x/avataaars/svg?seed=Alex’, type: ‘video’, thumbnail: ‘https://images.unsplash.com/photo-1498050108023-c5249f4df085’, views: ‘125K’, likes: ‘8.2K’, duration: ’12:45′, category: ‘Lifestyle’ }, { id: 2, title: ‘Photography Editing Masterclass’, creator: ‘Sam Chen’, creatorAvatar: ‘https://api.dicebear.com/7.x/avataaars/svg?seed=Sam’, type: ‘tutorial’, thumbnail: ‘https://images.unsplash.com/photo-1555099962-4199c345e5dd’, views: ’89K’, likes: ‘5.4K’, duration: ’24:30′, category: ‘Art & Design’ }, { id: 3, title: ‘Gaming Setup 2024’, creator: ‘Jordan Lee’, creatorAvatar: ‘https://api.dicebear.com/7.x/avataaars/svg?seed=Jordan’, type: ‘tour’, thumbnail: ‘https://images.unsplash.com/photo-1593305841991-05c297ba4575’, views: ‘210K’, likes: ‘15.2K’, duration: ’18:15′, category: ‘Gaming’ }, { id: 4, title: ‘Coding Productivity Tips’, creator: ‘Taylor Smith’, creatorAvatar: ‘https://api.dicebear.com/7.x/avataaars/svg?seed=Taylor’, type: ‘guide’, thumbnail: ‘https://images.unsplash.com/photo-1499750310107-5fef28a66643’, views: ‘156K’, likes: ‘9.8K’, duration: ’15:40′, category: ‘Tech’ }, ]; const mockFeaturedCreators = [ { id: 1, name: ‘Emma Davis’, username: ‘@emmacreates’, avatar: ‘https://api.dicebear.com/7.x/avataaars/svg?seed=Emma’, cover: ‘https://images.unsplash.com/photo-1494790108755-2616b786d4d9’, category: ‘Lifestyle’, followers: ‘245K’, tier: ‘pro’, verified: true }, { id: 2, name: ‘CreativeCoder’, username: ‘@devmagic’, avatar: ‘https://api.dicebear.com/7.x/avataaars/svg?seed=Coder’, cover: ‘https://images.unsplash.com/photo-1515879218367-8466d910aaa4’, category: ‘Tech’, followers: ‘189K’, tier: ‘premium’, verified: true }, { id: 3, name: ‘Foodie Adventures’, username: ‘@tastetravels’, avatar: ‘https://api.dicebear.com/7.x/avataaars/svg?seed=Foodie’, cover: ‘https://images.unsplash.com/photo-1565958011703-44f9829ba187’, category: ‘Food’, followers: ‘156K’, tier: ‘pro’, verified: true }, { id: 4, name: ‘GamerPro’, username: ‘@playmaster’, avatar: ‘https://api.dicebear.com/7.x/avataaars/svg?seed=Gamer’, cover: ‘https://images.unsplash.com/photo-1511512578047-dfb367046420’, category: ‘Gaming’, followers: ‘312K’, tier: ‘premium’, verified: true }, ]; setCategories(mockCategories); setTrendingContent(mockTrendingContent); setFeaturedCreators(mockFeaturedCreators); }; return ( ); }; export default Home;