03/08

core/components/home/GrabAnimal.tsx

@@ -29,10 +29,10 @@ const GrabAnimal = ({ grabAnimal, grabAnimal2 } : any) => {
                       {_.icon && (
                         <Image
                           src={_.icon}
-                          width={100}
-                          height={100}
+                          width={500}
+                          height={500}
                           alt=""
-                          className="md:object-cover"
+                          className="m-auto w-auto h-80"
                         />
                       )}
                     </div>
@@ -57,14 +57,14 @@ const GrabAnimal = ({ grabAnimal, grabAnimal2 } : any) => {
           {grabAnimal2?.map((_:any, i:any) => (
             <div key={i}>
               <div className="mx-auto bg-black justify-center  rounded-xl md:h-[364px] flex items-center ">
-                <div className="relative lg:w-[400px] h-64 overflow-y-hidden  ">
+                <div className="relative h-[364px] overflow-y-hidden  ">
                   {_.icon && (
                     <Image
                       src={_.icon}
                       alt=""
-                      width={100}
-                      height={100}
-                      className="object-cover"
+                      width={500}
+                      height={500}
+                      className="m-auto w-auto h-[364px] rounded-xl"
                     />
                   )}
                 </div>

core/components/home/MarketPlaceSection.tsx

@@ -23,9 +23,9 @@ const MarketPlaceSection = ({ slideData }: any) => {
 
   const settings = {
     dots: true,
-    infinite: true,
+    infinite: false,
     speed: 500,
-    slidesToShow: 1,
+    slidesToShow: 3,
     slidesToScroll: 1,
   };
 
@@ -75,7 +75,7 @@ const MarketPlaceSection = ({ slideData }: any) => {
     <section className="w-full mt-28">
       <div className=" bg-[#000]">
         <div className="md:w-4/5 mx-auto">
-          <div className="flex flex-col-reverse items-start px-6 mx-auto pb-16 lg:py-8 lg:h-[438px] overflow-y-hidden lg:flex-row-reverse max-w-7xl">
+          <div className="flex flex-col-reverse items-start px-6 mx-auto pb-16 lg:py-24  overflow-y-hidden lg:flex-row-reverse max-w-7xl">
             <div className="relative z-30 flex flex-col mb-8 lg:basis-1/2">
               <div className="flex lg:justify-end">
                 <div className="lg:w-3/4 text-[#A6A6A6]">
@@ -155,11 +155,12 @@ const MarketPlaceSection = ({ slideData }: any) => {
           Resources for Getting Started
         </p>
         <div className="mt-16">
-          { <div className="flex gap-6 oveflow-x-auto ">
-            {slideData &&
+          { 
+
+                <Slider ref={sliderRef} {...settings}  className="w-full">
+                {slideData &&
               slideData.map((_ : any, i: any) => (
-                <Slider ref={sliderRef} {...settings} key={i} className="">
-                  <div className=" bg-gray-100 rounded-xl">
+                  <div className=" bg-gray-100 rounded-xl" key={i}>
                     <div className="flex justify-between mb-8 h-full w-full ">
                       <div className="w-full h-[220px] rounded-xl">
                         <img
@@ -173,9 +174,10 @@ const MarketPlaceSection = ({ slideData }: any) => {
                       <p className="font-semibold">Quantity</p>
                     </div>
                   </div>
+                  ))}
                 </Slider>
-              ))}
-          </div> }
+
+          }
         </div>
       </div>
     </section>

core/components/home/index.tsx

@@ -61,12 +61,11 @@ const grabAnimal = [
 
 const grabAnimal2 = [
   {
-    title: "Breed Gen 1 Animals up to 7x",
-    icon: "/images/circle-tiger.png",
+    title: "Breed up to 7X",
+    icon: "/images/circle_tiger.png",
     description: (
       <>
-        First generation can breed up to 7x, while every future generation will
-        be able to breed 1 less time.
+        First generation can breed up to 7x, while every latter generation will be able to breed 1 less time.
       </>
     ),
   },
@@ -75,8 +74,7 @@ const grabAnimal2 = [
     icon: "/images/hippo.png",
     description: (
       <>
-        Start earning rewards as you lock liquidity into your NFT… like a
-        virtual piggy bank.
+        Start earning rewards as you lock liquidity into your NFT… like a virtual piggy bank.
       </>
     ),
   },