import React from 'react'; import { Camera, Instagram, Mail, Twitter } from 'lucide-react'; // Sample photo data - in a real app, this would come from a CMS or database const photos = [ { id: 1, title: 'Mountain Sunrise', url: 'https://images.unsplash.com/photo-1506905925346-21bda4d32df4?auto=format&fit=crop&q=80&w=1000', category: 'Landscape' }, { id: 2, title: 'Urban Night', url: 'https://images.unsplash.com/photo-1519501025264-65ba15a82390?auto=format&fit=crop&q=80&w=1000', category: 'Urban' }, { id: 3, title: 'Portrait Study', url: 'https://images.unsplash.com/photo-1544005313-94ddf0286df2?auto=format&fit=crop&q=80&w=1000', category: 'Portrait' }, { id: 4, title: 'Nature Close-up', url: 'https://images.unsplash.com/photo-1504198322253-cfa87a0ff25f?auto=format&fit=crop&q=80&w=1000', category: 'Nature' }, { id: 5, title: 'Street Life', url: 'https://images.unsplash.com/photo-1477959858617-67f85cf4f1df?auto=format&fit=crop&q=80&w=1000', category: 'Street' }, { id: 6, title: 'Architecture', url: 'https://images.unsplash.com/photo-1488972685288-c3fd157d7c7a?auto=format&fit=crop&q=80&w=1000', category: 'Architecture' } ]; function App() { return (
{/* Header */}

Your Name

{/* Hero Section */}
Hero

Capturing Moments

Photography Portfolio

{/* Portfolio Grid */}

Portfolio

{photos.map((photo) => (
{photo.title}

{photo.title}

{photo.category}

))}
{/* About Section */}

About Me

I'm a passionate photographer specializing in capturing the beauty of everyday moments. With a keen eye for detail and composition, I strive to tell stories through my lens.

Whether it's landscape, portrait, or street photography, I bring creativity and technical expertise to every shoot.

{/* Contact Section */}

Get in Touch

{/* Footer */}
); } export default App;