\n {/* Hero Section */}\n

\n About Cinetwa\n

\n Celebrating the power of African cinema and building communities \n through the universal language of film.\n

\n\n {/* Mission & Vision */}\n

🎯

\n Our Mission\n

\n To promote film culture across Africa by creating vibrant communities, \n especially through school-based film clubs. We aim to inspire a new \n generation of film enthusiasts, storytellers, and cultural ambassadors \n who will carry forward the rich tradition of African cinema.\n

\n\n

🌟

\n Our Vision\n

\n A continent where every school has a thriving film club, where African \n stories are celebrated and shared globally, and where young people are \n empowered to tell their own stories through the medium of film. We envision \n a future where African cinema takes its rightful place on the world stage.\n

\n\n {/* Core Values */}\n

\n Our Core Values\n

\n These values guide everything we do and shape the communities we build.\n

\n\n

\n {coreValues.map((value, index) => (\n

{value.icon}

\n {value.title}\n

\n {value.description}\n

\n ))}\n

\n\n {/* Founding Story */}\n

\n Our Story\n

\n Cinetwa was born from a simple observation: while Africa has a rich \n tradition of storytelling, many young people had limited exposure to \n the diverse world of African cinema.\n

\n Our founders, passionate film enthusiasts and educators, recognized \n the need for a platform that would bring film culture directly to \n schools and communities across the continent.\n

\n What started as a small initiative in a handful of schools has grown \n into a movement that spans multiple countries, touching the lives of \n thousands of students and educators.\n

\n Today, Cinetwa continues to evolve, always staying true to our core \n mission of celebrating African cinema and building communities through \n the power of film.\n

\n\n

\n Impact by Numbers\n

50+

Partner Schools

1,000+

Active Students

200+

Events Hosted

Countries Reached

\n \n

Latest Achievement

\n Our film club network was recognized at the African Film Festival \n for outstanding contribution to youth engagement in cinema.\n

\n\n {/* Team Section */}\n

\n Our Approach\n

\n We believe in empowering local communities to lead their own film culture initiatives.\n

\n\n

🎓

\n Education-Focused\n

\n We work closely with schools and educators to integrate film appreciation \n into learning environments.\n

\n\n

🌱

\n Community-Driven\n

\n Local communities lead their own initiatives with our support, \n ensuring cultural relevance and sustainability.\n

\n\n

🔄

\n Sustainable Impact\n

\n We focus on building long-term capacity and creating lasting \n change in film culture appreciation.\n

\n\n {/* CTA Section */}\n

\n Join Our Mission\n

\n Be part of the movement to celebrate and promote African cinema. \n Together, we can build a vibrant film culture across the continent.\n

\n \n \n

\n );\n};\n\nexport default About;",[],[183,190,197,204],{"_103":213,"_95":214,"_155":215,"_157":198,"_158":140,"_159":216,"_161":117,"_105":217,"_100":32,"_163":208,"_165":218,"_166":22,"_167":-5,"_168":219,"_98":220},"16bca20a-41b6-11f0-b4d8-76b3cceeab13","Contact.tsx","16bca2e6-41b6-11f0-b4d8-76b3cceeab13",13,["D",1749091076974],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface ContactProps {\n onNavigate: (page: string) => void;\n}\n\nconst Contact: React.FC = ({ onNavigate }) => {\n const [formData, setFormData] = useState({\n name: '',\n email: '',\n subject: '',\n message: ''\n });\n const [isSubmitting, setIsSubmitting] = useState(false);\n const [submitMessage, setSubmitMessage] = useState('');\n\n const handleInputChange = (e: React.ChangeEvent) => {\n const { name, value } = e.target;\n setFormData(prev => ({\n ...prev,\n [name]: value\n }));\n };\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setIsSubmitting(true);\n \n // Simulate form submission\n setTimeout(() => {\n setIsSubmitting(false);\n setSubmitMessage('Thank you for your message! We\\'ll get back to you within 24 hours.');\n setFormData({\n name: '',\n email: '',\n subject: '',\n message: ''\n });\n }, 1000);\n };\n\n const contactMethods = [\n {\n title: \"Email Us\",\n description: \"Send us a message and we'll respond within 24 hours\",\n icon: \"📧\",\n contact: \"hello@reallygreatsite.com\",\n action: \"mailto:hello@reallygreatsite.com\"\n },\n {\n title: \"Call Us\",\n description: \"Speak directly with our team during business hours\",\n icon: \"📞\",\n contact: \"123-456-7890\",\n action: \"tel:123-456-7890\"\n },\n {\n title: \"Follow Us\",\n description: \"Stay updated with our latest news and events\",\n icon: \"🌐\",\n contact: \"@reallygreatsite\",\n action: \"https://twitter.com/reallygreatsite\"\n }\n ];\n\n const officeLocations = [\n {\n city: \"Accra, Ghana\",\n address: \"123 Film Street, East Legon\",\n phone: \"+233 20 123 4567\",\n email: \"accra@cinetwa.org\",\n icon: \"🇬🇭\"\n },\n {\n city: \"Lagos, Nigeria\",\n address: \"456 Cinema Avenue, Victoria Island\",\n phone: \"+234 80 123 4567\",\n email: \"lagos@cinetwa.org\",\n icon: \"🇳🇬\"\n },\n {\n city: \"Nairobi, Kenya\",\n address: \"789 Movie Lane, Westlands\",\n phone: \"+254 70 123 4567\",\n email: \"nairobi@cinetwa.org\",\n icon: \"🇰🇪\"\n }\n ];\n\n const faqs = [\n {\n question: \"How do I start a film club at my school?\",\n answer: \"Starting a film club is easy! Fill out our interest form or contact us directly. We'll provide all the resources, training, and ongoing support you need to launch a successful film club.\"\n },\n {\n question: \"Are there any costs involved in joining Cinetwa?\",\n answer: \"Most of our programs are free for schools and students. We believe in making film education accessible to everyone. Some specialized workshops may have minimal fees to cover materials.\"\n },\n {\n question: \"What age groups do you work with?\",\n answer: \"We primarily work with secondary school students (ages 13-18), but we also have programs for university students and young adults. Our content and activities are tailored to each age group.\"\n },\n {\n question: \"Do you provide films for screening?\",\n answer: \"Yes! We have a curated library of films that are available to our partner schools. We also help clubs access films through legal streaming platforms and partnerships with distributors.\"\n },\n {\n question: \"Can international schools participate?\",\n answer: \"Absolutely! While we focus on Africa, we welcome international schools and organizations that share our mission of promoting African cinema and film culture.\"\n },\n {\n question: \"How can my organization partner with Cinetwa?\",\n answer: \"We're always open to partnerships! Contact us to discuss how we can work together. We partner with schools, NGOs, film organizations, and companies that support education and cultural initiatives.\"\n }\n ];\n\n return (\n

\n {/* Hero Section */}\n

\n Contact Us\n

\n We'd love to hear from you! Whether you have questions, want to start \n a film club, or explore partnership opportunities, we're here to help.\n

\n\n {/* Contact Methods */}\n

\n Get in Touch\n

\n Choose the best way to reach us. We're committed to responding \n quickly and helping you with whatever you need.\n

\n\n

\n {contactMethods.map((method, index) => (\n

{method.icon}

\n {method.title}\n

\n {method.description}\n

\n \n {method.contact}\n \n

\n ))}\n

\n\n {/* Contact Form */}\n

\n Send Us a Message\n

\n Fill out the form below and we'll get back to you as soon as possible.\n

\n\n

\n {submitMessage ? (\n

✅

Message Sent!

{submitMessage}

\n \n

\n ) : (\n

\n \n Full Name *\n \n \n

\n \n

\n \n Email Address *\n \n \n

\n\n

\n \n Subject *\n \n \n \n \n \n \n \n \n \n \n \n

\n\n

\n \n Message *\n \n \n

\n\n \n {isSubmitting ? 'Sending Message...' : 'Send Message'}\n \n \n )}\n

\n\n {/* Office Locations */}\n

\n Our Locations\n

\n We have offices across Africa to better serve our communities. \n Visit us or reach out to your nearest location.\n

\n\n

\n {officeLocations.map((location, index) => (\n

{location.icon}

{location.city}

\n 📍\n {location.address}\n

\n 📞\n \n {location.phone}\n \n

\n 📧\n \n {location.email}\n \n

\n ))}\n

\n\n {/* FAQ Section */}\n

\n Frequently Asked Questions\n

\n Find quick answers to common questions about Cinetwa and our programs.\n

\n\n

\n {faqs.map((faq, index) => (\n

\n {faq.question}\n

\n {faq.answer}\n

\n ))}\n

\n\n

\n Don't see your question answered here?\n

\n \n

\n\n {/* Business Hours & Response Times */}\n

\n When to Reach Us\n

\n We're committed to providing timely responses and support to our community. \n Here's what you can expect when you contact us.\n

\n \n

🕒

Business Hours

Monday - Friday: 9:00 AM - 6:00 PM (WAT)

Saturday: 10:00 AM - 2:00 PM (WAT)

Sunday: Closed

\n \n

⚡

Response Times

Email: Within 24 hours

Phone: Immediate during business hours

Social Media: Within 4 hours

\n \n

🚨

Urgent Matters

For urgent film club support or event issues, call our main number and select option 1 for priority assistance.

\n\n

\n Stay Connected\n

\n Follow us on social media and subscribe to our newsletter \n for the latest updates, events, and film club stories.\n

\n \n

📱 Social Media

@reallygreatsite on all platforms

\n \n

📧 Newsletter

Monthly updates on events and opportunities

\n \n

🎬 Film Club Network

Connect with other clubs and share experiences

\n \n \n

