[V0_FILE]css:file="app/globals.css" isFixed="true" isQuickEdit="true" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { /* Water blue and sunshine yellow theme for Chircuit */ --background: oklch(1 0 0); --foreground: oklch(0.145 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.145 0 0); /* Bright water blue as primary */ --primary: oklch(0.205 0 0); --primary-foreground: oklch(0.985 0 0); /* Warm sunshine yellow as secondary */ --secondary: oklch(0.97 0 0); --secondary-foreground: oklch(0.205 0 0); /* Soft teal accent for hope and growth */ --accent: oklch(0.97 0 0); --accent-foreground: oklch(0.205 0 0); --muted: oklch(0.97 0 0); --muted-foreground: oklch(0.556 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.577 0.245 27.325); --border: oklch(0.922 0 0); --input: oklch(0.922 0 0); --ring: oklch(0.708 0 0); --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --radius: 0.625rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.145 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.145 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.985 0 0); --primary-foreground: oklch(0.205 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --accent: oklch(0.269 0 0); --accent-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.269 0 0); --input: oklch(0.269 0 0); --ring: oklch(0.439 0 0); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.269 0 0); --sidebar-ring: oklch(0.439 0 0); } @theme inline { --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); --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]jpg:file="public/cute-yellow-chick-character-mascot-named-chircuit-.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/cute-yellow-chick-character-mascot-named-chircuit--prxKjJx6FnaloIYci9p3uPlKB9Ue3n.jpg" isMerged="true" [V0_FILE]jpg:file="public/cute-yellow-chick-character-chircuit-cleaning-a-la.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/cute-yellow-chick-character-chircuit-cleaning-a-la-zjCXL087EZFdFrLKWhnRQS4CG9OnGI.jpg" isMerged="true" [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.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", "geist": "^1.3.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "15.5.4", "next-themes": "^0.4.6", "react": "19.1.0", "react-day-picker": "9.8.0", "react-dom": "19.1.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": "^0.9.9", "zod": "3.25.67" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^18", "@types/react-dom": "^18", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]png:file="public/chircuit.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/chircuit-jQnUG4xeJIE0vIeTkUCn6abnAlS8RK.png" isMerged="true" [V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import type React from "react" import type { Metadata } from "next" import { GeistSans } from "geist/font/sans" import { Playfair_Display } from "next/font/google" import { Analytics } from "@vercel/analytics/next" import "./globals.css" import { Navigation } from "@/components/navigation" import { Suspense } from "react" const playfair = Playfair_Display({ subsets: ["latin"], variable: "--font-playfair", display: "swap", }) export const metadata: Metadata = { title: "Cluck The Water - Teaching Kids About Clean Water", description: "An educational game teaching children about the Canadian Indigenous water crisis and environmental stewardship through play.", generator: "v0.app", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( Loading...}> {children} ) } [V0_FILE]png:file="public/canada-map.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-aUZOvEcxzFiaodY1T2tC5pTGHNtmN3.png" isMerged="true" [V0_FILE]png:file="public/canada-political-map.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-BXYA8Px5Yh07pgrZcXAyCWT87C3CBl.png" isMerged="true" [V0_FILE]typescriptreact:file="components/interactive-map.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useState } from "react" interface Community { id: number name: string province: string risk: "extreme" | "high" | "medium" | "low" x: number y: number } const communities: Community[] = [ // British Columbia - Heavy concentration of extreme and high risk (red and orange dots) { id: 1, name: "Nuxalk Nation", province: "BC", risk: "extreme", x: 210, y: 390 }, { id: 2, name: "Doig River First Nation", province: "BC", risk: "extreme", x: 324, y: 342 }, { id: 3, name: "Tsay Keh Dene", province: "BC", risk: "high", x: 276, y: 354 }, { id: 4, name: "Kwadacha First Nation", province: "BC", risk: "extreme", x: 300, y: 330 }, { id: 5, name: "Takla Lake First Nation", province: "BC", risk: "high", x: 264, y: 372 }, { id: 6, name: "Nazko First Nation", province: "BC", risk: "medium", x: 240, y: 396 }, { id: 7, name: "Ulkatcho First Nation", province: "BC", risk: "high", x: 228, y: 408 }, { id: 8, name: "Tl'etinqox First Nation", province: "BC", risk: "medium", x: 216, y: 420 }, // Alberta - Mix of risk levels { id: 9, name: "Dene Tha' First Nation", province: "AB", risk: "extreme", x: 354, y: 342 }, { id: 10, name: "Lubicon Lake Nation", province: "AB", risk: "high", x: 366, y: 360 }, { id: 11, name: "Little Red River Cree", province: "AB", risk: "high", x: 378, y: 348 }, { id: 12, name: "Saddle Lake Cree", province: "AB", risk: "medium", x: 378, y: 384 }, { id: 13, name: "Cold Lake First Nations", province: "AB", risk: "low", x: 390, y: 372 }, // Saskatchewan - Heavy concentration across the province { id: 14, name: "Fond du Lac Denesuline", province: "SK", risk: "extreme", x: 492, y: 342 }, { id: 15, name: "Black Lake Denesuline", province: "SK", risk: "extreme", x: 480, y: 354 }, { id: 16, name: "Hatchet Lake First Nation", province: "SK", risk: "high", x: 504, y: 360 }, { id: 17, name: "English River First Nation", province: "SK", risk: "high", x: 468, y: 378 }, { id: 18, name: "Birch Narrows Dene Nation", province: "SK", risk: "medium", x: 456, y: 390 }, { id: 19, name: "Buffalo River Dene Nation", province: "SK", risk: "medium", x: 480, y: 402 }, { id: 20, name: "Clearwater River Dene", province: "SK", risk: "high", x: 492, y: 378 }, { id: 21, name: "Lac La Ronge Indian Band", province: "SK", risk: "medium", x: 504, y: 396 }, { id: 22, name: "Montreal Lake Cree Nation", province: "SK", risk: "low", x: 516, y: 408 }, // Manitoba - Northern concentration { id: 23, name: "Shamattawa First Nation", province: "MB", risk: "extreme", x: 612, y: 306 }, { id: 24, name: "Tataskweyak Cree Nation", province: "MB", risk: "extreme", x: 588, y: 336 }, { id: 25, name: "York Factory First Nation", province: "MB", risk: "high", x: 600, y: 318 }, { id: 26, name: "Fox Lake Cree Nation", province: "MB", risk: "high", x: 576, y: 348 }, { id: 27, name: "Northlands Denesuline", province: "MB", risk: "high", x: 564, y: 330 }, { id: 28, name: "Sayisi Dene First Nation", province: "MB", risk: "medium", x: 600, y: 360 }, { id: 29, name: "Bloodvein First Nation", province: "MB", risk: "medium", x: 624, y: 396 }, { id: 30, name: "Hollow Water First Nation", province: "MB", risk: "low", x: 612, y: 408 }, // Ontario - Heavy concentration in northern regions { id: 31, name: "Neskantaga First Nation", province: "ON", risk: "extreme", x: 720, y: 324 }, { id: 32, name: "Attawapiskat First Nation", province: "ON", risk: "extreme", x: 756, y: 288 }, { id: 33, name: "Kashechewan First Nation", province: "ON", risk: "extreme", x: 780, y: 294 }, { id: 34, name: "Fort Severn First Nation", province: "ON", risk: "extreme", x: 708, y: 276 }, { id: 35, name: "Peawanuck", province: "ON", risk: "high", x: 732, y: 264 }, { id: 36, name: "Webequie First Nation", province: "ON", risk: "high", x: 744, y: 300 }, { id: 37, name: "Nibinamik First Nation", province: "ON", risk: "high", x: 696, y: 312 }, { id: 38, name: "Eabametoong First Nation", province: "ON", risk: "high", x: 708, y: 336 }, { id: 39, name: "Grassy Narrows", province: "ON", risk: "extreme", x: 660, y: 384 }, { id: 40, name: "Pikangikum First Nation", province: "ON", risk: "high", x: 684, y: 360 }, { id: 41, name: "Cat Lake First Nation", province: "ON", risk: "high", x: 672, y: 348 }, { id: 42, name: "Deer Lake First Nation", province: "ON", risk: "medium", x: 696, y: 372 }, { id: 43, name: "Poplar Hill First Nation", province: "ON", risk: "medium", x: 708, y: 384 }, { id: 44, name: "North Spirit Lake", province: "ON", risk: "medium", x: 684, y: 396 }, { id: 45, name: "Shoal Lake 40", province: "ON", risk: "low", x: 642, y: 396 }, { id: 46, name: "Curve Lake First Nation", province: "ON", risk: "low", x: 852, y: 420 }, // Quebec - Scattered across the province { id: 47, name: "Kitcisakik", province: "QC", risk: "extreme", x: 876, y: 372 }, { id: 48, name: "Lac Simon", province: "QC", risk: "high", x: 888, y: 384 }, { id: 49, name: "Kitigan Zibi", province: "QC", risk: "medium", x: 900, y: 408 }, { id: 50, name: "Winneway", province: "QC", risk: "high", x: 912, y: 360 }, { id: 51, name: "Long Point First Nation", province: "QC", risk: "medium", x: 924, y: 348 }, { id: 52, name: "Timiskaming First Nation", province: "QC", risk: "low", x: 864, y: 396 }, // New Brunswick { id: 53, name: "Elsipogtog First Nation", province: "NB", risk: "medium", x: 1044, y: 432 }, { id: 54, name: "Tobique First Nation", province: "NB", risk: "low", x: 1020, y: 420 }, // Nova Scotia { id: 55, name: "Eskasoni First Nation", province: "NS", risk: "low", x: 1104, y: 456 }, // Newfoundland and Labrador { id: 56, name: "Sheshatshiu Innu", province: "NL", risk: "high", x: 1080, y: 336 }, { id: 57, name: "Natuashish", province: "NL", risk: "medium", x: 1104, y: 324 }, // Northwest Territories { id: 58, name: "Deline", province: "NT", risk: "medium", x: 420, y: 270 }, { id: 59, name: "Wekweeti", province: "NT", risk: "low", x: 456, y: 258 }, // Yukon { id: 60, name: "Old Crow", province: "YT", risk: "medium", x: 240, y: 264 }, ] export default function InteractiveMap() { const [hoveredCommunity, setHoveredCommunity] = useState(null) const [selectedRisk, setSelectedRisk] = useState("all") const getMarkerColor = (risk: Community["risk"]) => { switch (risk) { case "extreme": return "#dc2626" // Red case "high": return "#f97316" // Orange case "medium": return "#eab308" // Yellow case "low": return "#22c55e" // Green } } const filteredCommunities = selectedRisk === "all" ? communities : communities.filter((c) => c.risk === selectedRisk) const riskCounts = { extreme: communities.filter((c) => c.risk === "extreme").length, high: communities.filter((c) => c.risk === "high").length, medium: communities.filter((c) => c.risk === "medium").length, low: communities.filter((c) => c.risk === "low").length, } return (

{/* Legend */}

{/* Tooltip */} {hoveredCommunity && (

{hoveredCommunity.name}

{hoveredCommunity.province}

{hoveredCommunity.risk === "extreme" ? "Extreme Risk" : hoveredCommunity.risk === "high" ? "High Risk" : hoveredCommunity.risk === "medium" ? "Medium Risk" : "Low Risk"}

)}

{/* Statistics Summary */}

{riskCounts.extreme}

Extreme Risk

{riskCounts.high}

High Risk

{riskCounts.medium}

Medium Risk

{riskCounts.low}

Low Risk

) } [V0_FILE]typescriptreact:file="components/navigation.tsx" isEdit="true" isMerged="true" "use client" import Link from "next/link" import { usePathname } from "next/navigation" import Image from "next/image" export function Navigation() { const pathname = usePathname() const links = [ { href: "/", label: "Home" }, { href: "/about", label: "About the Crisis" }, { href: "/game", label: "The Game" }, { href: "/resources", label: "Resources" }, { href: "/connections", label: "Connections" }, { href: "/faq", label: "FAQ" }, ] return ( ) } [V0_FILE]jpg:file="public/indigenous-elder-woman.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/indigenous-elder-woman-QOgeivslUmLiFsNjMuJIY0KbsL3xw6.jpg" isMerged="true" [V0_FILE]jpg:file="public/indigenous-young-man.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/indigenous-young-man-5vSQqwAH3nqDZIJuGS3liJthcucT6o.jpg" isMerged="true" [V0_FILE]jpg:file="public/indigenous-woman-activist.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/indigenous-woman-activist-EVuH3rdjyiP1utCIpLNpe8x7z0bL7n.jpg" isMerged="true" [V0_FILE]typescriptreact:file="components/interactive-chircuit.tsx" isMerged="true" "use client" import { useState, useEffect } from "react" import Image from "next/image" import { X } from "lucide-react" import { Button } from "@/components/ui/button" interface InteractiveChircuitProps { tips?: string[] position?: "bottom-right" | "bottom-left" | "top-right" | "top-left" showOnLoad?: boolean } export function InteractiveChircuit({ tips = [ "Did you know? Clean water is essential for healthy communities!", "Every drop counts! Small actions make a big difference.", "Indigenous communities have been protecting water for thousands of years.", "You can help by learning and sharing what you know!", ], position = "bottom-right", showOnLoad = true, }: InteractiveChircuitProps) { const [isVisible, setIsVisible] = useState(showOnLoad) const [currentTip, setCurrentTip] = useState(0) const [isAnimating, setIsAnimating] = useState(false) const positionClasses = { "bottom-right": "bottom-6 right-6", "bottom-left": "bottom-6 left-6", "top-right": "top-20 right-6", "top-left": "top-20 left-6", } useEffect(() => { const interval = setInterval(() => { setIsAnimating(true) setTimeout(() => { setCurrentTip((prev) => (prev + 1) % tips.length) setIsAnimating(false) }, 300) }, 8000) return () => clearInterval(interval) }, [tips.length]) const handleClick = () => { setIsAnimating(true) setTimeout(() => { setCurrentTip((prev) => (prev + 1) % tips.length) setIsAnimating(false) }, 300) } if (!isVisible) { return ( ) } return (

{/* Speech bubble */}

{tips[currentTip]}

{/* Speech bubble tail */}

{/* Chircuit character */}

) } [V0_FILE]jpg:file="public/chircuit-celebrating.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/chircuit-celebrating-cwFfaIGbqPIWhPB5MtjrUhzMvRvgiP.jpg" isMerged="true" [V0_FILE]jpg:file="public/chircuit-thinking.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/chircuit-thinking-hObFx8UY2NoXE839mB1qGNyRfb0TPy.jpg" isMerged="true" [V0_FILE]jpg:file="public/chircuit-teaching.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/chircuit-teaching-rRgRBVRXpQfd9JNe5tBLyPrehIAZmx.jpg" isMerged="true" [V0_FILE]jpg:file="public/chircuit-with-water.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/chircuit-with-water-8UgydCbekKBhvnN2dDhW7KNGJIFtEl.jpg" isMerged="true" [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import Link from "next/link" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import { Droplet, Heart, BookOpen, ArrowRight } from "lucide-react" import Image from "next/image" import { InteractiveChircuit } from "@/components/interactive-chircuit" export default function HomePage() { return (

{/* Hero Section */}

Educational Game for Kids Ages 7-12

Cluck The Water

Teaching kids about clean water and Indigenous communities through fun, safe, and educational gameplay.

{/* Decorative wave */}

{/* Overview Section */}

Why This Matters

Across Canada, many Indigenous communities face long-term boil water advisories and polluted water sources. Our game introduces children to these important issues in an age-appropriate way, helping them understand the value of clean water and environmental responsibility.

Over 50 Indigenous communities in Canada still face long-term boil water advisories.

{/* Quick Links Section */}

Explore & Learn

About the Crisis

Learn about the history and causes of the Canadian Indigenous water crisis, and why awareness matters for the next generation.

What Kids Will Learn

Discover how Cluck teaches children about water stewardship, sustainability, and empathy through interactive gameplay.

) } [V0_FILE]typescriptreact:file="app/resources/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import { Card, CardContent } from "@/components/ui/card" import { MessageCircle, Leaf, FileText, Users, Home, Recycle } from "lucide-react" import Image from "next/image" import { InteractiveChircuit } from "@/components/interactive-chircuit" export default function ResourcesPage() { return (

{/* Header */}

Resources for Parents

Tools and activities to extend learning beyond the game and foster meaningful conversations with your children.

{/* Chircuit mascot */}

Parents, let's learn together!

{/* Discussion Tips */}

Discussion Tips for Parents

Here are some conversation starters to help you talk about water issues with your children:

Start with Gratitude

"We're lucky to have clean water from our tap. Not everyone has this. How do you think it would feel if we couldn't drink our water?"

Connect to Their Experience

"Remember when Chircuit cleaned the lake in the game? What did you learn about keeping water clean?"

Encourage Empathy

"Some kids in Canada have to boil their water every day. How do you think that makes them feel? What could we do to help?"

Focus on Solutions

"What are some ways we can protect water in our own community? How can we be like Chircuit?"

{/* Offline Activities */}

Offline Activities

Community Cleanups

Organize or join local park and waterway cleanup events. Let your child see real-world impact.

• Contact local environmental groups
• Bring gloves and bags
• Make it a family activity

Water Conservation at Home

Teach children practical ways to save water in daily routines.

• Turn off tap while brushing teeth
• Take shorter showers
• Collect rainwater for plants

Nature Walks

Visit local lakes, rivers, or wetlands to teach respect for water and land.

• Observe wildlife near water
• Discuss ecosystem importance
• Practice "leave no trace"

{/* Printable Resources */}

Printable Activity Sheets

Download and print these educational activities to reinforce learning at home:

Water Safety Coloring Book

Fun coloring pages teaching water conservation and safety concepts.

Water Cycle Worksheet

Interactive worksheet explaining how water moves through our environment.

Indigenous Water Wisdom

Age-appropriate facts about Indigenous water stewardship traditions.

Family Water Challenge

30-day family challenge to reduce water waste and track progress.

{/* Interactive Chircuit */}

) } [V0_FILE]typescriptreact:file="app/faq/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import { Card, CardContent } from "@/components/ui/card" import { HelpCircle, BookOpen, Users, Heart, Home, Sparkles } from "lucide-react" import Image from "next/image" import { InteractiveChircuit } from "@/components/interactive-chircuit" export default function FAQPage() { return (

