[V0_FILE]plaintext:file="public/images/logo.png" url="https://sjc.microlink.io/IMLBM2bgybr3alUL_lC_hafiqN21aInI2KE6NzjhBYhJDA898kxmc7ZwYtsk4p904eNAUbNSO7bbjB7UXnV-4w.jpeg" isMerged="true" [V0_FILE]plaintext:file="public/images/hero-image.jpg" url="https://sjc.microlink.io/IMLBM2bgybr3alUL_lC_hafiqN21aInI2KE6NzjhBYhJDA898kxmc7ZwYtsk4p904eNAUbNSO7bbjB7UXnV-4w.jpeg" isMerged="true" [V0_FILE]typescriptreact:file="components/site-footer.tsx" isEdit="true" isMerged="true" import Link from "next/link" import { Facebook, Twitter, Instagram, Youtube, Mail } from "lucide-react" export default function SiteFooter() { return ( ) } [V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Inter } from "next/font/google" import "./globals.css" import SiteHeader from "@/components/site-header" import SiteFooter from "@/components/site-footer" import { ThemeProvider } from "@/components/theme-provider" const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "Kids Code Future - Empowering the Next Generation", description: "Kids Code Future is dedicated to providing children with the tools and knowledge they need to thrive in a digital world.", } export default function RootLayout({ children, }: { children: React.ReactNode }) { return (

{children}

) } [V0_FILE]typescriptreact:file="app/team/page.tsx" isEdit="true" isMerged="true" import Image from "next/image" export default function TeamPage() { return (

{/* Hero Section */}

Our Team

Meet the passionate individuals behind Kids Code Future who are dedicated to empowering the next generation.

{/* Leadership Team */}

Leadership Team

Our leadership team brings together expertise in education, technology, and community development

{/* Team Member 1 */}

Jane Doe

Founder & Executive Director

Jane has over 15 years of experience in technology education and is passionate about making coding accessible to all children.

{/* Team Member 2 */}

John Smith

Director of Education

John brings his experience as a former computer science teacher to develop our curriculum and training programs.

{/* Team Member 3 */}

Sarah Johnson

Community Outreach Director

Sarah works with schools and community organizations to bring our programs to children across different communities.

{/* Volunteer Team */}

Our Volunteer Instructors

Our dedicated volunteers make our mission possible

{/* Volunteer 1-8 (placeholders) */} {Array.from({ length: 8 }).map((_, index) => (

Volunteer Name

Coding Instructor

))}

{/* Join Our Team */}

Join Our Team

We're always looking for passionate individuals to join our team of volunteers and help us inspire the next generation of innovators.

) } [V0_FILE]typescriptreact:file="app/presentations/page.tsx" isEdit="true" isMerged="true" import Link from "next/link" import { Button } from "@/components/ui/button" export default function PresentationsPage() { return (

{/* Hero Section */}

Presentations

Resources and presentations from our workshops and events.

{/* Coming Soon */}

Coming Soon

We're currently working on organizing our presentations and resources. Check back soon for updates!

) } [V0_FILE]typescriptreact:file="app/more/page.tsx" isEdit="true" isMerged="true" import Link from "next/link" import { Button } from "@/components/ui/button" export default function MorePage() { return (

{/* Hero Section */}

More Resources

Additional information and resources about Kids Code Future.

{/* Resources Grid */}

FAQ

Find answers to frequently asked questions about our programs, events, and organization.

Resources for Parents

Helpful resources for parents to support their children's coding journey at home.

Partner With Us

Information for schools, organizations, and businesses interested in partnering with Kids Code Future.

Contact Us

Have questions or need more information? Get in touch with our team.

{/* FAQ Section */}

Frequently Asked Questions

Find answers to common questions about our programs and organization

What age groups do your programs serve?

Our programs are designed for children ages 7-17, with different curriculum levels tailored to specific age groups and experience levels.

Do children need prior coding experience?

No prior experience is necessary! Our programs are designed to accommodate beginners as well as children with some coding experience.

How can my school partner with Kids Code Future?

We offer various partnership opportunities for schools, including after-school programs, workshops, and teacher training. Please contact us through our partnership form to discuss options.

Are scholarships available?

Yes, we offer scholarships for children from underserved communities. Please contact us for more information about our scholarship program.

{/* Parent Resources */}

Resources for Parents

Support your child's coding journey with these helpful resources

Free Coding Resources

Explore these free online resources to help your child continue learning at home:

Scratch (scratch.mit.edu) - Block-based visual programming
Code.org - Interactive coding lessons for all ages
Khan Academy - Free coding courses and tutorials
Codecademy - Interactive coding lessons (some free content)

Supporting Your Child's Coding Journey

Tips for parents to support their children's interest in coding:

Encourage experimentation and creative problem-solving
Celebrate both successes and failures as learning opportunities
Find coding communities or clubs in your area
Look for age-appropriate coding books at your local library
Set aside regular time for coding practice

{/* Contact Form */}

Contact Us

Have questions or need more information? Fill out the form below to get in touch with our team.

) } [V0_FILE]typescriptreact:file="tailwind.config.ts" isMerged="true" import type { Config } from "tailwindcss" const config = { darkMode: ["class"], content: [ "./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}", "*.{js,ts,jsx,tsx,mdx}", ], theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, purple: { 700: "#6D28D9", 800: "#5B21B6", 600: "#7C3AED", 400: "#A78BFA", }, blue: { 700: "#1D4ED8", 600: "#2563EB", 400: "#60A5FA", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, keyframes: { "accordion-down": { from: { height: 0 }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: 0 }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", }, }, }, plugins: [require("tailwindcss-animate")], } satisfies Config export default config [V0_FILE]typescriptreact:file="components/site-header.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import Link from "next/link" import { useState } from "react" import { Menu, X } from "lucide-react" import { Button } from "@/components/ui/button" export default function SiteHeader() { const [isMenuOpen, setIsMenuOpen] = useState(false) return (

Kids Code Future {/* Desktop navigation */}

{/* Mobile menu button */}

{/* Mobile navigation */} {isMenuOpen && (

setIsMenuOpen(false)}> Home setIsMenuOpen(false)} > About setIsMenuOpen(false)} > Help and Donate setIsMenuOpen(false)} > Team setIsMenuOpen(false)} > Presentations (N/A) setIsMenuOpen(false)} > More

)}

) } [V0_FILE]typescriptreact:file="app/help-and-donate/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import Link from "next/link" import { Button } from "@/components/ui/button" import { Heart, Users, Gift, Calendar } from "lucide-react" export default function HelpAndDonatePage() { return (

