From eafa75332945789cd5a346c69c6ee7265f7afdf4 Mon Sep 17 00:00:00 2001
From: jhoniernem <jhonny30ca@gmail.com>
Date: Tue, 26 Sep 2023 11:47:50 -0500
Subject: [PATCH 1/2] Order components

---
 src/app/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index cd7cc11..74d83f8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,7 +3,7 @@ import { brands } from '~/mockData/mockBrands';
 import { TopSellers } from '~/components/containerCards/containerCards';
 import { createIconsTypes } from '~/utils/createIcons';
 import { ContainerPage } from './container_page';
-import CategoryCategory from '~/components/containerCards/containerCardsCategoty';
+// import CategoryCategory from '~/components/containerCards/containerCardsCategoty';
 // import { category } from '~/mockData/mockCategory';
 import BrandCategory from '~/components/containerCards/containerCardsBrands';
 import PaymentMethodsList from '~/components/paymentMethod/paymentMethodsList';
@@ -17,8 +17,8 @@ export default function Home() {
   return (
     <ContainerPage header={<MainCarousel />}>
       {/* <CategoryCategory category={category} /> */}
-      <BrandCarrousel />
       <TopSellers />
+      <BrandCarrousel />
       <BrandCategory brand={brands} />
       <Banner />
       <ReviewsContainer reviwes={reviews} />

From 37d4d2125c27269d2be731e54a916103c8068f91 Mon Sep 17 00:00:00 2001
From: jhoniernem <jhonny30ca@gmail.com>
Date: Tue, 26 Sep 2023 11:51:33 -0500
Subject: [PATCH 2/2] Resolve card dimensions, and position favorites button

---
 src/components/cards/ProductCard.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/cards/ProductCard.tsx b/src/components/cards/ProductCard.tsx
index 31adc3b..2c9210e 100644
--- a/src/components/cards/ProductCard.tsx
+++ b/src/components/cards/ProductCard.tsx
@@ -14,13 +14,13 @@ export function ProductCard({
   const [favorite, setFavorite] = useState(false);
   const handleFavorite = () => setFavorite((cur) => !cur);
   return (
-    <div className="p-6 shadow-md hover:shadow-xl rounded-md overflow-hidden bg-white w-[250px] min-h-[330px] relative space-y-3">
+    <div className="px-10 py-6 shadow-md hover:shadow-xl rounded-md overflow-hidden bg-white w-[270px] min-h-[415px] relative space-y-3 dark:text-text-lm">
       <Image
         src={imageSrc}
         alt="Cubre Volante"
-        width={245}
-        height={154}
-        className="w-[200px] h-[200px]"
+        width={500}
+        height={500}
+        className="w-full aspect-square"
       />
       <div>
         <h3 className="font-semibold mb-2 line-clamp-3">{title}</h3>
@@ -41,7 +41,7 @@ export function ProductCard({
       </div>
       <button
         onClick={handleFavorite}
-        className="group absolute right-2 top-0 w-8 aspect-square rounded-full bg-white p-0.5 grid place-content-center"
+        className="group absolute right-1 top-1 w-8 aspect-square rounded-full p-0.5 grid place-content-center"
       >
         <Heart
           className={