9c:I[903690,["/chat-static/_next/static/immutable/chunks/2yn416zt2ymb9.js","/chat-static/_next/static/immutable/chunks/0lyxw0nk-7-p_.js","/chat-static/_next/static/immutable/chunks/0s13a2j9-r_7z.js","/chat-static/_next/static/immutable/chunks/05z0jc31ylkrk.js","/chat-static/_next/static/immutable/chunks/2836u6jwf9bgv.js","/chat-static/_next/static/immutable/chunks/3ktygcwrvju41.js","/chat-static/_next/static/immutable/chunks/3npdfuq6kuky8.js","/chat-static/_next/static/immutable/chunks/3xgcz543a20n9.js","/chat-static/_next/static/immutable/chunks/2ks2dvr47nqsg.js","/chat-static/_next/static/immutable/chunks/3r0_oixh4x4tv.js","/chat-static/_next/static/immutable/chunks/03w_e6mqufrhn.js","/chat-static/_next/static/immutable/chunks/2p9ctj7pk72l5.js","/chat-static/_next/static/immutable/chunks/2sp-yda0t06bm.js","/chat-static/_next/static/immutable/chunks/06-mpaxkl_qww.js","/chat-static/_next/static/immutable/chunks/2v1ytxhjawdqw.js","/chat-static/_next/static/immutable/chunks/3vhx3fg583u19.js","/chat-static/_next/static/immutable/chunks/3bon2sery8l35.js","/chat-static/_next/static/immutable/chunks/1gzknvwsclv4l.js","/chat-static/_next/static/immutable/chunks/2i4yf33swcksd.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/26zxim54jidf1.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/0ggiln07qpg3x.js","/chat-static/_next/static/immutable/chunks/2xqmylhwzfxb_.js","/chat-static/_next/static/immutable/chunks/362eoze68z3tj.js","/chat-static/_next/static/immutable/chunks/1q_e5k32uqpss.js","/chat-static/_next/static/immutable/chunks/3elayl0c5orfd.js","/chat-static/_next/static/immutable/chunks/2r3778mxx4zx3.js","/chat-static/_next/static/immutable/chunks/2d3ect6vv16p1.js","/chat-static/_next/static/immutable/chunks/24oxen36r-7_-.js","/chat-static/_next/static/immutable/chunks/21nzp1fdul4xe.js","/chat-static/_next/static/immutable/chunks/1h6-gw2s2yy5z.js","/chat-static/_next/static/immutable/chunks/2e6woq6v13noj.js","/chat-static/_next/static/immutable/chunks/27kqtemkm6wc0.js","/chat-static/_next/static/immutable/chunks/1gwh2_shftvhf.js","/chat-static/_next/static/immutable/chunks/1k7htvi9135fo.js","/chat-static/_next/static/immutable/chunks/04a8jfjv6v0qb.js","/chat-static/_next/static/immutable/chunks/09qt2tf69cbel.js","/chat-static/_next/static/immutable/chunks/1etiboqt-76vo.js","/chat-static/_next/static/immutable/chunks/3d5inm6-rzuqm.js","/chat-static/_next/static/immutable/chunks/31gr1mdr24jhg.js","/chat-static/_next/static/immutable/chunks/1ewedrvq3bnkt.js","/chat-static/_next/static/immutable/chunks/0o-tvqrw-60f9.js","/chat-static/_next/static/immutable/chunks/0nnmvzh0x0i2w.js","/chat-static/_next/static/immutable/chunks/0u1g3xvhlwmem.js","/chat-static/_next/static/immutable/chunks/1elbuzr4anjh-.js","/chat-static/_next/static/immutable/chunks/0mn-dmkxxrk86.js","/chat-static/_next/static/immutable/chunks/2rhujd4vukzvn.js","/chat-static/_next/static/immutable/chunks/15t4b5trqxj36.js","/chat-static/_next/static/immutable/chunks/01enxheexz0xq.js","/chat-static/_next/static/immutable/chunks/2ty0n8drxrqfs.js","/chat-static/_next/static/immutable/chunks/1sp09rcaj9_la.js","/chat-static/_next/static/immutable/chunks/408m_6lxo2us-.js"],"ExplicitChatIdProvider"] 9d:I[838238,["/chat-static/_next/static/immutable/chunks/2yn416zt2ymb9.js","/chat-static/_next/static/immutable/chunks/0lyxw0nk-7-p_.js","/chat-static/_next/static/immutable/chunks/0s13a2j9-r_7z.js","/chat-static/_next/static/immutable/chunks/05z0jc31ylkrk.js","/chat-static/_next/static/immutable/chunks/2836u6jwf9bgv.js","/chat-static/_next/static/immutable/chunks/3ktygcwrvju41.js","/chat-static/_next/static/immutable/chunks/3npdfuq6kuky8.js","/chat-static/_next/static/immutable/chunks/3xgcz543a20n9.js","/chat-static/_next/static/immutable/chunks/2ks2dvr47nqsg.js","/chat-static/_next/static/immutable/chunks/3r0_oixh4x4tv.js","/chat-static/_next/static/immutable/chunks/03w_e6mqufrhn.js","/chat-static/_next/static/immutable/chunks/2p9ctj7pk72l5.js","/chat-static/_next/static/immutable/chunks/2sp-yda0t06bm.js","/chat-static/_next/static/immutable/chunks/06-mpaxkl_qww.js","/chat-static/_next/static/immutable/chunks/2v1ytxhjawdqw.js","/chat-static/_next/static/immutable/chunks/3vhx3fg583u19.js","/chat-static/_next/static/immutable/chunks/3bon2sery8l35.js","/chat-static/_next/static/immutable/chunks/1gzknvwsclv4l.js","/chat-static/_next/static/immutable/chunks/2i4yf33swcksd.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/26zxim54jidf1.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/0ggiln07qpg3x.js","/chat-static/_next/static/immutable/chunks/2xqmylhwzfxb_.js","/chat-static/_next/static/immutable/chunks/362eoze68z3tj.js","/chat-static/_next/static/immutable/chunks/1q_e5k32uqpss.js","/chat-static/_next/static/immutable/chunks/3elayl0c5orfd.js","/chat-static/_next/static/immutable/chunks/2r3778mxx4zx3.js","/chat-static/_next/static/immutable/chunks/2d3ect6vv16p1.js","/chat-static/_next/static/immutable/chunks/24oxen36r-7_-.js","/chat-static/_next/static/immutable/chunks/21nzp1fdul4xe.js","/chat-static/_next/static/immutable/chunks/1h6-gw2s2yy5z.js","/chat-static/_next/static/immutable/chunks/2e6woq6v13noj.js","/chat-static/_next/static/immutable/chunks/27kqtemkm6wc0.js","/chat-static/_next/static/immutable/chunks/1gwh2_shftvhf.js","/chat-static/_next/static/immutable/chunks/1k7htvi9135fo.js","/chat-static/_next/static/immutable/chunks/04a8jfjv6v0qb.js","/chat-static/_next/static/immutable/chunks/09qt2tf69cbel.js","/chat-static/_next/static/immutable/chunks/1etiboqt-76vo.js","/chat-static/_next/static/immutable/chunks/3d5inm6-rzuqm.js","/chat-static/_next/static/immutable/chunks/31gr1mdr24jhg.js","/chat-static/_next/static/immutable/chunks/1ewedrvq3bnkt.js","/chat-static/_next/static/immutable/chunks/0o-tvqrw-60f9.js","/chat-static/_next/static/immutable/chunks/0nnmvzh0x0i2w.js","/chat-static/_next/static/immutable/chunks/0u1g3xvhlwmem.js","/chat-static/_next/static/immutable/chunks/1elbuzr4anjh-.js","/chat-static/_next/static/immutable/chunks/0mn-dmkxxrk86.js","/chat-static/_next/static/immutable/chunks/2rhujd4vukzvn.js","/chat-static/_next/static/immutable/chunks/15t4b5trqxj36.js","/chat-static/_next/static/immutable/chunks/01enxheexz0xq.js","/chat-static/_next/static/immutable/chunks/2ty0n8drxrqfs.js","/chat-static/_next/static/immutable/chunks/1sp09rcaj9_la.js","/chat-static/_next/static/immutable/chunks/408m_6lxo2us-.js"],"SWRDataProvider"] 9f:[] a0:[["cqYwJHeuAaF","b_Fqljqw1wfvt"]] a1:[["cqYwJHeuAaF",{"templateVersionId":null,"templateCanonId":null}]] a2:[["cqYwJHeuAaF","$D2026-01-22T17:27:38.154Z"]] a3:[["cqYwJHeuAaF",false]] a4:[["cqYwJHeuAaF",{"git":{"ref":"main","sha":"187a3c1248dd59c502dd7598789db718257bcffe","type":"github","repoId":0,"repoName":"v0-shinetogether-ngo-website-ai","ownerName":"Emmanuel-GO","commitMessage":"Initialized repository for chat Website redesign (2)"},"deploymentId":"dpl_79uSVt1tvG9dRfvTUfENuKH8LJCm"}]] a5:[["cqYwJHeuAaF",null]] a6:[["cqYwJHeuAaF",true]] a7:[["cqYwJHeuAaF",true]] a8:[] a9:T2469c,[V0_FILE]css:file="app/globals.css" @import 'tailwindcss'; @import 'tw-animate-css'; @custom-variant dark (&:is(.dark *)); :root { --background: oklch(0.985 0.001 263.882); --foreground: oklch(0.2 0 0); --card: oklch(0.995 0.001 263.882); --card-foreground: oklch(0.2 0 0); --popover: oklch(0.995 0.001 263.882); --popover-foreground: oklch(0.2 0 0); --primary: oklch(0.68 0.1 251.813); --primary-foreground: oklch(0.98 0 0); --secondary: oklch(0.92 0.04 251.813); --secondary-foreground: oklch(0.2 0 0); --muted: oklch(0.92 0 0); --muted-foreground: oklch(0.55 0 0); --accent: oklch(0.65 0.12 251.813); --accent-foreground: oklch(0.98 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.985 0 0); --border: oklch(0.93 0 0); --input: oklch(0.965 0 0); --ring: oklch(0.68 0.1 251.813); --chart-1: oklch(0.68 0.1 251.813); --chart-2: oklch(0.65 0.12 251.813); --chart-3: oklch(0.72 0.08 251.813); --chart-4: oklch(0.6 0.09 251.813); --chart-5: oklch(0.75 0.08 251.813); --radius: 0.75rem; --sidebar: oklch(0.995 0.001 263.882); --sidebar-foreground: oklch(0.2 0 0); --sidebar-primary: oklch(0.565 0.133 251.813); --sidebar-primary-foreground: oklch(0.98 0 0); --sidebar-accent: oklch(0.85 0.065 251.813); --sidebar-accent-foreground: oklch(0.2 0 0); --sidebar-border: oklch(0.93 0 0); --sidebar-ring: oklch(0.565 0.133 251.813); } .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); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.269 0 0); --accent-foreground: oklch(0.985 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: '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]json:file="package.json" { "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", "qrcode": "1.5.4" }, "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/layout.tsx" import 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: 'SHINETOGETHER - Touching Lives Through Education & Compassion', description: 'A non-profit organization focused on education sponsorships, giveaways, humanitarian outreach, and life-changing community programs.', 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/navigation.tsx" 'use client' import { useState } from "react" import Link from 'next/link' import Image from 'next/image' import { useEffect } from 'react' import { Menu, X, LogIn } from 'lucide-react' import { LoginModal } from './login-modal' export function Navigation() { const [mobileMenuOpen, setMobileMenuOpen] = useState(false) const [showLogin, setShowLogin] = useState(false) const [isAuthenticated, setIsAuthenticated] = useState(false) // Check if user is authenticated on mount useEffect(() => { const authStatus = localStorage.getItem('admin_authenticated') setIsAuthenticated(authStatus === 'true') }, []) const navLinks = [ { href: '/', label: 'Home' }, { href: '/about', label: 'About' }, { href: '/programs', label: 'Programs' }, { href: '/giveaways', label: 'Giveaways' }, { href: '/success-stories', label: 'Success Stories' }, { href: '/contact', label: 'Contact' }, ] const handleLoginSuccess = () => { setIsAuthenticated(true) setShowLogin(false) setMobileMenuOpen(false) } const handleLogout = () => { localStorage.removeItem('admin_authenticated') setIsAuthenticated(false) } return (

{/* Logo */}

SHINETOGETHER {/* Desktop Navigation */}

{navLinks.map((link) => ( {link.label} ))} {/* Admin Login Button or Dashboard Link */} {isAuthenticated ? ( <> Admin Dashboard ) : ( )}

{/* Mobile Menu Button */}

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

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

)}