{/* Hero Section */}

Help and Donate

Your support helps us provide quality technology education to children across communities.

{/* Ways to Help */}

Ways to Support Our Mission

There are many ways you can contribute to our mission of empowering children through technology education

Make a Donation

Your financial contribution helps us provide resources, equipment, and learning materials to children who might not otherwise have access to technology education.

Volunteer

Share your skills and knowledge by volunteering as a mentor, instructor, or event organizer. No technical background is required for many volunteer positions.

Corporate Sponsorship

Partner with us as a corporate sponsor to help fund our programs while demonstrating your company's commitment to technology education and community development.

Host an Event

Provide a venue for our workshops, hackathons, or coding camps. Schools, community centers, and businesses can all serve as hosts for our educational events.

{/* Donation Link */}

Make a Donation

Your contribution helps us provide technology education to children who need it most. Click below to visit our GoFundMe campaign.

{/* Volunteer Form */}

Volunteer With Us

Share your skills and passion to help inspire the next generation of innovators.

{/* Contact Form */}

Contact Us

Interested in sponsorship or hosting an event? Get in touch with our team.

{/* Impact */}

Your Impact

See how your contribution makes a difference in children's lives

$25

Provides learning materials for one student

$100

Sponsors a child for a one-day workshop

$500

Funds equipment for a classroom of students

) } [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "@hookform/resolvers": "^3.9.1", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "geist": "^1.3.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "14.2.25", "next-themes": "^0.4.4", "react": "^19", "react-day-picker": "9.8.0", "react-dom": "^19", "react-hook-form": "^7.54.1", "react-resizable-panels": "^2.1.7", "recharts": "2.15.0", "sonner": "^1.7.1", "tailwind-merge": "^2.5.5", "tailwindcss-animate": "^1.0.7", "vaul": "^0.9.6", "zod": "^3.24.1" }, "devDependencies": { "@types/node": "^22", "@types/react": "^18", "@types/react-dom": "^18", "postcss": "^8.5", "tailwindcss": "^3.4.17", "typescript": "5.7.3" } } [V0_FILE]jpeg:file="public/images/community-event-1.jpeg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/5C2E3C20-CA80-4D40-8D4F-415BA9E2573D-FSAI1FAITuBCQNErXIvEEQMY7IrDjp.jpeg" isMerged="true" [V0_FILE]jpeg:file="public/images/community-event-2.jpeg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/AA086016-1940-42EC-8776-31320E130E48-mF5v9XRU7DospHvMYT5rNLrv5fI485.jpeg" isMerged="true" [V0_FILE]jpeg:file="public/images/community-event-3.jpeg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/5DB8353F-2A40-41C4-929D-C637F50A615F-EKfbrFgptNfdfsRSuehWR6bZFugYd5.jpeg" isMerged="true" [V0_FILE]jpeg:file="public/images/coding-bingo-activity.jpeg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/2E85D2DC-F48B-451D-9F58-D1EDC20DBABD-O0qtKUBop9goBjzkuyJCyHZuFiRQuT.jpeg" isMerged="true" [V0_FILE]typescriptreact:file="app/about/page.tsx" isEdit="true" isMerged="true" import Image from "next/image" import Link from "next/link" import { Button } from "@/components/ui/button" export default function AboutPage() { return (

{/* Hero Section */}

About Kids Code Future

We're on a mission to empower the next generation with the skills they need to thrive in a digital world.

{/* Our Story */}

Our Story

Kids Code Future was founded by a group of tech professionals who recognized the growing importance of digital literacy in today's world.

What started as a small weekend coding club has grown into a comprehensive educational initiative that has reached thousands of students across multiple cities.

Our team is passionate about making technology education accessible to all children, regardless of their background or circumstances.

Volunteers helping families at Kids Code Future community event

{/* Our Values */}

Our Values

These core principles guide everything we do at Kids Code Future

Accessibility

We believe that quality technology education should be accessible to all children, regardless of their socioeconomic background.

Safety

Creating a safe, supportive environment where children can learn, experiment, and grow is our top priority.

Innovation

We encourage creative thinking and problem-solving, empowering children to become innovators and creators, not just consumers of technology.

{/* Contact Form */}

Contact Us

Have questions about Kids Code Future? Fill out the form below to get in touch with our team. We'd love to hear from you and answer any questions you might have about our programs or how you can get involved.

Get In Touch

{/* CTA Section */}

Join Our Mission

Help us empower the next generation with the skills they need to create a better future.

) } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isQuickEdit="true" import Image from "next/image" import Link from "next/link" import { Button } from "@/components/ui/button" import { ArrowRight, Calendar, MapPin, Users, Code, Lightbulb } from "lucide-react" export default function Home() { return (

{/* Hero Section */}

JOIN US IN CREATING A BETTER FUTURE

Empowering the next generation with coding skills and technological literacy

Student showing coding bingo activity at community event

{/* Mission Statement */}

Our Mission

Kids Code Future is dedicated to providing children with the tools and knowledge they need to thrive in a digital world. We believe that every child deserves access to quality technology education regardless of their background.


              Learn to Code
              
                Introducing children to programming concepts through fun, interactive projects



            
              
                
              
              Build Community
              
                Creating a supportive environment where children collaborate and learn together
              
            

            
              
                
              
              Inspire Innovation
              Encouraging creative thinking and problem-solving through technology



      {/* Community Impact Gallery */}
      
        
          
            See Us in Action
            
              Take a look at our community events and see how we're making a difference in children's lives
            
          

          
            
              
                
              
              
                Community Outreach
                
                  Engaging with families at local events to introduce children to coding concepts through fun activities
                
              
            

            
              
                
              
              
                Volunteer Support
                
                  Our dedicated volunteers work directly with families to provide personalized guidance and support
                
              
            
          
        
      

      {/* Upcoming Events */}
      
        
          
            Upcoming Events
            
              Join us for exciting events and workshops designed to inspire and educate
            
          

          
            
              
                Hackathon 2025: Innovate, Create, Collaborate!
                
                  
                    
                    April 15-16, 2025
                  
                  
                    
                    Location: De Anza College
                  
                
                
                  Join us for an exciting two-day hackathon where students will work in teams to develop innovative
                  solutions to real-world problems.
                
                
                  
                
              
              
                
                
                  
                    KIDS CODE FUTURE
                  
                
              
            
          
        
      

      {/* Get Involved Form */}
      
        
          
            
              Get Involved
              
                Join our community and stay updated on upcoming events and opportunities. Your support helps us provide
                quality technology education to children across communities.
              
              
                
                  
                    1
                  
                  
                    Fill out the form
                    Let us know how you'd like to get involved with Kids Code Future
                  
                

                
                  
                    2
                  
                  
                    Connect with our team
                    We'll reach out to discuss how you can contribute to our mission
                  
                

                
                  
                    3
                  
                  
                    Make an impact
                    Help us empower the next generation with technology skills
                  
                
              
            

            
              Join Our Community
              
                
                  Loading…
                
              
            
          
        
      

      {/* Impact Stats */}
      
        
          
            Our Impact
            
              Together, we're making a difference in children's lives through technology education
            
          

          
            
              100
              Students Reached
            

            
              5
              Workshops Conducted
            

            
              3
              Partner Schools
            

            
              3+
              Cities
            
          
        
      

      {/* CTA */}
      
        
          Ready to Support Our Mission?
          
            Help us empower the next generation with the skills they need to create a better future

)
}