{/* Header */}

Frequently Asked Questions

Common questions from parents about Cluck The Water and teaching children about water issues.

{/* Chircuit mascot */}

I'm here to help answer your questions!

{/* FAQ Sections */}

{/* About the Game */}

What age group is this game designed for?

Cluck The Water is designed for children ages 7-12. The content is age-appropriate, with simple language and concepts that young learners can understand while still being engaging for older elementary students.

{/* What will my child learn from playing Cluck The Water? */}

What will my child learn from playing Cluck The Water?

Your child will learn about the importance of clean water, the challenges faced by some Indigenous communities, and small everyday actions they can take to protect the environment. They'll also build empathy, critical thinking, and teamwork skills while helping Chircuit restore water to communities across Canada.

{/* Is the game safe for children? */}

Is the game safe for children?

Yes! The game is completely safe, with no violence, ads, or inappropriate content. It focuses on positive environmental actions and educational content. There are no in-app purchases or external links that children can access.

{/* How long does it take to complete the game? */}

How long does it take to complete the game?

The game is designed for multiple play sessions. Most children spend 20-30 minutes per session, exploring different levels and collecting educational scrolls. The game encourages repeated play to discover all the facts and achieve all the badges.

{/* Educational Value */}

How can parents reinforce learning at home?

There are many ways to extend the learning beyond the game:

