|
1 | 1 | // @refresh reload |
2 | | -import { |
3 | | - ColorModeProvider, |
4 | | - ColorModeScript, |
5 | | - cookieStorageManagerSSR |
6 | | -} from "@kobalte/core/color-mode"; |
7 | | -import { isServer } from "solid-js/web"; |
8 | | -import { getCookie } from "vinxi/http"; |
9 | | -import { Announcement } from "~/components/sections/announcement"; |
| 2 | +// import { |
| 3 | +// ColorModeProvider, |
| 4 | +// ColorModeScript, |
| 5 | +// cookieStorageManagerSSR |
| 6 | +// } from "@kobalte/core/color-mode"; |
| 7 | +// import { isServer } from "solid-js/web"; |
| 8 | +// import { getCookie } from "vinxi/http"; |
10 | 9 | import { DeployAnywhere } from "~/components/sections/deploy-anywhere"; |
11 | 10 | import { Footer } from "~/components/sections/footer"; |
12 | 11 | import { Hero } from "~/components/sections/hero"; |
13 | 12 | import { MetaFramework } from "~/components/sections/meta-framework"; |
14 | 13 | import { RockSolidDX } from "~/components/sections/rock-solid-dx"; |
| 14 | +import { SponsoredBy } from "~/components/sections/sponsored-by"; |
15 | 15 | import { TopNav } from "~/components/sections/top-nav"; |
16 | 16 | import "./fonts.css"; |
17 | 17 | import "./root.css"; |
18 | 18 |
|
19 | | -function getServerCookies() { |
20 | | - "use server"; |
21 | | - const colorMode = getCookie("kb-color-mode"); |
22 | | - return colorMode ? `kb-color-mode=${colorMode}` : ""; |
23 | | -} |
| 19 | +// function getServerCookies() { |
| 20 | +// "use server"; |
| 21 | +// const colorMode = getCookie("kb-color-mode"); |
| 22 | +// return colorMode ? `kb-color-mode=${colorMode}` : ""; |
| 23 | +// } |
24 | 24 |
|
25 | 25 | export default function App() { |
26 | | - const storageManager = cookieStorageManagerSSR(isServer ? getServerCookies() : document.cookie); |
| 26 | + // const storageManager = cookieStorageManagerSSR(isServer ? getServerCookies() : document.cookie); |
27 | 27 |
|
28 | 28 | return ( |
29 | 29 | <> |
30 | | - <ColorModeScript storageType={storageManager.type} /> |
31 | | - <ColorModeProvider storageManager={storageManager}> |
32 | | - <main class="min-h-screen h-full grid grid-rows-[auto,1fr,auto] place-items-center relative bg-gradient-to-b dark:from-sky-950 from-sky-800 to-sky-200 dark:to-[#081924]"> |
33 | | - <TopNav /> |
34 | | - <Hero /> |
35 | | - <article class="w-full flex flex-col bg-white dark:bg-gradient-to-b dark:from-[#081924] from-white dark:via-[#081924] via-white dark:to-sky-950 to-sky-300"> |
36 | | - <Announcement /> |
37 | | - <MetaFramework /> |
38 | | - <RockSolidDX /> |
39 | | - <DeployAnywhere /> |
40 | | - </article> |
41 | | - <Footer /> |
42 | | - </main> |
43 | | - </ColorModeProvider> |
| 30 | + {/* <ColorModeScript storageType={storageManager.type} /> */} |
| 31 | + {/* <ColorModeProvider storageManager={storageManager}> */} |
| 32 | + <main class="min-h-screen h-full grid grid-rows-[auto,1fr,auto] place-items-center relative bg-gradient-to-b dark:from-sky-950 from-sky-800 to-sky-200 dark:to-[#081924]"> |
| 33 | + <TopNav /> |
| 34 | + <Hero /> |
| 35 | + <article class="w-full flex flex-col bg-white dark:bg-gradient-to-b dark:from-[#081924] from-white dark:via-[#081924] via-white dark:to-sky-950 to-sky-300"> |
| 36 | + <MetaFramework /> |
| 37 | + <RockSolidDX /> |
| 38 | + <DeployAnywhere /> |
| 39 | + <SponsoredBy /> |
| 40 | + </article> |
| 41 | + <Footer /> |
| 42 | + </main> |
| 43 | + {/* </ColorModeProvider> */} |
44 | 44 | </> |
45 | 45 | ); |
46 | 46 | } |
0 commit comments