Waitlist
page.tsx
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 Waitlist from "@/components/waitlist";
import LogoCloud from "@/components/logo-cloud";
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 />
				<FAQ />
				<Waitlist />
			</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.