Implementation of the Navbar and Herosection(Website)

[DanielEmmanuel1]

Pull Request: Implementation of the Navbar and Herosection

Description

This PR implements the core UI components including the navigation system and hero section for the Trajectfi platform. The implementation includes a responsive navbar, collapsible sidebar, and a visually appealing hero section with gradient effects and NFT showcase.

Changes Made

1. Layout System

• Implemented base layout with Geist font integration
• Added responsive container structure
• Set up dark theme color scheme

2. Navigation Components

Navbar

• Added top navigation bar with:
  • Search functionality
  • Notification bell icon
  • Wallet connection button
  • Responsive design for mobile/desktop views

3. Hero Section

• Implemented hero section with:
  • Gradient background effects
  • Responsive text layout
  • Call-to-action buttons
  • Statistics display
  • NFT showcase image
• Added responsive design breakpoints
• Implemented smooth animations and transitions

Visual Changes

• Dark theme implementation (#080a1f base)
• Purple accent colors (#8358FF)
• Gradient overlays for visual depth
• Responsive layout adjustments
• Interactive hover states

Screenshots

Desktop view

Mobile view

Related Issues

• Build the Navbar and Hero Section #3