GSsoc25_issue37: Fix SHOP NOW Buttons and Modernize Website Styling-solved

[satyajeetch1991]

🛠️ GSsoc25_issue37: Fix SHOP NOW Buttons and Modernize Website Styling

📌 Description

This PR addresses issue #37 by improving the website's UI/UX and updating button functionality.

---

✅ Changes Made

• ✔️ Fixed all SHOP NOW buttons by applying the new modern-btn class
• 🎨 Added modern CSS styling with gradient backgrounds
• 🌀 Implemented smooth animations and transitions for interactive elements
• 📱 Enhanced responsive design for all screen sizes
• 🪟 Added glassmorphism effects and redesigned modern cards
• ⚡ Improved user experience with interactive hover/click effects
• 📝 Updated all HTML files to include new modern styling classes

---

🔍 How to Test

1. Pull the latest branch
2. Open the website on desktop, tablet, and mobile
3. Verify:
   • All SHOP NOW buttons are styled and functional
   • Animations & transitions work smoothly
   • Cards show glassmorphism styling
   • Responsiveness is maintained across devices

---

📸 Screenshots

✅ After (Updated UI)

🗒️ Additional Notes

• Improves visual consistency & engagement
• No breaking changes introduced

---

✅ Checklist

• Code follows project guidelines
• Tested on multiple devices
• No console errors or warnings
• Linked to related issue

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
culinary-king-e-commerce-website-py2f	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 3, 2025 4:48pm

[netlify]

✅ Deploy Preview for competent-swartz-c72003 ready!

Name	Link
🔨 Latest commit	7cfcf75
🔍 Latest deploy log	https://app.netlify.com/projects/competent-swartz-c72003/deploys/688f92e030aeb00008063a12
😎 Deploy Preview	https://deploy-preview-40--competent-swartz-c72003.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[RajukrRaja]

Dear Contributor,

Thank you for your recent UI enhancements and creative work on the Culinary King project. Your efforts to modernize the site and add interactive features are truly appreciated and bring a fresh, modern look to our platform.

I did notice that the new background colors have slightly reduced the readability of some navigation menu items. Before merging, could you please review and adjust the contrast to ensure all nav items remain easily readable? This small tweak will help maintain an excellent experience for all users.

Thank you again for your valuable contribution and attention to detail. Please let me know if you have any questions or need support.

Best regards,
RajukrRaja
Mentor

[satyajeetch1991]

yes sure

[satyajeetch1991]

work done so kindly merge my pr

[RajukrRaja]

I noticed that the navigation menu items are wrapping to the next line, which affects the layout. Could you please adjust the styling so that all menu items stay aligned on a single row across all screen sizes?

Here’s the screenshot showing the issue:

Once this is fixed, your PR will be ready for final approval and merge.

Let me know if you need any guidance or example CSS to resolve this.

Best regards,
RajukrRaja
Mentor

[satyajeetch1991]

check all done and kindly go further for merge also add label of GSsoc25