Capitalize the 'b' in the toolbar and change the images of the starti…

…ng page

docusaurus.config.ts

@@ -52,7 +52,7 @@ const config: Config = {
     // Replace with your project's social card
     image: 'img/docusaurus-social-card.jpg',
     navbar: {
-      title: 'biotz Academy',
+      title: 'Biotz Academy',
       logo: {
         alt: 'My Site Logo',
         src: 'img/biotz-logo.svg',

src/components/HomepageFeatures/index.tsx

@@ -11,7 +11,7 @@ type FeatureItem = {
 const FeatureList: FeatureItem[] = [
   {
     title: 'Scalability',
-    Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default,
+    Svg: require('@site/static/img/scalability-2.png').default,
     description: (
       <>
         Connect, manage and scale unlimited devices.
@@ -20,7 +20,7 @@ const FeatureList: FeatureItem[] = [
   },
   {
     title: 'Plug & Play',
-    Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default,
+    Svg: require('@site/static/img/plugplay.png').default,
     description: (
       <>
        Simple configuration, without the need for internal developers.
@@ -29,7 +29,7 @@ const FeatureList: FeatureItem[] = [
   },
   {
     title: 'Flexibility',
-    Svg: require('@site/static/img/undraw_docusaurus_react.svg').default,
+    Svg: require('@site/static/img/flexibility.png').default,
     description: (
       <>
         A solution that adapts to the needs of your company.
@@ -42,7 +42,11 @@ function Feature({title, Svg, description}: FeatureItem) {
   return (
     <div className={clsx('col col--4')}>
       <div className="text--center">
-        <Svg className={styles.featureSvg} role="img" />
+        {typeof Svg === 'string' ? (
+          <img src={Svg} alt={title} className={styles.featureImage} />
+        ) : (
+          <Svg className={styles.featureSvg} role="img" />
+        )}
       </div>
       <div className="text--center padding-horiz--md">
         <Heading as="h3">{title}</Heading>