nextui/apps/docs/app/page.tsx
Maharshi Alpesh c1baa746b2
fix: replacing the light mode bg in to nextui-pro section (#4355)
* fix: replacing the light mode bg and adding bg to nextui-pro section on mobile

* fix: making the transitions smoother

* chore: removing the bg on mobile devices

* fix: pro section and improvements

---------

Co-authored-by: Junior Garcia <jrgarciadev@gmail.com>
2024-12-20 10:05:43 -03:00

42 lines
1.5 KiB
TypeScript

import {Spacer} from "@nextui-org/spacer";
import {Suspense} from "react";
import {Hero} from "@/components/marketing/hero";
import {FeaturesGrid} from "@/components/marketing/features-grid";
import {CustomThemes} from "@/components/marketing/custom-themes";
import {A11yOtb} from "@/components/marketing/a11y-otb";
import {DarkMode} from "@/components/marketing/dark-mode";
import {Customization} from "@/components/marketing/customization";
import {LastButNotLeast} from "@/components/marketing/last-but-not-least";
import {InstallBanner} from "@/components/marketing/install-banner";
import {Community} from "@/components/marketing/community";
import Support from "@/components/marketing/support";
import landingContent from "@/content/landing";
import {Sponsors} from "@/components/marketing/sponsors";
import {NextUIProSection} from "@/components/marketing/nextui-pro-section/nextui-pro-section";
export default async function Home() {
return (
<main className="container mx-auto max-w-7xl px-6 flex-grow">
<section className="flex flex-col items-center justify-center">
<Hero />
<FeaturesGrid features={landingContent.topFeatures} />
<Sponsors />
<CustomThemes />
<A11yOtb />
<DarkMode />
<Customization />
<NextUIProSection />
<LastButNotLeast />
<Suspense fallback={<div>Loading...</div>}>
<Support />
</Suspense>
<Spacer y={24} />
<InstallBanner />
<Community />
<Spacer y={24} />
</section>
</main>
);
}