Shop Page

[aaronchan32]

Reference: https://ucsddesign.co/shop

Tasks

• Create frontend styling for the Shop page
• Compress all photos to .webp and upload them to our Cloudinary
• Replace temporary photos with actual photos
• Use Button component in @/components/Button.tsx
• Consider using Radix Dialog or another library for modal (ensure the modal has a focus trap, supports Esc to close, darkened background that closes modal on click, and is accessible)
• Fix modal so that close button is fixed to top the top and use custom styled scrollbar
• Ensure the page is responsive

Tips

• Design mobile-first
• Have consistent styling with other pages by using SCSS variables defined in @/styles/variables.scss