[feat] Hero Section on Landing Page

[AdamsGeeky]

📌 Component Overview

Create the top hero section that introduces Community Ink. This should contain a catchy headline, a short description, and a call-to-action button.

🧱 UI Elements & Interactions

• Headline text
• Supporting text
• Primary button with hover effect

Tasks:

• Design and build the Hero section using ShadCN components
• Add a CTA button (e.g., "Join Now", "Explore")
• Make it responsive for mobile

📚 Learning Resources (Required Before Starting)

• Building Hero Sections in Next.js
• Responsive Design with Tailwind

✅ Prerequisites

• Basic understanding of React functional components
• Familiar with TailwindCSS utility classes
• Knows how to use useState, useEffect, and props
• Has installed Node.js and run a Next.js app locally

📷 Design References or Screenshots (Optional)

No response

💡 Additional Notes

No response

[AdamsGeeky]

working on this