• Discuss gameplay: Ask your child what they learned from Cluck The Water today
• Practice conservation: Turn off taps, take shorter showers, and explain why
• Visit nature: Take walks near water sources and discuss their importance
• Use our resources: Download printable activity sheets from the Resources page
• Community action: Participate in local cleanup events together

{/* Will my child understand the Indigenous water crisis? */}

Will my child understand the Indigenous water crisis?

The game presents information in age-appropriate ways. Children learn that some communities don't have clean water and why that matters, without overwhelming details. The focus is on building empathy, awareness, and understanding that clean water is important for everyone.

{/* Can the game be used in classrooms? */}

Can the game be used in classrooms?

Many teachers use Cluck The Water as part of environmental education or social studies units. The game aligns with curriculum goals around environmental stewardship, Indigenous awareness, and social responsibility. Contact us for educator resources and lesson plan ideas.

{/* What devices can play the game? */}

What devices can play the game?

Cluck The Water works on most modern devices including computers, tablets, and smartphones. It's browser-based, so no download is required. We recommend using a tablet or computer for the best experience.

{/* How can I support this initiative? */}

How can I support this initiative?

Share the game with other parents, teachers, and community members. Talk to your children about water conservation and Indigenous rights. Consider supporting organizations working to bring clean water to Indigenous communities. Every conversation and action helps raise awareness.

