"use client" import { motion } from "framer-motion" import { fadeIn, stagger, staggerItem, cardHoverTarget } from "@/lib/animations" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Camera, Image, MapPin, Calendar, Heart, MessageCircle } from "lucide-react" const photos = [ { title: "Golden Sunrise", location: "Cape Maclear", likes: 342, comments: 28 }, { title: "City Lights", location: "Lilongwe", likes: 256, comments: 15 }, { title: "Mountain View", location: "Mulanje", likes: 198, comments: 22 }, { title: "Ocean Waves", location: "Tofinho", likes: 310, comments: 35 }, { title: "Forest Path", location: "Zomba Plateau", likes: 175, comments: 12 }, { title: "Desert Dunes", location: "Namibia", likes: 289, comments: 19 }, ] const categories = ["All", "Landscape", "Portrait", "Street", "Travel", "Wildlife"] export default function BlogPhoto() { return (

PhotoBlog

Photo Blog

A visual journey through the world

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

{p.likes} {p.comments}

{p.title}

{p.location}

))}

) }