Merge branch 'develop' of https://github.com/aura-nw/landing-page int…

…o develop
aura-nw · Jul 16, 2024 · 6508102 · 6508102
2 parents 5a8e511 + 005dc02
commit 6508102
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 11 deletions.
diff --git a/package.json b/package.json
@@ -20,6 +20,7 @@
     "next": "^14.2.4",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-fast-marquee": "^1.6.5",
     "react-hook-form": "^7.52.0",
     "react-intersection-observer": "^9.11.0",
     "react-qr-code": "^2.0.14",

diff --git a/src/sections/explore/index.tsx b/src/sections/explore/index.tsx
@@ -59,7 +59,7 @@ function Explore() {
                 <div className='flex flex-col gap-5 lg:flex-row lg:flex-1 lg:bg-black-linear-gradient lg:pt-[120px]'>
                     <div className='border border-[#221F19] rounded-2xl bg-black-charcoal h-[252px] relative lg:flex-1'>
                         <div className='h-[120px]'>
-                            <Image className='w-full rounded-t-2xl h-[120px]' alt='' src={img_story_protocol} />
+                            <Image className='w-full rounded-t-2xl h-[120px] object-cover' alt='' src={img_story_protocol} />
                         </div>
                         <div className='flex flex-col absolute top-[84px] left-6 gap-6'>
                             <div className='w-16 h-16 rounded-xl border-4 border-[#221F19] bg-[#111111]'>
@@ -99,7 +99,7 @@ function Explore() {
                 <div className='flex flex-col gap-5 lg:flex-row lg:pt-[120px] lg:bg-black-linear-gradient lg:w-full'>
                     <div className='border border-[#221F19] rounded-2xl bg-black-charcoal h-[276px] relative lg:flex-1'>
                         <div className='h-[120px]'>
-                            <Image className='w-full rounded-t-2xl h-[120px]' alt='' src={img_aura_thumb} />
+                            <Image className='w-full rounded-t-2xl h-[120px] object-cover' alt='' src={img_aura_thumb} />
                         </div>
                         <div className='flex flex-col absolute top-[84px] gap-6 px-6 pb-6'>
                             <div className='w-16 h-16 rounded-xl border-4 border-[#221F19] bg-[#111111]'>
@@ -113,7 +113,7 @@ function Explore() {
                     </div>
                     <div className='border border-[#221F19] rounded-2xl bg-black-charcoal h-[276px] relative lg:flex-1'>
                         <div className='h-[120px]'>
-                            <Image className='w-full rounded-t-2xl h-[120px]' alt='' src={img_depip} />
+                            <Image className='w-full rounded-t-2xl h-[120px] object-cover' alt='' src={img_depip} />
                         </div>
                         <div className='flex flex-col absolute top-[84px] gap-6 px-6 pb-6'>
                             <div className='w-16 h-16 rounded-xl border-4 border-[#221F19] bg-[#111111]'>
@@ -181,7 +181,7 @@ function Explore() {
                             </div>
                             <div className='hidden lg:flex flex-col gap-4'>
                                 <span className='font-ppmori-semibold'>Monsterra</span>
-                                <Image className='w-full rounded-lg' alt='img_monsterra' src={img_monsterra} />
+                                <Image className='w-full rounded-lg object-cover' alt='img_monsterra' src={img_monsterra} />
                             </div>
                         </div>
 

diff --git a/src/sections/partners/index.tsx b/src/sections/partners/index.tsx
@@ -1,3 +1,5 @@
+import Marquee from "react-fast-marquee";
+
 const partners = [
     {
         name: "hashed",
@@ -210,13 +212,17 @@ function Parters() {
                 <span className="font-ppmori-semibold text-[32px] lg:text-[48px] text-center font-semibold leading-[40px] lg:leading-[56px]">Backed by the best</span>
             </div>
             <div className="relative overflow-hidden w-full">
-                <div className="flex gap-10 px-2 justify-center items-center lg:gap-16 lg:px-10 xl:flex-nowrap scrolling lg:hover:paused">
-                    {partners.map((item) => (
-                        <div key={item.name} className="flex-shrink-0">
-                            <div key={item.name} className="icon">{item.img}</div>
-                        </div>
-                    ))}
-                </div>
+
+
+                <Marquee>
+                    <div className="flex gap-10 px-2 justify-center items-center lg:gap-16 lg:px-10 xl:flex-nowrap">
+                        {partners.map((item) => (
+                            <div key={item.name} className="flex-shrink-0">
+                                <div key={item.name} className="icon">{item.img}</div>
+                            </div>
+                        ))}
+                    </div>
+                </Marquee>
             </div>
         </div>
     );

diff --git a/yarn.lock b/yarn.lock
@@ -4548,6 +4548,11 @@ react-dom@^18.3.1:
     loose-envify "^1.1.0"
     scheduler "^0.23.2"
 
+react-fast-marquee@^1.6.5:
+  version "1.6.5"
+  resolved "https://registry.yarnpkg.com/react-fast-marquee/-/react-fast-marquee-1.6.5.tgz#98929ae93eef087a607a71e9d45ab76bba97dc16"
+  integrity sha512-swDnPqrT2XISAih0o74zQVE2wQJFMvkx+9VZXYYNSLb/CUcAzU9pNj637Ar2+hyRw6b4tP6xh4GQZip2ZCpQpg==
+
 react-hook-form@^7.52.0:
   version "7.52.0"
   resolved "https://registry.yarnpkg.com/react-hook-form/-/react-hook-form-7.52.0.tgz#e52b33043e283719586b9dd80f6d51b68dd3999c"