Skip to content

Add MP Digital homepage with hero SVG, GSAP animations and responsive styles - #3

Open
Dannyytta wants to merge 1 commit into
mainfrom
codex/identify-technologies-used-in-repository-nihnd9
Open

Add MP Digital homepage with hero SVG, GSAP animations and responsive styles#3
Dannyytta wants to merge 1 commit into
mainfrom
codex/identify-technologies-used-in-repository-nihnd9

Conversation

@Dannyytta

Copy link
Copy Markdown
Collaborator

Motivation

  • Provide a full landing page for MP Digital with a branded hero, clear product and supplier sections, and responsive navigation.
  • Introduce subtle motion to the hero to improve perceived polish and guide attention using GSAP.

Description

  • Add gsap to package.json and include a new hero illustration at public/hero-corporate.svg.
  • Replace src/pages/index.astro with a complete Spanish landing page including content arrays (supplierPoints, productCards, storyBullets) rendered via map, accessible navigation, and CTA links.
  • Embed client-side behavior that runs a GSAP timeline for the hero (runHeroAnimation) and implements a keyboard- and click-aware nav toggle with ARIA attributes.
  • Add comprehensive responsive CSS and layout rules in the same file to style header, hero, supplier/product/story sections and mobile behaviors.

Testing

  • Ran npm install and npm run build (the Astro build) and the build completed without errors.
  • No automated unit tests were present; visual/manual verification performed during the build succeeded.

Codex Task

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant