feat: redesign card carousel with modern layout and improved visuals

- Updated card component design from image background to structured layout with separate content and image sections
- Added dedicated image container with proper scaling and positioning for product images
- Refined typography with new styling for category, title and description text
- Increased gap between carousel cards from 4 to 6 units for better spacing
- Adjusted card dimensions and padding for better responsive behavior
- Update

src/pages/home/HomeAurora.tsx

@@ -8,7 +8,7 @@ export  function HomeAurora() {
       className="relative bg-cover sm:bg-contain bg-right bg-no-repeat"
       style={{ backgroundImage: "url('/images/hero11.webp')" }}
     >
-      <div className="mx-auto max-w-7xl lg:px-8">
+      <div className="mx-auto max-w-7xl lg:px-4">
         <div className="px-6 pt-12 pb-24 sm:pb-32 lg:col-span-5 lg:px-0 lg:pt-40 lg:pb-48 xl:col-span-5">
           <div className="mx-auto max-w-3xl lg:mx-0">
             <div className="hidden sm:flex">