import { InferGetStaticPropsType } from 'next'; import Head from 'next/head'; import styled from 'styled-components'; import BasicSection from 'components/BasicSection'; import Link from 'components/Link'; import { EnvVars } from 'env'; import { getAllPosts } from 'utils/postsFetcher'; import Cta from 'views/HomePage/Cta'; import Features from 'views/HomePage/Features'; import FeaturesGallery from 'views/HomePage/FeaturesGallery'; import Hero from 'views/HomePage/Hero'; import Partners from 'views/HomePage/Partners'; import ScrollableBlogPosts from 'views/HomePage/ScrollableBlogPosts'; import Testimonials from 'views/HomePage/Testimonials'; export default function Homepage({ posts }: InferGetStaticPropsType) { return ( <> {EnvVars.SITE_NAME}

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas, quidem error incidunt a doloremque voluptatem porro inventore voluptate quo deleniti animi laboriosam.{' '} Possimus ullam velit rem itaque consectetur, in distinctio? Lorem ipsum, dolor sit amet consectetur adipisicing elit. Soluta repellendus quia quos obcaecati nihil. Laudantium non accusantium, voluptate eum nesciunt at suscipit quis est soluta?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas, quidem error incidunt a doloremque voluptatem porro inventore{' '} voluptate quo deleniti animi laboriosam. Possimus ullam velit rem itaque consectetur, in distinctio?

  • Professional point 1
  • Professional remark 2
  • Professional feature 3
 ); } const HomepageWrapper = styled.div` & > :last-child { margin-bottom: 15rem; } `; const DarkerBackgroundContainer = styled.div` background: rgb(var(--background)); & > *:not(:first-child) { margin-top: 15rem; } `; const WhiteBackgroundContainer = styled.div` background: rgb(var(--secondBackground)); & > :last-child { padding-bottom: 15rem; } & > *:not(:first-child) { margin-top: 15rem; } `; export async function getStaticProps() { return { props: { posts: await getAllPosts(), }, }; }