Use tabs instead of spaces

src/components/HomepageFeatures.js

@@ -4,18 +4,17 @@ import styles from './HomepageFeatures.module.css';
 
 const FeatureList = [
 	{
-    title: 'Easy to Use',
+		title: 'Flexible',
-    Svg: require('../../static/img/undraw_docusaurus_mountain.svg').default,
+		image: '../../static/img/icon.gif',
 		description: (
 			<>
-        Docusaurus was designed from the ground up to be easily installed and
+				Stardust allows you to make XR widgets or interfaces and run them among others.
-        used to get your website up and running quickly.
 			</>
 		),
 	},
 	{
 		title: 'Focus on What Matters',
-    Svg: require('../../static/img/undraw_docusaurus_tree.svg').default,
+		image: '../../static/img/icon.gif',
 		description: (
 			<>
 				Docusaurus lets you focus on your docs, and we&apos;ll do the chores. Go
@@ -23,23 +22,13 @@ const FeatureList = [
 			</>
 		),
 	},
-  {
-    title: 'Powered by React',
-    Svg: require('../../static/img/undraw_docusaurus_react.svg').default,
-    description: (
-      <>
-        Extend or customize your website layout by reusing React. Docusaurus can
-        be extended while reusing the same header and footer.
-      </>
-    ),
-  },
 ];
 
-function Feature({Svg, title, description}) {
+function Feature({image, title, description}) {
 	return (
-    <div className={clsx('col col--4')}>
+		<div className={clsx('col col--6')}>
 			<div className="text--center">
-        <Svg className={styles.featureSvg} alt={title} />
+				<img src={image} className={styles.featureImg} alt={title} />
 			</div>
 			<div className="text--center padding-horiz--md">
 				<h3>{title}</h3>

src/components/HomepageFeatures.module.css

@@ -7,7 +7,7 @@
 	width: 100%;
 }
 
-.featureSvg {
+.featureImg {
 	height: 200px;
 	width: 200px;
 }