updated images

Author: bennobuilder

src/_pages/LandingPage/components/OtherFeaturesView/components/Cards/index.tsx

@@ -18,7 +18,7 @@ const Cards: React.FC<Props> = (props) => {
   const startIndex =
     props.startIndex && props.startIndex < cards.length
       ? props.startIndex
-      : Math.round(cards.length / 2);
+      : Math.floor(cards.length / 2);
   const { windowWidth } = useWindowSize();
   const [index, setIndex] = useState(startIndex);
   const [cardDimensions] = useState<{ width: number; height: number }>({

src/_pages/LandingPage/components/OtherFeaturesView/index.tsx

@@ -8,28 +8,35 @@ const cards: CardInterface[] = [
     description:
       'AgileTs allows you to manage all your application logic and states outside of any UI framework in a central place.',
     to: 'docs/introduction',
-    imagePath: 'img/pages/centralize.svg',
+    imagePath: 'img/pages/landing/software_engineer.svg',
   },
   {
     title: 'Flexible',
     description:
-      'AgileTs works with any UI-Layer and isn’t bound to any specific workflow. Use it the way it suits you best.',
+      'AgileTs works with nearly any UI-Layer and isn’t bound to any specific workflow. Use it the way it suits you best.',
     to: 'docs/introduction',
-    imagePath: 'img/pages/flexible.svg',
+    imagePath: 'img/pages/landing/teaching.svg',
   },
   {
     title: 'Easy to Use',
     description:
       'Learn the powerful tools of AgileTs in a short amount of time.',
     to: 'docs/introduction',
-    imagePath: 'img/pages/easy_to_use.svg',
+    imagePath: 'img/pages/landing/science.svg',
   },
   {
     title: 'Well Tested',
     description:
-      'We spend much time to test AgileTs, to ensure it works to 99%.',
+      'AgileTs has over 1000 jest tests to ensure everything works as expected.',
     to: 'docs/introduction',
-    imagePath: 'img/docs/logger_example.png',
+    imagePath: 'img/pages/landing/engineer.svg',
+  },
+  {
+    title: 'Typescript',
+    description:
+      'AgileTs is almost 100% typesafe and offers type inference for any complex structure.',
+    to: 'docs/introduction',
+    imagePath: 'img/pages/landing/typescript.svg',
   },
 ];
 

src/_pages/LandingPage/components/StraightforwardView/components/SectionScroller/index.tsx

@@ -21,7 +21,7 @@ const SectionScroller: React.FC<Props> = (props) => {
   const startIndex =
     props.startIndex && props.startIndex < sections.length
       ? props.startIndex
-      : Math.round(sections.length / 2);
+      : Math.floor(sections.length / 2);
   const { windowWidth } = useWindowSize();
   const sectionContainerRef = useRef(null);
   const [showTopChevron, setShowTopChevron] = useState(false);