'use client';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import AutomationsSection from './homepage/AutomationsSection';
import { BackgroundAnimation } from './homepage/BackgroundAnimation';
import CommunityStats from './homepage/CommunityStats';
import { Demo } from './homepage/Demo';
import EvaluateRemotionSection from './homepage/EvaluateRemotion';
import { ColorModeProvider } from './homepage/layout/use-color-mode';
import { MakeVideosAgentically } from './homepage/MakeVideosAgentically';
import { MakeVideosInteractively } from './homepage/MakeVideosInteractively';
import { MakeVideosProgrammatically } from './homepage/MakeVideosProgrammatically';
import { NewsletterButton } from './homepage/NewsletterButton';
import { Pricing } from './homepage/Pricing';
import TrustedByBanner from './homepage/TrustedByBanner';
import { BuiltWithRemotionShowcase } from './homepage/VideoAppsShowcase';
import { SectionTitle } from './homepage/VideoAppsTitle';
import { WriteInReact } from './homepage/WriteInReact';
const makeVideosRowClassName = 'mt-4 md:mt-6 flex flex-col lg:flex-row gap-10';
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", {}), _jsxs("div", { className: makeVideosRowClassName, children: [_jsx(MakeVideosAgentically, { videoSrc: "/img/homepage-assets-master.webm", fallbackVideoSrc: "/img/homepage-assets-master.mp4" }), _jsx(MakeVideosInteractively, {}), _jsx(MakeVideosProgrammatically, { links: [
                                            { label: 'API Docs', href: '/docs/api' },
                                            { label: 'Resources', href: '/docs/resources' },
                                        ] })] }), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx("div", { className: "pt-6 md:pt-8", children: _jsx(AutomationsSection, {}) }), _jsx("br", {}), _jsx("br", {}), _jsx(Demo, {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx(BuiltWithRemotionShowcase, {}), _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("br", {}), _jsx(NewsletterButton, {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {})] })] }) }) }));
};
