csia25/khumbu

Purpose and Runtime

This is a Lovable-managed, static React single-page site for an organization’s story, programs, impact, team, gallery, contact, and support content. It runs in the browser as a Vite-built TypeScript application using React, Tailwind CSS, and shadcn/ui. Development starts through the Vite entry configuration and production publishing is handled through Lovable. Key entry points: src/main.tsx, src/App.tsx, vite.config.ts.

Application Composition and Navigation

App.tsx is the application shell and likely owns client-side route selection/layout composition. Content is split into dedicated page-level views for major destinations, including the home page, programs, team, story, gallery, support, and fallback/not-found state. Paths: src/App.tsx, src/pages/Index.tsx, src/pages/NotFound.tsx.

Home Page Content Pipeline

The landing experience is assembled from reusable section components rather than a backend-driven CMS. It presents organizational overview, programs, process, impact, team, partners, testimonials, social content, contact, and support calls to action. Primary section boundary: src/pages/Index.tsx; representative content modules: src/components/Hero.tsx, src/components/Programs.tsx, src/components/Impact.tsx.

Shared Site Chrome and Interaction

Header/footer components provide persistent navigation and site framing. Scroll behavior is encapsulated in a reusable scroll-to-top component/hook, while an animated background supports the site’s visual layer independently from page content. Paths: src/components/Header.tsx, src/components/Footer.tsx, src/components/ScrollToTop.tsx.

Destination Pages

Individual routes isolate fuller versions of key content domains from the home-page summaries. Gallery, organizational story, programs, support, and team are independently maintained page boundaries, enabling navigation without a server API or data layer. Paths: src/pages/GalleryPage.tsx, src/pages/OurStoryPage.tsx, src/pages/ProgramsPage.tsx.

Design-System Boundary

The project includes a local shadcn/ui component library for accessible primitives such as buttons, cards, dialogs, forms, navigation, carousels, and toast feedback. Site-specific components should compose these primitives rather than duplicate common interaction behavior. Paths: src/components/ui/button.tsx, src/components/ui/card.tsx, src/components/ui/dialog.tsx.

Styling, Assets, and External Services

Global styling is centralized in src/index.css and src/App.css, with Tailwind configured in tailwind.config.ts. Static visual assets are bundled under src/assets, while public crawler and web-manifest assets sit under public. No backend, database, authentication provider, or explicit external API integration is represented in the tree. Material external platform boundary: Lovable project hosting/publishing; local package runtimes are Node/npm (with Bun lockfile also present).