docs: changed logo (#4633)

documentation/src/components/GooseLogo.tsx

@@ -0,0 +1,20 @@
+import { useColorMode } from '@docusaurus/theme-common';
+
+export const GooseLogo = (props: { className?: string }) => {
+  const { colorMode } = useColorMode();
+  
+  const logoSrc = colorMode === 'dark' 
+    ? 'img/goose-logo-white.png' 
+    : 'img/goose-logo-black.png';
+  
+  const logoAlt = 'goose logo';
+
+  return (
+    <img
+      src={logoSrc}
+      alt={logoAlt}
+      className={props.className}
+      style={{ height: 'auto', maxWidth: '100%' }}
+    />
+  );
+};

documentation/src/css/custom.css

@@ -241,9 +241,10 @@ html {
   padding-top: 24px;
 }
 
-.hero--logo svg {
-  height: 220px;
-  width: 220px;
+.hero--logo {
+  display: 'flex';
+  justify-content: 'center';
+  margin-bottom: '1rem' 
 }
 
 .pill-button {

documentation/src/pages/index.tsx

@@ -5,7 +5,7 @@ import Layout from "@theme/Layout";
 import HomepageFeatures from "@site/src/components/HomepageFeatures";
 
 import styles from "./index.module.css";
-import { GooseWordmark } from "../components/gooseWordmark";
+import { GooseLogo } from "../components/GooseLogo";
 
 function HomepageHeader() {
   const { siteConfig } = useDocusaurusContext();
@@ -14,7 +14,7 @@ function HomepageHeader() {
       <div className={styles.wrapper}>
         <div className={styles.textColumn}>
           <div className="hero--logo">
-            <GooseWordmark />
+            <GooseLogo />
           </div>
           <p className={styles.subtitle}>{siteConfig.tagline}</p>
           <Link className="button button--primary button--lg" to="docs/getting-started/installation">
@@ -38,9 +38,8 @@ function HomepageHeader() {
 
 
 export default function Home(): ReactNode {
-  const { siteConfig } = useDocusaurusContext();
   return (
-    <Layout title={`${siteConfig.title}`} description="Your open source AI agent, automating engineering tasks seamlessly.">
+    <Layout description="your open source AI agent, automating engineering tasks seamlessly">
       <HomepageHeader />
       <main>
         <HomepageFeatures />