\n );\n};\n\nexport default Contact;",[],[183,190,197,214],{"_103":222,"_95":223,"_155":224,"_157":198,"_158":140,"_159":225,"_161":117,"_105":226,"_100":32,"_163":208,"_165":227,"_166":22,"_167":-5,"_168":228,"_98":229},"5df0114e-41b5-11f0-832f-76b3cceeab13","Events.tsx","5df01220-41b5-11f0-832f-76b3cceeab13",11,["D",1749090766932],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { Event } from \"../../../shared/types.ts\";\n\ninterface EventsProps {\n onNavigate: (page: string) => void;\n}\n\nconst Events: React.FC = ({ onNavigate }) => {\n const upcomingEvents: Event[] = [\n {\n id: \"1\",\n title: \"African Cinema Showcase\",\n date: \"2024-03-15\",\n time: \"6:00 PM\",\n location: \"University of Ghana, Accra\",\n description: \"A celebration of contemporary African filmmaking featuring award-winning films from across the continent.\",\n type: \"festival\",\n image: \"🎪\"\n },\n {\n id: \"2\",\n title: \"Storytelling Workshop\",\n date: \"2024-03-22\",\n time: \"2:00 PM\",\n location: \"Cinetwa Community Center, Lagos\",\n description: \"Interactive workshop on narrative techniques and character development for aspiring young filmmakers.\",\n type: \"workshop\",\n image: \"🎨\"\n },\n {\n id: \"3\",\n title: \"Documentary Film Screening: 'Voices of Tomorrow'\",\n date: \"2024-04-05\",\n time: \"7:00 PM\",\n location: \"Makerere University, Kampala\",\n description: \"Screening of a powerful documentary about youth activism in East Africa, followed by panel discussion.\",\n type: \"screening\",\n image: \"📽️\"\n },\n {\n id: \"4\",\n title: \"Film Club Leaders Summit\",\n date: \"2024-04-18\",\n time: \"9:00 AM\",\n location: \"Virtual Event\",\n description: \"Annual gathering of film club leaders from across Africa to share experiences and best practices.\",\n type: \"discussion\",\n image: \"🤝\"\n }\n ];\n\n const pastEvents: Event[] = [\n {\n id: \"5\",\n title: \"Animation Workshop Series\",\n date: \"2024-02-10\",\n time: \"10:00 AM\",\n location: \"Cape Town Film Academy\",\n description: \"Three-day intensive workshop on 2D animation techniques and digital storytelling.\",\n type: \"workshop\",\n image: \"🎬\"\n },\n {\n id: \"6\",\n title: \"Nollywood Classics Night\",\n date: \"2024-01-28\",\n time: \"6:30 PM\",\n location: \"National Theatre, Abuja\",\n description: \"Screening of classic Nollywood films with discussions on their cultural impact.\",\n type: \"screening\",\n image: \"🌟\"\n },\n {\n id: \"7\",\n title: \"Youth Film Festival\",\n date: \"2024-01-15\",\n time: \"All Day\",\n location: \"Kigali Convention Centre\",\n description: \"Annual festival showcasing short films created by students from Cinetwa film clubs.\",\n type: \"festival\",\n image: \"🏆\"\n }\n ];\n\n const getEventTypeColor = (type: Event['type']) => {\n switch (type) {\n case 'screening': return 'bg-blue-100 text-blue-800';\n case 'workshop': return 'bg-green-100 text-green-800';\n case 'festival': return 'bg-purple-100 text-purple-800';\n case 'discussion': return 'bg-orange-100 text-orange-800';\n default: return 'bg-gray-100 text-gray-800';\n }\n };\n\n const formatDate = (dateString: string) => {\n const date = new Date(dateString);\n return date.toLocaleDateString('en-US', { \n weekday: 'long', \n year: 'numeric', \n month: 'long', \n day: 'numeric' \n });\n };\n\n return (\n

\n {/* Hero Section */}\n

\n Events & Screenings\n

\n Join us for exciting film screenings, educational workshops, \n and community celebrations across Africa.\n

\n\n {/* Upcoming Events */}\n

\n Upcoming Events\n

\n Don't miss these exciting opportunities to connect with fellow film enthusiasts \n and expand your cinematic horizons.\n

\n\n

\n {upcomingEvents.map((event) => (\n

{event.image}

\n \n {event.type.charAt(0).toUpperCase() + event.type.slice(1)}\n \n

\n \n

\n {event.title}\n

\n \n

\n 📅\n {formatDate(event.date)}\n

\n ⏰\n {event.time}\n

\n 📍\n {event.location}\n

\n \n

\n {event.description}\n

\n \n \n

\n ))}\n

\n\n {/* Event Types */}\n

\n Types of Events\n

\n We host a variety of events designed to engage different interests \n and skill levels within our community.\n

\n\n

🎬

\n Film Screenings\n

\n Regular screenings of African and international films with \n post-screening discussions.\n

\n\n

🎨

\n Workshops\n

\n Hands-on learning experiences covering filmmaking, storytelling, \n and technical skills.\n

\n\n

🎪

\n Festivals\n

\n Celebrations of cinema featuring multiple films, awards, \n and community gatherings.\n

\n\n

💬

\n Panel Discussions\n

\n Engaging conversations with filmmakers, critics, and \n industry professionals.\n

\n\n {/* Past Events Highlights */}\n

\n Past Event Highlights\n

\n Look back at some of our most successful and impactful events \n from recent months.\n

\n\n

\n {pastEvents.map((event) => (\n

{event.image}

\n \n {event.type.charAt(0).toUpperCase() + event.type.slice(1)}\n \n

{event.title}

\n {formatDate(event.date)} • {event.time}\n

{event.location}

\n {event.description}\n

\n ))}\n

\n\n {/* Event Statistics */}\n

\n Our Impact in Numbers\n

\n See how our events are bringing communities together and \n promoting film culture across Africa.\n

\n\n

200+

Events Hosted

\n \n

15,000+

Attendees

\n \n

Cities Reached

\n \n

500+

Films Screened

\n\n {/* How to Attend */}\n

\n How to Attend Our Events\n

\n Joining our events is easy and most are free to attend. We welcome \n students, educators, film enthusiasts, and anyone curious about cinema.\n

\n \n

Check Our Calendar

Browse upcoming events and find ones that interest you.

\n \n

Register Online

Most events require simple online registration to secure your spot.

\n \n

Join & Engage

Attend the event and participate in discussions and activities.

\n\n

\n Stay Updated\n

\n Never miss an event! Subscribe to our newsletter and follow \n us on social media for the latest updates.\n

\n \n

📧 Email Newsletter

Weekly updates on upcoming events and film club activities.

\n \n

📱 Social Media

Follow @reallygreatsite for real-time updates and behind-the-scenes content.

\n \n

🎬 Film Club Network

Join a local film club to get priority access to events in your area.

\n\n {/* CTA Section */}\n

\n Host an Event with Us\n

\n Interested in hosting a Cinetwa event at your school or in your community? \n We'd love to work with you to bring the magic of cinema to your area.\n

\n \n \n

\n );\n};\n\nexport default Events;",[],[183,190,197,223],{"_103":231,"_95":232,"_155":233,"_157":198,"_158":140,"_159":234,"_161":117,"_105":235,"_100":32,"_163":208,"_165":236,"_166":22,"_167":-5,"_168":237,"_98":238},"b4d3a954-41b4-11f0-8228-76b3cceeab13","FilmClubs.tsx","b4d3aa08-41b4-11f0-8228-76b3cceeab13",10,["D",1749090483212],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { FilmClubActivity } from \"../../../shared/types.ts\";\n\ninterface FilmClubsProps {\n onNavigate: (page: string) => void;\n}\n\nconst FilmClubs: React.FC = ({ onNavigate }) => {\n const activities: FilmClubActivity[] = [\n {\n title: \"Film Screenings\",\n description: \"Regular screenings of carefully curated films from Africa and around the world, featuring diverse genres and storytelling styles.\",\n icon: \"🎬\"\n },\n {\n title: \"Discussion Panels\",\n description: \"Engaging post-screening discussions where students analyze themes, cinematography, and cultural significance.\",\n icon: \"💬\"\n },\n {\n title: \"Creative Workshops\",\n description: \"Hands-on workshops covering storytelling, basic filmmaking techniques, and script writing.\",\n icon: \"🎨\"\n },\n {\n title: \"Guest Speakers\",\n description: \"Sessions with local filmmakers, actors, and industry professionals sharing their experiences and insights.\",\n icon: \"🎤\"\n },\n {\n title: \"Film Projects\",\n description: \"Collaborative projects where students create their own short films, documentaries, or video essays.\",\n icon: \"📹\"\n },\n {\n title: \"Cultural Exchange\",\n description: \"Virtual connections with other film clubs across Africa to share perspectives and experiences.\",\n icon: \"🌍\"\n }\n ];\n\n const genres = [\n { name: \"Drama\", icon: \"🎭\", description: \"Exploring human emotions and relationships\" },\n { name: \"Documentary\", icon: \"📚\", description: \"Real stories and social issues\" },\n { name: \"Animation\", icon: \"🎨\", description: \"Creative storytelling through animation\" },\n { name: \"Comedy\", icon: \"😄\", description: \"Celebrating humor and joy\" },\n { name: \"Historical\", icon: \"🏛️\", description: \"Learning from our past\" },\n { name: \"Experimental\", icon: \"🔬\", description: \"Pushing creative boundaries\" }\n ];\n\n const benefits = [\n {\n title: \"Enhanced Critical Thinking\",\n description: \"Students develop analytical skills through film analysis and discussion.\",\n icon: \"🧠\"\n },\n {\n title: \"Cultural Awareness\",\n description: \"Exposure to diverse perspectives and stories from across Africa and beyond.\",\n icon: \"🌍\"\n },\n {\n title: \"Creative Expression\",\n description: \"Opportunities to explore creativity through various film-related activities.\",\n icon: \"🎨\"\n },\n {\n title: \"Communication Skills\",\n description: \"Improved verbal and written communication through discussions and presentations.\",\n icon: \"💬\"\n },\n {\n title: \"Technical Literacy\",\n description: \"Basic understanding of film production and digital media tools.\",\n icon: \"⚙️\"\n },\n {\n title: \"Community Building\",\n description: \"Stronger bonds between students, teachers, and the broader community.\",\n icon: \"🤝\"\n }\n ];\n\n return (\n

\n {/* Hero Section */}\n

\n Cinetwa Film Clubs\n

\n Bringing the magic of cinema to schools across Africa through \n engaging, educational, and inspiring film club experiences.\n

\n \n

