Val Town Code SearchReturn to Val Town

7}
8
9export default function FilmClubs({ filmClubs }: FilmClubsProps) {
10  const activities = [
11    {

2import React from "https://esm.sh/react@18.2.0?deps=react@18.2.0";
3
4export default function About() {
5  const coreValues = [
6    {

23}
24
25export default function App({ initialData }: AppProps) {
26  const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
27  const [selectedVideo, setSelectedVideo] = useState<Video | null>(null);

106## Contributing
107
108When modifying the Notion database schema, ensure you update the `setPage` function in `controllers/controllers.ts` to match your new property structure.

10}
11
12export default function Showcase({ videos, categories, onVideoSelect }: ShowcaseProps) {
13  const [activeCategory, setActiveCategory] = useState<string>("all");
14  const [isLoading, setIsLoading] = useState(false);

8}
9
10export default function VideoPlayer({ video, onClose }: VideoPlayerProps) {
11  const videoRef = useRef<HTMLVideoElement>(null);
12  const [playerState, setPlayerState] = useState<VideoPlayerState>({

9}
10
11export default function VideoGallery({ videos, onVideoSelect, isLoading = false }: VideoGalleryProps) {
12  if (isLoading) {
13    return (

3import type { ContactForm } from "../../shared/types.ts";
4
5export default function Contact() {
6  const [contactForm, setContactForm] = useState<ContactForm>({
7    name: '',

3import type { ClubInterestForm } from "../../shared/types.ts";
4
5export default function GetInvolved() {
6  const [activeForm, setActiveForm] = useState<'club' | 'volunteer' | 'donate' | 'partner'>('club');
7  const [clubForm, setClubForm] = useState<ClubInterestForm>({

2import React from "https://esm.sh/react@18.2.0?deps=react@18.2.0";
3
4export default function Hero() {
5  return (
6    <div className="relative min-h-screen flex items-center justify-center overflow-hidden">