Intlayer

import { BackgroundLayout } from '@components/BackgroundLayout'; import { CommonQuestionsSection } from '@components/LandingPage/CommonQuestionsSection/CommonQuestions'; import { Loader } from '@intlayer/design-system'; import dynamic from 'next/dynamic'; import type { FC } from 'react'; import { LandingSection } from './LandingSection'; const DynamicAvailableTechnoSection = dynamic( () => import('./AvailableTechnoSection').then( (mod) => mod.AvailableTechnoSection ), { loading: () => <Loader />, } ); const DynamicLanguageSection = dynamic( () => import('./LanguageSection').then((mod) => mod.LanguageSection), { loading: () => <Loader />, } ); const DynamicWhyToChoseIntlayerSection = dynamic( () => import('./WhyToChoseIntlayerSection').then( (mod) => mod.WhyToChoseIntlayerSection ), { loading: () => <Loader />, } ); const DynamicFeaturesSection = dynamic( () => import('./FeaturesSection').then((mod) => mod.FeaturesSection), { loading: () => <Loader />, } ); const DynamicAuditSection = dynamic( () => import('./AuditSection').then((mod) => mod.AuditSection), { loading: () => <Loader />, } ); const DynamicDemoSection = dynamic( () => import('./DemoSection').then((mod) => mod.DemoSection), { loading: () => <Loader />, } ); const DynamicChatBotModal = dynamic( () => import('./ChatBotModal').then((mod) => mod.ChatBotModal), { loading: () => <Loader />, } ); const DynamicAIABTestingSection = dynamic( () => import('./AIABTestingSection').then((mod) => mod.AIABTestingSection), { loading: () => <Loader />, } ); const DynamicContributorSection = dynamic( () => import('./ContributorSection').then((mod) => mod.ContributorSection), { loading: () => <Loader />, } ); export const LandingPage: FC = () => ( <> <div className="flex flex-col gap-10"> <BackgroundLayout> <LandingSection /> <DynamicWhyToChoseIntlayerSection /> </BackgroundLayout> <DynamicFeaturesSection /> <div className="relative w-full overflow-hidden bg-neutral/5 py-16 dark:bg-neutral-900/10"> <DynamicAuditSection /> <DynamicLanguageSection /> <div className="pointer-events-none absolute inset-x-0 top-0 h-4 bg-background [clip-path:polygon(0_0,100%_0,0_100%)]" /> <div className="pointer-events-none absolute inset-x-0 bottom-0 h-4 bg-background [clip-path:polygon(100%_0,100%_100%,0_100%)]" /> </div> <DynamicAIABTestingSection /> <DynamicAvailableTechnoSection /> <DynamicDemoSection /> <DynamicContributorSection /> <CommonQuestionsSection /> </div> <DynamicChatBotModal /> </> );