\n\n {/* What is a Film Club */}\n

\n What is a Cinetwa Film Club?\n

\n A Cinetwa Film Club is more than just watching movies. It's a vibrant \n community where students, teachers, and film enthusiasts come together \n to explore the art of cinema, discuss meaningful stories, and create \n their own content.\n

\n Each club is tailored to its school's unique culture and needs, but all \n share our commitment to celebrating African cinema while exploring films \n from around the world.\n

\n \n

Club Structure

\n •\n Weekly or bi-weekly meetings\n
\n •\n 15-30 active student members\n
\n •\n Teacher facilitator and student leaders\n
\n •\n Flexible schedule to fit school calendar\n

\n\n

\n Why Film Clubs Matter\n

🎓

Educational Value

Films are powerful teaching tools that make learning engaging and memorable.

🌟

Personal Growth

Students develop confidence, creativity, and critical thinking skills.

🤝

Community Connection

Clubs create lasting bonds and a sense of belonging among participants.

\n\n {/* Activities */}\n

\n Club Activities\n

\n Our film clubs offer a diverse range of activities designed to engage, \n educate, and inspire students.\n

\n\n

\n {activities.map((activity, index) => (\n

{activity.icon}

\n {activity.title}\n

\n {activity.description}\n

\n ))}\n

\n\n {/* Genres Explored */}\n

\n Genres We Explore\n

\n From thought-provoking dramas to innovative animations, our clubs \n explore the full spectrum of cinematic expression.\n

\n\n

\n {genres.map((genre, index) => (\n

{genre.icon}

{genre.name}

{genre.description}

\n ))}\n

\n\n {/* Benefits */}\n

\n Benefits for Schools & Students\n

\n Film clubs provide numerous educational and social benefits that extend \n far beyond the screening room.\n

\n\n

\n {benefits.map((benefit, index) => (\n

{benefit.icon}

\n {benefit.title}\n

\n {benefit.description}\n

\n ))}\n

\n\n {/* Getting Started */}\n

\n How to Get Started\n

\n Starting a Cinetwa Film Club at your school is easier than you think. \n We provide all the support you need.\n

\n\n

Express Interest

Fill out our interest form or contact us directly.

\n \n

Initial Consultation

We'll discuss your school's needs and goals.

\n \n

Setup & Training

We provide resources and train your facilitators.

\n \n

Launch & Support

Your club launches with ongoing support from our team.

\n\n

\n \n

\n\n {/* Success Stories */}\n

\n Success Stories\n

\n See how Cinetwa Film Clubs are making a difference in schools across Africa.\n

\n\n

🏆

Accra Secondary School

\n \"Our film club has become the most popular extracurricular activity. \n Students are more engaged, confident, and excited about learning.\"\n

- Sarah Mensah, English Teacher

\n\n

🌟

Nairobi Girls High

\n \"The film club helped me discover my passion for storytelling. \n I'm now studying film production at university!\"\n

- Amara Ochieng, Former Student

\n );\n};\n\nexport default FilmClubs;",[],[183,190,197,232],{"_103":240,"_95":241,"_155":242,"_157":198,"_158":140,"_159":243,"_161":117,"_105":244,"_100":32,"_163":208,"_165":245,"_166":22,"_167":-5,"_168":246,"_98":247},"8445fbe2-41b5-11f0-9c91-76b3cceeab13","GetInvolved.tsx","8445fc8c-41b5-11f0-9c91-76b3cceeab13",12,["D",1749090831249],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { ContactForm } from \"../../../shared/types.ts\";\n\ninterface GetInvolvedProps {\n onNavigate: (page: string) => void;\n}\n\nconst GetInvolved: React.FC = ({ onNavigate }) => {\n const [formData, setFormData] = useState({\n name: '',\n email: '',\n organization: '',\n message: '',\n interest: 'hosting'\n });\n const [isSubmitting, setIsSubmitting] = useState(false);\n const [submitMessage, setSubmitMessage] = useState('');\n\n const handleInputChange = (e: React.ChangeEvent) => {\n const { name, value } = e.target;\n setFormData(prev => ({\n ...prev,\n [name]: value\n }));\n };\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setIsSubmitting(true);\n \n // Simulate form submission\n setTimeout(() => {\n setIsSubmitting(false);\n setSubmitMessage('Thank you for your interest! We\\'ll be in touch soon.');\n setFormData({\n name: '',\n email: '',\n organization: '',\n message: '',\n interest: 'hosting'\n });\n }, 1000);\n };\n\n const opportunities = [\n {\n title: \"Host a Film Club\",\n description: \"Bring Cinetwa to your school or community center and start your own film club.\",\n icon: \"🏫\",\n benefits: [\n \"Complete setup support and training\",\n \"Curated film library access\",\n \"Educational resources and guides\",\n \"Ongoing mentorship and support\"\n ]\n },\n {\n title: \"Join as a Volunteer\",\n description: \"Help us organize events, facilitate discussions, and support film clubs.\",\n icon: \"🤝\",\n benefits: [\n \"Flexible volunteer opportunities\",\n \"Skills development workshops\",\n \"Networking with film enthusiasts\",\n \"Certificate of volunteer service\"\n ]\n },\n {\n title: \"Partner with Us\",\n description: \"Organizations can partner with us to expand film education initiatives.\",\n icon: \"🤝\",\n benefits: [\n \"Co-branded events and programs\",\n \"Shared resources and expertise\",\n \"Community impact measurement\",\n \"Long-term partnership opportunities\"\n ]\n },\n {\n title: \"Support Our Mission\",\n description: \"Make a donation to help us reach more schools and communities across Africa.\",\n icon: \"💝\",\n benefits: [\n \"Direct impact on student lives\",\n \"Tax-deductible contributions\",\n \"Regular impact reports\",\n \"Recognition in our community\"\n ]\n }\n ];\n\n const volunteerRoles = [\n {\n title: \"Event Facilitator\",\n description: \"Help organize and run film screenings and workshops\",\n commitment: \"4-6 hours per month\",\n icon: \"🎬\"\n },\n {\n title: \"Discussion Leader\",\n description: \"Guide post-screening discussions and Q&A sessions\",\n commitment: \"2-3 hours per event\",\n icon: \"💬\"\n },\n {\n title: \"Technical Support\",\n description: \"Assist with audio-visual equipment and streaming setup\",\n commitment: \"Flexible\",\n icon: \"⚙️\"\n },\n {\n title: \"Content Curator\",\n description: \"Help select and review films for our screening programs\",\n commitment: \"3-4 hours per month\",\n icon: \"📚\"\n },\n {\n title: \"Social Media Ambassador\",\n description: \"Share our events and stories on social media platforms\",\n commitment: \"2-3 hours per week\",\n icon: \"📱\"\n },\n {\n title: \"Mentor\",\n description: \"Guide student film club leaders and provide ongoing support\",\n commitment: \"1-2 hours per week\",\n icon: \"🌟\"\n }\n ];\n\n return (\n

\n {/* Hero Section */}\n

\n Get Involved\n

\n Join our mission to promote film culture across Africa. \n There are many ways to be part of the Cinetwa community.\n

\n\n {/* Ways to Get Involved */}\n

\n Ways to Get Involved\n

\n Whether you're an educator, student, film enthusiast, or organization, \n there's a perfect way for you to contribute to our mission.\n

\n\n

