@remotion/promo-pages 4.0.339 → 4.0.340
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.
- package/.turbo/turbo-make.log +2 -2
- package/dist/Homepage.js +394 -332
- package/package.json +10 -10
- package/src/components/homepage/EditorStarterSection.tsx +12 -9
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@remotion/promo-pages",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.340",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -10,14 +10,14 @@
|
|
|
10
10
|
"polished": "4.3.1",
|
|
11
11
|
"zod": "3.22.3",
|
|
12
12
|
"bun-plugin-tailwind": "0.0.15",
|
|
13
|
-
"@remotion/animated-emoji": "4.0.
|
|
14
|
-
"@remotion/
|
|
15
|
-
"@remotion/
|
|
16
|
-
"@remotion/
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"@remotion/paths": "4.0.
|
|
13
|
+
"@remotion/animated-emoji": "4.0.340",
|
|
14
|
+
"@remotion/lottie": "4.0.340",
|
|
15
|
+
"@remotion/lambda": "4.0.340",
|
|
16
|
+
"@remotion/player": "4.0.340",
|
|
17
|
+
"@remotion/shapes": "4.0.340",
|
|
18
|
+
"create-video": "4.0.340",
|
|
19
|
+
"remotion": "4.0.340",
|
|
20
|
+
"@remotion/paths": "4.0.340"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
23
|
"@eslint/eslintrc": "3.1.0",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"tailwind-merge": "2.5.2",
|
|
35
35
|
"bun-plugin-tailwind": "0.0.13",
|
|
36
36
|
"clsx": "2.1.1",
|
|
37
|
-
"@remotion/eslint-config-internal": "4.0.
|
|
37
|
+
"@remotion/eslint-config-internal": "4.0.340"
|
|
38
38
|
},
|
|
39
39
|
"repository": {
|
|
40
40
|
"url": "https://github.com/remotion-dev/remotion/tree/main/packages/promo-pages"
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
|
|
3
|
-
import {SectionTitle} from './VideoAppsTitle';
|
|
4
3
|
import {BlueButton, ClearButton} from './layout/Button';
|
|
4
|
+
import {MuxVideo} from './MuxVideo';
|
|
5
|
+
import {SectionTitle} from './VideoAppsTitle';
|
|
5
6
|
|
|
6
7
|
const EditorStarterSection: React.FC = () => {
|
|
7
8
|
return (
|
|
@@ -15,12 +16,15 @@ const EditorStarterSection: React.FC = () => {
|
|
|
15
16
|
'w-full max-w-[500px] aspect-square relative overflow-hidden bg-[#eee]'
|
|
16
17
|
}
|
|
17
18
|
>
|
|
18
|
-
<
|
|
19
|
-
|
|
20
|
-
alt="Remotion Editor Starter"
|
|
19
|
+
<MuxVideo
|
|
20
|
+
muxId={'YIvIidbcAc7009B00Wr7gIbGyq67YGNlytGvMXwdsLRtc'}
|
|
21
21
|
className={
|
|
22
22
|
'absolute left-0 top-0 w-full h-full object-cover object-top rounded-sm rounded-tr-none rounded-br-none'
|
|
23
23
|
}
|
|
24
|
+
loop
|
|
25
|
+
autoPlay
|
|
26
|
+
playsInline
|
|
27
|
+
muted
|
|
24
28
|
/>
|
|
25
29
|
</div>
|
|
26
30
|
<div className={'p-6 flex-1 flex flex-col h-full'}>
|
|
@@ -28,9 +32,9 @@ const EditorStarterSection: React.FC = () => {
|
|
|
28
32
|
Editor Starter
|
|
29
33
|
</div>
|
|
30
34
|
<div className="text-muted mt-4 text-base fontbrand">
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
35
|
+
A comprehensive template that includes everything you need to
|
|
36
|
+
create custom video editing applications with React and
|
|
37
|
+
TypeScript.
|
|
34
38
|
</div>
|
|
35
39
|
<div className="h-5" />
|
|
36
40
|
<div className="flex gap-2 items-center">
|
|
@@ -40,7 +44,7 @@ const EditorStarterSection: React.FC = () => {
|
|
|
40
44
|
className="no-underline"
|
|
41
45
|
>
|
|
42
46
|
<BlueButton size="sm" loading={false}>
|
|
43
|
-
|
|
47
|
+
Purchase
|
|
44
48
|
</BlueButton>
|
|
45
49
|
</a>
|
|
46
50
|
<a
|
|
@@ -54,7 +58,6 @@ const EditorStarterSection: React.FC = () => {
|
|
|
54
58
|
</a>{' '}
|
|
55
59
|
<a
|
|
56
60
|
href="https://remotion.dev/editor-starter"
|
|
57
|
-
target="_blank"
|
|
58
61
|
className="no-underline"
|
|
59
62
|
>
|
|
60
63
|
<ClearButton size="sm" loading={false}>
|