create individual product pages

[proiacm]

Description 💻

Adds styles to all individual product pages

Implementation 💡

creates a responsive individual product page for all products comps

NOTE: Content is the same, we are still waiting on copy from client

Type of change

• [ ] Bug fix
• [x] New feature

How to test 🔍

• npm i
• npm run dev
• navigate to http://localhost:3000/
• click on "Products"
• click through each product and confirm title and bg image is correct
• content is the same and will be updated when copy is received from client

Screenshots/Demos 📷

Checklist ✅

• [x] Changes have been thoroughly tested
• [x] I have looked over the diffs
• [x] I have moved the Github ticket on the board
• [x] I have requested a review of this PR

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Skipped Deployment

| Name | Status | Preview | Comments | Updated (UTC) | | :--- | :----- | :------ | :------- | :------ | | **sofo-foods** | ⬜️ Ignored ([Inspect](https://vercel.com/sofo-foods/sofo-foods/7emZjUZMCVAZFcj5ZchrJVfZ5JBm)) | | | Oct 23, 2024 5:00pm |

[proiacm]

@acushlakoncept I completely agree and yes I considered this but we are still determining where the inventory for each product will come from in the long run, whether it will be static or dynamic, so I just used the same content in the meantime until we have more info. In the meantime, I can move to another file.