[80] Fixes for Hero component

[rmbarley]

Pull Request

Thanks for contributing to Hacktoberfest 2025!

Description

• Hero must start after the header (add top margin / offset). It must not sit under the header. (OBE)

  • I think this will be handled by updated/#11 - top header #91

• CTA button is not visible — implement it to match the design (size, color, text, placement). (OBE)

  • I tested the production code on Chrome, FireFox and Safari and could not replicate. I think this was a cascade issue that was fixed by cleaning up index.css

• Slider controls/buttons don’t match the design — update styling and spacing.

  • My selectors were wrong and I did not have 16px circles and 12px spacing. This is fixed

• Slider behavior:

  • Auto-advance every ~8s with a smooth transition.
    • Was previously set for 6s
  • Pagination buttons must allow manual change on click.
    • This was already in place
  • Add a subtle hover effect on pagination buttons.
    • Added a subtle glow and scale effect on hover
  • Ensure image order matches the design (check the design assets).
    • I had originally misunderstood what the empty circle in the design meant. These should be fixed based on the flow in Figma

• Active pagination button should be outlined (only outline for current slide).~

  • This was already in place

• Optional advanced: add a loading/progress state on the active pagination showing progress (e.g., 100% over 8s).

  • This was already in place but I made it a little more smooth and made the timing with the page transition better by overriding the slick-slider defaults.

Checklist

• My code builds and runs locally
• I’ve added/updated documentation if needed
• I’ve tested my changes
• I’ve linked related issues (if any)
• (Optional) I’ve credited myself with the All Contributors bot if this is my first contribution or a new contribution type

[rmbarley]

Since I haven't done this yet.

@all-contributors please add @rmbarley for Code

[allcontributors]

@rmbarley

I've put up a pull request to add @rmbarley! 🎉

[Alexandrbig1]

Thank you for your contribution, and congrats on your PR being approved!
We’re excited to have your work as part of Open Code Chicago’s Hacktoberfest 2025 project.