Skip to content

Feat/redisign#15

Merged
Creylay merged 4 commits into
mainfrom
feat/redisign
Jun 3, 2026
Merged

Feat/redisign#15
Creylay merged 4 commits into
mainfrom
feat/redisign

Conversation

@Creylay

@Creylay Creylay commented Jun 2, 2026

Copy link
Copy Markdown
Contributor

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 added 3 commits June 2, 2026 16:24
- Added PNG and SVG versions of the dash.AI isotipo.
- Introduced multiple logo variations: azul, dark, and light PNGs.
- Updated the existing SVG logo with improved structure and accessibility features.
…, footer, home, models, navbar, and plugins

- Created community.json for community-related texts in Portuguese.
- Added contribute.json detailing contribution guidelines and options in Portuguese.
- Introduced download.json for download instructions and requirements in Portuguese.
- Added footer.json containing footer information in Portuguese.
- Created home.json for homepage content in Portuguese.
- Introduced models.json for model descriptions and categories in Portuguese.
- Added navbar.json for navigation links in Portuguese.
- Created plugins.json for plugin information and marketplace details in Portuguese.
@Creylay Creylay merged commit c94ede3 into main Jun 3, 2026
1 of 2 checks passed
@Creylay Creylay mentioned this pull request Jun 3, 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