mirror of
https://github.com/supabase/supabase.git
synced 2026-10-17 23:29:08 +03:00
Francesco Sansalvadore
e76aa11508
* new homepage logos marquee * add products claim * logos spacing * dashboard table editor demo * dashboard table editor demo * dashboard recordings * rls policies * update hp frameworks * add dataAPIs to homepage bento * tweet section update * padding * hp products update * new customer stories hp section * height * finish homepage details * update logos * fix database visual * improve functions visual ux * animate data-apis visual * realtime visual update * reduce-motion and update chatbase logo * lighter heading paragraph * improve video tabs components * add priority to offsetted images * video plays inline * fix mobile tweets spacing * smoll * load video slightly before the component enters the viewport * fix product pointer-events * theme based and light weight dashboard video * testimonials margin * remove yellow tint from light mode recordings * fix vitest window-matchMedia error * fix vitest window-matchMedia error * fix url type * remove tweet
41 lines
1.5 KiB
TypeScript
41 lines
1.5 KiB
TypeScript
import dynamic from 'next/dynamic'
|
|
import content from '~/data/home/content'
|
|
import Layout from '~/components/Layouts/Default'
|
|
import Hero from '~/components/Hero/Hero'
|
|
import Logos from '~/components/logos'
|
|
|
|
const Products = dynamic(() => import('~/components/Products/index'))
|
|
const HeroFrameworks = dynamic(() => import('~/components/Hero/HeroFrameworks'))
|
|
const CustomerStories = dynamic(() => import('components/CustomerStories'))
|
|
const BuiltWithSupabase = dynamic(() => import('components/BuiltWithSupabase'))
|
|
const DashboardFeatures = dynamic(() => import('~/components/DashboardFeatures'))
|
|
const TwitterSocialSection = dynamic(() => import('~/components/TwitterSocialSection'))
|
|
const CTABanner = dynamic(() => import('components/CTABanner/index'))
|
|
const ReactTooltip = dynamic(() => import('react-tooltip'), { ssr: false })
|
|
|
|
const Index = () => {
|
|
return (
|
|
<Layout>
|
|
<Hero />
|
|
<Logos />
|
|
<Products {...content.productsSection} />
|
|
<HeroFrameworks />
|
|
<CustomerStories />
|
|
<BuiltWithSupabase />
|
|
<DashboardFeatures {...content.dashboardFeatures} />
|
|
<TwitterSocialSection />
|
|
<CTABanner className="border-none" />
|
|
<ReactTooltip
|
|
effect="solid"
|
|
place="bottom"
|
|
backgroundColor="hsl(var(--background-alternative-default))"
|
|
textColor="hsl(var(--foreground-light))"
|
|
className="!max-w-[320px] !px-3 whitespace-pre-line"
|
|
uuid="homepage-tt"
|
|
/>
|
|
</Layout>
|
|
)
|
|
}
|
|
|
|
export default Index
|