{/* Login Modal */} {showLogin && }

) } [V0_FILE]typescriptreact:file="components/footer.tsx" 'use client' import Link from 'next/link' import Image from 'next/image' import { Facebook, Twitter, Instagram, Linkedin, Mail, MapPin, Phone } from 'lucide-react' export function Footer() { return ( ) } [V0_FILE]typescriptreact:file="components/hero.tsx" 'use client' import { useEffect, useState } from 'react' import { ChevronDown } from 'lucide-react' export function Hero() { const [displayText, setDisplayText] = useState('') const fullText = "Shining Hope. Changing Lives. Together." const [index, setIndex] = useState(0) useEffect(() => { if (index < fullText.length) { const timer = setTimeout(() => { setDisplayText(fullText.slice(0, index + 1)) setIndex(index + 1) }, 50) return () => clearTimeout(timer) } }, [index, fullText]) return (

{/* Decorative elements */}

{/* Main Headline - Word by Word Animation */}

{displayText} {index < fullText.length && ( | )}

{/* Mission Statement with fade-in */}

A non-profit organization dedicated to touching lives through education sponsorships, giveaways, humanitarian outreach, and life-changing community programs.

{/* CTA Buttons */}

Explore Programs Get Involved View Giveaways

{/* Scroll indicator */}

) } [V0_FILE]typescriptreact:file="components/impact-stats.tsx" 'use client' interface Stat { value: number label: string suffix?: string } const stats: Stat[] = [ { value: 1000, label: 'Lives Touched', suffix: '+' }, { value: 100, label: 'Students Sponsored', suffix: '+' }, { value: 5, label: 'Events Held', suffix: '+' }, { value: 400, label: 'Gifts Distributed', suffix: '+' }, ] function StatCounter({ target, label, suffix }: Stat) { return (

{target.toLocaleString()}{suffix}

{label}

) } export function ImpactStats() { return (

Our Impact

Measurable change in communities we serve

{stats.map((stat, index) => (

{stat.value.toLocaleString()}{stat.suffix}

{stat.label}

))}

) } [V0_FILE]typescriptreact:file="components/featured-programs.tsx" 'use client' import React from "react" import Image from 'next/image' import { BookOpen, Gift, Heart, Lightbulb } from 'lucide-react' interface Program { id: number icon: React.ReactNode title: string description: string color: string image: string } const programs: Program[] = [ { id: 1, icon: , title: 'Education Sponsorships', description: 'Provide scholarships and educational support to talented students from underprivileged backgrounds.', color: 'bg-blue-50', image: '/education.jpg', }, { id: 2, icon: , title: 'Community Giveaways', description: 'Regular giveaway sessions that distribute essential items and gifts to deserving families and individuals.', color: 'bg-emerald-50', image: '/giveaway.jpg', }, { id: 3, icon: , title: 'Humanitarian Outreach', description: 'Comprehensive humanitarian programs focused on disaster relief and community welfare.', color: 'bg-pink-50', image: '/humanitarian.jpg', }, { id: 4, icon: , title: 'Empowerment Initiatives', description: 'Life-changing programs that empower individuals with skills and opportunities for better futures.', color: 'bg-amber-50', image: '/empowerment.jpg', }, ] export function FeaturedPrograms() { return (

Our Programs

Transforming lives through strategic initiatives and meaningful community engagement

{programs.map((program) => (

{/* Image */}

{/* Content */}

{program.icon}

{program.title}

{program.description}

Learn more →

))}

) } [V0_FILE]typescriptreact:file="app/page.tsx" import { Navigation } from '@/components/navigation' import { RollingBanner } from '@/components/rolling-banner' import { Hero } from '@/components/hero' import { StorySection } from '@/components/story-section' import { ActiveProgram } from '@/components/active-program' import { ImpactStats } from '@/components/impact-stats' import { FeaturedPrograms } from '@/components/featured-programs' import { Footer } from '@/components/footer' export default function Home() { return ( <>

{displayText} {index < fullText.length && ( | )}

Our Impact

Our Programs

{program.title}

About SHINETOGETHER

Our Vision

Our Mission

Our Core Values

{value.title}

About the Founders – Shine Together Foundation

Our Programs

{program.title}

Key Objectives

Ready to Make an Impact?

{item.title}

Hands-On Training

Career Support

Business Incubation

{story.title}

Get in Touch

Contact Information

Office Address

Email

Phone

Office Hours

Follow Us

Send Us a Message

Our Reach Across Africa

Current Focus: Nigeria

Frequently Asked Questions

Admin Dashboard

Current Focus: Nigeria

Admin Dashboard