add cursor pointers & components

[AmjustGettingStarted]

PR Summary: Carousel UI & UX Enhancements

This PR improves the visual quality, interactivity, and smoothness of the car brand carousel on the homepage. The update includes layout fixes, UI styling upgrades, and smoother loop behavior while keeping the component lightweight and easy to maintain.

---

Key Changes

1. Replaced basic div structure with shadcn <Card />

• Added proper Card + CardContent to match shadcn UI standards
• Updated styling to modern, clean card design
• Removed borders for a lighter aesthetic

---

2. Added smooth hover interactions

• Subtle lift-up animation (hover:-translate-y-1)
• Increased elevation (hover:shadow-xl)
• Ensured buttery-smooth transitions with duration-300

---

3. Fixed carousel clipping issues

• Applied overflow-visible to <CarouselContent />
• Enables card scale and shadow expansion without clipping
• Required for proper hover interactions

---

4. Improved slide layout for multi-visible items

• Set slide width using basis-[16.66%]
• Displays 6 items at a time on large screens
• Keeps layout consistent and grid-like
• Works cleanly with Embla loop mode

---

5. Enabled smooth looping + drag behavior

• loop: true now operates without visible snapping
• dragFree: true for smoother manual scroll experience
• No more “last two slides sticking together”

---

6. Cleaned up markup

• Removed unused borders and unnecessary wrappers
• Ensured consistent spacing with px-2
• Simplified class names for readability

---

Resulting UX Improvement

• Carousel now looks modern and consistent with the rest of the UI
• Hover effects feel lively instead of being clipped
• Looping feels smoother and more natural
• Uses shadcn components for cleaner, maintainable code
• Users can see more brands at a glance (5–6 visible at once)

---

No breaking changes

• Component API unchanged
• Works with existing carMakes array
• Fully backwards compatible

---

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
ai-x-car	Error			Dec 7, 2025 4:47pm