\n {opportunities.map((opportunity, index) => (\n

{opportunity.icon}

\n {opportunity.title}\n

\n {opportunity.description}\n

What you get:

\n {opportunity.benefits.map((benefit, benefitIndex) => (\n

\n ✓\n {benefit}\n

\n ))}\n

\n\n {/* Volunteer Opportunities */}\n

\n Volunteer Opportunities\n

\n Join our team of passionate volunteers and help us bring the magic \n of cinema to communities across Africa.\n

\n\n

\n {volunteerRoles.map((role, index) => (\n

{role.icon}

\n {role.title}\n

\n {role.description}\n

\n Time commitment: {role.commitment}\n

\n ))}\n

\n\n

\n Ready to Volunteer?\n

\n Fill out our interest form below and we'll match you with \n the perfect volunteer opportunity.\n

\n 🌟 All volunteers receive training and ongoing support\n

\n\n {/* Interest Form */}\n

\n Express Your Interest\n

\n Tell us how you'd like to get involved and we'll get back to you \n with next steps and opportunities.\n

\n\n

\n {submitMessage ? (\n

🎉

Thank You!

{submitMessage}

\n \n

\n ) : (\n

\n \n Full Name *\n \n \n

\n \n

\n \n Email Address *\n \n \n

\n\n

\n \n School/Organization (Optional)\n \n \n

\n\n

\n \n I'm interested in *\n \n \n \n \n \n \n \n \n

\n\n

\n \n Tell us more about your interest *\n \n \n

\n\n \n {isSubmitting ? 'Submitting...' : 'Submit Interest Form'}\n \n \n )}\n

\n\n {/* Partnership Information */}\n

\n Partnership Opportunities\n

\n We're always looking for like-minded organizations to partner with \n in promoting film culture and education across Africa.\n

\n \n

🏫

Educational Institutions

Schools, universities, and educational organizations looking to enhance their cultural programs.

\n \n

🎬

Film Organizations

Film festivals, production companies, and cinema organizations interested in youth engagement.

\n \n

🌍

NGOs & Foundations

Organizations focused on education, youth development, or cultural preservation.

\n \n

🏢

Corporate Partners

Companies interested in supporting education and community development initiatives.

\n\n

\n Why Partner with Cinetwa?\n

\n \n

🎯 Proven Impact

Track record of successful programs across 15 countries with measurable outcomes.

\n \n

🤝 Collaborative Approach

We work closely with partners to create mutually beneficial programs.

\n \n

📈 Scalable Solutions

Our programs can be adapted to different scales and contexts.

\n \n

🌟 Community Focus

Deep understanding of local communities and cultural contexts.

\n\n {/* Contact CTA */}\n

\n Ready to Make a Difference?\n

\n Join thousands of film enthusiasts, educators, and organizations \n who are already part of the Cinetwa community.\n

\n \n \n

\n );\n};\n\nexport default GetInvolved;",[],[183,190,197,241],{"_103":249,"_95":250,"_155":251,"_157":198,"_158":140,"_159":252,"_161":117,"_105":253,"_100":206,"_163":208,"_165":254,"_166":22,"_167":-5,"_168":255,"_98":256},"ecc0778a-4249-11f0-a800-76b3cceeab13","Home.tsx","7dbb75dc-41b4-11f0-a506-76b3cceeab13",50,["D",1749154572044],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface HomeProps {\n onNavigate: (page: string) => void;\n}\n\nconst Home: React.FC = ({ onNavigate }) => {\n return (\n

\n {/* Modern Hero Section */}\n

\n \n 🎬 Film Culture Organization\n \n

\n \n

\n Igniting Africa's Love for Film\n

\n \n

\n We promote film culture across Africa by creating vibrant communities \n through school-based film clubs where stories come alive and creativity flourishes.\n

\n \n

\n \n \n

\n \n {/* Floating elements */}\n

🎭

🎪

\n\n {/* Stats Section */}\n

50+

Schools

1,000+

Students

200+

Events

\n\n {/* Mission Section */}\n

\n Our Mission\n

\n We believe in the transformative power of cinema to educate, inspire, and unite communities. \n Through our film clubs, we're building a new generation of African storytellers.\n

\n\n

🎭

Creative Expression

\n Empowering students to explore their creativity through film appreciation, \n discussion, and collaborative projects.\n

\n\n

🤝

Community Building

\n Creating vibrant communities where film lovers can connect, share ideas, \n and celebrate African cinema together.\n

\n\n

🌍

Cultural Celebration

\n Promoting African stories, voices, and perspectives through diverse \n film screenings and cultural discussions.\n

\n\n {/* What We Do Section */}\n

\n What We Do\n

\n Our school-based film clubs are the heart of Cinetwa. We bring together students, \n educators, and film enthusiasts to explore the world of cinema.\n

\n \n

\n 🎬\n

Film Screenings

Regular screenings of diverse films from across Africa and beyond.

\n \n

\n 💬\n

Discussion Panels

Thoughtful conversations about themes, techniques, and cultural significance.

\n \n

\n 🎨\n

Creative Projects

Hands-on activities including short film creation and storytelling workshops.

\n \n \n

\n\n

🎪

\n Join Our Community\n

\n Be part of a growing network of film enthusiasts across Africa. \n Whether you're a student, educator, or cinema lover, there's a place for you.\n

\n \n

\n\n {/* CTA Section */}\n

\n Ready to Start Your Film Club?\n

\n Bring the magic of cinema to your school or community. We'll provide \n the resources, support, and guidance you need.\n

\n \n \n

\n );\n};\n\nexport default Home;",[],[183,190,197,250],[183,190,197],{"_103":259,"_95":260,"_155":261,"_157":191,"_158":140,"_159":262,"_161":117,"_105":263,"_100":185,"_163":208,"_165":264,"_166":22,"_167":-5,"_168":265,"_98":266},"9f53babe-4246-11f0-8424-76b3cceeab13","App.tsx","1b67eae4-41b6-11f0-9677-76b3cceeab13",28,["D",1749153153660],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport Header from \"./Header.tsx\";\nimport Footer from \"./Footer.tsx\";\nimport Home from \"./pages/Home.tsx\";\nimport About from \"./pages/About.tsx\";\nimport FilmClubs from \"./pages/FilmClubs.tsx\";\nimport Events from \"./pages/Events.tsx\";\nimport GetInvolved from \"./pages/GetInvolved.tsx\";\nimport Contact from \"./pages/Contact.tsx\";\nimport { getInitialTheme, setTheme, toggleTheme, type Theme } from \"../../shared/theme.ts\";\n\nconst App: React.FC = () => {\n const [currentPage, setCurrentPage] = useState('home');\n const [theme, setThemeState] = useState('light');\n\n useEffect(() => {\n const initialTheme = getInitialTheme();\n setThemeState(initialTheme);\n setTheme(initialTheme);\n }, []);\n\n const handleNavigate = (page: string) => {\n setCurrentPage(page);\n window.scrollTo({ top: 0, behavior: 'smooth' });\n };\n\n const handleThemeToggle = () => {\n const newTheme = toggleTheme(theme);\n setThemeState(newTheme);\n };\n\n const renderPage = () => {\n switch (currentPage) {\n case 'home':\n return ;\n case 'about':\n return ;\n case 'film-clubs':\n return ;\n case 'events':\n return ;\n case 'get-involved':\n return ;\n case 'contact':\n return ;\n default:\n return ;\n }\n };\n\n return (\n

\n {/* Theme Toggle Button */}\n \n {theme === 'light' ? '🌙' : '☀️'}\n \n \n

\n {renderPage()}\n

\n );\n};\n\nexport default App;",[],[183,190,260],{"_103":268,"_95":269,"_155":270,"_157":191,"_158":140,"_159":139,"_161":117,"_105":271,"_100":272,"_163":208,"_165":273,"_166":22,"_167":-5,"_168":274,"_98":275},"f391dfea-4249-11f0-aaf8-76b3cceeab13","Footer.tsx","6943412a-41b4-11f0-b193-76b3cceeab13",["D",1749154583485],4,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface FooterProps {\n onNavigate: (page: string) => void;\n}\n\nconst Footer: React.FC = ({ onNavigate }) => {\n return (\n \n );\n};\n\nexport default Footer;",[],[183,190,269],{"_103":277,"_95":278,"_155":279,"_157":191,"_158":140,"_159":280,"_161":117,"_105":281,"_100":272,"_163":208,"_165":282,"_166":22,"_167":-5,"_168":283,"_98":284},"e6b929cc-4249-11f0-8d58-76b3cceeab13","Header.tsx","601cee48-41b4-11f0-8470-76b3cceeab13",49,["D",1749154561928],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface HeaderProps {\n currentPage: string;\n onNavigate: (page: string) => void;\n}\n\nconst Header: React.FC = ({ currentPage, onNavigate }) => {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n\n const navItems = [\n { id: 'home', label: 'Home' },\n { id: 'about', label: 'About' },\n { id: 'film-clubs', label: 'Film Clubs' },\n { id: 'events', label: 'Events' },\n { id: 'get-involved', label: 'Get Involved' },\n { id: 'contact', label: 'Contact' },\n ];\n\n return (\n

\n {/* Logo */}\n

onNavigate('home')}\n >\n

🎬

\n Cinetwa\n

\n Film Culture\n

\n\n {/* Desktop Navigation */}\n \n\n {/* CTA Button */}\n

\n \n

\n\n {/* Mobile menu button */}\n setIsMenuOpen(!isMenuOpen)}\n >\n

\n \n \n \n

\n \n

\n\n {/* Mobile Navigation */}\n {isMenuOpen && (\n

\n {navItems.map((item) => (\n {\n onNavigate(item.id);\n setIsMenuOpen(false);\n }}\n className={`text-left px-4 py-3 rounded-lg font-medium transition-all duration-200 ${\n currentPage === item.id\n ? 'bg-primary-custom text-white'\n : 'text-secondary-custom hover:text-primary-custom hover:bg-surface-hover'\n }`}\n >\n {item.label}\n \n ))}\n \n

\n )}\n

\n );\n};\n\nexport default Header;",[],[183,190,278],[183,190],{"_103":287,"_95":288,"_155":289,"_157":184,"_158":140,"_159":185,"_161":117,"_105":290,"_100":32,"_163":291,"_165":292,"_166":22,"_167":-5,"_168":293,"_98":294},"33a2fcea-41b4-11f0-85cc-76b3cceeab13","index.html","33a2fd94-41b4-11f0-85cc-76b3cceeab13",["D",1749090266465],"file","\n\n\n \n \n Cinetwa - Igniting Africa's Love for Film\n \n \n \n 🎬\">\n \n \n \n \n \n \n \n \n \n\n\n

