Tone down the landing page

src/components/HomepageFeatures.module.css

@@ -15,9 +15,8 @@
   justify-content: center;
 }
 
-.featureImage > * {
+.featureImage>* {
   display: block;
   object-fit: contain;
-  width: 200px;
-  height: 175px;
+  width: 100px;
 }

src/components/HomepageFeatures.tsx

@@ -19,7 +19,7 @@ type FeatureItem = {
 const FeatureList: FeatureItem[] = [
   {
     title: 'For Developers',
-    image: '/img/unicorn.png',
+    image: '/img/devs.webp',
     description: (
       <>
         This developer center is intended for all developers building and working with epilot platform. All resources
@@ -29,7 +29,7 @@ const FeatureList: FeatureItem[] = [
   },
   {
     title: 'API First',
-    image: '/img/openapi-logo.png',
+    image: '/img/cogwheel.webp',
     description: (
       <>
         All our platform features are available and documented with industry standard <Link to="/api">API specs</Link>{' '}
@@ -39,7 +39,7 @@ const FeatureList: FeatureItem[] = [
   },
   {
     title: 'SDK',
-    image: '/img/npm-logo.png',
+    image: '/img/epilot.png',
     description: (
       <>
         Use <Link to="/docs/architecture/sdk">our SDK</Link> for TypeScript and JavaScript to build faster. All our APIs

src/pages/index.tsx

@@ -17,7 +17,7 @@ function HomepageHeader() {
         <div className={clsx(styles.mainLogoContainer)}>
           <img src="/img/logo-white.svg" alt="epilot-log" />
         </div>
-        <h1 className={clsx('hero__title', styles.heroBannerTitle)}>&lt;{siteConfig.title} /&gt;</h1>
+        <h1 className={clsx('hero__title', styles.heroBannerTitle)}>{siteConfig.title}</h1>
         <p className={clsx('hero__subtitle', styles.heroBannerSubtitle)}>{siteConfig.tagline}</p>
         <div className={styles.buttons}>
           <Link className="button button--primary button--lg" to="/docs/intro">