diff --git a/src/app/lost-and-found/page.tsx b/src/app/lost-and-found/page.tsx new file mode 100644 index 0000000..70266c6 --- /dev/null +++ b/src/app/lost-and-found/page.tsx @@ -0,0 +1,201 @@ +"use client"; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; +import HeroLogo from '@/components/sections/hero/HeroLogo'; +import FeatureCardTen from '@/components/sections/feature/FeatureCardTen'; +import BlogCardThree from '@/components/sections/blog/BlogCardThree'; +import FaqBase from '@/components/sections/faq/FaqBase'; +import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; +import { Search, Filter, Calendar, Tag } from 'lucide-react'; +import { useState } from 'react'; + +export default function LostAndFoundPage() { + const [filterCategory, setFilterCategory] = useState('all'); + const [filterDate, setFilterDate] = useState('all'); + const [itemType, setItemType] = useState('lost'); + + const categories = ['Electronics', 'Documents', 'Accessories', 'Clothing', 'Other']; + const dateRanges = ['Last 7 days', 'Last 30 days', 'Last 90 days', 'All time']; + + return ( + + + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + + + ); +}