To create a landing page for your SaaS project, open the app/(landing)/page.tsx file and replace the content with the following code:
page.tsx
Copy
import FAQ from "@components/faq";import Hero from "@components/hero";import Video from "@/components/video";import Header from "@components/header";import Footer from "@components/footer";import Feature from "@components/feature";import LogoCloud from "@/components/logo-cloud";import OnetimePricing from "@/components/onetime-pricing";import Wrapper from "@/components/global/wrapper";const Home = () => { return ( <> <Header /> <Wrapper> <Hero /> <LogoCloud /> <Video src="https://youtu.be/aqz-KE-bpKQ" title="Watch our video" description="Watch our video to learn more about our product" /> <Feature /> <OnetimePricing /> <FAQ /> </Wrapper> <Footer /> </> );};export default Home;
This code imports all the components we need to create a landing page for our project. To add your own Style see the Styling guide.