feat: add AboutUs component

[BIA3IA]

closes #20

[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: 3d5ef7dd-7a98-44c7-862b-da9f95fa1456

📥 Commits

Reviewing files that changed from the base of the PR and between 59d18ff and 36fe822.

📒 Files selected for processing (2)

• src/app/page.tsx
• src/components/home/about-us.tsx

✅ Files skipped from review due to trivial changes (1)

• src/app/page.tsx

🚧 Files skipped from review as they are similar to previous changes (1)

• src/components/home/about-us.tsx

---

Walkthrough

Inserted a new exported AboutUs React component and added it to the Home page render between Materials and the social/contact CardMultipleIcons section; no public signatures or control flow changes beyond additional UI rendering.

Changes

Cohort / File(s)	Summary
Home page src/app/page.tsx	Imported and rendered the new <AboutUs /> component in the Home page JSX (inserted between Materials and CardMultipleIcons). No changes to function signature or state.
AboutUs component src/components/home/about-us.tsx	Added exported AboutUs component: full-width centered <section> with multi-line Italian headline, gradient text spans, and a Button (variant="primary", size="lg") labeled "About us".

Possibly related PRs

• feat: Materials component and update Home page layout #59: Adds/imports an AboutUs component into src/app/page.tsx, related to the same Home page UI change.

🚥 Pre-merge checks | ✅ 3 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (3 passed)

Check name	Status	Explanation
Title check	✅ Passed	The PR title clearly and concisely describes the main change: adding a new AboutUs component.
Linked Issues check	✅ Passed	The PR adds the AboutUs component as required by issue #20 (Home - about), fulfilling the primary coding objective.
Out of Scope Changes check	✅ Passed	All changes are directly related to adding the AboutUs component; no unrelated modifications detected.

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

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

---

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

[coderabbitai]

Actionable comments posted: 1

🧹 Nitpick comments (1)

src/components/home/about-us.tsx (1)

9-26: Consider accessibility and i18n consistency.

A few observations:

1. Language mixing: The headline is in Italian but the button text is in English ("About us"). Consider localizing the button text to Italian (e.g., "Chi siamo") for consistency, or implementing proper i18n.

2. Empty span for layout: Line 23 uses an empty <span /> as a layout placeholder. While functional, using CSS to handle this case might be cleaner (e.g., col-start-2 on the gradient span).

♻️ Alternative for the empty span

-          <div className="grid grid-cols-[auto_auto] justify-center">
-            <span />
-            <span className={gradientText}>community.</span>
-          </div>
+          <div className="flex justify-center">
+            <span className={gradientText}>community.</span>
+          </div>

🤖 Prompt for AI Agents

Verify each finding against the current code and only fix it if needed.

In `@src/components/home/about-us.tsx` around lines 9 - 26, The headline mixes
Italian copy while the button reads "About us" and an empty <span /> is used for
layout; update the button text to Italian (e.g., "Chi siamo") or wire it to your
i18n utility so language is consistent, and remove the empty placeholder span by
adjusting layout CSS on the gradient span (use grid column positioning like
col-start-2 / justify-center or similar) instead of the empty element; target
the JSX in the about-us.tsx component and the element using the gradientText
class to apply the CSS change.

🤖 Prompt for all review comments with AI agents

Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@src/components/home/about-us.tsx`:
- Around line 28-30: The Button component currently has no interaction or
semantic intent; update the Button (component name: Button in
src/components/home/about-us.tsx) to either act as a navigation link using
asChild with Next.js Link (use Button with asChild wrapping Link to "/about") or
add an explicit onClick handler if it triggers an action, and always include
type="button" to avoid accidental form submissions; if this is placeholder work,
add a TODO comment and set type="button" to make it safe.

---

Nitpick comments:
In `@src/components/home/about-us.tsx`:
- Around line 9-26: The headline mixes Italian copy while the button reads
"About us" and an empty <span /> is used for layout; update the button text to
Italian (e.g., "Chi siamo") or wire it to your i18n utility so language is
consistent, and remove the empty placeholder span by adjusting layout CSS on the
gradient span (use grid column positioning like col-start-2 / justify-center or
similar) instead of the empty element; target the JSX in the about-us.tsx
component and the element using the gradientText class to apply the CSS change.

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 620f7f40-1da7-46e1-b703-cc446f4c7819

📥 Commits

Reviewing files that changed from the base of the PR and between 135767a and 59d18ff.

📒 Files selected for processing (2)

• src/app/page.tsx
• src/components/home/about-us.tsx

[lorenzocorallo]

Will change