"use client" import { motion } from "framer-motion" import { stagger, staggerItem, cardHoverTarget, fadeIn } from "@/lib/animations" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Image as ImageIcon, Grid3X3, Maximize2, Heart } from "lucide-react" const categories = ["All", "Portraits", "Landscapes", "Street", "Events"] const photos = [ { title: "Coastal Sunrise", category: "Landscapes", dim: "tall" }, { title: "Urban Rhythm", category: "Street", dim: "wide" }, { title: "Golden Hour", category: "Portraits", dim: "square" }, { title: "City Lights", category: "Landscapes", dim: "square" }, { title: "Quiet Morning", category: "Street", dim: "tall" }, { title: "Dance in Motion", category: "Events", dim: "wide" }, { title: "Forest Path", category: "Landscapes", dim: "square" }, { title: "Candid Smile", category: "Portraits", dim: "tall" }, { title: "Night Market", category: "Street", dim: "square" }, ] export default function GalleryPortfolio() { return (

Gallery

Moments captured through the lens

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

{photo.title}

{photo.category}

))}

) }

Gallery Portfolio

Gallery

Coastal Sunrise

Urban Rhythm

Golden Hour

City Lights

Quiet Morning

Dance in Motion

Forest Path

Candid Smile

Night Market

Gallery

Coastal Sunrise

Urban Rhythm

Golden Hour

City Lights

Quiet Morning

Dance in Motion

Forest Path

Candid Smile

Night Market