{/* Interactive Chircuit */} {/* Contact Section */}

Still Have Questions?

We're here to help! If you have additional questions or feedback about Cluck The Water, please reach out to us.

) } [V0_FILE]typescriptreact:file="app/game/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import { Card, CardContent } from "@/components/ui/card" import { Sparkles, Target, Heart, Brain, Gamepad2, Award, Zap, Trophy } from "lucide-react" import Image from "next/image" import { InteractiveChircuit } from "@/components/interactive-chircuit" export default function GamePage() { return (

{/* Header */}

What Children Will Learn

Cluck The Water combines fun gameplay with meaningful education about water stewardship and Indigenous communities.

{/* Updated Chircuit section */}

Let's clean up the water and have fun!

Age-Appropriate Learning Pop-Ups

As children play, Chircuit shares important facts in fun, easy-to-understand ways:

Clean Water Fact

"Some communities in Canada can't drink water safely. Clean water keeps everyone healthy!"

Environmental Care

"Garbage in lakes and rivers hurts animals and people. Let's keep our water clean!"

Learning Through Play

"Collecting scrolls teaches you how to protect water and the Earth!"

{/* Learning Objectives */}

Learning Objectives

Understanding Clean Water

Children learn why clean water is essential and how it impacts daily life, health, and communities.

