Open /app/page.tsx
There you`ll find pre-configured index page with layout container, header, footer, and main part: first block, faq, testimonials, pricing. Good place to start!
import { memo, FC } from 'react';
import { PancakeLayout } from 'components/layouts';
import { Faq, Footer, Header, Pricing, Pricing2, Pricing3, Testimonials } from 'components/lib';
import { AvatarsStackRatingText, Container } from 'components/ui';

type PageProps = unknown;

const FEATURES = [
  {
    title: 'Lorem',
    saved: 5,
  },
  {
    title: 'Lorem ipsum',
    saved: 4,
  },
  {
    title: '...and more',
    saved: '∞',
  },
];

const Page: FC<PageProps> = memo(() => {
  return (
    <PancakeLayout
      item1={<Header />}
      item3={<Footer />}
      item2={
        <div className="flex flex-col">
          <Container
            px
            py
            className="relative pb-[100px] pt-[75px] flex flex-col justify-center items-center"
          >
            <h1 className="text-center  font-extrabold text-[3rem] text-defaultText md:text-[5rem]">
              Lorem ipsum, dolor sit amet consectetur adipisicing elit. <br />{' '}
              <label className="shine">
                <span className="bg-snowflake">Lorem, ipsum.</span>
              </label>
            </h1>
            <h5 className="text-center my-14 xl:w-2/3 text-defaultText">
              Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas maiores accusamus
              eveniet facilis delectus nam reprehenderit corrupti maxime nisi cum?{' '}
              <span className="bg-snowflake">Lorem, ipsum.</span>
            </h5>
            <AvatarsStackRatingText />
          </Container>
          <Container
            extra
            extraClassName="bg-onNeutralBg"
            px
            py
            className="relative py-[75px] flex flex-col justify-center items-center"
          >
            <h1 className="mb-5 text-center  text-[3rem] md:text-[5rem] font-bold text-defaultText">
              Lorem, ipsum dolor.
            </h1>
            <h3 className="mb-10 text-xl font-medium text-center text-defaultText">
              Lorem ipsum dolor sit amet, consectetur adipisicing elit.
            </h3>
            <ul className="list-disc list-inside">
              {FEATURES.map(item => (
                <li key={item.title} className="text-defaultText">
                  {item.title} <span className="opacity-60">{item.saved}h saved</span>
                </li>
              ))}
              <li className="font-medium text-green-500 text-defaultText">
                Min.{' '}
                {FEATURES.filter(item => Number.isInteger(item.saved)).reduce(
                  (prev, cur) => prev + +cur.saved,
                  0
                )}
                h saved ✅
              </li>
            </ul>
          </Container>
          <Faq />
          <Pricing />
          <Pricing2 />
          <Pricing3 />
          <Testimonials />
        </div>
      }
    />
  );
});

export default Page;