import React, { useState } from 'react'; import { Heart, Search, Filter } from 'lucide-react'; import { Construction } from 'lucide-react'; const MOCK_GALLERIES = [ { id: 1, title: 'Formatura Medicina UNICAMP 2024', category: 'Medicina', images: [ 'https://images.unsplash.com/photo-1523050854058-8df90110c9f1?w=800', 'https://images.unsplash.com/photo-1541339907198-e08756dedf3f?w=800', 'https://images.unsplash.com/photo-1523240795612-9a054b0db644?w=800', ], likes: 234, }, { id: 2, title: 'Engenharia Civil - USP 2024', category: 'Engenharia', images: [ 'https://images.unsplash.com/photo-1513542789411-b6a5d4f31634?w=800', 'https://images.unsplash.com/photo-1511632765486-a01980e01a18?w=800', 'https://images.unsplash.com/photo-1523050854058-8df90110c9f1?w=800', ], likes: 189, }, { id: 3, title: 'Direito PUC 2023', category: 'Direito', images: [ 'https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=800', 'https://images.unsplash.com/photo-1521737711867-e3b97375f902?w=800', 'https://images.unsplash.com/photo-1522202176988-66273c2fd55f?w=800', ], likes: 312, }, { id: 4, title: 'Arquitetura UNESP 2024', category: 'Arquitetura', images: [ 'https://images.unsplash.com/photo-1528605248644-14dd04022da1?w=800', 'https://images.unsplash.com/photo-1523050854058-8df90110c9f1?w=800', 'https://images.unsplash.com/photo-1519337265831-281ec6cc8514?w=800', ], likes: 278, }, ]; const CATEGORIES = ['Todas', 'Medicina', 'Engenharia', 'Direito', 'Arquitetura', 'Administração']; export const InspirationPage: React.FC = () => { const [searchTerm, setSearchTerm] = useState(''); const [selectedCategory, setSelectedCategory] = useState('Todas'); const filteredGalleries = MOCK_GALLERIES.filter((gallery) => { const matchesSearch = gallery.title.toLowerCase().includes(searchTerm.toLowerCase()); const matchesCategory = selectedCategory === 'Todas' || gallery.category === selectedCategory; return matchesSearch && matchesCategory; }); return (
{/* Header */}

Galeria de Inspiração

Explore álbuns de formaturas anteriores e inspire-se para criar o seu evento perfeito

{/* Search and Filter */}
{/* Search Bar */}
setSearchTerm(e.target.value)} />
{/* Category Filter */}
{CATEGORIES.map((category) => ( ))}
{/* Gallery Grid */} {filteredGalleries.length > 0 ? (
{filteredGalleries.map((gallery) => (
{/* Main Image */}
{gallery.title}
{/* Category Badge */}
{gallery.category}
{/* Content */}

{gallery.title}

{/* Thumbnail Preview */}
{gallery.images.slice(1, 3).map((img, idx) => (
))}
+12
{/* Footer */}
{gallery.likes} curtidas
))}
) : (

Nenhuma galeria encontrada

)} {/* Coming Soon Banner */}

Em Breve: Mais Funcionalidades

Estamos trabalhando para trazer mais galerias, filtros avançados e a possibilidade de salvar seus favoritos!

); };