Marc Mintel
103d71851c
Some checks failed
🧪 CI (QA) / 🧪 Quality Assurance (push) Failing after 1m3s
- Restructure to pnpm monorepo (site moved to apps/web) - Integrate @mintel/tsconfig, @mintel/eslint-config, @mintel/husky-config - Implement Docker service architecture (Varnish, Directus, Gatekeeper) - Setup environment-aware Gitea Actions deployment
35 lines
1021 B
TypeScript
35 lines
1021 B
TypeScript
import { Composition } from 'remotion';
|
|
import { ContactFormShowcase } from './compositions/ContactFormShowcase';
|
|
import { ButtonShowcase } from './compositions/ButtonShowcase';
|
|
import './style.css';
|
|
|
|
if (typeof window !== 'undefined') {
|
|
(window as any).isRemotion = true;
|
|
}
|
|
|
|
export const RemotionRoot: React.FC = () => {
|
|
return (
|
|
<>
|
|
<Composition
|
|
id="ContactFormShowcase"
|
|
component={ContactFormShowcase}
|
|
durationInFrames={1500}
|
|
fps={60}
|
|
width={1080}
|
|
height={1350}
|
|
/>
|
|
<Composition
|
|
id="ButtonShowcase"
|
|
component={ButtonShowcase}
|
|
durationInFrames={300} // 60fps * 5s
|
|
fps={60}
|
|
width={1080}
|
|
height={1350} // 4:5 aspect ratio for LinkedIn/social
|
|
defaultProps={{
|
|
text: "Let's work together",
|
|
}}
|
|
/>
|
|
</>
|
|
);
|
|
};
|