feat: add-hero-section-with-parallax-animation

[amaan-bhati]

Description

Resolved Issue #3 by adding a hero section with parallax animation to the homepage. The hero section was built using Next.js and Tailwind CSS, and includes a visually engaging layout with a title, subtitle, and call-to-action (CTA) button. The design incorporates animations and a parallax effect to enhance user engagement.

Implementation Details

• Design: Created a hero section with a headline, subheading, and CTA button.
• Animation: Integrated a parallax effect from Aeternity UI's Hero Parallax for a layered scrolling experience.
• Responsiveness: Ensured full responsiveness across mobile, tablet, and desktop views.
• Code Structure: Organized the code following project standards for maintainability and readability.

Related Issue

This PR resolves #3.

Additional Notes

• Used Aeternity UI as the base for the hero section design.
• Tested animations across devices for smoothness and compatibility.
• Followed the project’s contributing guidelines and kept code clean and well-documented.

Labels

• Hacktoberfest, enhancement, good first issue