@remotion/promo-pages 4.0.356 → 4.0.358
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-lint.log +15 -0
- package/.turbo/turbo-make.log +2 -5
- package/bundle.ts +9 -2
- package/dist/Homepage.js +269 -302
- package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/Homepage.css +32 -0
- package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/Homepage.js +22024 -0
- package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/homepage/Pricing.js +1942 -0
- package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/team.js +277 -0
- package/dist/homepage/Pricing.js +7 -57
- package/package.json +46 -46
- package/public/img/team/mehmet.png +0 -0
- package/src/components/homepage/Demo/Comp.tsx +2 -2
- package/src/components/homepage/FreePricing.tsx +4 -39
- package/src/components/homepage/TrustedByBanner.tsx +0 -49
- package/LICENSE.md +0 -49
- package/bunfig.toml +0 -2
|
@@ -0,0 +1,277 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __export = (target, all) => {
|
|
3
|
+
for (var name in all)
|
|
4
|
+
__defProp(target, name, {
|
|
5
|
+
get: all[name],
|
|
6
|
+
enumerable: true,
|
|
7
|
+
configurable: true,
|
|
8
|
+
set: (newValue) => all[name] = () => newValue
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
|
|
12
|
+
var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
|
|
13
|
+
get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
|
|
14
|
+
}) : x)(function(x) {
|
|
15
|
+
if (typeof require !== "undefined")
|
|
16
|
+
return require.apply(this, arguments);
|
|
17
|
+
throw Error('Dynamic require of "' + x + '" is not supported');
|
|
18
|
+
});
|
|
19
|
+
|
|
20
|
+
// src/components/TeamPicture.tsx
|
|
21
|
+
import { jsx } from "react/jsx-runtime";
|
|
22
|
+
var TeamPicture = () => {
|
|
23
|
+
return /* @__PURE__ */ jsx("div", {
|
|
24
|
+
className: "border-effect overflow-hidden mb-10 lg:mb-4",
|
|
25
|
+
children: /* @__PURE__ */ jsx("img", {
|
|
26
|
+
src: "/img/team/team.jpeg",
|
|
27
|
+
style: { aspectRatio: "1024 / 616" },
|
|
28
|
+
className: "w-full mb-0 float-left "
|
|
29
|
+
})
|
|
30
|
+
});
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
// src/components/team/TeamCards.tsx
|
|
34
|
+
import { jsx as jsx2, jsxs } from "react/jsx-runtime";
|
|
35
|
+
var LinkedInLogo = () => {
|
|
36
|
+
return /* @__PURE__ */ jsx2("svg", {
|
|
37
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
38
|
+
viewBox: "0 0 1000 1000",
|
|
39
|
+
className: "w-[30px]",
|
|
40
|
+
children: /* @__PURE__ */ jsx2("path", {
|
|
41
|
+
fill: "currentcolor",
|
|
42
|
+
d: "M195.877 0C88.16 0 0 88.158 0 195.877V803.718C0 911.435 88.158 999.563 195.877 999.563H803.718C911.436 999.563 999.563 911.436 999.563 803.718V195.877C999.563 88.16 911.436 0 803.718 0H195.877ZM245.143 164.948C296.791 164.948 328.604 198.854 329.586 243.423C329.586 287.008 296.789 321.867 244.144 321.867H243.175C192.51 321.867 159.763 287.01 159.763 243.423C159.763 198.855 193.501 164.948 245.142 164.948H245.143ZM690.223 373.258C789.552 373.258 864.013 438.18 864.013 577.694V838.143H713.06V595.156C713.06 534.096 691.213 492.438 636.584 492.438C594.88 492.438 570.022 520.516 559.108 547.64C555.121 557.344 554.141 570.897 554.141 584.472V838.143H403.188C403.188 838.143 405.169 426.53 403.188 383.91H554.172V448.234C574.232 417.284 610.114 373.257 690.223 373.257V373.258ZM168.667 383.943H319.62V838.145H168.667V383.943V383.943Z"
|
|
43
|
+
})
|
|
44
|
+
});
|
|
45
|
+
};
|
|
46
|
+
var TwitterLogo = () => {
|
|
47
|
+
return /* @__PURE__ */ jsx2("svg", {
|
|
48
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
49
|
+
viewBox: "0 0 530 570",
|
|
50
|
+
className: "w-[32px]",
|
|
51
|
+
children: /* @__PURE__ */ jsx2("path", {
|
|
52
|
+
fill: "currentcolor",
|
|
53
|
+
d: "M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"
|
|
54
|
+
})
|
|
55
|
+
});
|
|
56
|
+
};
|
|
57
|
+
var GitHubLogo = () => {
|
|
58
|
+
return /* @__PURE__ */ jsx2("svg", {
|
|
59
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
60
|
+
viewBox: "0 0 1084 1084",
|
|
61
|
+
className: "w-[30px]",
|
|
62
|
+
children: /* @__PURE__ */ jsx2("path", {
|
|
63
|
+
fill: "currentcolor",
|
|
64
|
+
d: "M542 0C242.545 0 0 242.545 0 542C0 781.835 155.147 984.408 370.592 1056.22C397.692 1060.97 407.855 1044.71 407.855 1030.48C407.855 1017.61 407.178 974.923 407.178 929.53C271 954.598 235.77 896.332 224.93 865.845C218.832 850.262 192.41 802.16 169.375 789.287C150.405 779.125 123.305 754.057 168.698 753.38C211.38 752.702 241.868 792.675 252.03 808.935C300.81 890.912 378.723 867.878 409.888 853.65C414.63 818.42 428.857 794.707 444.44 781.157C323.845 767.607 197.83 720.86 197.83 513.545C197.83 454.602 218.833 405.822 253.385 367.882C247.965 354.332 228.995 298.777 258.805 224.252C258.805 224.252 304.198 210.025 407.855 279.808C451.215 267.613 497.285 261.515 543.355 261.515C589.425 261.515 635.495 267.613 678.855 279.808C782.513 209.348 827.905 224.252 827.905 224.252C857.715 298.777 838.745 354.332 833.325 367.882C867.878 405.822 888.88 453.925 888.88 513.545C888.88 721.537 762.188 767.607 641.593 781.157C661.24 798.095 678.178 830.615 678.178 881.428C678.178 953.92 677.5 1012.19 677.5 1030.48C677.5 1044.71 687.663 1061.64 714.763 1056.22C822.365 1019.91 915.868 950.759 982.106 858.512C1048.34 766.264 1083.98 655.565 1084 542C1084 242.545 841.455 0 542 0Z"
|
|
65
|
+
})
|
|
66
|
+
});
|
|
67
|
+
};
|
|
68
|
+
var EmailLogo = () => {
|
|
69
|
+
return /* @__PURE__ */ jsx2("svg", {
|
|
70
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
71
|
+
viewBox: "0 0 1299 1299",
|
|
72
|
+
className: "w-[30px]",
|
|
73
|
+
children: /* @__PURE__ */ jsx2("path", {
|
|
74
|
+
fill: "currentcolor",
|
|
75
|
+
d: "M1177.22 202.969H121.781C99.3278 202.969 81.1875 221.109 81.1875 243.562V1055.44C81.1875 1077.89 99.3278 1096.03 121.781 1096.03H1177.22C1199.67 1096.03 1217.81 1077.89 1217.81 1055.44V243.562C1217.81 221.109 1199.67 202.969 1177.22 202.969ZM1126.48 343.525V1004.7H172.523V343.525L137.511 316.251L187.366 252.189L241.66 294.432H1057.47L1111.76 252.189L1161.62 316.251L1126.48 343.525V343.525ZM1057.47 294.305L649.5 611.443L241.533 294.305L187.239 252.062L137.384 316.124L172.397 343.398L605.735 680.326C618.197 690.008 633.529 695.263 649.31 695.263C665.091 695.263 680.422 690.008 692.885 680.326L1126.48 343.525L1161.49 316.251L1111.63 252.189L1057.47 294.305Z"
|
|
76
|
+
})
|
|
77
|
+
});
|
|
78
|
+
};
|
|
79
|
+
var TeamMemberCard = ({
|
|
80
|
+
name,
|
|
81
|
+
title,
|
|
82
|
+
description,
|
|
83
|
+
image,
|
|
84
|
+
twitter,
|
|
85
|
+
linkedin,
|
|
86
|
+
github,
|
|
87
|
+
email
|
|
88
|
+
}) => {
|
|
89
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
90
|
+
className: "flex-1 rounded-[15px] flex flex-col md:flex-row gap-2 md:gap-4",
|
|
91
|
+
children: [
|
|
92
|
+
/* @__PURE__ */ jsx2("img", {
|
|
93
|
+
src: image,
|
|
94
|
+
className: "w-[250px] h-[250px] rounded-xl border-effect"
|
|
95
|
+
}),
|
|
96
|
+
/* @__PURE__ */ jsxs("div", {
|
|
97
|
+
className: "flex flex-col border-effect px-4 py-3 bg-pane",
|
|
98
|
+
children: [
|
|
99
|
+
/* @__PURE__ */ jsx2("h2", {
|
|
100
|
+
className: "ext-[1.6em] mb-1 mt-3 text-[var(--ifm-color-primary)] font-brand",
|
|
101
|
+
children: name
|
|
102
|
+
}),
|
|
103
|
+
/* @__PURE__ */ jsx2("strong", {
|
|
104
|
+
className: "font-brand",
|
|
105
|
+
children: title
|
|
106
|
+
}),
|
|
107
|
+
/* @__PURE__ */ jsx2("div", {
|
|
108
|
+
className: "mt-5 mb-5 leading-normal font-brand",
|
|
109
|
+
children: description
|
|
110
|
+
}),
|
|
111
|
+
/* @__PURE__ */ jsx2("div", {
|
|
112
|
+
className: "flex-1"
|
|
113
|
+
}),
|
|
114
|
+
/* @__PURE__ */ jsxs("div", {
|
|
115
|
+
className: "gap-3 flex flex-row",
|
|
116
|
+
children: [
|
|
117
|
+
/* @__PURE__ */ jsx2("a", {
|
|
118
|
+
className: "no-underline text-inherit",
|
|
119
|
+
target: "_blank",
|
|
120
|
+
href: twitter,
|
|
121
|
+
children: /* @__PURE__ */ jsx2(TwitterLogo, {})
|
|
122
|
+
}),
|
|
123
|
+
/* @__PURE__ */ jsx2("a", {
|
|
124
|
+
className: "no-underline text-inherit",
|
|
125
|
+
target: "_blank",
|
|
126
|
+
href: linkedin,
|
|
127
|
+
children: /* @__PURE__ */ jsx2(LinkedInLogo, {})
|
|
128
|
+
}),
|
|
129
|
+
/* @__PURE__ */ jsx2("a", {
|
|
130
|
+
className: "no-underline text-inherit",
|
|
131
|
+
target: "_blank",
|
|
132
|
+
href: github,
|
|
133
|
+
children: /* @__PURE__ */ jsx2(GitHubLogo, {})
|
|
134
|
+
}),
|
|
135
|
+
/* @__PURE__ */ jsx2("a", {
|
|
136
|
+
className: "no-underline text-inherit",
|
|
137
|
+
target: "_blank",
|
|
138
|
+
href: `mailto:${email}`,
|
|
139
|
+
children: /* @__PURE__ */ jsx2(EmailLogo, {})
|
|
140
|
+
})
|
|
141
|
+
]
|
|
142
|
+
})
|
|
143
|
+
]
|
|
144
|
+
})
|
|
145
|
+
]
|
|
146
|
+
});
|
|
147
|
+
};
|
|
148
|
+
var TeamCardsLayout = () => {
|
|
149
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
150
|
+
className: "flex flex-col gap-12 md:gap-4",
|
|
151
|
+
children: [
|
|
152
|
+
/* @__PURE__ */ jsx2(TeamMemberCard, {
|
|
153
|
+
name: "Jonny Burger",
|
|
154
|
+
title: "Chief Hacker",
|
|
155
|
+
description: "Making cool software for myself and others and getting to know all kinds of different people - that's what makes Remotion my dream job!",
|
|
156
|
+
image: "/img/team/jonny.png",
|
|
157
|
+
twitter: "https://twitter.com/JNYBGR",
|
|
158
|
+
linkedin: "https://ch.linkedin.com/in/jonny-burger-4115109b",
|
|
159
|
+
github: "https://github.com/JonnyBurger",
|
|
160
|
+
email: "jonny@remotion.dev"
|
|
161
|
+
}),
|
|
162
|
+
/* @__PURE__ */ jsx2(TeamMemberCard, {
|
|
163
|
+
name: "Mehmet Ademi",
|
|
164
|
+
title: "Business Manager",
|
|
165
|
+
description: "Transitioning from traditional business, Remotion allowed me to merge my passion for technology and business in a distinctive way.",
|
|
166
|
+
image: "/img/team/mehmet.png",
|
|
167
|
+
twitter: "https://twitter.com/mehmetademi",
|
|
168
|
+
linkedin: "https://www.linkedin.com/in/mehmetademi",
|
|
169
|
+
github: "https://github.com/MehmetAdemi",
|
|
170
|
+
email: "mehmet@remotion.dev"
|
|
171
|
+
}),
|
|
172
|
+
/* @__PURE__ */ jsx2(TeamMemberCard, {
|
|
173
|
+
name: "Igor Samokhovets",
|
|
174
|
+
title: "Product Engineer",
|
|
175
|
+
description: "With a background in music industry and a passion for coding, I've been building tools to help musicians create. Remotion is the perfect place to blend my tech skills and creativity.",
|
|
176
|
+
image: "/img/team/igor.jpg",
|
|
177
|
+
twitter: "https://x.com/tequilafunks",
|
|
178
|
+
linkedin: "https://www.linkedin.com/in/samohovets/",
|
|
179
|
+
github: "https://github.com/samohovets",
|
|
180
|
+
email: "igor@remotion.dev"
|
|
181
|
+
})
|
|
182
|
+
]
|
|
183
|
+
});
|
|
184
|
+
};
|
|
185
|
+
|
|
186
|
+
// src/components/team/TitleTeamCards.tsx
|
|
187
|
+
import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
188
|
+
var TitleTeamCards = () => {
|
|
189
|
+
return /* @__PURE__ */ jsxs2("div", {
|
|
190
|
+
children: [
|
|
191
|
+
/* @__PURE__ */ jsx3("h1", {
|
|
192
|
+
className: "font-brand",
|
|
193
|
+
children: "Team"
|
|
194
|
+
}),
|
|
195
|
+
/* @__PURE__ */ jsx3(TeamPicture, {}),
|
|
196
|
+
/* @__PURE__ */ jsx3(TeamCardsLayout, {}),
|
|
197
|
+
/* @__PURE__ */ jsx3("h1", {
|
|
198
|
+
className: "font-brand mt-8",
|
|
199
|
+
children: "Company"
|
|
200
|
+
}),
|
|
201
|
+
/* @__PURE__ */ jsxs2("p", {
|
|
202
|
+
className: "font-brand leading-normal",
|
|
203
|
+
children: [
|
|
204
|
+
"Wonder how we operate? If we are stable? Who is backing us? ",
|
|
205
|
+
/* @__PURE__ */ jsx3("br", {}),
|
|
206
|
+
"Check our our",
|
|
207
|
+
" ",
|
|
208
|
+
/* @__PURE__ */ jsx3("a", {
|
|
209
|
+
href: "/investors",
|
|
210
|
+
className: "font-brand no-underline text-brand",
|
|
211
|
+
children: "investors page"
|
|
212
|
+
}),
|
|
213
|
+
"!"
|
|
214
|
+
]
|
|
215
|
+
})
|
|
216
|
+
]
|
|
217
|
+
});
|
|
218
|
+
};
|
|
219
|
+
|
|
220
|
+
// src/components/team.tsx
|
|
221
|
+
import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
222
|
+
var AboutUsHeader = () => {
|
|
223
|
+
return /* @__PURE__ */ jsx4("div", {
|
|
224
|
+
className: "flex flex-row items-center md:flex-col pt-10",
|
|
225
|
+
children: /* @__PURE__ */ jsxs3("div", {
|
|
226
|
+
className: "flex-1",
|
|
227
|
+
children: [
|
|
228
|
+
/* @__PURE__ */ jsxs3("h1", {
|
|
229
|
+
className: "text-3xl font-bold font-['GTPlanar'] leading-tight max-w-[1000px] md:text-5xl",
|
|
230
|
+
children: [
|
|
231
|
+
/* @__PURE__ */ jsx4("svg", {
|
|
232
|
+
className: "h-6 md:h-8 mr-3 md:mr-6",
|
|
233
|
+
viewBox: "0 0 105 107",
|
|
234
|
+
fill: "none",
|
|
235
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
236
|
+
children: /* @__PURE__ */ jsx4("path", {
|
|
237
|
+
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",
|
|
238
|
+
fill: "#0B84F3"
|
|
239
|
+
})
|
|
240
|
+
}),
|
|
241
|
+
"The programmatic video dream",
|
|
242
|
+
" "
|
|
243
|
+
]
|
|
244
|
+
}),
|
|
245
|
+
/* @__PURE__ */ jsx4("p", {
|
|
246
|
+
className: "leading-relaxed text-balance font-brand",
|
|
247
|
+
children: "Started as a side project in 2021, we are now a company in Zurich, Switzerland and are pushing to combine the powers of video editing and programming!"
|
|
248
|
+
})
|
|
249
|
+
]
|
|
250
|
+
})
|
|
251
|
+
});
|
|
252
|
+
};
|
|
253
|
+
var container = {
|
|
254
|
+
maxWidth: 1000,
|
|
255
|
+
margin: "auto",
|
|
256
|
+
paddingLeft: 16,
|
|
257
|
+
paddingRight: 16
|
|
258
|
+
};
|
|
259
|
+
var TeamPage = () => {
|
|
260
|
+
return /* @__PURE__ */ jsx4("div", {
|
|
261
|
+
className: "bg-[var(--background)]",
|
|
262
|
+
children: /* @__PURE__ */ jsxs3("div", {
|
|
263
|
+
style: container,
|
|
264
|
+
children: [
|
|
265
|
+
/* @__PURE__ */ jsx4("br", {}),
|
|
266
|
+
/* @__PURE__ */ jsx4(AboutUsHeader, {}),
|
|
267
|
+
/* @__PURE__ */ jsx4("br", {}),
|
|
268
|
+
/* @__PURE__ */ jsx4(TitleTeamCards, {}),
|
|
269
|
+
/* @__PURE__ */ jsx4("br", {})
|
|
270
|
+
]
|
|
271
|
+
})
|
|
272
|
+
});
|
|
273
|
+
};
|
|
274
|
+
export {
|
|
275
|
+
TeamPage,
|
|
276
|
+
AboutUsHeader
|
|
277
|
+
};
|
package/dist/homepage/Pricing.js
CHANGED
|
@@ -20,7 +20,7 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
|
|
|
20
20
|
// src/components/homepage/FreePricing.tsx
|
|
21
21
|
import React2, { useCallback, useMemo } from "react";
|
|
22
22
|
|
|
23
|
-
// ../../node_modules/.
|
|
23
|
+
// ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
|
|
24
24
|
function r(e) {
|
|
25
25
|
var t, f, n = "";
|
|
26
26
|
if (typeof e == "string" || typeof e == "number")
|
|
@@ -41,7 +41,7 @@ function clsx() {
|
|
|
41
41
|
return n;
|
|
42
42
|
}
|
|
43
43
|
|
|
44
|
-
// ../../node_modules/.
|
|
44
|
+
// ../../node_modules/.bun/tailwind-merge@2.5.2/node_modules/tailwind-merge/dist/bundle-mjs.mjs
|
|
45
45
|
var CLASS_PART_SEPARATOR = "-";
|
|
46
46
|
var createClassGroupUtils = (config) => {
|
|
47
47
|
const classMap = createClassMap(config);
|
|
@@ -1532,7 +1532,7 @@ var PricingBulletPoint = ({ text, checked, children }) => {
|
|
|
1532
1532
|
style: greyCircle
|
|
1533
1533
|
}),
|
|
1534
1534
|
/* @__PURE__ */ jsxs3("div", {
|
|
1535
|
-
className: "fontbrand text-lg
|
|
1535
|
+
className: "fontbrand text-lg\t",
|
|
1536
1536
|
children: [
|
|
1537
1537
|
text,
|
|
1538
1538
|
children
|
|
@@ -1697,7 +1697,6 @@ var EnterpriseLicense = () => {
|
|
|
1697
1697
|
};
|
|
1698
1698
|
var SEAT_PRICE = 25;
|
|
1699
1699
|
var RENDER_UNIT_PRICE = 10;
|
|
1700
|
-
var WEBCODECS_UNIT_PRICE = 10;
|
|
1701
1700
|
var icon = {
|
|
1702
1701
|
height: 16,
|
|
1703
1702
|
marginLeft: 4
|
|
@@ -1705,7 +1704,6 @@ var icon = {
|
|
|
1705
1704
|
var CompanyPricing = () => {
|
|
1706
1705
|
const [devSeatCount, setDevSeatCount] = React2.useState(1);
|
|
1707
1706
|
const [cloudRenders, setCloudRenders] = React2.useState(1000);
|
|
1708
|
-
const [creations, setCreations] = React2.useState(1000);
|
|
1709
1707
|
const formatPrice = useCallback((price) => {
|
|
1710
1708
|
const formatter = new Intl.NumberFormat("en-US", {
|
|
1711
1709
|
style: "currency",
|
|
@@ -1715,8 +1713,8 @@ var CompanyPricing = () => {
|
|
|
1715
1713
|
return formatter.format(price);
|
|
1716
1714
|
}, []);
|
|
1717
1715
|
const totalPrice = useMemo(() => {
|
|
1718
|
-
return Math.max(100, devSeatCount * SEAT_PRICE + cloudRenders / 1000 * RENDER_UNIT_PRICE
|
|
1719
|
-
}, [cloudRenders, devSeatCount
|
|
1716
|
+
return Math.max(100, devSeatCount * SEAT_PRICE + cloudRenders / 1000 * RENDER_UNIT_PRICE);
|
|
1717
|
+
}, [cloudRenders, devSeatCount]);
|
|
1720
1718
|
const totalPriceString = useMemo(() => {
|
|
1721
1719
|
return formatPrice(totalPrice);
|
|
1722
1720
|
}, [formatPrice, totalPrice]);
|
|
@@ -1801,12 +1799,12 @@ var CompanyPricing = () => {
|
|
|
1801
1799
|
children: [
|
|
1802
1800
|
/* @__PURE__ */ jsx4("div", {
|
|
1803
1801
|
className: "fontbrand font-bold text-lg",
|
|
1804
|
-
children: "
|
|
1802
|
+
children: "Video renders"
|
|
1805
1803
|
}),
|
|
1806
1804
|
/* @__PURE__ */ jsx4("div", {
|
|
1807
1805
|
className: "text-muted fontbrand text-sm",
|
|
1808
1806
|
children: /* @__PURE__ */ jsx4("a", {
|
|
1809
|
-
href: "https://www.remotion.dev/docs/
|
|
1807
|
+
href: "https://www.remotion.dev/docs/render",
|
|
1810
1808
|
className: "underline underline-offset-4 text-inherit",
|
|
1811
1809
|
children: "Renders per month (self-hosted)"
|
|
1812
1810
|
})
|
|
@@ -1841,54 +1839,6 @@ var CompanyPricing = () => {
|
|
|
1841
1839
|
/* @__PURE__ */ jsx4("div", {
|
|
1842
1840
|
style: { height: 14 }
|
|
1843
1841
|
}),
|
|
1844
|
-
/* @__PURE__ */ jsxs4("div", {
|
|
1845
|
-
className: "flex flex-col md:flex-row md:items-center",
|
|
1846
|
-
children: [
|
|
1847
|
-
/* @__PURE__ */ jsxs4("div", {
|
|
1848
|
-
style: textUnitWrapper,
|
|
1849
|
-
children: [
|
|
1850
|
-
/* @__PURE__ */ jsx4("div", {
|
|
1851
|
-
className: "fontbrand font-bold text-lg",
|
|
1852
|
-
children: "WebCodecs video creations"
|
|
1853
|
-
}),
|
|
1854
|
-
/* @__PURE__ */ jsx4("div", {
|
|
1855
|
-
className: "text-muted fontbrand text-sm",
|
|
1856
|
-
children: /* @__PURE__ */ jsx4("a", {
|
|
1857
|
-
className: "underline underline-offset-4 text-inherit",
|
|
1858
|
-
href: "https://remotion.dev/webcodecs",
|
|
1859
|
-
children: "Client-side video creations per month"
|
|
1860
|
-
})
|
|
1861
|
-
})
|
|
1862
|
-
]
|
|
1863
|
-
}),
|
|
1864
|
-
/* @__PURE__ */ jsx4("div", {
|
|
1865
|
-
style: { flex: 3 },
|
|
1866
|
-
className: "hidden md:block"
|
|
1867
|
-
}),
|
|
1868
|
-
/* @__PURE__ */ jsxs4("div", {
|
|
1869
|
-
className: "flex flex-row items-center justify-between mt-3 md:mt-0",
|
|
1870
|
-
children: [
|
|
1871
|
-
/* @__PURE__ */ jsx4(Counter, {
|
|
1872
|
-
count: creations,
|
|
1873
|
-
setCount: setCreations,
|
|
1874
|
-
minCount: 0,
|
|
1875
|
-
step: 1000
|
|
1876
|
-
}),
|
|
1877
|
-
/* @__PURE__ */ jsxs4(SmallPriceTag, {
|
|
1878
|
-
children: [
|
|
1879
|
-
"$",
|
|
1880
|
-
new Intl.NumberFormat("en-US", {
|
|
1881
|
-
maximumFractionDigits: 0
|
|
1882
|
-
}).format(creations / 1000 * WEBCODECS_UNIT_PRICE)
|
|
1883
|
-
]
|
|
1884
|
-
})
|
|
1885
|
-
]
|
|
1886
|
-
})
|
|
1887
|
-
]
|
|
1888
|
-
}),
|
|
1889
|
-
/* @__PURE__ */ jsx4("div", {
|
|
1890
|
-
style: { height: 20 }
|
|
1891
|
-
}),
|
|
1892
1842
|
/* @__PURE__ */ jsx4("div", {
|
|
1893
1843
|
className: "flex flex-row justify-end",
|
|
1894
1844
|
children: /* @__PURE__ */ jsxs4("div", {
|
package/package.json
CHANGED
|
@@ -1,47 +1,47 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
}
|
|
2
|
+
"name": "@remotion/promo-pages",
|
|
3
|
+
"version": "4.0.358",
|
|
4
|
+
"publishConfig": {
|
|
5
|
+
"access": "public"
|
|
6
|
+
},
|
|
7
|
+
"scripts": {
|
|
8
|
+
"make": "bun --env-file=../.env.bundle bundle.ts",
|
|
9
|
+
"lint": "tsc && eslint src",
|
|
10
|
+
"dev": "bun server.ts"
|
|
11
|
+
},
|
|
12
|
+
"type": "module",
|
|
13
|
+
"dependencies": {
|
|
14
|
+
"@remotion/animated-emoji": "4.0.357",
|
|
15
|
+
"@remotion/lambda": "4.0.357",
|
|
16
|
+
"@remotion/lottie": "4.0.357",
|
|
17
|
+
"@remotion/paths": "4.0.357",
|
|
18
|
+
"@remotion/player": "4.0.357",
|
|
19
|
+
"@remotion/shapes": "4.0.357",
|
|
20
|
+
"create-video": "4.0.357",
|
|
21
|
+
"hls.js": "1.5.19",
|
|
22
|
+
"polished": "4.3.1",
|
|
23
|
+
"remotion": "4.0.357",
|
|
24
|
+
"zod": "3.22.3",
|
|
25
|
+
"bun-plugin-tailwind": "0.0.15"
|
|
26
|
+
},
|
|
27
|
+
"devDependencies": {
|
|
28
|
+
"@remotion/eslint-config-internal": "4.0.357",
|
|
29
|
+
"@eslint/eslintrc": "3.1.0",
|
|
30
|
+
"@types/react": "19.0.0",
|
|
31
|
+
"@types/react-dom": "19.0.0",
|
|
32
|
+
"eslint": "9.19.0",
|
|
33
|
+
"eslint-config-next": "15.1.6",
|
|
34
|
+
"plyr": "^3.7.3",
|
|
35
|
+
"postcss": "8.4.47",
|
|
36
|
+
"tailwindcss": "4.1.1",
|
|
37
|
+
"@tailwindcss/cli": "4.1.1",
|
|
38
|
+
"react": "19.0.0",
|
|
39
|
+
"react-dom": "19.0.0",
|
|
40
|
+
"tailwind-merge": "2.5.2",
|
|
41
|
+
"bun-plugin-tailwind": "0.0.13",
|
|
42
|
+
"clsx": "2.1.1"
|
|
43
|
+
},
|
|
44
|
+
"repository": {
|
|
45
|
+
"url": "https://github.com/remotion-dev/remotion/tree/main/packages/promo-pages"
|
|
46
|
+
}
|
|
47
|
+
}
|
|
File without changes
|
|
@@ -2,7 +2,7 @@ import type {EmojiName} from '@remotion/animated-emoji';
|
|
|
2
2
|
import React, {useCallback, useEffect, useMemo, useState} from 'react';
|
|
3
3
|
import {
|
|
4
4
|
AbsoluteFill,
|
|
5
|
-
|
|
5
|
+
Html5Audio,
|
|
6
6
|
prefetch,
|
|
7
7
|
staticFile,
|
|
8
8
|
type CalculateMetadataFunction,
|
|
@@ -151,7 +151,7 @@ export const HomepageVideoComp: React.FC<DemoPlayerProps> = ({
|
|
|
151
151
|
onRight={onClickRight}
|
|
152
152
|
emojiName={emoji}
|
|
153
153
|
/>
|
|
154
|
-
{audioSrc ? <
|
|
154
|
+
{audioSrc ? <Html5Audio src={audioSrc} /> : null}
|
|
155
155
|
</AbsoluteFill>
|
|
156
156
|
);
|
|
157
157
|
};
|
|
@@ -149,7 +149,6 @@ export const EnterpriseLicense: React.FC = () => {
|
|
|
149
149
|
|
|
150
150
|
const SEAT_PRICE = 25;
|
|
151
151
|
const RENDER_UNIT_PRICE = 10;
|
|
152
|
-
const WEBCODECS_UNIT_PRICE = 10;
|
|
153
152
|
|
|
154
153
|
const icon: React.CSSProperties = {
|
|
155
154
|
height: 16,
|
|
@@ -159,7 +158,6 @@ const icon: React.CSSProperties = {
|
|
|
159
158
|
export const CompanyPricing: React.FC = () => {
|
|
160
159
|
const [devSeatCount, setDevSeatCount] = React.useState(1);
|
|
161
160
|
const [cloudRenders, setCloudRenders] = React.useState(1000);
|
|
162
|
-
const [creations, setCreations] = React.useState(1000);
|
|
163
161
|
|
|
164
162
|
const formatPrice = useCallback((price: number) => {
|
|
165
163
|
const formatter = new Intl.NumberFormat('en-US', {
|
|
@@ -173,11 +171,9 @@ export const CompanyPricing: React.FC = () => {
|
|
|
173
171
|
const totalPrice = useMemo(() => {
|
|
174
172
|
return Math.max(
|
|
175
173
|
100,
|
|
176
|
-
devSeatCount * SEAT_PRICE +
|
|
177
|
-
(cloudRenders / 1000) * RENDER_UNIT_PRICE +
|
|
178
|
-
(creations / 1000) * WEBCODECS_UNIT_PRICE,
|
|
174
|
+
devSeatCount * SEAT_PRICE + (cloudRenders / 1000) * RENDER_UNIT_PRICE,
|
|
179
175
|
);
|
|
180
|
-
}, [cloudRenders, devSeatCount
|
|
176
|
+
}, [cloudRenders, devSeatCount]);
|
|
181
177
|
|
|
182
178
|
const totalPriceString = useMemo(() => {
|
|
183
179
|
return formatPrice(totalPrice);
|
|
@@ -219,10 +215,10 @@ export const CompanyPricing: React.FC = () => {
|
|
|
219
215
|
<div style={{height: 14}} />
|
|
220
216
|
<div className={'flex flex-col md:flex-row md:items-center'}>
|
|
221
217
|
<div style={textUnitWrapper}>
|
|
222
|
-
<div className={'fontbrand font-bold text-lg'}>
|
|
218
|
+
<div className={'fontbrand font-bold text-lg'}>Video renders</div>
|
|
223
219
|
<div className={'text-muted fontbrand text-sm'}>
|
|
224
220
|
<a
|
|
225
|
-
href="https://www.remotion.dev/docs/
|
|
221
|
+
href="https://www.remotion.dev/docs/render"
|
|
226
222
|
className="underline underline-offset-4 text-inherit"
|
|
227
223
|
>
|
|
228
224
|
Renders per month (self-hosted)
|
|
@@ -246,37 +242,6 @@ export const CompanyPricing: React.FC = () => {
|
|
|
246
242
|
</div>
|
|
247
243
|
</div>
|
|
248
244
|
<div style={{height: 14}} />
|
|
249
|
-
<div className={'flex flex-col md:flex-row md:items-center'}>
|
|
250
|
-
<div style={textUnitWrapper}>
|
|
251
|
-
<div className={'fontbrand font-bold text-lg'}>
|
|
252
|
-
WebCodecs video creations
|
|
253
|
-
</div>
|
|
254
|
-
<div className={'text-muted fontbrand text-sm'}>
|
|
255
|
-
<a
|
|
256
|
-
className="underline underline-offset-4 text-inherit"
|
|
257
|
-
href="https://remotion.dev/webcodecs"
|
|
258
|
-
>
|
|
259
|
-
Client-side video creations per month
|
|
260
|
-
</a>
|
|
261
|
-
</div>
|
|
262
|
-
</div>
|
|
263
|
-
<div style={{flex: 3}} className="hidden md:block" />
|
|
264
|
-
<div className="flex flex-row items-center justify-between mt-3 md:mt-0">
|
|
265
|
-
<Counter
|
|
266
|
-
count={creations}
|
|
267
|
-
setCount={setCreations}
|
|
268
|
-
minCount={0}
|
|
269
|
-
step={1000}
|
|
270
|
-
/>
|
|
271
|
-
<SmallPriceTag>
|
|
272
|
-
$
|
|
273
|
-
{new Intl.NumberFormat('en-US', {
|
|
274
|
-
maximumFractionDigits: 0,
|
|
275
|
-
}).format((creations / 1000) * WEBCODECS_UNIT_PRICE)}
|
|
276
|
-
</SmallPriceTag>
|
|
277
|
-
</div>
|
|
278
|
-
</div>
|
|
279
|
-
<div style={{height: 20}} />
|
|
280
245
|
<div className={'flex flex-row justify-end'}>
|
|
281
246
|
<div style={{...textUnitWrapper, alignItems: 'flex-end'}}>
|
|
282
247
|
<PriceTag>{totalPriceString}/mo</PriceTag>
|
|
@@ -100,55 +100,6 @@ const TrustedByBanner = () => {
|
|
|
100
100
|
</svg>
|
|
101
101
|
),
|
|
102
102
|
},
|
|
103
|
-
{
|
|
104
|
-
id: 'logo4',
|
|
105
|
-
url: 'https://www.vicemediagroup.com/',
|
|
106
|
-
light: (
|
|
107
|
-
<svg
|
|
108
|
-
height="20"
|
|
109
|
-
viewBox="0 0 190 20"
|
|
110
|
-
fill="none"
|
|
111
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
112
|
-
>
|
|
113
|
-
<path
|
|
114
|
-
d="M43.4416 0.472096C37.9752 0.662593 33.9996 3.1639 32.8566 7.12292C32.5171 8.27419 32.4425 8.96992 32.4922 10.4111C32.5171 11.4547 32.575 11.8853 32.7407 12.5148C33.5441 15.5628 35.5319 17.6334 38.7372 18.7432C40.402 19.3313 41.9508 19.5549 44.1871 19.5549C48.9909 19.5549 52.5027 18.0724 54.3165 15.2977C54.6644 14.7676 55.2442 13.4342 55.2442 13.1608C55.2442 13.1194 54.4987 13.0863 53.3806 13.0863H51.5171L51.1858 13.6164C50.3327 14.9664 48.8501 15.8858 46.8375 16.3248C45.8518 16.5401 43.7067 16.6229 42.63 16.4904C39.7808 16.1343 37.7764 14.9167 36.8157 12.9621C36.4181 12.1587 36.269 11.5458 36.2193 10.4608C35.9957 6.06277 38.9857 3.47863 44.2699 3.47863C47.3841 3.47863 49.7612 4.4891 50.9787 6.32781L51.2934 6.79163H53.2232C54.2917 6.79163 55.1613 6.77506 55.1613 6.76678C55.1613 6.75021 55.0951 6.53487 55.004 6.28639C53.803 2.79119 50.0428 0.654311 44.8083 0.480378C44.3776 0.463815 43.7647 0.463815 43.4416 0.472096Z"
|
|
115
|
-
fill="var(--text-color)"
|
|
116
|
-
/>
|
|
117
|
-
<path
|
|
118
|
-
d="M0.331299 0.745421C0.331299 0.828246 9.89756 18.7847 10.1543 19.1988C10.2703 19.381 10.2951 19.381 12.2167 19.381H14.163L14.3535 19.0745C14.6103 18.6604 24.102 0.786833 24.102 0.71229C24.102 0.687443 23.2241 0.662594 22.1556 0.662594H20.2092L20.0436 0.927634C19.9608 1.07672 18.1635 4.50566 16.0597 8.54751C13.956 12.5976 12.2084 15.8775 12.1752 15.8444C12.1421 15.8112 10.3779 12.4237 8.24935 8.32389C6.11247 4.22406 4.33174 0.819962 4.29032 0.761984C4.18265 0.629466 0.331299 0.6129 0.331299 0.745421Z"
|
|
119
|
-
fill="var(--text-color)"
|
|
120
|
-
/>
|
|
121
|
-
<path
|
|
122
|
-
d="M26.0484 0.761964C26.0236 0.819942 26.0153 5.02744 26.0236 10.1046L26.0484 19.3396H27.8291H29.6099V10.0218V0.703989L27.8457 0.67914C26.4874 0.662576 26.0732 0.67914 26.0484 0.761964Z"
|
|
123
|
-
fill="var(--text-color)"
|
|
124
|
-
/>
|
|
125
|
-
<path
|
|
126
|
-
d="M57.8945 10.0218V19.381L67.2786 19.3644L76.6543 19.3396L76.6792 17.9067L76.6958 16.4821H69.0759H61.456V13.9146V11.347H68.289H75.1221V9.93897V8.53095H68.289H61.456V6.04621V3.56146H69.0759H76.6958L76.6792 2.1286L76.6543 0.70401L67.2786 0.679162L57.8945 0.662598V10.0218Z"
|
|
127
|
-
fill="var(--text-color)"
|
|
128
|
-
/>
|
|
129
|
-
<path
|
|
130
|
-
d="M87.5458 10.0218V19.381H88.7881H90.0305L90.0471 11.6534L90.0719 3.91761L94.3126 11.6286L98.5449 19.3396L99.8784 19.3644L101.212 19.381L101.353 19.1491C101.435 19.0166 103.349 15.5545 105.602 11.4464L109.701 3.98387L109.743 11.6617L109.784 19.3396H111.027H112.269V10.0218V0.70401L110.513 0.679162L108.765 0.662598L108.608 0.886223C108.517 1.01874 106.529 4.61334 104.194 8.87881C101.85 13.1526 99.9115 16.6478 99.8867 16.6478C99.8618 16.6478 97.8906 13.0615 95.497 8.67175L91.1487 0.70401L89.3514 0.679162L87.5458 0.662598V10.0218Z"
|
|
131
|
-
fill="var(--text-color)"
|
|
132
|
-
/>
|
|
133
|
-
<path
|
|
134
|
-
d="M115.996 0.761986C115.971 0.819964 115.963 5.02746 115.971 10.1046L115.996 19.3396L125.173 19.3644L134.342 19.381V18.2629V17.1447H126.473H118.605V14.0802V11.0157H125.687H132.768V9.93897V8.86225H125.687H118.605V5.88056V2.89887H126.473H134.342V1.78073V0.662598H125.19C117.942 0.662598 116.021 0.687445 115.996 0.761986Z"
|
|
135
|
-
fill="var(--text-color)"
|
|
136
|
-
/>
|
|
137
|
-
<path
|
|
138
|
-
d="M137.531 0.761966C137.506 0.819944 137.497 5.02744 137.506 10.1046L137.531 19.3396H143.245C149.366 19.3396 149.789 19.3147 151.503 18.8757C156.067 17.7245 158.593 14.5689 158.609 10.0218C158.609 9.59109 158.551 8.87879 158.493 8.44811C157.922 4.67958 155.528 2.18655 151.503 1.16781C149.83 0.745403 149.499 0.720554 143.353 0.687425C138.591 0.654294 137.564 0.67086 137.531 0.761966ZM149.184 3.10591C151.42 3.39579 152.952 4.09981 154.162 5.38359C155.305 6.60111 155.793 7.976 155.793 10.0218C155.793 12.0675 155.305 13.4424 154.162 14.66C152.952 15.9437 151.42 16.6478 149.184 16.9376C148.463 17.037 147.304 17.0619 144.19 17.0619H140.139V10.0218V2.98167H144.19C147.304 2.98167 148.463 3.00652 149.184 3.10591Z"
|
|
139
|
-
fill="var(--text-color)"
|
|
140
|
-
/>
|
|
141
|
-
<path
|
|
142
|
-
d="M161.384 0.761964C161.359 0.819942 161.351 5.02744 161.359 10.1046L161.384 19.3396H162.668H163.952V10.0218V0.703989L162.684 0.67914C161.724 0.662576 161.409 0.67914 161.384 0.761964Z"
|
|
143
|
-
fill="var(--text-color)"
|
|
144
|
-
/>
|
|
145
|
-
<path
|
|
146
|
-
d="M176.268 0.770262C176.177 0.877934 166.503 19.0497 166.42 19.265C166.378 19.3644 166.569 19.381 167.728 19.3644L169.087 19.3396L170.462 16.772L171.837 14.2044H178.082H184.326L185.693 16.772L187.068 19.3396L188.368 19.3644C189.238 19.381 189.669 19.3561 189.669 19.2982C189.669 19.2153 180.194 1.27549 179.929 0.844805C179.813 0.662591 179.779 0.662591 178.082 0.662591C176.781 0.662591 176.334 0.687438 176.268 0.770262ZM180.649 7.23888C181.991 9.74019 183.101 11.8191 183.109 11.8605C183.126 11.8936 180.864 11.9268 178.082 11.9268C175.299 11.9268 173.021 11.9102 173.021 11.8853C173.021 11.8605 174.147 9.7319 175.522 7.15605C177.493 3.4455 178.04 2.5013 178.115 2.58413C178.173 2.6421 179.307 4.73757 180.649 7.23888Z"
|
|
147
|
-
fill="var(--text-color)"
|
|
148
|
-
/>
|
|
149
|
-
</svg>
|
|
150
|
-
),
|
|
151
|
-
},
|
|
152
103
|
{
|
|
153
104
|
id: 'logo5',
|
|
154
105
|
url: 'https://www.soundcloud.com/',
|