[V0_FILE]css:file="app/globals.css" isEdit="true" isQuickEdit="true" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { /* Updated color palette to match Luwero International Preschool logo: navy blue, charcoal, deep green */ --background: oklch(0.98 0 0); --foreground: oklch(0.2 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.2 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.2 0 0); /* Primary: Navy blue from logo for authority and trust */ --primary: oklch(0.35 0.15 264); --primary-foreground: oklch(0.99 0 0); /* Secondary: Deep green for growth and connection to nature */ --secondary: oklch(0.4 0.12 160); --secondary-foreground: oklch(0.99 0 0); /* Accent: Warm accent for highlights */ --accent: oklch(0.75 0.12 40); --accent-foreground: oklch(0.2 0 0); --muted: oklch(0.93 0 0); --muted-foreground: oklch(0.6 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.577 0.245 27.325); --border: oklch(0.92 0 0); --input: oklch(0.96 0 0); --ring: oklch(0.35 0.15 264); --chart-1: oklch(0.35 0.15 264); --chart-2: oklch(0.4 0.12 160); --chart-3: oklch(0.75 0.12 40); --chart-4: oklch(0.5 0.12 200); --chart-5: oklch(0.55 0.1 170); --radius: 0.75rem; /* Sidebar tokens */ --sidebar: oklch(0.98 0 0); --sidebar-foreground: oklch(0.2 0 0); --sidebar-primary: oklch(0.35 0.15 264); --sidebar-primary-foreground: oklch(0.99 0 0); --sidebar-accent: oklch(0.75 0.12 40); --sidebar-accent-foreground: oklch(0.2 0 0); --sidebar-border: oklch(0.92 0 0); --sidebar-ring: oklch(0.35 0.15 264); } .dark { --background: oklch(0.15 0 0); --foreground: oklch(0.98 0 0); --card: oklch(0.2 0 0); --card-foreground: oklch(0.98 0 0); --popover: oklch(0.2 0 0); --popover-foreground: oklch(0.98 0 0); --primary: oklch(0.5 0.15 264); --primary-foreground: oklch(0.15 0 0); --secondary: oklch(0.55 0.12 160); --secondary-foreground: oklch(0.15 0 0); --accent: oklch(0.8 0.12 40); --accent-foreground: oklch(0.15 0 0); --muted: oklch(0.3 0 0); --muted-foreground: oklch(0.75 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.3 0 0); --input: oklch(0.25 0 0); --ring: oklch(0.5 0.15 264); --chart-1: oklch(0.5 0.15 264); --chart-2: oklch(0.55 0.12 160); --chart-3: oklch(0.8 0.12 40); --chart-4: oklch(0.6 0.12 200); --chart-5: oklch(0.65 0.1 170); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.5 0.15 264); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.8 0.12 40); --sidebar-accent-foreground: oklch(0.15 0 0); --sidebar-border: oklch(0.3 0 0); --sidebar-ring: oklch(0.5 0.15 264); } @theme inline { --font-sans: "Geist", "Geist Fallback"; --font-mono: "Geist Mono", "Geist Mono Fallback"; --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } [V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Geist, Geist_Mono } from "next/font/google" import { Analytics } from "@vercel/analytics/next" import "./globals.css" const _geist = Geist({ subsets: ["latin"] }) const _geistMono = Geist_Mono({ subsets: ["latin"] }) export const metadata: Metadata = { title: "Luwero International Schools | Preschool & Primary Education", description: "Welcome to Luwero International Schools - offering exceptional play-based education for Preschool and Primary students. Nurturing curious minds for a global future.", generator: "v0.app", icons: { icon: [ { url: "/icon-light-32x32.png", media: "(prefers-color-scheme: light)", }, { url: "/icon-dark-32x32.png", media: "(prefers-color-scheme: dark)", }, { url: "/icon.svg", type: "image/svg+xml", }, ], apple: "/apple-icon.png", }, } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="components/header.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useState } from "react" import Link from "next/link" import Image from "next/image" import { Menu, X } from "lucide-react" import { Button } from "@/components/ui/button" export default function Header() { const [isOpen, setIsOpen] = useState(false) const navLinks = [ { label: "Preschool", href: "/preschool" }, { label: "Primary School", href: "/primary" }, { label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }, ] return (