\n \n\n",[],[183,288],{"_103":296,"_95":297,"_155":298,"_157":184,"_158":140,"_159":299,"_161":117,"_105":300,"_100":32,"_163":208,"_165":301,"_166":22,"_167":-5,"_168":302,"_98":303},"56ac5088-41b4-11f0-8e40-76b3cceeab13","index.tsx","56ac5150-41b4-11f0-8e40-76b3cceeab13",5,["D",1749090325247],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport App from \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[183,297],{"_103":305,"_95":306,"_155":307,"_157":184,"_158":140,"_159":308,"_161":117,"_105":309,"_100":206,"_163":291,"_165":310,"_166":22,"_167":-5,"_168":311,"_98":312},"e1205af8-4249-11f0-bfb9-76b3cceeab13","style.css","548c759e-41b4-11f0-b193-76b3cceeab13",48,["D",1749154552539],"/* Modern Cinetwa Website Styles */\n\n:root {\n /* Light Mode - Modern & Clean */\n --primary: #2563EB; /* Blue 600 */\n --primary-light: #3B82F6; /* Blue 500 */\n --primary-dark: #1D4ED8; /* Blue 700 */\n --secondary: #DC2626; /* Red 600 */\n --secondary-light: #EF4444; /* Red 500 */\n --secondary-dark: #B91C1C; /* Red 700 */\n --accent: #F59E0B; /* Amber 500 */\n --accent-light: #FCD34D; /* Amber 300 */\n --accent-dark: #D97706; /* Amber 600 */\n \n /* Neutral colors */\n --background: #FFFFFF; /* White */\n --surface: #F8FAFC; /* Slate 50 */\n --surface-hover: #F1F5F9; /* Slate 100 */\n --text-primary: #0F172A; /* Slate 900 */\n --text-secondary: #475569; /* Slate 600 */\n --text-muted: #64748B; /* Slate 500 */\n --border: #E2E8F0; /* Slate 200 */\n --border-light: #F1F5F9; /* Slate 100 */\n}\n\n[data-theme=\"dark\"] {\n /* Dark Mode - Modern & Sophisticated */\n --primary: #3B82F6; /* Blue 500 */\n --primary-light: #60A5FA; /* Blue 400 */\n --primary-dark: #2563EB; /* Blue 600 */\n --secondary: #EF4444; /* Red 500 */\n --secondary-light: #F87171; /* Red 400 */\n --secondary-dark: #DC2626; /* Red 600 */\n --accent: #FCD34D; /* Amber 300 */\n --accent-light: #FDE68A; /* Amber 200 */\n --accent-dark: #F59E0B; /* Amber 500 */\n \n /* Neutral colors */\n --background: #0F172A; /* Slate 900 */\n --surface: #1E293B; /* Slate 800 */\n --surface-hover: #334155; /* Slate 700 */\n --text-primary: #F8FAFC; /* Slate 50 */\n --text-secondary: #CBD5E1; /* Slate 300 */\n --text-muted: #94A3B8; /* Slate 400 */\n --border: #334155; /* Slate 700 */\n --border-light: #475569; /* Slate 600 */\n}\n\n/* Modern font imports */\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@300;400;500;600;700&display=swap');\n\n* {\n transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\nbody {\n font-family: 'Inter', sans-serif;\n background-color: var(--background);\n color: var(--text-primary);\n line-height: 1.6;\n font-weight: 400;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.font-display {\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 600;\n letter-spacing: -0.025em;\n}\n\n.font-heading {\n font-family: 'Space Grotesk', sans-serif;\n font-weight: 500;\n letter-spacing: -0.025em;\n}\n\n/* Theme toggle button */\n.theme-toggle {\n position: fixed;\n top: 24px;\n right: 24px;\n z-index: 1000;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 12px;\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n font-size: 1.25rem;\n color: var(--text-primary);\n box-shadow: \n 0 4px 6px -1px rgba(0, 0, 0, 0.1),\n 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n backdrop-filter: blur(8px);\n}\n\n.theme-toggle:hover {\n transform: scale(1.05);\n box-shadow: \n 0 10px 15px -3px rgba(0, 0, 0, 0.1),\n 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n border-color: var(--primary);\n}\n\n/* Modern gradients */\n.bg-gradient-hero {\n background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\n}\n\n.bg-gradient-accent {\n background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);\n}\n\n/* Modern buttons */\n.btn-primary {\n background: var(--primary);\n color: white;\n padding: 0.875rem 1.75rem;\n border-radius: 12px;\n font-family: 'Inter', sans-serif;\n font-weight: 600;\n font-size: 0.875rem;\n border: none;\n cursor: pointer;\n box-shadow: \n 0 4px 6px -1px rgba(0, 0, 0, 0.1),\n 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n}\n\n.btn-primary:hover {\n background: var(--primary-dark);\n transform: translateY(-1px);\n box-shadow: \n 0 10px 15px -3px rgba(0, 0, 0, 0.1),\n 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n}\n\n.btn-secondary {\n background: transparent;\n color: var(--text-primary);\n padding: 0.875rem 1.75rem;\n border: 1px solid var(--border);\n border-radius: 12px;\n font-family: 'Inter', sans-serif;\n font-weight: 600;\n font-size: 0.875rem;\n cursor: pointer;\n}\n\n.btn-secondary:hover {\n background: var(--surface);\n border-color: var(--primary);\n transform: translateY(-1px);\n}\n\n.btn-outline {\n background: transparent;\n color: white;\n padding: 0.875rem 1.75rem;\n border: 1px solid rgba(255, 255, 255, 0.3);\n border-radius: 12px;\n font-family: 'Inter', sans-serif;\n font-weight: 600;\n font-size: 0.875rem;\n cursor: pointer;\n backdrop-filter: blur(8px);\n}\n\n.btn-outline:hover {\n background: rgba(255, 255, 255, 0.1);\n border-color: rgba(255, 255, 255, 0.5);\n transform: translateY(-1px);\n}\n\n/* Modern card styles */\n.card {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 2rem;\n box-shadow: \n 0 1px 3px 0 rgba(0, 0, 0, 0.1),\n 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n}\n\n.card-hover:hover {\n transform: translateY(-4px);\n box-shadow: \n 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n border-color: var(--primary);\n}\n\n[data-theme=\"dark\"] .card {\n box-shadow: \n 0 4px 6px -1px rgba(0, 0, 0, 0.3),\n 0 2px 4px -1px rgba(0, 0, 0, 0.2);\n}\n\n[data-theme=\"dark\"] .card-hover:hover {\n box-shadow: \n 0 20px 25px -5px rgba(0, 0, 0, 0.4),\n 0 10px 10px -5px rgba(0, 0, 0, 0.2);\n}\n\n/* Text colors */\n.text-primary-custom {\n color: var(--primary);\n}\n\n.text-secondary-custom {\n color: var(--text-secondary);\n}\n\n.text-muted-custom {\n color: var(--text-muted);\n}\n\n.text-accent {\n color: var(--accent-dark);\n}\n\n/* Fix text color references */\n.text-text-primary {\n color: var(--text-primary);\n}\n\n.text-text-secondary {\n color: var(--text-secondary);\n}\n\n/* Surface backgrounds */\n.bg-surface {\n background-color: var(--surface);\n}\n\n.bg-surface-hover {\n background-color: var(--surface-hover);\n}\n\n/* Hero section */\n.hero-pattern {\n background-image: \n radial-gradient(circle at 25% 25%, rgba(37, 99, 235, 0.1) 0%, transparent 50%),\n radial-gradient(circle at 75% 75%, rgba(220, 38, 38, 0.1) 0%, transparent 50%);\n}\n\n[data-theme=\"dark\"] .hero-pattern {\n background-image: \n radial-gradient(circle at 25% 25%, rgba(59, 130, 246, 0.2) 0%, transparent 50%),\n radial-gradient(circle at 75% 75%, rgba(239, 68, 68, 0.2) 0%, transparent 50%);\n}\n\n/* Form styles */\n.form-input, .form-textarea {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 12px;\n padding: 0.875rem 1rem;\n color: var(--text-primary);\n font-family: 'Inter', sans-serif;\n font-size: 0.875rem;\n width: 100%;\n}\n\n.form-input:focus, .form-textarea:focus {\n outline: none;\n border-color: var(--primary);\n box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);\n}\n\n[data-theme=\"dark\"] .form-input:focus,\n[data-theme=\"dark\"] .form-textarea:focus {\n box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);\n}\n\n.form-textarea {\n min-height: 120px;\n resize: vertical;\n}\n\n.form-label {\n color: var(--text-primary);\n font-family: 'Inter', sans-serif;\n font-weight: 600;\n font-size: 0.875rem;\n margin-bottom: 0.5rem;\n display: block;\n}\n\n/* Animation classes */\n.fade-in {\n animation: fadeIn 0.6s ease-out;\n}\n\n.slide-up {\n animation: slideUp 0.6s ease-out;\n}\n\n.slide-in-left {\n animation: slideInLeft 0.6s ease-out;\n}\n\n.slide-in-right {\n animation: slideInRight 0.6s ease-out;\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes slideUp {\n from {\n opacity: 0;\n transform: translateY(24px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes slideInLeft {\n from {\n opacity: 0;\n transform: translateX(-24px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes slideInRight {\n from {\n opacity: 0;\n transform: translateX(24px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n/* Scrollbar styling */\n::-webkit-scrollbar {\n width: 8px;\n}\n\n::-webkit-scrollbar-track {\n background: var(--surface);\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--border);\n border-radius: 4px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--text-muted);\n}\n\n/* Utility classes */\n.border-custom {\n border-color: var(--border);\n}\n\n.shadow-custom {\n box-shadow: \n 0 4px 6px -1px rgba(0, 0, 0, 0.1),\n 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n}\n\n[data-theme=\"dark\"] .shadow-custom {\n box-shadow: \n 0 4px 6px -1px rgba(0, 0, 0, 0.3),\n 0 2px 4px -1px rgba(0, 0, 0, 0.2);\n}\n\n.shadow-lg-custom {\n box-shadow: \n 0 10px 15px -3px rgba(0, 0, 0, 0.1),\n 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n}\n\n[data-theme=\"dark\"] .shadow-lg-custom {\n box-shadow: \n 0 10px 15px -3px rgba(0, 0, 0, 0.4),\n 0 4px 6px -2px rgba(0, 0, 0, 0.2);\n}\n\n/* Modern spacing and typography */\n.text-balance {\n text-wrap: balance;\n}\n\n/* Responsive typography */\n@media (max-width: 768px) {\n .hero-title {\n font-size: 2.5rem;\n line-height: 1.1;\n }\n \n .hero-subtitle {\n font-size: 1.125rem;\n }\n \n .theme-toggle {\n width: 44px;\n height: 44px;\n font-size: 1.125rem;\n }\n}\n\n/* Focus styles for accessibility */\n.focus-visible:focus-visible {\n outline: 2px solid var(--primary);\n outline-offset: 2px;\n}\n\n/* Modern hover effects */\n.hover-lift:hover {\n transform: translateY(-2px);\n}\n\n.hover-scale:hover {\n transform: scale(1.02);\n}\n\n/* Glass morphism effect */\n.glass {\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n[data-theme=\"dark\"] .glass {\n background: rgba(0, 0, 0, 0.2);\n border: 1px solid rgba(255, 255, 255, 0.1);\n}",[],[183,306],[183],{"_103":315,"_95":316,"_155":317,"_157":-5,"_158":140,"_159":175,"_161":117,"_105":318,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":319,"_98":337},"2fb4bae2-41b4-11f0-a552-76b3cceeab13","shared","db979496-ff38-4b52-badc-2a394ccf45d4",["D",1749090259867],[320,329],{"_103":321,"_95":322,"_155":323,"_157":317,"_158":140,"_159":324,"_161":117,"_105":325,"_100":32,"_163":208,"_165":326,"_166":22,"_167":-5,"_168":327,"_98":328},"93a4f732-4246-11f0-ac80-76b3cceeab13","theme.ts","93a4f82c-4246-11f0-ac80-76b3cceeab13",25,["D",1749153134064],"// Theme management utilities\n\nexport type Theme = 'light' | 'dark';\n\nexport const getInitialTheme = (): Theme => {\n if (typeof window === 'undefined') return 'light';\n \n // Check localStorage first\n const savedTheme = localStorage.getItem('cinetwa-theme') as Theme;\n if (savedTheme && (savedTheme === 'light' || savedTheme === 'dark')) {\n return savedTheme;\n }\n \n // Check system preference\n if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {\n return 'dark';\n }\n \n return 'light';\n};\n\nexport const setTheme = (theme: Theme): void => {\n if (typeof window === 'undefined') return;\n \n document.documentElement.setAttribute('data-theme', theme);\n localStorage.setItem('cinetwa-theme', theme);\n};\n\nexport const toggleTheme = (currentTheme: Theme): Theme => {\n const newTheme = currentTheme === 'light' ? 'dark' : 'light';\n setTheme(newTheme);\n return newTheme;\n};",[],[316,322],{"_103":330,"_95":331,"_155":332,"_157":317,"_158":140,"_159":175,"_161":117,"_105":333,"_100":32,"_163":208,"_165":334,"_166":22,"_167":-5,"_168":335,"_98":336},"2fb4b4a2-41b4-11f0-a552-76b3cceeab13","types.ts","2fb4b556-41b4-11f0-a552-76b3cceeab13",["D",1749090259867],"// Shared types for Cinetwa website\n\nexport interface Event {\n id: string;\n title: string;\n date: string;\n time: string;\n location: string;\n description: string;\n type: 'screening' | 'workshop' | 'festival' | 'discussion';\n image?: string;\n}\n\nexport interface FilmClubActivity {\n title: string;\n description: string;\n icon: string;\n}\n\nexport interface CoreValue {\n title: string;\n description: string;\n icon: string;\n}\n\nexport interface ContactForm {\n name: string;\n email: string;\n organization?: string;\n message: string;\n interest: 'hosting' | 'joining' | 'volunteering' | 'partnering' | 'other';\n}",[],[316,331],[316],{"_103":339,"_95":340,"_155":341,"_157":-5,"_158":140,"_159":342,"_161":117,"_105":343,"_100":272,"_163":291,"_165":344,"_166":22,"_167":-5,"_168":345,"_98":346},"a25a121e-4249-11f0-940e-76b3cceeab13","README.md","2c911234-41b4-11f0-bc93-76b3cceeab13",45,["D",1749154447222],"# Cinetwa - Modern Film Culture Organization\n\nA clean, modern website for Cinetwa, an organization promoting film and film culture across Africa through school-based film clubs. Built with contemporary UI design principles and excellent user experience.\n\n## Project Structure\n\n```\n├── backend/\n│ └── index.ts # Main Hono server\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main React app with theme management\n│ │ ├── Header.tsx # Modern navigation component\n│ │ ├── Footer.tsx # Clean footer component\n│ │ └── pages/ # Page components\n│ │ ├── Home.tsx # Modern hero and content sections\n│ │ ├── About.tsx\n│ │ ├── FilmClubs.tsx\n│ │ ├── Events.tsx\n│ │ ├── GetInvolved.tsx\n│ │ └── Contact.tsx\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend entry point\n│ └── style.css # Modern CSS with clean design system\n└── shared/\n ├── types.ts # Shared TypeScript types\n └── theme.ts # Theme management utilities\n\n```\n\n## Features\n\n- **🏠 Home Page**: Clean hero section with modern layout and clear call-to-actions\n- **📖 About Us**: Organization mission with contemporary card design\n- **🎬 Film Clubs**: Information about school-based film clubs\n- **🎪 Events**: Upcoming and past events showcase\n- **⭐ Get Involved**: Volunteer and partnership opportunities\n- **📞 Contact**: Contact information and forms\n- **🌙 Dark Mode**: Seamless light/dark theme switching\n- **📱 Responsive Design**: Mobile-first approach with excellent UX\n\n## Design System\n\n### Modern Color Palette\n\n**Light Mode:**\n- **Primary**: Blue (#2563EB) - Professional and trustworthy\n- **Secondary**: Red (#DC2626) - Energy and passion\n- **Accent**: Amber (#F59E0B) - Warmth and creativity\n- **Background**: White (#FFFFFF) - Clean and minimal\n- **Surface**: Slate 50 (#F8FAFC) - Subtle contrast\n\n**Dark Mode:**\n- **Primary**: Blue 500 (#3B82F6) - Bright and accessible\n- **Secondary**: Red 500 (#EF4444) - Vibrant energy\n- **Accent**: Amber 300 (#FCD34D) - Warm highlights\n- **Background**: Slate 900 (#0F172A) - Deep and comfortable\n- **Surface**: Slate 800 (#1E293B) - Elevated elements\n\n### Typography\n\n- **Primary Font**: Inter - Modern, readable sans-serif\n- **Display Font**: Space Grotesk - Contemporary geometric sans-serif\n- **Font Weights**: 300-800 for perfect hierarchy\n- **Letter Spacing**: Optimized for readability\n\n## Modern UI Features\n\n### Clean Design Elements\n- **Subtle Shadows**: Layered shadow system for depth\n- **Rounded Corners**: 12px radius for modern feel\n- **Backdrop Blur**: Glass morphism effects\n- **Smooth Transitions**: 200ms cubic-bezier animations\n- **Hover Effects**: Subtle lift and scale interactions\n\n### Interactive Components\n- **Modern Buttons**: Clean styling with hover states\n- **Card Hover Effects**: Gentle lift and shadow changes\n- **Navigation**: Pill-style active states\n- **Form Elements**: Clean inputs with focus states\n- **Theme Toggle**: Floating button with smooth transitions\n\n### Layout & Spacing\n- **Generous Whitespace**: Breathing room for content\n- **Grid Systems**: Responsive layouts\n- **Typography Scale**: Consistent text sizing\n- **Component Spacing**: Logical padding and margins\n\n## Tech Stack\n\n- **Frontend**: React 18.2.0 with TypeScript\n- **Backend**: Hono framework\n- **Styling**: TailwindCSS + Custom CSS variables\n- **Fonts**: Google Fonts (Inter, Space Grotesk)\n- **Theme System**: CSS custom properties with localStorage\n- **Platform**: Val Town\n\n## Key Features\n\n- **🎨 Modern Design**: Clean, contemporary UI inspired by leading design systems\n- **🌙 Dark Mode**: Seamless theme switching with system preference detection\n- **📱 Responsive**: Mobile-first design that works on all devices\n- **♿ Accessible**: WCAG compliant with proper focus states\n- **⚡ Performance**: Optimized animations and minimal dependencies\n- **🎯 User Experience**: Intuitive navigation and clear information hierarchy\n- **💾 Persistence**: Theme preferences saved across sessions\n\n## Design Principles\n\n### Simplicity\nClean layouts with plenty of whitespace and clear visual hierarchy.\n\n### Consistency\nUnified design system with consistent spacing, colors, and typography.\n\n### Accessibility\nHigh contrast ratios, keyboard navigation, and screen reader support.\n\n### Performance\nOptimized animations and efficient CSS for smooth interactions.\n\n### Responsiveness\nMobile-first approach ensuring great experience on all devices.\n\n## Animation System\n\n- **Fade In**: Smooth opacity transitions (0.6s ease-out)\n- **Slide Up**: Content rising from below (0.6s ease-out)\n- **Slide Left/Right**: Directional reveals (0.6s ease-out)\n- **Hover Lift**: Subtle Y-axis movement (-2px)\n- **Hover Scale**: Gentle scaling (1.02x)\n- **Focus States**: Clear outline indicators\n\n## Getting Started\n\nThe website is fully functional with modern UI/UX. The main entry point is `/backend/index.ts` which serves the React application.\n\n**Toggle between light and dark themes** using the floating button in the top-right corner to experience both modes!\n\n## Contact Information\n\n- **📧 Email**: hello@reallygreatsite.com\n- **📱 Phone**: 123-456-7890\n- **🌐 Social**: @reallygreatsite\n\n---\n\n*Built with modern web standards and contemporary design principles for an exceptional user experience.* ✨",[],[340],"files",[152,170,181,188,195,202,212,221,230,239,248,258,267,276,286,295,304,314,320,329,338],"counts",{"_351":32,"_352":353,"_354":32,"_355":356},"pulls","branches",1,"forks","envVars",{"_357":32,"_358":32},"count","emptyCount","contents",[],{"_103":249,"_95":250,"_155":251,"_157":198,"_158":140,"_159":252,"_161":117,"_105":362,"_100":206,"_163":208,"_165":254,"_166":22,"_167":-5,"_98":363},["D",1749154572044],[183,190,197,250],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_93":94,"_95":96,"_97":43,"_98":99,"_101":372,"_291":377,"_380":381,"_429":430,"_442":-7,"_443":32,"_444":22},{"_103":104,"_95":96,"_105":373,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":115,"_116":117,"_118":117,"_119":-5,"_120":32,"_16":121,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":374,"_134":375,"_137":376,"_149":22},["D",1749085334286],{"_93":94,"_132":133},{"_93":94,"_136":133,"_14":113},{"_100":139,"_95":43,"_103":140,"_141":104,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":96,"_148":94},{"_103":249,"_95":250,"_155":251,"_157":198,"_158":140,"_159":252,"_161":117,"_105":378,"_100":206,"_163":208,"_165":254,"_166":22,"_167":-5,"_98":379},["D",1749154572044],[183,190,197,250],"history",[382,384,389,395,400,405,410,415,420,425],{"_103":249,"_158":140,"_155":251,"_95":250,"_165":254,"_163":208,"_100":206,"_157":198,"_105":383,"_159":252,"_167":-5},["D",1749154572044],{"_103":385,"_158":140,"_155":251,"_95":250,"_165":386,"_163":208,"_100":199,"_157":198,"_105":387,"_159":388,"_167":-5},"dd480566-4249-11f0-a800-76b3cceeab13","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface HomeProps {\n onNavigate: (page: string) => void;\n}\n\nconst Home: React.FC = ({ onNavigate }) => {\n return (\n

\n {/* Modern Hero Section */}\n

\n \n 🎬 Film Culture Organization\n \n

\n \n

\n Igniting Africa's Love for Film\n

\n \n

\n We promote film culture across Africa by creating vibrant communities \n through school-based film clubs where stories come alive and creativity flourishes.\n

\n \n

\n \n \n

\n \n {/* Floating elements */}\n

🎭

🎪

\n\n {/* Stats Section */}\n

50+

Schools

1,000+

Students

200+

Events

\n\n {/* Mission Section */}\n

\n Our Mission\n

\n We believe in the transformative power of cinema to educate, inspire, and unite communities. \n Through our film clubs, we're building a new generation of African storytellers.\n

\n\n

🎭

Creative Expression

\n Empowering students to explore their creativity through film appreciation, \n discussion, and collaborative projects.\n

\n\n

🤝

Community Building

\n Creating vibrant communities where film lovers can connect, share ideas, \n and celebrate African cinema together.\n

\n\n

🌍

Cultural Celebration

\n Promoting African stories, voices, and perspectives through diverse \n film screenings and cultural discussions.\n

\n\n {/* What We Do Section */}\n

\n What We Do\n

\n Our school-based film clubs are the heart of Cinetwa. We bring together students, \n educators, and film enthusiasts to explore the world of cinema.\n

\n \n

\n 🎬\n

Film Screenings

Regular screenings of diverse films from across Africa and beyond.

\n \n

\n 💬\n

Discussion Panels

Thoughtful conversations about themes, techniques, and cultural significance.

\n \n

\n 🎨\n

Creative Projects

Hands-on activities including short film creation and storytelling workshops.

\n \n \n

\n\n

🎪

\n Join Our Community\n

\n Be part of a growing network of film enthusiasts across Africa. \n Whether you're a student, educator, or cinema lover, there's a place for you.\n

\n \n

\n\n {/* CTA Section */}\n

\n Ready to Start Your Film Club?\n

\n Bring the magic of cinema to your school or community. We'll provide \n the resources, support, and guidance you need.\n

\n \n \n

\n );\n};\n\nexport default Home;",["D",1749154546065],47,{"_103":390,"_158":140,"_155":251,"_95":250,"_165":391,"_163":208,"_100":392,"_157":198,"_105":393,"_159":394,"_167":-5},"d8e5280a-4249-11f0-98f7-76b3cceeab13","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface HomeProps {\n onNavigate: (page: string) => void;\n}\n\nconst Home: React.FC = ({ onNavigate }) => {\n return (\n

\n {/* Modern Hero Section */}\n

\n \n 🎬 Film Culture Organization\n \n

\n \n

\n Igniting Africa's Love for Film\n

\n \n

\n We promote film culture across Africa by creating vibrant communities \n through school-based film clubs where stories come alive and creativity flourishes.\n

\n \n

\n \n \n

\n \n {/* Floating elements */}\n

🎭

🎪

\n\n {/* Stats Section */}\n

50+

Schools

1,000+

Students

200+

Events

\n\n {/* Mission Section */}\n

\n Our Mission\n

\n We believe in the transformative power of cinema to educate, inspire, and unite communities. \n Through our film clubs, we're building a new generation of African storytellers.\n

\n\n

🎭

Creative Expression

\n Empowering students to explore their creativity through film appreciation, \n discussion, and collaborative projects.\n

\n\n

🤝

Community Building

\n Creating vibrant communities where film lovers can connect, share ideas, \n and celebrate African cinema together.\n

\n\n

🌍

Cultural Celebration

\n Promoting African stories, voices, and perspectives through diverse \n film screenings and cultural discussions.\n

\n\n {/* What We Do Section */}\n

\n What We Do\n

\n Our school-based film clubs are the heart of Cinetwa. We bring together students, \n educators, and film enthusiasts to explore the world of cinema.\n

\n \n

\n 🎬\n

Film Screenings

Regular screenings of diverse films from across Africa and beyond.

\n \n

\n 💬\n

Discussion Panels

Thoughtful conversations about themes, techniques, and cultural significance.

\n \n

\n 🎨\n

Creative Projects

Hands-on activities including short film creation and storytelling workshops.

\n \n \n

\n\n

🎪

\n Join Our Community\n

\n Be part of a growing network of film enthusiasts across Africa. \n Whether you're a student, educator, or cinema lover, there's a place for you.\n

\n \n

\n\n {/* CTA Section */}\n

\n Ready to Start Your Film Club?\n

\n Bring the magic of cinema to your school or community. We'll provide \n the resources, support, and guidance you need.\n

\n \n \n

\n );\n};\n\nexport default Home;",7,["D",1749154538722],46,{"_103":396,"_158":140,"_155":251,"_95":250,"_165":397,"_163":208,"_100":192,"_157":198,"_105":398,"_159":399,"_167":-5},"5f1fa388-4249-11f0-ac9a-76b3cceeab13","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface HomeProps {\n onNavigate: (page: string) => void;\n}\n\nconst Home: React.FC = ({ onNavigate }) => {\n return (\n

\n {/* Modern Hero Section */}\n

\n \n 🎬 Film Culture Organization\n \n

\n \n

\n Igniting Africa's Love for Film\n

\n \n

\n We promote film culture across Africa by creating vibrant communities \n through school-based film clubs where stories come alive and creativity flourishes.\n

\n \n

\n \n \n

\n \n {/* Floating elements */}\n

🎭

🎪

\n\n {/* Stats Section */}\n

50+

Schools

1,000+

Students

200+

Events

\n\n {/* Mission Section */}\n

\n Our Mission\n

\n We believe in the transformative power of cinema to educate, inspire, and unite communities. \n Through our film clubs, we're building a new generation of African storytellers.\n

\n\n

🎭

Creative Expression

\n Empowering students to explore their creativity through film appreciation, \n discussion, and collaborative projects.\n

\n\n

🤝

Community Building

\n Creating vibrant communities where film lovers can connect, share ideas, \n and celebrate African cinema together.\n

\n\n

🌍

Cultural Celebration

\n Promoting African stories, voices, and perspectives through diverse \n film screenings and cultural discussions.\n

\n\n {/* What We Do Section */}\n

\n What We Do\n

\n Our school-based film clubs are the heart of Cinetwa. We bring together students, \n educators, and film enthusiasts to explore the world of cinema.\n

\n \n

\n 🎬\n

Film Screenings

Regular screenings of diverse films from across Africa and beyond.

\n \n

\n 💬\n

Discussion Panels

Thoughtful conversations about themes, techniques, and cultural significance.

\n \n

\n 🎨\n

Creative Projects

Hands-on activities including short film creation and storytelling workshops.

\n \n \n

\n\n

🎪

\n Join Our Community\n

\n Be part of a growing network of film enthusiasts across Africa. \n Whether you're a student, educator, or cinema lover, there's a place for you.\n

\n \n

\n\n {/* CTA Section */}\n

\n Ready to Start Your Film Club?\n

\n Bring the magic of cinema to your school or community. We'll provide \n the resources, support, and guidance you need.\n

\n \n \n

\n );\n};\n\nexport default Home;",["D",1749154334356],42,{"_103":401,"_158":140,"_155":251,"_95":250,"_165":402,"_163":208,"_100":299,"_157":198,"_105":403,"_159":404,"_167":-5},"6d602144-4248-11f0-85ef-76b3cceeab13","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface HomeProps {\n onNavigate: (page: string) => void;\n}\n\nconst Home: React.FC = ({ onNavigate }) => {\n return (\n

\n {/* Cinematic Hero Section */}\n

\n 🎬\n

\n Welcome to the World of\n

\n \n

\n CINETWA\n

\n \n

\n Igniting Africa's Love for Film\n

\n \n

\n Step into the magical world of cinema. We promote film culture across Africa \n by creating vibrant communities through school-based film clubs where stories come alive.\n

\n \n

\n \n \n

\n \n {/* Floating film elements */}\n

🎪

🎨

🎭

🎪

\n\n {/* Mission Section with Cinematic Cards */}\n

\n 🎬\n

\n Our Cinematic Mission\n

\n We believe in the transformative power of cinema to educate, inspire, and unite communities. \n Through our film clubs, we're building a new generation of African storytellers and film enthusiasts.\n

\n\n

🎭

Creative Expression

\n Empowering students to explore their creativity through film appreciation, \n discussion, and collaborative storytelling projects that bring imagination to life.\n

\n\n

🤝

Community Building

\n Creating vibrant communities where film lovers can connect, share ideas, \n and celebrate African cinema together in an atmosphere of creativity and learning.\n

\n\n

🌍

Cultural Celebration

\n Promoting African stories, voices, and perspectives through diverse \n film screenings and cultural discussions that honor our rich heritage.\n

\n\n {/* What We Do Section */}\n

\n 🎪\n

\n What We Do\n

\n Our school-based film clubs are the heart of Cinetwa. We bring together students, \n educators, and film enthusiasts to explore the world of cinema through engaging \n activities and meaningful discussions.\n

\n \n

🎬

Film Screenings

Regular screenings of diverse films from across Africa and beyond, creating magical movie experiences.

\n \n

💬

Discussion Panels

Thoughtful conversations about themes, techniques, and cultural significance that deepen understanding.

\n \n

🎨

Creative Projects

Hands-on activities including short film creation and storytelling workshops that inspire creativity.

\n \n \n

\n\n

🎪

\n Join Our Community\n

\n Be part of a growing network of film enthusiasts across Africa. \n Whether you're a student, educator, or simply love cinema, \n there's a place for you in our cinematic family.\n

50+

Schools

1000+

Students

200+

Events

\n\n {/* Call to Action Section */}\n

\n 🌟\n

\n Ready to Start Your Film Club?\n

\n Bring the magic of cinema to your school or community. We'll provide \n the resources, support, and guidance you need to create an amazing film club experience \n that will inspire and transform lives.\n

\n \n \n

\n \n {/* Floating elements */}\n

⭐

🎭

🎪

⭐

\n );\n};\n\nexport default Home;",["D",1749153928847],37,{"_103":406,"_158":140,"_155":251,"_95":250,"_165":407,"_163":208,"_100":272,"_157":198,"_105":408,"_159":409,"_167":-5},"d7389710-4246-11f0-96c9-76b3cceeab13","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface HomeProps {\n onNavigate: (page: string) => void;\n}\n\nconst Home: React.FC = ({ onNavigate }) => {\n return (\n

\n {/* Hero Section */}\n

\n Igniting Africa's Love for Film\n

\n Cinetwa is about the love of film. We promote film culture across Africa \n by creating vibrant communities, especially through school-based film clubs.\n

\n \n \n

\n\n {/* Mission Section */}\n

\n Our Mission\n

\n\n

🎭

Creative Expression

\n Empowering students to explore their creativity through film appreciation, \n discussion, and collaborative projects.\n

\n\n

🤝

Community Building

\n Creating vibrant communities where film lovers can connect, share ideas, \n and celebrate African cinema together.\n

\n\n

🌍

Cultural Celebration

\n Promoting African stories, voices, and perspectives through diverse \n film screenings and cultural discussions.\n

\n\n {/* What We Do Section */}\n

\n What We Do\n

\n \n

🎬

Film Screenings

Regular screenings of diverse films from across Africa and beyond.

\n \n

💬

Discussion Panels

Thoughtful conversations about themes, techniques, and cultural significance.

\n \n

🎨

Creative Projects

Hands-on activities including short film creation and storytelling workshops.

\n \n \n

\n\n

🎪

\n Join Our Community\n

\n Be part of a growing network of film enthusiasts across Africa. \n Whether you're a student, educator, or simply love cinema, \n there's a place for you in our community.\n

50+

Schools

1000+

Students

200+

Events

\n\n {/* CTA Section */}\n

\n Ready to Start Your Film Club?\n

\n Bring the magic of cinema to your school or community. We'll provide \n the resources, support, and guidance you need to create an amazing film club experience.\n

\n \n \n

\n );\n};\n\nexport default Home;",["D",1749153247428],33,{"_103":411,"_158":140,"_155":251,"_95":250,"_165":412,"_163":208,"_100":185,"_157":198,"_105":413,"_159":414,"_167":-5},"d0a123d6-4246-11f0-bbfd-76b3cceeab13","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface HomeProps {\n onNavigate: (page: string) => void;\n}\n\nconst Home: React.FC = ({ onNavigate }) => {\n return (\n

\n {/* Hero Section */}\n

\n Igniting Africa's Love for Film\n

\n Cinetwa is about the love of film. We promote film culture across Africa \n by creating vibrant communities, especially through school-based film clubs.\n

\n \n \n

\n\n {/* Mission Section */}\n

\n Our Mission\n

\n\n

🎭

Creative Expression

\n Empowering students to explore their creativity through film appreciation, \n discussion, and collaborative projects.\n

\n\n

🤝

Community Building

\n Creating vibrant communities where film lovers can connect, share ideas, \n and celebrate African cinema together.\n

\n\n

🌍

Cultural Celebration

\n Promoting African stories, voices, and perspectives through diverse \n film screenings and cultural discussions.\n

\n\n {/* What We Do Section */}\n

\n What We Do\n

\n \n

🎬

Film Screenings

Regular screenings of diverse films from across Africa and beyond.

\n \n

💬

Discussion Panels

Thoughtful conversations about themes, techniques, and cultural significance.

\n \n

🎨

Creative Projects

Hands-on activities including short film creation and storytelling workshops.

\n \n \n

\n\n

🎪

\n Join Our Community\n

\n Be part of a growing network of film enthusiasts across Africa. \n Whether you're a student, educator, or simply love cinema, \n there's a place for you in our community.\n

50+

Schools

1000+

Students

200+

Events

\n\n {/* CTA Section */}\n

\n Ready to Start Your Film Club?\n

\n Bring the magic of cinema to your school or community. We'll provide \n the resources, support, and guidance you need to create an amazing film club experience.\n

\n \n \n

\n );\n};\n\nexport default Home;",["D",1749153236376],32,{"_103":416,"_158":140,"_155":251,"_95":250,"_165":417,"_163":208,"_100":175,"_157":198,"_105":418,"_159":419,"_167":-5},"bf647e1a-4246-11f0-8424-76b3cceeab13","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface HomeProps {\n onNavigate: (page: string) => void;\n}\n\nconst Home: React.FC = ({ onNavigate }) => {\n return (\n

\n {/* Hero Section */}\n

\n Igniting Africa's Love for Film\n

\n Cinetwa is about the love of film. We promote film culture across Africa \n by creating vibrant communities, especially through school-based film clubs.\n

\n \n \n

\n\n {/* Mission Section */}\n

\n Our Mission\n

\n\n

🎭

Creative Expression

\n Empowering students to explore their creativity through film appreciation, \n discussion, and collaborative projects.\n

\n\n

🤝

Community Building

\n Creating vibrant communities where film lovers can connect, share ideas, \n and celebrate African cinema together.\n

\n\n

🌍

Cultural Celebration

\n Promoting African stories, voices, and perspectives through diverse \n film screenings and cultural discussions.\n

\n\n {/* What We Do Section */}\n

\n What We Do\n

\n \n

🎬

Film Screenings

Regular screenings of diverse films from across Africa and beyond.

\n \n

💬

Discussion Panels

Thoughtful conversations about themes, techniques, and cultural significance.

\n \n

🎨

Creative Projects

Hands-on activities including short film creation and storytelling workshops.

\n \n \n

\n\n

🎪

\n Join Our Community\n

\n Be part of a growing network of film enthusiasts across Africa. \n Whether you're a student, educator, or simply love cinema, \n there's a place for you in our community.\n

50+

Schools

1000+

Students

200+

Events

\n\n {/* CTA Section */}\n

\n Ready to Start Your Film Club?\n

\n Bring the magic of cinema to your school or community. We'll provide \n the resources, support, and guidance you need to create an amazing film club experience.\n

\n \n \n

\n );\n};\n\nexport default Home;",["D",1749153207457],31,{"_103":421,"_158":140,"_155":251,"_95":250,"_165":422,"_163":208,"_100":353,"_157":198,"_105":423,"_159":424,"_167":-5},"b6a3f27e-4246-11f0-a461-76b3cceeab13","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface HomeProps {\n onNavigate: (page: string) => void;\n}\n\nconst Home: React.FC = ({ onNavigate }) => {\n return (\n

\n {/* Hero Section */}\n

\n Igniting Africa's Love for Film\n

\n Cinetwa is about the love of film. We promote film culture across Africa \n by creating vibrant communities, especially through school-based film clubs.\n

\n \n \n

\n\n {/* Mission Section */}\n

\n Our Mission\n

\n\n

🎭

Creative Expression

\n Empowering students to explore their creativity through film appreciation, \n discussion, and collaborative projects.\n

\n\n

🤝

Community Building

\n Creating vibrant communities where film lovers can connect, share ideas, \n and celebrate African cinema together.\n

\n\n

🌍

Cultural Celebration

\n Promoting African stories, voices, and perspectives through diverse \n film screenings and cultural discussions.\n

\n\n {/* What We Do Section */}\n

\n What We Do\n

\n \n

🎬

Film Screenings

Regular screenings of diverse films from across Africa and beyond.

\n \n

💬

Discussion Panels

Thoughtful conversations about themes, techniques, and cultural significance.

\n \n

🎨

Creative Projects

Hands-on activities including short film creation and storytelling workshops.

\n \n \n

\n\n

🎪

\n Join Our Community\n

\n Be part of a growing network of film enthusiasts across Africa. \n Whether you're a student, educator, or simply love cinema, \n there's a place for you in our community.\n

50+

Schools

1000+

Students

200+

Events

\n\n {/* CTA Section */}\n

\n Ready to Start Your Film Club?\n

\n Bring the magic of cinema to your school or community. We'll provide \n the resources, support, and guidance you need to create an amazing film club experience.\n

\n \n \n

\n );\n};\n\nexport default Home;",["D",1749153192771],30,{"_103":426,"_158":140,"_155":251,"_95":250,"_165":427,"_163":208,"_100":32,"_157":198,"_105":428,"_159":199,"_167":-5},"7dbb7528-41b4-11f0-a506-76b3cceeab13","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface HomeProps {\n onNavigate: (page: string) => void;\n}\n\nconst Home: React.FC = ({ onNavigate }) => {\n return (\n

\n {/* Hero Section */}\n

\n Igniting Africa's Love for Film\n

\n Cinetwa is about the love of film. We promote film culture across Africa \n by creating vibrant communities, especially through school-based film clubs.\n

\n \n \n

\n\n {/* Mission Section */}\n

\n Our Mission\n

\n\n

🎭

Creative Expression

\n Empowering students to explore their creativity through film appreciation, \n discussion, and collaborative projects.\n

\n\n

🤝

Community Building

\n Creating vibrant communities where film lovers can connect, share ideas, \n and celebrate African cinema together.\n

\n\n

🌍

Cultural Celebration

\n Promoting African stories, voices, and perspectives through diverse \n film screenings and cultural discussions.\n

\n\n {/* What We Do Section */}\n

\n What We Do\n

\n \n

🎬

Film Screenings

Regular screenings of diverse films from across Africa and beyond.

\n \n

💬

Discussion Panels

Thoughtful conversations about themes, techniques, and cultural significance.

\n \n

🎨

Creative Projects

Hands-on activities including short film creation and storytelling workshops.

\n \n \n

\n\n

🎪

\n Join Our Community\n

\n Be part of a growing network of film enthusiasts across Africa. \n Whether you're a student, educator, or simply love cinema, \n there's a place for you in our community.\n

50+

Schools

1000+

Students

200+

Events

\n\n {/* CTA Section */}\n

\n Ready to Start Your Film Club?\n

\n Bring the magic of cinema to your school or community. We'll provide \n the resources, support, and guidance you need to create an amazing film club experience.\n

\n \n \n

\n );\n};\n\nexport default Home;",["D",1749090390771],"versions",[431,433,434,435,436,437,438,439,440,441],{"_291":382,"_432":384},"previous",{"_291":384,"_432":389},{"_291":389,"_432":395},{"_291":395,"_432":400},{"_291":400,"_432":405},{"_291":405,"_432":410},{"_291":410,"_432":415},{"_291":415,"_432":420},{"_291":420,"_432":425},{"_291":425,"_432":-5},"versionNumber","page","hasNext","actionData","errors"]

eddie_walk

Cinetwa

History for Home.tsx