# Project Summary
The KITE WALLET project is a cross-chain cryptocurrency wallet designed to facilitate seamless transactions across Ethereum, Solana, Tron, and Hyperliquid. Targeting crypto enthusiasts, the platform showcases the wallet's features with a playful, beach-themed design. Users can explore the site, learn about functionalities, and understand the team's background, which highlights their experience from the Leap Wallet team.

# Project Module Description
The project includes several functional modules:
- **Navigation**: A responsive navbar for easy access to different sections.
- **Homepage**: Highlights features and emphasizes the team's background from Leap Wallet, with a call-to-action for joining a waitlist.
- **Team Page**: Introduces team members with bios that include their previous roles at Leap Wallet.
- **SEO Scripts**: Manages SEO functionalities, including sitemap generation.
- **Waitlist Page**: Allows users to submit their email to join the waitlist.
- **Contact Page**: Provides a way for users to express interest in joining the team.

# Directory Tree
```
app/
└── frontend/
    ├── README.md                  # Project overview and setup instructions
    ├── components.json            # Component structure and metadata
    ├── eslint.config.js           # ESLint configuration
    ├── index.html                 # Main HTML entry point
    ├── package.json               # Project dependencies and scripts
    ├── postcss.config.js          # PostCSS configuration
    ├── public/                    # Public assets
    │   ├── favicon.svg            # Site favicon
    │   └── robots.txt             # Robots.txt for SEO
    ├── seo-scripts/               # Scripts for SEO tasks
    ├── site.config.json           # Site configuration
    ├── src/                       # Source files
    │   ├── App.css                # Global styles
    │   ├── App.tsx                # Main application component
    │   ├── components/            # UI components
    │   ├── hooks/                 # Custom hooks
    │   ├── lib/                   # Utility functions and API calls
    │   ├── pages/                 # Page components
    │   ├── index.css              # Styles for the application
    │   ├── vite.config.ts         # Vite configuration
    ├── tailwind.config.ts         # Tailwind CSS configuration
    ├── todo.md                    # Development plan and tasks
    ├── tsconfig.app.json          # TypeScript configuration for app
    ├── tsconfig.json              # General TypeScript configuration
    ├── tsconfig.node.json         # TypeScript configuration for Node
    └── vite-env.d.ts              # Vite environment types
```

# File Description Inventory
- **README.md**: Overview of the project and setup instructions.
- **index.html**: Entry point for the application.
- **src/App.tsx**: Main application component managing routes and providers.
- **src/pages/**: Contains individual page components, including Home, Team, Waitlist, and Contact.
- **src/components/**: UI components used throughout the application, including the Footer.
- **src/hooks/**: Custom hooks for state and effect management.
- **src/lib/**: Utility functions and API interactions.
- **tailwind.config.ts**: Configuration for Tailwind CSS styles.
- **todo.md**: Development plan outlining design guidelines and tasks.

# Technology Stack
- **React**: Frontend framework for building user interfaces.
- **TypeScript**: Enhances type safety and developer experience.
- **Tailwind CSS**: Utility-first CSS framework for styling.
- **Vite**: Modern build tool for web applications.
- **React Router**: For managing application routes.
- **TanStack Query**: For data fetching and state management.

# Usage
To get started with the KITE WALLET project:
1. Install dependencies:
   ```
   cd app/frontend
   pnpm install
   ```
2. Build the project:
   ```
   pnpm run build
   ```
3. Lint the project:
   ```
   pnpm run lint
   ```