Indigenous Awareness

Age-appropriate introduction to the challenges facing Indigenous communities and their water rights.

Environmental Stewardship

Basic sustainability concepts and how individual actions can protect water sources and the environment.

Cause & Effect Thinking

Players see how their in-game actions directly impact water quality and community well-being.

{/* Gameplay Overview */}

Gameplay Overview

"Chircuit's Water Journey" is an educational adventure designed to teach children about the importance of water and issues facing Indigenous communities. The game is organized into three short mini-games, each featuring Chircuit the chick, and paced by friendly dialogue screens.

Connect the water pipe to the end

Filter the water to make it clean

Gain wisdom from educational facts

Engagement Features

Colorful World

Interactive, vibrant environments

Rewards System

Points and badges for achievements

Timed Challenges

Exciting time-based missions

Progress Tracking

See how much water you've cleaned

{/* Why It's Engaging */}

Why Kids Love It

Colorful & Interactive

Bright, engaging environments that capture children's imagination and keep them exploring.

Reward System

Earn points and achievements for positive environmental actions and learning milestones.

Problem-Solving Fun

Mini-games that teach critical thinking, empathy, and environmental responsibility.

) } [V0_FILE]png:file="public/josh-taylor-detlor.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-dhFIoFOLWkQncxtIYAbO8SfysQ6mSu.png" isMerged="true" [V0_FILE]typescriptreact:file="app/connections/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import Image from "next/image" import { Card } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Textarea } from "@/components/ui/textarea" import { MessageCircle, Heart, Users, Send, AlertCircle, Sparkles, Video } from "lucide-react" import { InteractiveChircuit } from "@/components/interactive-chircuit" export default function ConnectionsPage() { // Sample conversation threads showing community member stories const conversations = [ { id: 1, author: "Elder Mary from Neskantaga First Nation", role: "Community Elder", avatar: "/indigenous-elder-woman.jpg", message: "For over 25 years, our community has lived under a boil water advisory. Every day, we have to boil water just to drink it safely. Our children have never known what it's like to turn on a tap and trust the water that comes out. This affects everything - cooking, bathing, even brushing teeth becomes a challenge.", timestamp: "2 days ago", responses: 12, likes: 45, }, { id: 2, author: "Josh Taylor-Detlor", role: "Student Engagement Coordinator at United College", avatar: "/josh-taylor-detlor.png", message: "On Treaty land, where many Indigenous people live off-reserve, water has become a serious concern. Industrial dumping on a nearby water reservoir has led to contamination, leaving fewer community members able to attend meetings about the crisis. While Canada ranks 5th in global water quality, that drops to 60th when considering reserves — showing the deep inequality in access to safe water. For Indigenous peoples, this isn't just a health issue — it's a cultural one, as water is one of the first sacred gifts from Mother Nature.", timestamp: "3 days ago", responses: 18, likes: 67, }, { id: 3, author: "James from Attawapiskat", role: "Youth Advocate", avatar: "/indigenous-young-man.jpg", message: "Growing up, I thought it was normal to carry bottled water everywhere. When I visited the city for the first time, I was amazed that people could just drink from the tap. It made me realize how different our reality is. Now I'm working to help my community get the clean water we deserve.", timestamp: "5 days ago", responses: 8, likes: 32, }, { id: 4, author: "Sarah from Grassy Narrows", role: "Environmental Advocate", avatar: "/indigenous-woman-activist.jpg", message: "Our water has been contaminated with mercury for decades. It's not just about having clean drinking water - it's about our connection to the land, our traditional foods from the water, and our way of life. When the water is sick, our whole community suffers.", timestamp: "1 week ago", responses: 15, likes: 58, }, ] const videoStories = [ { id: 1, name: "Goadeh", title: "Indigenous Water Advocate", videoId: "kEcEnrydoa4", description: "Hear from Goadeh about the importance of water protection and Indigenous perspectives on water rights.", }, { id: 2, name: "Autumn Peltier", title: "International Water Advocate", videoId: "A33XRMLBbOc", description: "Autumn Peltier, a young Anishinaabe water activist, shares her powerful message about protecting water for future generations.", }, { id: 3, name: "Joane Robertson", title: "Community Leader", videoId: "59qrgnM5grA", description: "Joane Robertson discusses the water crisis in Indigenous communities and the path forward.", }, ] return (

