chore: Update button colors (#3277)

[KATO-Hiro]

close #3277

Summary by CodeRabbit

• Style
  • Reorganized home page button layout with refined styling and improved visual hierarchy for enhanced navigation clarity.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: a6a72c21-0d3b-4765-b003-95ba55491363

📥 Commits

Reviewing files that changed from the base of the PR and between 8c461c4 and 9722a78.

📒 Files selected for processing (1)

• src/routes/+page.svelte

---

Walkthrough

The home page layout is restructured by modifying button styles and organization. The PROBLEMS_PAGE button transitions from outline to standard styling, while the ABOUT_PAGE button changes from a colored multi-line layout to an outline button with inline text and icon.

Changes

Cohort / File(s)	Summary
Home Page Button Styling src/routes/+page.svelte	Updated button layout and styles: PROBLEMS_PAGE changed from outline to standard button; ABOUT_PAGE changed from colored multi-line button to outline button with "使い方を見る" label and ArrowRight icon.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~5 minutes

Poem

🐰 Hop, hop, buttons dance in a line,
From colored coats to outlines so fine,
The homepage glows with a fresher appeal,
Two buttons now guide what users will feel,
With arrows and text in perfect detail! ✨

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title 'chore: Update button colors' accurately describes the main change of modifying button styling in the pull request.
Linked Issues check	✅ Passed	The pull request closes issue #3277 regarding fixing home button colors, and the code changes align with updating button styling in the home page.
Out of Scope Changes check	✅ Passed	All changes are focused on button layout and styling in the home page component, directly related to the linked issue about fixing button colors.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch #3277

📝 Coding Plan

• Generate coding plan for human review comments

---

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.}

Tip

You can generate walkthrough in a markdown collapsible section to save space.

Enable the reviews.collapse_walkthrough setting to generate walkthrough in a markdown collapsible section.

[KATO-Hiro]

LGTM