Make a SaaS landing page

There are 2 landing pages pre-built for you in SupaSaas. Each is configured to be SEO friendly and optimized for performance.

Firstly, make sure that you have edited the @/config/config.ts file with your own information. This will ensure that the correct metadata is generated for your landing page.

Landing Page v1

To get started, simply edit the file found at @/src/(frontend)/page.tsx and you can select which landing page you would like to use by changing the component that is imported.

@/src/(frontend)/page.tsx
import LandingPage1 from "@/components/LandingPage/LandingPage1";
// import LandingPage2 from "@/components/LandingPage/LandingPage2";

const Home = () => {
  return <LandingPage1 />;
  // return <LandingPage2 />;
};

export default Home;

That's it! Your landing page will now be generated with the correct metadata and optimized for performance.

Landing Page v2

If you want to change to the second landing page, simply comment out the first import and uncomment the second import.

@/src/(frontend)/page.tsx
// import LandingPage1 from "@/components/LandingPage/LandingPage1";
import LandingPage2 from "@/components/LandingPage/LandingPage2";

const Home = () => {
  // return <LandingPage1 />;
  return <LandingPage2 />;
};

export default Home;

You can also customize the individual landing page components further by editing the components found in the @/components/LandingPage directory.