import React from “react”; import { Button } from “@/components/ui/button”; import { Card, CardContent } from “@/components/ui/card”; import { Input } from “@/components/ui/input”; import { Badge } from “@/components/ui/badge”; import { Menu, Search, ChevronRight, ArrowRight, Play, Newspaper, Grid3X3, Mail, Facebook, Twitter, Instagram, Globe } from “lucide-react”; import { motion } from “framer-motion”; // — Demo content (replace with your CMS or API) — const nav = [ { label: “Home”, href: “#” }, { label: “News”, href: “#news” }, { label: “Gaming”, href: “#gaming” }, { label: “Business”, href: “#business” }, { label: “Education”, href: “#education” }, { label: “Finance”, href: “#finance” }, { label: “Tips”, href: “#tips” }, { label: “Health”, href: “#health” }, { label: “Contact”, href: “#contact” }, ]; const posts = Array.from({ length: 8 }).map((_, i) => ({ id: i + 1, title: `Sample Article Headline ${i + 1}`, excerpt: “Short excerpt for the article goes here. Keep it concise and enticing so users click through.”, category: [“News”, “Gaming”, “Business”, “Health”][i % 4], author: [“Alex”, “Riya”, “Nikhil”, “Sam”][i % 4], date: “Aug 28, 2025”, image: “https://images.unsplash.com/photo-1522199710521-72d69614c702?q=80&w=1600&auto=format&fit=crop”, })); const categories = [ { key: “news”, label: “Latest”, icon: Newspaper }, { key: “gaming”, label: “Gaming”, icon: Play }, { key: “topics”, label: “Topics”, icon: Grid3X3 }, ]; export default function Homepage() { return ( ); }