Luwero International
Schools {/* Desktop Navigation */} {/* Desktop CTA */}

{/* Mobile Menu Button */}

{/* Mobile Navigation */} {isOpen && (

{navLinks.map((link) => ( setIsOpen(false)} > {link.label} ))}

)}

) } [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": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@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", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "16.0.10", "next-themes": "^0.4.6", "react": "19.2.0", "react-day-picker": "9.8.0", "react-dom": "19.2.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^1.1.2", "zod": "3.25.76" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^19", "@types/react-dom": "^19", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]typescriptreact:file="app/curriculum/page.tsx" isMerged="true" import Header from "@/components/header" import Footer from "@/components/footer" import { Button } from "@/components/ui/button" import Link from "next/link" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" export default function CurriculumPage() { const programs = [ { id: "playgroup", title: "Playgroup", ageRange: "18 months - 2.5 years", description: "Foundation for learning through sensory exploration and play", learningPoints: [ "Sensory exploration and discovery", "Language development through songs and stories", "Gross and fine motor skill development", "Social skills and peer interaction", "Emotional security and attachment", ], dailyRoutine: [ "Welcome circle and music", "Free play in learning centers", "Snack time and outdoor play", "Creative activities and art", "Story time and goodbye songs", ], }, { id: "nursery", title: "Nursery", ageRange: "2.5 - 4 years", description: "Building confidence and independence through structured play", learningPoints: [ "Cognitive development and pre-academic skills", "Phonetic awareness and early literacy", "Number concepts and mathematical thinking", "Creative expression through art and music", "Independence and self-care skills", ], dailyRoutine: [ "Morning circle time", "Structured learning activities", "Free play and exploration", "Outdoor play and nature activities", "Art, music, and creative time", "Circle time and story", ], }, { id: "kindergarten", title: "Kindergarten", ageRange: "4 - 6 years", description: "Preparing for primary school with strong academic foundations", learningPoints: [ "Reading, writing, and numeracy skills", "Scientific inquiry and exploration", "Critical thinking and problem-solving", "Social and emotional competence", "Physical fitness and coordination", ], dailyRoutine: [ "Morning meeting and calendar", "Literacy and numeracy lessons", "Thematic unit exploration", "Outdoor play and physical activity", "Art, music, and special subjects", "Project-based learning", ], }, ] const approach = [ { title: "Inquiry-Based Learning", description: "Children ask questions and investigate answers through hands-on exploration, developing critical thinking skills.", }, { title: "Multi-Sensory Experiences", description: "We engage all senses in learning—touching, moving, creating, and discovering through direct experience.", }, { title: "Cultural Celebration", description: "We weave global cultures, languages, and perspectives throughout our curriculum and classroom environment.", }, { title: "Nature Connection", description: "Regular outdoor play and nature-based learning connect children with the natural world and foster environmental awareness.", }, ] return ( <>

{/* Hero Section */}

Our Curriculum

A carefully designed, play-based curriculum that supports each child's unique developmental needs while building foundational skills in literacy, numeracy, social-emotional development, and global awareness.

{/* Age Groups */}

Age Groups & Programs

{programs.map((program) => ( {program.title} ))} {programs.map((program) => ( {program.title} {program.ageRange}

{program.description}

Learning Focus

• {point}

Daily Routine

• {item}

))}

{/* Learning Approach */}

Our Teaching Approach

We combine proven educational methodologies with creative, responsive teaching.

{approach.map((item, i) => (

{item.title}

{item.description}

))}

{/* Special Programs */}

Enrichment Programs

Language Development

Children are exposed to multiple languages, including English, Luganda, and French, supporting multilingual development.

Arts & Music

Regular music, drama, and visual arts help children express creativity and develop fine motor skills and confidence.

Physical Education

Daily outdoor play, games, and movement activities support gross motor development and physical fitness.

{/* CTA */}

Interested in Our Programs?

Schedule a tour to see our classrooms and meet our teaching team.

Learning Focus

Daily Routine

{event.title}

{value.title}