From 20aa675af631a8c99775431d011cd86f2892a6e5 Mon Sep 17 00:00:00 2001
From: Muser Yeung <muser-yeung@v.systems>
Date: Wed, 16 Feb 2022 15:24:22 +0800
Subject: [PATCH] remove the designer section

---
 src/app/components/layout/CardCarousel.tsx |  4 ++--
 src/app/pages/LandingPage.tsx              | 11 -----------
 2 files changed, 2 insertions(+), 13 deletions(-)

diff --git a/src/app/components/layout/CardCarousel.tsx b/src/app/components/layout/CardCarousel.tsx
index 8e4b420b8..1b00e64c2 100644
--- a/src/app/components/layout/CardCarousel.tsx
+++ b/src/app/components/layout/CardCarousel.tsx
@@ -82,7 +82,7 @@ type CardCarouselProps = {
 };
 export const CardCarousel: React.FC<CardCarouselProps> = (props): JSX.Element => {
     const xs = useMediaQuery('(max-width:599px)');
-    const displayCount = xs ? 1 : props.slidesPerPage || 2;
+    const displayCount = xs ? 1 : props.slidesPerPage || 1;
     const isArray = Array.isArray(props.children);
     const showArrows = isArray ? (props.children as any[]).length > displayCount : false;
 
@@ -123,5 +123,5 @@ export const CardCarousel: React.FC<CardCarouselProps> = (props): JSX.Element =>
 CardCarousel.displayName = 'CardCarousel';
 CardCarousel.defaultProps = {
     infinite: true,
-    slidesPerPage: 2,
+    slidesPerPage: 1,
 };
diff --git a/src/app/pages/LandingPage.tsx b/src/app/pages/LandingPage.tsx
index 838f2d1ed..0f4c6372b 100644
--- a/src/app/pages/LandingPage.tsx
+++ b/src/app/pages/LandingPage.tsx
@@ -26,8 +26,6 @@ import { getScheduledSiteConfig } from '../../__configuration__/themes';
 // import { Spacer } from '@brightlayer-ui/react-components';
 
 import developImage from '../assets/home/develop.jpg';
-import designImage from '../assets/home/design.jpg';
-import { Design as DesignIcon } from '../assets/icons';
 import { usePageTitle } from '../hooks/usePageTitle';
 import { useGoogleAnalyticsPageView } from '../hooks/useGoogleAnalyticsPageView';
 
@@ -118,15 +116,6 @@ export const LandingPage: React.FC = (): JSX.Element => {
 
             {/* Carousel Section */}
             <CardCarousel>
-                <CarouselCard
-                    backgroundImage={designImage}
-                    title={'Getting started as a designer'}
-                    description={
-                        'We have prepared numerous resources for the V Systems protocol.'
-                    }
-                    icon={<DesignIcon fontSize={'large'} />}
-                    onClick={(): void => history.push('/design/intro')}
-                />
                 <CarouselCard
                     backgroundImage={developImage}
                     title={'Getting started as a developer'}