import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { GetStarted } from './GetStartedStrip';
export const WriteInReact = () => {
    return (_jsxs("div", { children: [_jsx("h1", { className: "text-4xl sm:text-5xl lg:text-[5em] text-center fontbrand font-black leading-none text-balance", style: {
                    textShadow: '0 5px 30px var(--background)',
                }, children: "Make videos programmatically." }), _jsxs("p", { style: {
                    textShadow: '0 5px 30px var(--background)',
                }, className: "font-medium text-center text-lg", children: ["Create real MP4 videos with React. ", _jsx("br", {}), "Use coding agents, build apps and render in bulk."] }), _jsx("br", {}), _jsx("div", { children: _jsx(GetStarted, {}) }), _jsx("br", {}), _jsx("br", {})] }));
};
