Update refferal link

[Adammatthiesen]

Update hostinger referral link (and lint file)

Summary by CodeRabbit

• Style

  • Minor layout and spacing adjustments across sections, including repositioning of blog navigation elements for improved organization.

• Chores

  • Code refactoring and formatting improvements to enhance maintainability.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

📝 Walkthrough

Walkthrough

Homepage file updated with multi-line prop formatting for components, Hostinger referral link parameter change, blog showcase structure refactoring with repositioned Read More link, and minor spacing/text adjustments throughout the page.

Changes

Cohort / File(s)	Summary
Homepage Updates www/src/pages/index.astro	Multi-line prop formatting for Icon, Button, Image components; Hostinger referral link REFERRALCODE updated; blog showcase refactored with Read More link moved inside blog-info section; blog image quality attributes applied consistently (100 for hero, 10 for glow); minor text wrapping and margin adjustments; CSS color-mix rules reformatted

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related PRs

• Update to beta.31 #57: Modifies the same file (www/src/pages/index.astro) including Hostinger referral CTA and blog showcase link/image updates.

Suggested reviewers

• louisescher

Poem

🐰 Hop, hop, hooray! The home page glows,

With props aligned in tidy rows,

The blog link hops to a cozy nest,

And spacing blooms—the best, the best! ✨

Pre-merge checks and finishing touches

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title 'Update refferal link' is partially related to the changeset. While it accurately describes the Hostinger referral link update, it omits the significant linting and formatting changes that comprise most of the modifications. The title captures only one aspect of the change.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch update-refferal-link

---

📜 Recent review details

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 5cb6de6 and 3d5d8c7.

📒 Files selected for processing (1)

• www/src/pages/index.astro

🔇 Additional comments (10)

www/src/pages/index.astro (10)

80-84: LGTM! Improved formatting.

The multi-line prop formatting improves readability without changing behavior.

---

163-169: LGTM! Accessibility improvement.

The added aria-label enhances accessibility for screen readers, and the multi-line formatting improves code readability.

---

170-177: LGTM! Explicit quality setting.

Setting quality={100} ensures optimal visual quality for the decorative pattern image.

---

224-231: LGTM! Consistent image quality.

The explicit quality={100} setting maintains consistency with other decorative images.

---

312-312: LGTM! Layout refinement.

The explicit line break improves text flow for the section description.

---

349-363: Referral link updated successfully.

The Hostinger referral link has been updated with a new REFERRALCODE value as stated in the PR objective. The implementation properly uses:

• as="a" for semantic HTML
• target="_blank" with rel="noopener noreferrer" for security
• variant="solid" for explicit styling

Please verify that the new referral code (STUDIOCMS) and referral ID are correct for your affiliate program.

---

416-466: LGTM! Improved blog showcase structure.

The refactoring enhances the semantic structure by:

• Grouping the Read More link inside the blog-info section for better content hierarchy
• Adding explicit image quality settings (quality={100} for the main image, quality={10} for the glow effect)
• Wrapping title and description in blog-info-text for clearer organization

The changes maintain the same navigation target and improve the component's maintainability.

---

286-290: LGTM! Consistent formatting.

Multi-line prop formatting applied consistently with other Icon components throughout the file.

---

769-773: LGTM! CSS formatting improvement.

The multi-line color-mix formatting improves readability while maintaining identical color mixing behavior.

---

1099-1099: LGTM! Minor spacing adjustment.

The reduced margin-bottom value refines the spacing in the Hostinger CTA section.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}