Skip to content

Feat/redesign#18

Merged
Creylay merged 6 commits into
mainfrom
feat/redesign
Jun 4, 2026
Merged

Feat/redesign#18
Creylay merged 6 commits into
mainfrom
feat/redesign

Conversation

@Creylay
Copy link
Copy Markdown
Contributor

@Creylay Creylay commented Jun 4, 2026

Summary

This PR replaces the existing single-page landing with a full Community Hub — a multi-route React application covering all of dashAI's public-facing content.


What changed

New architecture

  • Replaced the scroll-based single-page layout with a client-side hash router (#home, #models, #plugins, #contribute, #download, #community, #about)
  • Each route is an isolated React component — only the active route is mounted
  • Route transitions scroll to top; sub-anchors (#guide-*, #first-pr) navigate within /contribute and scroll to the target element

New pages

Route Content
#home Hero, app mockup carousel, module cards, featured models, GitHub releases feed, institutions
#models Filterable catalog of 60 models + 12 base abstractions
#contribute 8 contribution cards (plugins, PRs, no-code) + 8 specific guides with :target highlight
#download Native installers + pip install instructions
#plugins Coming soon page
#community Discord, newsletter, email
#about Mission, institutions, historical contributors

Internationalization

  • Kept i18next (same library as before)
  • Added Portuguese (PT) as a third language alongside ES and EN
  • Translations split into 9 namespaces: navbar, home, contribute, models, download, plugins, community, about, footer
  • Each component uses useTranslation("namespace") — no prop drilling

New components (components/community/)

  • SvgDefs — all SVG symbol definitions (logos, icons)
  • Navbar — sticky nav with language switcher dropdown (ES/EN/PT)
  • Footer
  • AppMockup — interactive carousel (3 slides: Datasets, Models, Generative) with circular navigation, tabs, arrows, dots, touch swipe, and keyboard
    support
  • Route components: HomeRoute, ContributeRoute, ModelsRoute, DownloadRoute, PluginsRoute, CommunityRoute, AboutRoute

Design system

  • Replaced Tailwind CSS with the Community Hub's own CSS design system (CSS custom properties, no utility classes)
  • Light-first palette based on the official dashAI Brand v2 colors
  • Module accent colors: datasets (orange), models (blue), generative (green), plugins (purple)

Live data

  • GitHub API fetch on load: updates version badge and activity releases feed
  • Graceful fallback to hardcoded content if API is unavailable

Files

  • app/page.tsx — hash router + GitHub API fetch
  • app/globals.css — new CSS design system
  • app/i18n.ts — updated with 9 namespaces and PT support
  • app/layout.tsx — updated metadata and Google Fonts
  • public/locales/{es,en,pt}/ — 9 JSON files per language
  • public/images/ — official dashAI Brand v2 logos (SVG + PNG)

@Creylay Creylay merged commit 61ab6b5 into main Jun 4, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant