feat: Add Bento Grid to "About Us" Page

[JustinhSE]

Overview

We need to enhance the "About Us" page by integrating a visually appealing and interactive Bento Grid. This will provide users with a structured layout to explore different sections related to our offerings. The grid will include "Verse Match," "Bible Chatbot," and "Verse Memorization." The "Bible Chatbot" and "Verse Memorization" sections should display a "Coming Soon" message upon hovering to inform users about upcoming features.

Tasks

Implement Bento Grid Layout

• Integrate the Bento Grid component on the "About Us" page.
• Ensure the grid is placed directly underneath the first section on the page.

Add Items to the Grid

• Verse Match: Fully functional and linked to the corresponding section.
• Bible Chatbot: Add static content with hover functionality to display "Coming Soon."
• Verse Memorization: Add static content with hover functionality to display "Coming Soon."

Resources

Bento Grid Documentation: Magic UI Bento Grid Documentation

[kittyy6969]

Hello, I would like to help you :)!

[JustinhSE]

@kittyy6969 was wondering what your approach to this is?