Fix: Resolve product carousel indicators, syntax errors, and broken i…

[tejask011]

Pull Request: Fix Carousel Navigation Indicators and Image Source Visibility

Description

This PR addresses and resolves the homepage product showcase carousel issue where navigation indicators did not slide the images or update associated product details. Additionally, all broken external theobroma.in and unsplash image URLs have been replaced with local verified assets to ensure 100% visibility across all platforms and networks.

Closes #685

What was changed

1. Interactive Carousel Mechanics:
   • Added class and indices to navigation indicators (.slider-dot with data-index) in index.html.
   • Implemented initProductCarousel scroll behavior in script.js to smoothly scroll to slides upon clicking dots and auto-highlight indicators when scrolling/swiping manually.
2. Syntax and Nesting Fixes:
   • Fixed broken inline style configurations inside the slider container in index.html.
   • Fixed missing closing brackets for .birthday-slider::-webkit-scrollbar selector in style.css.
   • Closed unclosed comment headers (/* === BROWNIE BLISS GLOW CURSOR */ and `/* === BROWNIE BLISS ANIMATED )

##Screen Recording

Screen.Recording.2026-06-05.182931.mp4

Acceptance Criteria Checklist

• Clicking any carousel indicator changes the active slide.
• Corresponding product image is displayed.
• Product information updates correctly.
• Active indicator is highlighted.
• Functionality works on desktop, tablet, and mobile devices.
• All images display reliably.

[vercel]

@tejask011 is attempting to deploy a commit to the adithyansubramani1-1657's projects Team on Vercel.

A member of the Team first needs to authorize it.