'use client';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { BackgroundAnimation } from './homepage/BackgroundAnimation';
import CommunityStats from './homepage/CommunityStats';
import { Demo } from './homepage/Demo';
import EditorStarterSection from './homepage/EditorStarterSection';
import EvaluateRemotionSection from './homepage/EvaluateRemotion';
import { IfYouKnowReact } from './homepage/IfYouKnowReact';
import { ColorModeProvider } from './homepage/layout/use-color-mode';
import { NewsletterButton } from './homepage/NewsletterButton';
import { ParameterizeAndEdit } from './homepage/ParameterizeAndEdit';
import { Pricing } from './homepage/Pricing';
import { RealMP4Videos } from './homepage/RealMp4Videos';
import TrustedByBanner from './homepage/TrustedByBanner';
import VideoAppsShowcase from './homepage/VideoAppsShowcase';
import { SectionTitle } from './homepage/VideoAppsTitle';
import { WriteInReact } from './homepage/WriteInReact';
export const NewLanding = ({ colorMode, setColorMode }) => {
    return (_jsx(ColorModeProvider, { colorMode: colorMode, setColorMode: setColorMode, children: _jsx("div", { className: "w-full relative", children: _jsxs("div", { style: { overflow: 'hidden' }, children: [_jsx("div", { children: _jsx(BackgroundAnimation, {}) }), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsxs("div", { className: "max-w-[500px] lg:max-w-[1000px] m-auto pl-5 pr-5 overflow-x-clip md:overflow-x-visible relative", children: [_jsx(WriteInReact, {}), _jsx("br", {}), _jsx(IfYouKnowReact, {}), _jsx(ParameterizeAndEdit, {}), _jsx(RealMP4Videos, {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx(VideoAppsShowcase, {}), _jsx("br", {}), _jsx("br", {}), _jsx(Demo, {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx(SectionTitle, { children: "Pricing" }), _jsx(Pricing, {}), _jsx(TrustedByBanner, {}), _jsx("br", {}), _jsx(EvaluateRemotionSection, {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx(CommunityStats, {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx(EditorStarterSection, {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx(NewsletterButton, {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {})] })] }) }) }));
};
