Files
medusa-store/www/apps/book/app/page.tsx
Shahed Nasser 5634a4762b docs: improve AI Assistant (#11208)
* initial implementation

* integrate new ai assistant in other projects + ux improvements

* fix chat window on mobile devices

* fixes to mobile

* allow pre

* change shortcut to i

* improved responsiveness

* align version in navbar
2025-01-29 19:13:51 +02:00

59 lines
1.8 KiB
TypeScript

import clsx from "clsx"
import { AiAssistantChatWindow, MainNav, RootProviders } from "docs-ui"
import HomepageTopSection from "../components/Homepage/TopSection"
import Providers from "../providers"
import HomepageLinksSection from "../components/Homepage/LinksSection"
import HomepageRecipesSection from "../components/Homepage/RecipesSection"
import HomepageModulesSection from "../components/Homepage/ModulesSection"
import HomepageFooter from "../components/Homepage/Footer"
const Homepage = () => {
return (
<body
className={clsx(
"bg-medusa-bg-subtle font-base text-medium w-full",
"text-medusa-fg-base px-0.25 pt-0.25",
"h-screen overflow-hidden"
)}
>
<RootProviders
layoutProviderProps={{
disableResizeObserver: true,
}}
>
<Providers
aiAssistantProps={{
chatType: "popover",
}}
>
<div
className={clsx(
"rounded-t bg-medusa-bg-base",
"shadow-elevation-card-rest dark:shadow-elevation-card-rest-dark",
"h-full w-full",
"overflow-y-scroll overflow-x-hidden"
)}
id="main"
>
<MainNav
className="border-b border-medusa-border-base"
itemsClassName={clsx(
"!my-1 [&_li_div]:!text-medusa-fg-subtle [&_li_a]:!text-medusa-fg-subtle",
"hover:[&_li_div]:!text-medusa-fg-base hover:[&_li_a]:!text-medusa-fg-base"
)}
/>
<HomepageTopSection />
<HomepageLinksSection />
<HomepageRecipesSection />
<HomepageModulesSection />
<HomepageFooter />
</div>
<AiAssistantChatWindow />
</Providers>
</RootProviders>
</body>
)
}
export default Homepage