# Landing page

```jsx
export default function Home() {
    return (
        <>
            <Header />
            <main>
                <Hero_Centered />
                {/* <Hero_Split /> */}
                <FeaturesSplit />
                <Features_Centered />
                <SubscriptionPlans />
                <Testimonials />
                <RecentBlogPosts />
                <FAQs />
            </main>
            {/* <SimpleFooter /> */}
            <ExtensiveFooter />
        </>
    );
}
```

There are two alternative hero components you can use instead of the main one:

* `<Hero_Split />`
* `<SimpleFooter />`

>
