Hero Section, Navbar & About Section Implementation

[AbinVarghexe]

Hero Section, Navbar & About Section Implementation

Description

Implement the Hero Section including the Navbar and ensure full responsiveness. The design should match exactly as shown in the Figma file.

Additionally, implement the About Section using the Bento Grid layout with placeholder images as shown in the design.

---

Tasks

Hero Section & Navbar

• Implement the Hero Section as per the Figma design.
• Ensure the Navbar matches the design exactly.
• Make both the Hero Section and Navbar fully responsive across all screen sizes.

About Section

• Implement the About Section as per the Figma file.
• Use the Bento Grid layout properly.
• Include placeholder images as per the design.

---

Requirements

✅ Maintain pixel-perfect accuracy with the Figma design.
✅ Ensure responsiveness on all devices.
✅ Use clean and optimized code following best practices.

---

Resources

🔗 Figma File: IEDC Website Design

---

Assignee

👤 @aibaljose

Priority: 🔴 High
Status: ⏳ In Progress