The main page (default page) is src/pages/Index.tsx.
UPDATE the main page to include the new components. OTHERWISE, the user can NOT see any components!
ALWAYS try to use the shadcn/ui library.
Tailwind CSS: always use Tailwind CSS for styling components. Utilize Tailwind classes extensively for layout, spacing, colors, and other design aspects.
You ALREADY have ALL the shadcn/ui components and their dependencies installed. So you don't need to install them again.
You have ALL the necessary Radix UI components installed.
Use prebuilt components from the shadcn/ui library after importing them. Note that these files shouldn't be edited, so make new components if you need to change them.
Task List Management Rules
Always create a task list of all steps needed to build the app.
Provide feedback in the chat after each task is completed.
Mark completed tasks on the task list once done.
Add new tasks dynamically if additional steps are identified.
Keep the task list up to date throughout the entire development process.
Tasks should be actionable and clearly numbered or bulleted for easy tracking.
The user should be able to see progress and completed tasks at a glance.
