Refine site branding and hero layout

[Siedlerchr]

Summary

• bundle Bebas Neue locally and apply the logo color to header and footer branding
• correct footer brand-link spacing and preserve screenshot glows in dark mode
• put the hero heading first and move the free-and-open-source label below its sub-heading

Fixes #19
Fixes #21

Validation

• pnpm generate

[qodo-free-for-open-source-projects]

Code Review by Qodo

🐞 Bugs (0) 📘 Rule violations (0) 📎 Requirement gaps (0)

Great, no issues found!

Qodo reviewed your code and found no material issues that require review

Tip of the day

💡 Did you know, you can type 'qodo, fix this' on a finding and the fix lands right on your PR

More tips ↗ | Customize Qodo ↗ | Qodo docs ↗

[qodo-free-for-open-source-projects]

PR Summary by Qodo

Refine brand typography and hero content hierarchy

✨ Enhancement 🐞 Bug fix 🕐 10-20 Minutes

AI Description

• Applies locally bundled Bebas Neue and brand color to header and footer logos.
• Corrects footer logo spacing and retains screenshot glows across dark themes.
• Reorders hero messaging to prioritize the heading and supporting copy.

Diagram

graph TD
  A["Local Font"] --> B["Main Styles"] --> C["Header Brand"]
  B --> D["Footer Brand"]
  B --> E["Screenshot Glows"]
  F["Hero Template"] --> G["Hero Order"]

Loading

High-Level Assessment

The direct CSS and template adjustments are appropriate for this focused visual refinement. Local font hosting avoids an external runtime dependency, while the narrowly scoped footer override and removal of dark-mode shadow suppression preserve existing shared styling without introducing new components.

Files changed (2) +24 / -14

Enhancement (2) +24 / -14

main.cssApply branded typography and refine theme presentation +23/-13

Apply branded typography and refine theme presentation

• Registers the local Bebas Neue font and applies it with the primary color to shared branding. Corrects inherited footer-link spacing and allows screenshot shadows to remain visible in dark mode.

assets/main.css

index.vueReorder hero messaging for clearer hierarchy +1/-1

Reorder hero messaging for clearer hierarchy

• Moves the primary heading and supporting lead ahead of the free-and-open-source eyebrow, emphasizing the product message before its licensing label.

pages/index.vue