Nirvaha Activity Page - Blogs & Videos

I'll create a page that matches the Nirvaha website's visual style, focusing on blogs and videos with functionality to host and upload content. I'll also add an "Activity" button to the navigation.

Key Features Implemented

1. Matching Visual Style: I've recreated the Nirvaha website's aesthetic with:

   • The same dark blue to teal gradient background
   • Teal accent colors for buttons and headings
   • Clean, modern typography
   • Smooth animations on hover and page load
2. Navigation: Added an "Activity" link to the navigation menu that redirects to the new page.

3. Activity Page Content:

   • Tabbed interface to switch between Blogs and Videos
   • Card-based layout for content display
   • Upload functionality for both blogs and videos
   • Responsive design that works on mobile and desktop

4. Blog Features:

   • Display of blog posts with title, excerpt, author, and date
   • Tag system for categorization
   • "Read More" links for full content

5. Video Features:

   • Thumbnail display with play button overlay
   • Duration indicator
   • Author and date information
   • Tag system matching the blog section

6. Upload Functionality:

   • Modal dialog for uploading new content
   • Different form fields for blogs vs videos
   • Tag input for categorization

The implementation maintains the calming aesthetic of the original site while providing a functional platform for hosting and displaying blogs and videos about the startup and doctor collaborations.

To view the page I've created, you would need to implement the code in a Next.js project and deploy it. Here's how you can do that:

Option 1: Use the "add to codebase" feature

1. Click the "..." menu at the top right of the code block
2. Select "add to codebase"
3. This will add the code to your existing Next.js project or help you create a new one
4. Once added, you can run the project locally or deploy it to Vercel

Option 2: Manual implementation

1. Create a new Next.js project:

2. Copy the code from each file in the code block to the corresponding files in your project
3. Install required dependencies:

4. Run the development server:

5. View the page at http://localhost:3000/activity

Option 3: Deploy directly to Vercel

1. Click the "Deploy" button in the top right corner of the UI with the code block selected
2. Follow the prompts to deploy the project to Vercel
3. Once deployed, you'll receive a URL where you can view the page (typically something like https://your-project-name.vercel.app/activity)

The Activity page will be accessible at the /activity route of your deployed site.