remove the designer section

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,
 };

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'}