Merge pull request #13 from purwadhikafullstack/development

Development
purwadhikafullstack · Jul 16, 2024 · c25d743 · c25d743
2 parents a08c204 + 368dbaa
commit c25d743
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 120 deletions.
diff --git a/apps/web/src/components/hero/hero.tsx b/apps/web/src/components/hero/hero.tsx
@@ -30,7 +30,7 @@ export default function Hero() {
     base: '30%',
     sm: '10px',
     md: '10px',
-    lg: '20px',
+    lg: '160px',
   });
 
   const cards = [
@@ -68,9 +68,9 @@ export default function Hero() {
       <Box display={{ base: 'none', sm: 'block', md: 'none', xs: 'none' }}>
         <IconButton
           aria-label="left-arrow"
-          colorScheme="gray"
+          colorScheme="green"
           variant={'outline'}
-          _hover={{ bgColor: 'gray' }}
+          _hover={{ bgColor: 'white' }}
           borderRadius="full"
           position="absolute"
           left={side}
@@ -79,13 +79,13 @@ export default function Hero() {
           zIndex={2}
           onClick={() => slider?.slickPrev()}
         >
-          <BiLeftArrowAlt color="white" />
+          <BiLeftArrowAlt color="green" />
         </IconButton>
         <IconButton
           aria-label="right-arrow"
-          colorScheme="gray"
+          colorScheme="green"
           variant={'outline'}
-          _hover={{ bgColor: 'gray' }}
+          _hover={{ bgColor: 'white' }}
           borderRadius="full"
           position="absolute"
           right={side}
@@ -94,7 +94,7 @@ export default function Hero() {
           zIndex={99}
           onClick={() => slider?.slickNext()}
         >
-          <BiRightArrowAlt color="white" />
+          <BiRightArrowAlt color="green" />
         </IconButton>
       </Box>
       <Slider {...settings} ref={(slider) => setSlider(slider)}>
@@ -105,8 +105,9 @@ export default function Hero() {
             position="relative"
             backgroundPosition="center"
             backgroundRepeat="no-repeat"
-            backgroundSize="cover"
+            backgroundSize="contain"
             backgroundImage={`url(${card.image})`}
+            bgPos={'top'}
           >
             <Link href={card.link}></Link>
           </Box>

diff --git a/apps/web/src/components/promo/bannerPromo/page.tsx b/apps/web/src/components/promo/bannerPromo/page.tsx