How natbabi/evergreen works
Evergreen Ethiopia is a bilingual nursery storefront for discovering highland-acclimatized plants and contacting horticulturists rather than completing an automated checkout. Visitors browse the landing page or searchable, filterable catalog, inspect specimen details, then send an inquiry to confirm availability and delivery. Care guidance, consultation paths, TikTok community content, theme and language preferences support that journey. The graph combines README-documented capabilities with source-index references and shown imports; unsampled runtime wiring is not assumed.
Main entry points: app/page.tsx Landing page · plants/page.tsx Plant catalog · PlantDetailClient.tsx Specimen details · PlantFinderSection.tsx Plant finder
Components 23
Plant Discovery
- Landing page
src/app/page.tsx - Plant catalog
src/app/plants/page.tsx - Specimen details
src/app/plants/[slug]/PlantDetailClient.tsx - Plant content
src/data/content.ts - Plant finder
src/components/PlantFinderSection.tsx - Catalog filters
src/components/PlantFilterBar.tsx - Plant cards
src/components/PlantCard.tsx
Care & Community
- Highland care guide
src/components/CareAccordions.tsx - Ordering steps
src/components/FourStepsProcess.tsx - Consultation paths
src/components/ThreePathsCards.tsx - TikTok spotlight
src/components/TikTokAudiencePanel.tsx
Inquiries & Contact
- Inquiry state
src/context/InquiryContext.tsx - Inquiry sheet
src/components/InquirySheet.tsx - Telegram
- Phone contact
Shared Experience
- Language preferences
src/context/LanguageContext.tsx - Bilingual content
src/data/content.ts - Theme preferences
src/context/ThemeContext.tsx - Floating navigation
src/components/FloatingNav.tsx - Mobile contact bar
src/components/StickyMobileBar.tsx - Contact footer
src/components/WordmarkFooter.tsx
Other components
- Visitor
Connections 29
- Visitor → Landing page: opens
README.md - Visitor → Plant catalog: browses
README.md - Plant catalog → Plant content: reads plants
src/app/plants/page.tsx - Plant catalog → Plant cards: renders
src/app/plants/page.tsx - Plant catalog → Catalog filters: uses filter IDs
src/app/plants/page.tsx - Visitor → Specimen details: opens specimen
README.md - Specimen details → Plant content: reads specimen
src/app/plants/[slug]/page.tsx - Landing page → Plant finder: renders
src/app/page.tsx - Landing page → Highland care guide: renders
src/app/page.tsx - Landing page → Ordering steps: renders
src/app/page.tsx - Landing page → Consultation paths: renders
src/app/page.tsx - Landing page → TikTok spotlight: renders
src/app/page.tsx - Plant finder → Plant content: reads plants
src/components/PlantFinderSection.tsx - Plant finder → Plant cards: renders
src/components/PlantFinderSection.tsx - Plant finder → Catalog filters: renders
src/components/PlantFinderSection.tsx - Visitor → Inquiry state: starts inquiry
README.md - Inquiry state → Inquiry sheet: provides state
src/components/InquirySheet.tsx - Inquiry sheet → WhatsApp: prefills request
README.md - Inquiry sheet → Telegram: offers contact
README.md - Inquiry sheet → Phone contact: offers calls
src/components/InquirySheet.tsx - TikTok spotlight → WhatsApp: links inquiries
src/components/TikTokAudiencePanel.tsx - Landing page → Floating navigation: renders
src/app/page.tsx - Landing page → Mobile contact bar: renders
src/app/page.tsx - Landing page → Contact footer: renders
src/app/page.tsx - Specimen details → Contact footer: renders
src/app/plants/[slug]/PlantDetailClient.tsx - Specimen details → Mobile contact bar: renders
src/app/plants/[slug]/PlantDetailClient.tsx - Language preferences → Bilingual content: selects translation
src/context/LanguageContext.tsx - Visitor → Theme preferences: changes appearance
README.md - Visitor → Language preferences: switches language
README.md