General Design
Create a modern and clean user interface using a light color scheme.
Use a grid layout to structure the content into sections.
Employ subtle shadows and rounded corners for a touch of depth and softness.
Header Section
Design a header section with the title "Files & Folders" in a prominent font size and weight.
Include a button on the right side labeled "Show all" with a contrasting background color and white text.
Content Section
Design the main content section to display folders in a card-like layout.
Use a grid system with two columns on larger screens for optimal use of space.
Include a folder icon next to the folder name for better visual representation.
Below the folder name, display the number of files and their total size.
Within the card, use an unordered list to display individual file names.
Tailwind CSS Specifics
Utilize Tailwind's utility classes for styling throughout the design.
Leverage classes like container, mx-auto, px-4, py-8, flex, justify-betwee | A shadcn/ui and v0 generation - v0
