docs: update home page (#2441)

documentation/src/pages/index.tsx

@@ -1,37 +1,42 @@
 import type { ReactNode } from "react";
-import clsx from "clsx";
 import Link from "@docusaurus/Link";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import Layout from "@theme/Layout";
 import HomepageFeatures from "@site/src/components/HomepageFeatures";
-import Heading from "@theme/Heading";
 
 import styles from "./index.module.css";
-import { IconDownload } from "../components/icons/download";
 import { GooseWordmark } from "../components/gooseWordmark";
 
 function HomepageHeader() {
   const { siteConfig } = useDocusaurusContext();
   return (
-    <header className={clsx("hero hero--primary", styles.heroBanner)}>
-      <div className="container">
-        <div className="hero--logo">
-          <GooseWordmark />
-        </div>
-        <p className="hero__subtitle">{siteConfig.tagline}</p>
-        <div className={styles.buttons}>
-          <Link
-            className="button button--primary button--lg"
-            to="docs/getting-started/installation"
-          >            
+    <header className={styles.header}>
+      <div className={styles.wrapper}>
+        <div className={styles.textColumn}>
+          <div className="hero--logo">
+            <GooseWordmark />
+          </div>
+          <p className={styles.subtitle}>{siteConfig.tagline}</p>
+          <Link className="button button--primary button--lg" to="docs/getting-started/installation">
             install goose
           </Link>
         </div>
+
+        <div className={styles.videoColumn}>
+          <iframe
+            src="https://www.youtube.com/embed/D-DpDunrbpo"
+            className="aspect-ratio"
+            title="vibe coding with goose"
+            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+            allowFullScreen
+          ></iframe>
+        </div>
       </div>
     </header>
   );
 }
 
+
 export default function Home(): ReactNode {
   const { siteConfig } = useDocusaurusContext();
   return (