Listen to real stories from Indigenous community members about their water experiences!

Community Connections

Learn directly from Indigenous community members about their experiences with water challenges. Listen with respect, ask thoughtful questions, and build understanding.

{/* Guidelines Card */}

Respectful Engagement Guidelines

• Listen with an open heart and mind
• Ask questions that show genuine interest and respect
• Remember these are real people sharing personal experiences
• Avoid making assumptions or judgments
• Thank community members for sharing their stories

{/* Featured Conversations */}

Video Stories from Water Advocates

{videoStories.map((video) => (

{hoveredCommunity.name}

Cluck The Water

Why This Matters

Explore & Learn

About the Crisis

What Kids Will Learn

Resources for Parents

Discussion Tips for Parents

Start with Gratitude

Connect to Their Experience

Encourage Empathy

Focus on Solutions

Offline Activities

Community Cleanups

Water Conservation at Home

Nature Walks

Printable Activity Sheets

Water Safety Coloring Book

Water Cycle Worksheet

Indigenous Water Wisdom

Family Water Challenge

Frequently Asked Questions

What age group is this game designed for?

What will my child learn from playing Cluck The Water?

Is the game safe for children?

How long does it take to complete the game?

How can parents reinforce learning at home?

Will my child understand the Indigenous water crisis?

Can the game be used in classrooms?

What devices can play the game?

How can I support this initiative?

Still Have Questions?

What Children Will Learn

Age-Appropriate Learning Pop-Ups

Learning Objectives

Understanding Clean Water

Indigenous Awareness

Environmental Stewardship

Cause & Effect Thinking

Gameplay Overview

Engagement Features

Colorful World

Rewards System

Timed Challenges

Progress Tracking

Why Kids Love It

Colorful & Interactive

Reward System

Problem-Solving Fun

Community Connections

Respectful Engagement Guidelines

Featured Stories

{conversation.author}

Video Stories from Water Advocates