Skip to content

[REFACTOR] Landing Page#140

Open
CjuanRcris7 wants to merge 1 commit into
devfrom
refactor/139-nuxt-landing-page
Open

[REFACTOR] Landing Page#140
CjuanRcris7 wants to merge 1 commit into
devfrom
refactor/139-nuxt-landing-page

Conversation

@CjuanRcris7

Copy link
Copy Markdown
Collaborator

Summary

Migrate landing page to Vue components

Changes

New files:

  • FRONTEND-nuxt/app/components/landing/Hero.vue — hero section with logo, tagline, description, "Explore the graph" and "About" buttons, and a split layout featuring an animated SVG graph illustration
  • FRONTEND-nuxt/app/components/landing/Footer.vue — footer with institutional logos (BSC, INB/ELIXIR, OpenEBench, GitHub), each linking to its official website
  • FRONTEND-nuxt/app/components/landing/AboutModal.vueBModal-based About dialog
  • FRONTEND-nuxt/app/assets/css/main.scss — brand color palette defined as CSS custom properties so components and modals use the project branding instead of the default Bootstrap theme
  • FRONTEND-nuxt/app/assets/images/BSC-blue.svg
  • FRONTEND-nuxt/app/assets/images/github.svg
  • FRONTEND-nuxt/app/assets/images/logoINB-ELIXIR_ES.png
  • FRONTEND-nuxt/app/assets/images/logo_InSoLiTo.png
  • FRONTEND-nuxt/app/assets/images/openebench.gif
  • FRONTEND/src/images/logoINB-ELIXIR_ES.png — pre-existing untracked file

Modified files:

  • FRONTEND-nuxt/app/app.vue — composes LandingHero, LandingFooter, and LandingAboutModal; manages the showAbout state (ref) toggled by the Hero's about event, and includes an onExplore placeholder until the graph view is implemented
  • FRONTEND-nuxt/nuxt.config.ts — imports main.scss globally alongside Bootstrap CSS

Issues

Closes #139

@CjuanRcris7 CjuanRcris7 self-assigned this Jul 8, 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