chore: overhaul infrastructure and integrate @mintel packages
Some checks failed
🧪 CI (QA) / 🧪 Quality Assurance (push) Failing after 1m3s
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
This commit is contained in:
34
apps/web/video/Root.tsx
Normal file
34
apps/web/video/Root.tsx
Normal file
@@ -0,0 +1,34 @@
|
||||
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",
|
||||
}}
|
||||
/>
|
||||
</>
|
||||
);
|
||||
};
|
||||
Reference in New Issue
Block a user