Fix text alignment between "Want Help in" heading and flipped text animation

[Copilot]

The animated text flip component was rendering at mismatched font sizes compared to the adjacent heading, causing visual misalignment across responsive breakpoints.

Changes

Alignment fixes:

• Matched flip component font sizes to heading: text-2xl xs:text-4xl sm:text-6xl md:text-7xl
• Unified font weights to font-bold for consistency
• Made padding responsive: py-1 sm:py-2 md:py-3
• Removed hardcoded text size from ContainerTextFlip to respect passed className

Build blockers fixed:

• Removed syntax error in button.tsx (d 'use client' → 'use client')
• Removed duplicate Footer declaration in footer.tsx
• Removed duplicate src prop in Image component

Screenshots

Desktop (1280x720)

Tablet (768x1024)

Mobile (375x667)

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• fonts.googleapis.com
  • Triggering command: next-server (v15.5.4) (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Misaligned flipped text with “Want Help in” text</issue_title>
<issue_description>The flipped text animation is not properly aligned with the “Want Help in” section.
I’m correcting the alignment so that the flipped text matches the layout and spacing of the main text for a consistent look.

</issue_description>

Comments on the Issue (you are @copilot in this section)

@kris70lesgo @Namitanaik07 here u go

• Fixes Misaligned flipped text with “Want Help in” text #81

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
as-help	Error			Nov 3, 2025 3:16pm