@remotion/promo-pages 4.0.364 → 4.0.365

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (107) hide show
  1. package/dist/Homepage.js +7 -3
  2. package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/Homepage.js +7 -3
  3. package/package.json +10 -10
  4. package/.turbo/turbo-lint.log +0 -15
  5. package/.turbo/turbo-make.log +0 -5
  6. package/bundle.ts +0 -54
  7. package/eslint.config.mjs +0 -7
  8. package/server.ts +0 -26
  9. package/src/cn.ts +0 -6
  10. package/src/components/Homepage.tsx +0 -87
  11. package/src/components/TeamPicture.tsx +0 -11
  12. package/src/components/homepage/BackgroundAnimation.tsx +0 -108
  13. package/src/components/homepage/ChooseTemplate.tsx +0 -57
  14. package/src/components/homepage/CommunityStats.tsx +0 -54
  15. package/src/components/homepage/CommunityStatsItems.tsx +0 -304
  16. package/src/components/homepage/Counter.tsx +0 -120
  17. package/src/components/homepage/Demo/Card.tsx +0 -273
  18. package/src/components/homepage/Demo/Cards.tsx +0 -129
  19. package/src/components/homepage/Demo/Comp.tsx +0 -157
  20. package/src/components/homepage/Demo/CurrentCountry.tsx +0 -97
  21. package/src/components/homepage/Demo/DemoError.tsx +0 -18
  22. package/src/components/homepage/Demo/DemoErrorIcon.tsx +0 -32
  23. package/src/components/homepage/Demo/DemoRender.tsx +0 -166
  24. package/src/components/homepage/Demo/DigitWheel.tsx +0 -179
  25. package/src/components/homepage/Demo/DisplayedEmoji.tsx +0 -93
  26. package/src/components/homepage/Demo/DoneCheckmark.tsx +0 -39
  27. package/src/components/homepage/Demo/DownloadNudge.tsx +0 -62
  28. package/src/components/homepage/Demo/DragAndDropNudge.tsx +0 -57
  29. package/src/components/homepage/Demo/EmojiCard.tsx +0 -200
  30. package/src/components/homepage/Demo/Minus.tsx +0 -21
  31. package/src/components/homepage/Demo/PlayPauseButton.tsx +0 -66
  32. package/src/components/homepage/Demo/PlayerControls.tsx +0 -48
  33. package/src/components/homepage/Demo/PlayerSeekBar.tsx +0 -325
  34. package/src/components/homepage/Demo/PlayerVolume.tsx +0 -83
  35. package/src/components/homepage/Demo/Progress.tsx +0 -38
  36. package/src/components/homepage/Demo/Spinner.tsx +0 -60
  37. package/src/components/homepage/Demo/Switcher.tsx +0 -54
  38. package/src/components/homepage/Demo/Temperature.tsx +0 -44
  39. package/src/components/homepage/Demo/TemperatureNumber.tsx +0 -68
  40. package/src/components/homepage/Demo/ThemeNudge.tsx +0 -72
  41. package/src/components/homepage/Demo/TimeDisplay.tsx +0 -43
  42. package/src/components/homepage/Demo/TrendingRepos.tsx +0 -106
  43. package/src/components/homepage/Demo/icons.tsx +0 -114
  44. package/src/components/homepage/Demo/index.tsx +0 -158
  45. package/src/components/homepage/Demo/math.ts +0 -43
  46. package/src/components/homepage/Demo/types.ts +0 -6
  47. package/src/components/homepage/EditorStarterSection.tsx +0 -76
  48. package/src/components/homepage/EvaluateRemotion.tsx +0 -92
  49. package/src/components/homepage/FreePricing.tsx +0 -283
  50. package/src/components/homepage/GetStartedStrip.tsx +0 -77
  51. package/src/components/homepage/GitHubButton.tsx +0 -23
  52. package/src/components/homepage/IconForTemplate.tsx +0 -170
  53. package/src/components/homepage/IfYouKnowReact.tsx +0 -68
  54. package/src/components/homepage/InfoTooltip.tsx +0 -25
  55. package/src/components/homepage/MoreTemplatesButton.tsx +0 -29
  56. package/src/components/homepage/MoreVideoPowerSection.tsx +0 -95
  57. package/src/components/homepage/MuxVideo.tsx +0 -68
  58. package/src/components/homepage/NewsletterButton.tsx +0 -89
  59. package/src/components/homepage/ParameterizeAndEdit.tsx +0 -106
  60. package/src/components/homepage/Pricing.tsx +0 -49
  61. package/src/components/homepage/PricingBulletPoint.tsx +0 -50
  62. package/src/components/homepage/RealMp4Videos.tsx +0 -108
  63. package/src/components/homepage/Spacer.tsx +0 -5
  64. package/src/components/homepage/TemplateIcon.tsx +0 -36
  65. package/src/components/homepage/TextInput.tsx +0 -62
  66. package/src/components/homepage/TrustedByBanner.tsx +0 -145
  67. package/src/components/homepage/VideoApps.tsx +0 -231
  68. package/src/components/homepage/VideoAppsShowcase.tsx +0 -270
  69. package/src/components/homepage/VideoAppsTitle.tsx +0 -11
  70. package/src/components/homepage/VideoPlayerWithControls.tsx +0 -189
  71. package/src/components/homepage/WriteInReact.tsx +0 -34
  72. package/src/components/homepage/YouAreHere.tsx +0 -30
  73. package/src/components/homepage/layout/Button.tsx +0 -93
  74. package/src/components/homepage/layout/colors.ts +0 -17
  75. package/src/components/homepage/layout/use-color-mode.tsx +0 -44
  76. package/src/components/homepage/layout/use-el-size.ts +0 -51
  77. package/src/components/homepage/layout/use-mobile-layout.ts +0 -8
  78. package/src/components/homepage/video-player.css +0 -24
  79. package/src/components/icons/blank.tsx +0 -13
  80. package/src/components/icons/clone.tsx +0 -10
  81. package/src/components/icons/code-hike.tsx +0 -15
  82. package/src/components/icons/cubes.tsx +0 -13
  83. package/src/components/icons/js.tsx +0 -17
  84. package/src/components/icons/music.tsx +0 -9
  85. package/src/components/icons/next.tsx +0 -64
  86. package/src/components/icons/overlay.tsx +0 -24
  87. package/src/components/icons/recorder.tsx +0 -23
  88. package/src/components/icons/remix.tsx +0 -27
  89. package/src/components/icons/skia.tsx +0 -13
  90. package/src/components/icons/stargazer.tsx +0 -13
  91. package/src/components/icons/still.tsx +0 -13
  92. package/src/components/icons/tailwind.tsx +0 -22
  93. package/src/components/icons/tiktok.tsx +0 -13
  94. package/src/components/icons/ts.tsx +0 -18
  95. package/src/components/icons/tts.tsx +0 -13
  96. package/src/components/icons/undo.tsx +0 -11
  97. package/src/components/icons/waveform.tsx +0 -13
  98. package/src/components/team/TeamCards.tsx +0 -167
  99. package/src/components/team/TitleTeamCards.tsx +0 -22
  100. package/src/components/team.css +0 -22
  101. package/src/components/team.tsx +0 -51
  102. package/src/fonts.css +0 -30
  103. package/src/index.css +0 -140
  104. package/src/main.tsx +0 -12
  105. package/src/team.tsx +0 -12
  106. package/tsconfig.json +0 -11
  107. package/vite.config.ts +0 -9
