diff --git a/documentation/docusaurus.config.ts b/documentation/docusaurus.config.ts index 5b8e5a23c8..86ad7a4e58 100644 --- a/documentation/docusaurus.config.ts +++ b/documentation/docusaurus.config.ts @@ -14,7 +14,7 @@ const inkeepOrgId = process.env.INKEEP_ORG_ID; const config: Config = { title: "codename goose", tagline: - "Your on-machine AI agent, automating engineering tasks seamlessly.", + "Your local AI agent, automating engineering tasks seamlessly.", favicon: "img/favicon.ico", // Set the production url of your site here @@ -131,17 +131,11 @@ const config: Config = { label: "Quickstart", position: "left", }, - { - to: "/extensions", - label: "Extensions", - position: "left", - }, { to: "/docs/category/getting-started", position: "left", label: "Docs", }, - { to: "/docs/category/tutorials", position: "left", @@ -150,7 +144,12 @@ const config: Config = { { to: "/prompt-library", position: "left", - label: "Prompt Library", + label: "Prompts", + }, + { + to: "/extensions", + label: "Extensions", + position: "left", }, { to: "/blog", label: "Blog", position: "left" }, diff --git a/documentation/src/components/HomepageFeatures/index.tsx b/documentation/src/components/HomepageFeatures/index.tsx index f8479d5bff..47bef96bc5 100644 --- a/documentation/src/components/HomepageFeatures/index.tsx +++ b/documentation/src/components/HomepageFeatures/index.tsx @@ -146,7 +146,6 @@ function Quote({ name, github, role, testimonial }: FeatureQuote) { alignItems: "left", }} > -

{testimonial}

{role}
+

{testimonial}

); @@ -168,54 +168,12 @@ export default function HomepageFeatures(): ReactNode {
-
- - -
+ {FeatureList.map((props, idx) => ( ))} - {/* YouTube Video Section */} -
-

- Meet Codename Goose -

-
-
- -
-
-
{/* Testimonials Section */}

Loved by engineers

diff --git a/documentation/src/css/custom.css b/documentation/src/css/custom.css index 46be7475b9..28d8f6ac2c 100644 --- a/documentation/src/css/custom.css +++ b/documentation/src/css/custom.css @@ -241,8 +241,6 @@ html { padding-top: 24px; } -/* net new */ - .hero--logo svg { height: 220px; width: 220px; @@ -257,6 +255,17 @@ html { margin: 0; } +.ctaButton { + display: inline-block; + padding: 0.75rem 1.5rem; + background: var(--background-app); + color: var(--text-standard); + font-weight: bold; + border-radius: 999px; + text-decoration: none; + font-size: 0.9rem; +} + /* Enable word-wrap for code blocks */ .theme-code-block pre { white-space: pre-wrap; @@ -306,3 +315,4 @@ html[data-theme="light"] .hide-in-light { object-fit: cover; /* Ensure the image covers the area while maintaining aspect ratio */ border-radius: 8px; /* Optional: rounded corners */ } + diff --git a/documentation/src/pages/index.module.css b/documentation/src/pages/index.module.css index 025f2064f8..45d1683d2e 100644 --- a/documentation/src/pages/index.module.css +++ b/documentation/src/pages/index.module.css @@ -1,24 +1,98 @@ /** - * CSS files with the .module.css suffix will be treated as CSS modules - * and scoped locally. - */ +* CSS files with the .module.css suffix will be treated as CSS modules +* and scoped locally. +*/ -.heroBanner { - padding: 4rem 0; - text-align: center; - position: relative; - overflow: hidden; - padding-bottom: 0; +.header { + padding: 4rem 2rem; } + +.wrapper { + max-width: 1200px; + margin: 0 auto; + display: flex; + flex-wrap: wrap; + gap: 3rem; + justify-content: center; + align-items: center; + min-height: 400px; +} + +.textColumn { + flex: 1 1 300px; + max-width: 500px; + text-align: center; + display: flex; + flex-direction: column; + align-items: center; + margin-top: -40px; +} + +.logo { + display: flex; + align-items: center; +} + +.subtitle { + font-size: 1.25rem; + margin-bottom: 1.5rem; + max-width: 30ch; +} + +.videoColumn { + flex: 1 1 400px; + aspect-ratio: 16 / 9; + width: 100%; + max-width: 640px; +} + +.aspect-ratio{ + aspect-ratio: 16 / 9; + width: 100%; +} + + + @media screen and (max-width: 996px) { .heroBanner { padding: 2rem; } } -.buttons { - display: flex; - align-items: center; - justify-content: center; +@media screen and (max-width: 768px) { + .header { + padding: 1rem 1rem; + } + + .wrapper { + flex-direction: column; + text-align: center; + gap: 1rem; + padding: 1rem 1rem; + } + + .textColumn { + text-align: center; + max-width: 100%; + flex: 1 1 400px; + margin-top: 0; + } + + .subtitle { + font-size: 1.1rem; + line-height: 1.5; + margin: 0 auto 1.5rem; + } + + .ctaButton { + font-size: 1rem; + width: auto; + } + + .videoColumn { + flex: 1 1 180px; + aspect-ratio: 16 / 9; + width: 100%; + } } diff --git a/documentation/src/pages/index.tsx b/documentation/src/pages/index.tsx index 163b5bac6a..ea0eafdfd6 100644 --- a/documentation/src/pages/index.tsx +++ b/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 ( -
-
-
- -
-

{siteConfig.tagline}

-
- +
+
+
+
+ +
+

{siteConfig.tagline}

+ install goose
+ +
+ +
); } + export default function Home(): ReactNode { const { siteConfig } = useDocusaurusContext(); return ( diff --git a/documentation/static/img/logo-codename-goose.svg b/documentation/static/img/logo-codename-goose.svg new file mode 100644 index 0000000000..3cbb0ce666 --- /dev/null +++ b/documentation/static/img/logo-codename-goose.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/documentation/static/img/logo_codename_goose.png b/documentation/static/img/logo_codename_goose.png new file mode 100644 index 0000000000..3fdbc65cd1 Binary files /dev/null and b/documentation/static/img/logo_codename_goose.png differ