@@ -1,22 +0,0 @@
1
- .writeincss {
2
- flex-direction: row;
3
- display: flex;
4
- align-items: center;
5
- }
6
-
7
- .writeincsstitle {
8
- font-size: 4em;
9
- font-family: GTPlanar;
10
- font-weight: 700;
11
- line-height: 1.2;
12
- max-width: 1000px;
13
- }
14
-
15
- @media screen and (max-width: 900px) {
16
- .writeincss {
17
- flex-direction: column;
18
- }
19
- .writeincsstitle {
20
- font-size: 3.5em;
21
- }
22
- }
@@ -1,51 +0,0 @@
1
- import React from 'react';
2
- import {TitleTeamCards} from './team/TitleTeamCards';
3
-
4
- export const AboutUsHeader: React.FC = () => {
5
- return (
6
- <div className="flex flex-row items-center md:flex-col pt-10">
7
- <div className="flex-1">
8
- <h1 className="text-3xl font-bold font-['GTPlanar'] leading-tight max-w-[1000px] md:text-5xl">
9
- <svg
10
- className="h-6 md:h-8 mr-3 md:mr-6"
11
- viewBox="0 0 105 107"
12
- fill="none"
13
- xmlns="http://www.w3.org/2000/svg"
14
- >
15
- <path
16
- d="M24.0635 0.00717926C21.8217 0.12886 20.0152 0.48455 18.1946 1.17721C17.2867 1.51886 15.7984 2.26301 14.9794 2.77782C11.5535 4.926 8.94203 8.15529 7.58011 11.9134C7.30866 12.6576 6.57388 15.0304 6.10119 16.6638C2.95146 27.5825 1.16365 39.5215 0.779884 52.1579C0.719043 54.1703 0.719043 58.9628 0.779884 60.9425C1.03729 69.3199 1.83759 76.883 3.28843 84.5958C3.87813 87.7175 4.82352 91.9109 5.37109 93.8157C6.48964 97.6861 8.77354 100.981 12.0216 103.396C14.1978 105.015 16.6689 106.101 19.4068 106.635C20.7266 106.892 22.4676 107.009 23.75 106.925C25.5237 106.808 29.0432 106.335 31.9027 105.825C44.7918 103.527 56.6981 99.4131 67.4951 93.5255C74.3328 89.7954 80.1783 85.7565 85.8178 80.8564C91.4386 75.9797 96.2311 70.7333 100.448 64.8457C101.426 63.4838 101.917 62.6881 102.409 61.6866C103.673 59.1032 104.267 56.5338 104.262 53.6602C104.262 50.9831 103.757 48.6056 102.666 46.172C102.142 44.9973 101.641 44.1548 100.518 42.5542C96.3809 36.662 91.7897 31.5278 86.1922 26.5388C77.5153 18.8073 67.2096 12.4657 55.7012 7.77151C53.2067 6.75593 50.7496 5.86202 47.7918 4.89323C41.5298 2.84802 33.7795 1.07425 27.2226 0.189705C26.193 0.0493011 24.7936 -0.0302582 24.0635 0.00717926Z"
17
- fill="#0B84F3"
18
- />
19
- </svg>
20
- The programmatic video dream{' '}
21
- </h1>
22
- <p className="leading-relaxed text-balance font-brand">
23
- Started as a side project in 2021, we are now a company in Zurich,
24
- Switzerland and are pushing to combine the powers of video editing and
25
- programming!
26
- </p>
27
- </div>
28
- </div>
29
- );
30
- };
31
-
32
- const container: React.CSSProperties = {
33
- maxWidth: 1000,
34
- margin: 'auto',
35
- paddingLeft: 16,
36
- paddingRight: 16,
37
- };
38
-
39
- export const TeamPage = () => {
40
- return (
41
- <div className="bg-[var(--background)]">
42
- <div style={container}>
43
- <br />
44
- <AboutUsHeader />
45
- <br />
46
- <TitleTeamCards />
47
- <br />
48
- </div>
49
- </div>
50
- );
51
- };
package/src/fonts.css DELETED
@@ -1,30 +0,0 @@
1
- @font-face {
2
- font-family: 'GTPlanar';
3
- src: url('../public/img/gt-planar-regular.woff2') format('woff2');
4
- font-weight: 400;
5
- font-style: normal;
6
- font-feature-settings: 'ss03' on;
7
- }
8
-
9
- @font-face {
10
- font-family: 'GTPlanar';
11
- src: url('../public/img/gt-planar-medium.woff2') format('woff2');
12
- font-weight: 500;
13
- font-style: normal;
14
- font-feature-settings: 'ss03' on;
15
- }
16
- @font-face {
17
- font-family: 'GTPlanar';
18
- src: url('../public/img/gt-planar-bold.woff2') format('woff2');
19
- font-weight: 700;
20
- font-style: normal;
21
- font-feature-settings: 'ss03' on;
22
- }
23
-
24
- @font-face {
25
- font-family: 'GTPlanar';
26
- src: url('../public/img/gt-planar-black.woff2') format('woff2');
27
- font-weight: 900;
28
- font-style: normal;
29
- font-feature-settings: 'ss03' on;
30
- }
package/src/index.css DELETED
@@ -1,140 +0,0 @@
1
- @import 'tailwindcss/theme' layer(theme);
2
- @import 'tailwindcss/utilities' layer(utilities);
3
- @import './fonts.css';
4
-
5
- @layer theme, base, components, utilities;
6
-
7
- @custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));
8
-
9
- :root {
10
- --ifm-color-primary: #0b84f3;
11
- --ifm-color-primary-dark: #0a77db;
12
- --ifm-color-primary-darker: #0970cf;
13
- --ifm-color-primary-darkest: #085caa;
14
- --ifm-color-primary-light: #2290f5;
15
- --ifm-color-primary-lighter: #2f96f6;
16
- --ifm-color-primary-lightest: #53a9f7;
17
- --ifm-code-font-size: 100%;
18
- --ifm-font-family-base:
19
- system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans,
20
- sans-serif, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif,
21
- 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
22
- --ifm-font-size-base: 16px;
23
- --ifm-font-family-monospace:
24
- SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
25
- monospace;
26
- --ifm-color-emphasis-200: #ebedf0;
27
- }
28
-
29
- [data-theme='light'] {
30
- --background: #f8fafc;
31
- --footer-background: #fcfcfc;
32
- --footer-border: #eaeaea;
33
- --text-color: #000;
34
- --blue-button-color: #084696;
35
- --blue-underlay: var(--ifm-color-primary);
36
- --plain-button: #fff;
37
- --blue-underlay-hover: #d5e5fd;
38
- --light-text-color: #777;
39
- --subtitle: #666;
40
- --clear-hover: rgba(0, 0, 0, 0.04);
41
- --border-color: rgb(234, 234, 234);
42
- --box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
43
- --ifm-out-of-focus: #eaeaea;
44
- --box-stroke: #000;
45
- --ifm-background-surface-color: #fff;
46
- --ifm-color-emphasis-200: #ebedf0;
47
- color: var(--text-color);
48
- }
49
-
50
- [data-theme='dark'] {
51
- --background: #18191a;
52
- --footer-background: #1f1f1f;
53
- --footer-border: #2f2f2f;
54
- --text-color: #fff;
55
- --plain-button: var(--blue-underlay);
56
- --blue-underlay: #424243;
57
- --blue-underlay-hover: #5b5c5e;
58
- --clear-hover: rgba(255, 255, 255, 0.06);
59
- --blue-button-color: white;
60
- --light-text-color: #aaa;
61
- --subtitle: #8d8d8d;
62
- --border-color: rgb(42, 42, 42);
63
- --box-shadow: 0 1px 8px rgba(255, 255, 255, 0.2);
64
- --ifm-out-of-focus: #505050;
65
- --box-stroke: gray;
66
- --ifm-background-surface-color: #242526;
67
- --ifm-color-emphasis-200: #444950;
68
- color: var(--text-color);
69
- }
70
-
71
- html {
72
- font-family:
73
- ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
74
- 'Segoe UI Symbol', 'Noto Color Emoji';
75
- }
76
- body {
77
- margin: 0;
78
- }
79
-
80
- @keyframes click {
81
- 0% {
82
- transform: translateY(-18px);
83
- opacity: 0;
84
- }
85
-
86
- 30% {
87
- opacity: 0.7;
88
- }
89
- 70% {
90
- opacity: 0.7;
91
- }
92
- 100% {
93
- transform: translateY(-23px);
94
- opacity: 0;
95
- }
96
- }
97
-
98
- @keyframes jump {
99
- from {
100
- transform: scale(0);
101
- }
102
- to {
103
- transform: scale(1);
104
- }
105
- }
106
-
107
- @layer base {
108
- input[type='number']::-webkit-inner-spin-button,
109
- input[type='number']::-webkit-outer-spin-button {
110
- -webkit-appearance: none;
111
- margin: 0;
112
- }
113
- }
114
-
115
- @theme inline {
116
- --color-brand: #0b84f3;
117
- --font-brand: 'GTPlanar', sans-serif;
118
- --color-pane: var(--ifm-background-surface-color);
119
- --color-muted: var(--subtitle);
120
- --color-text: var(--text-color);
121
- }
122
-
123
- @utility border-effect {
124
- border: 2px solid var(--box-stroke);
125
- border-bottom: 4px solid var(--box-stroke);
126
- border-radius: var(--radius-lg);
127
- }
128
-
129
- @utility bluelink {
130
- @apply text-brand no-underline hover:underline underline-offset-2;
131
- }
132
-
133
- @utility card {
134
- @apply border-effect bg-pane p-5;
135
- }
136
-
137
- @utility fontbrand {
138
- @apply font-brand;
139
- font-feature-settings: 'ss03' on;
140
- }
package/src/main.tsx DELETED
@@ -1,12 +0,0 @@
1
- import {StrictMode} from 'react';
2
- import {createRoot} from 'react-dom/client';
3
- import {NewLanding} from './components/Homepage';
4
- import './index.css';
5
-
6
- createRoot(document.getElementById('root')!).render(
7
- <StrictMode>
8
- <div data-theme="light">
9
- <NewLanding colorMode="light" setColorMode={() => {}} />
10
- </div>
11
- </StrictMode>,
12
- );
package/src/team.tsx DELETED
@@ -1,12 +0,0 @@
1
- import {StrictMode} from 'react';
2
- import {createRoot} from 'react-dom/client';
3
- import {TeamPage} from './components/team';
4
- import './index.css';
5
-
6
- createRoot(document.getElementById('root')!).render(
7
- <StrictMode>
8
- <div data-theme="light">
9
- <TeamPage />
10
- </div>
11
- </StrictMode>,
12
- );
package/tsconfig.json DELETED
@@ -1,11 +0,0 @@
1
- {
2
- "extends": "../tsconfig.settings.json",
3
- "compilerOptions": {
4
- "rootDir": "src",
5
- "outDir": "dist",
6
- "module": "Preserve",
7
- "lib": ["ES2021", "DOM"],
8
- "moduleResolution": "Bundler"
9
- },
10
- "include": ["src"]
11
- }
package/vite.config.ts DELETED
@@ -1,9 +0,0 @@
1
- import tailwindcss from '@tailwindcss/vite';
2
- import react from '@vitejs/plugin-react-swc';
3
-
4
- import {defineConfig} from 'vite';
5
-
6
- // https://vite.dev/config/
7
- export default defineConfig({
8
- plugins: [react(), tailwindcss()],
9
- });