@remotion/promo-pages 4.0.461 → 4.0.462

package/dist/components/experts/ExpertsPage.js

@@ -3,7 +3,7 @@ import { useMemo } from 'react';
 import { random } from 'remotion';
 import { EmailLogo, GitHubLogo, LinkedInLogo, TwitterLogo, } from '../team/TeamCards';
 import { experts } from './experts-data';
-import { PersonalWebsite } from './experts-icons';
+import { DiscordLogo, PersonalWebsite } from './experts-icons';
 const arrowIcon = {
     height: 16,
     marginLeft: 10,
@@ -34,7 +34,7 @@ const wrapperStyle = {
     paddingBottom: 100,
 };
 const ExpertCard = ({ expert, Link }) => {
-    return (_jsxs("div", { className: "flex-1 rounded-[15px] flex flex-col md:flex-row gap-2 md:gap-4", children: [_jsx(Link, { href: `/experts/${expert.slug}`, className: "no-underline text-inherit", children: _jsx("img", { src: expert.image, alt: `Profile picture of ${expert.name}`, className: "w-[250px] h-[250px] rounded-xl border-effect object-cover" }) }), _jsxs("div", { className: "flex flex-col border-effect px-4 py-3 bg-pane flex-1", children: [_jsx(Link, { href: `/experts/${expert.slug}`, className: "no-underline text-inherit", children: _jsx("h2", { className: "text-[1.6em] mb-1 mt-3 text-[var(--ifm-color-primary)] font-brand", children: expert.name }) }), _jsx("div", { className: "mt-2 mb-3 leading-normal font-brand", children: expert.description }), _jsxs("div", { className: "leading-6 mb-4", children: [_jsxs(Link, { className: "no-underline text-brand font-brand font-bold inline-flex flex-row items-center", href: `/experts/${expert.slug}`, children: ["View profile", ' ', _jsx("svg", { style: arrowIcon, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", children: _jsx("path", { fill: "currentColor", d: "M438.6 278.6l-160 160C272.4 444.9 264.2 448 256 448s-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L338.8 288H32C14.33 288 .0016 273.7 .0016 256S14.33 224 32 224h306.8l-105.4-105.4c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160C451.1 245.9 451.1 266.1 438.6 278.6z" }) })] }), expert.videocall ? (_jsxs(_Fragment, { children: [_jsx("br", {}), _jsxs("a", { className: "no-underline text-brand font-brand font-bold inline-flex flex-row items-center", target: "_blank", href: expert.videocall, children: ["Book a call", ' ', _jsx("svg", { style: arrowIcon, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", children: _jsx("path", { fill: "currentColor", d: "M438.6 278.6l-160 160C272.4 444.9 264.2 448 256 448s-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L338.8 288H32C14.33 288 .0016 273.7 .0016 256S14.33 224 32 224h306.8l-105.4-105.4c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160C451.1 245.9 451.1 266.1 438.6 278.6z" }) })] })] })) : null] }), _jsx("div", { className: "flex-1" }), _jsxs("div", { className: "gap-3 flex flex-row flex-wrap", children: [expert.website ? (_jsx("a", { className: "no-underline text-inherit", target: "_blank", href: expert.website, children: _jsx(PersonalWebsite, {}) })) : null, expert.x ? (_jsx("a", { className: "no-underline text-inherit", target: "_blank", href: `https://x.com/${expert.x}`, children: _jsx(TwitterLogo, {}) })) : null, expert.github ? (_jsx("a", { className: "no-underline text-inherit", target: "_blank", href: `https://github.com/${expert.github}`, children: _jsx(GitHubLogo, {}) })) : null, expert.linkedin ? (_jsx("a", { className: "no-underline text-inherit", target: "_blank", href: `https://www.linkedin.com/${expert.linkedin}`, children: _jsx(LinkedInLogo, {}) })) : null, expert.email ? (_jsx("a", { className: "no-underline text-inherit", target: "_blank", href: `mailto:${expert.email}`, children: _jsx(EmailLogo, {}) })) : null] })] })] }));
+    return (_jsxs("div", { className: "flex-1 rounded-[15px] flex flex-col md:flex-row gap-2 md:gap-4", children: [_jsx(Link, { href: `/experts/${expert.slug}`, className: "no-underline text-inherit", children: _jsx("img", { src: expert.image, alt: `Profile picture of ${expert.name}`, className: "w-[250px] h-[250px] rounded-xl border-effect object-cover" }) }), _jsxs("div", { className: "flex flex-col border-effect px-4 py-3 bg-pane flex-1", children: [_jsx(Link, { href: `/experts/${expert.slug}`, className: "no-underline text-inherit", children: _jsx("h2", { className: "text-[1.6em] mb-1 mt-3 text-[var(--ifm-color-primary)] font-brand", children: expert.name }) }), _jsx("div", { className: "mt-2 mb-3 leading-normal font-brand", children: expert.description }), _jsxs("div", { className: "leading-6 mb-4", children: [_jsxs(Link, { className: "no-underline text-brand font-brand font-bold inline-flex flex-row items-center", href: `/experts/${expert.slug}`, children: ["View profile", ' ', _jsx("svg", { style: arrowIcon, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", children: _jsx("path", { fill: "currentColor", d: "M438.6 278.6l-160 160C272.4 444.9 264.2 448 256 448s-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L338.8 288H32C14.33 288 .0016 273.7 .0016 256S14.33 224 32 224h306.8l-105.4-105.4c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160C451.1 245.9 451.1 266.1 438.6 278.6z" }) })] }), expert.videocall ? (_jsxs(_Fragment, { children: [_jsx("br", {}), _jsxs("a", { className: "no-underline text-brand font-brand font-bold inline-flex flex-row items-center", target: "_blank", href: expert.videocall, children: ["Book a call", ' ', _jsx("svg", { style: arrowIcon, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", children: _jsx("path", { fill: "currentColor", d: "M438.6 278.6l-160 160C272.4 444.9 264.2 448 256 448s-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L338.8 288H32C14.33 288 .0016 273.7 .0016 256S14.33 224 32 224h306.8l-105.4-105.4c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160C451.1 245.9 451.1 266.1 438.6 278.6z" }) })] })] })) : null] }), _jsx("div", { className: "flex-1" }), _jsxs("div", { className: "gap-3 flex flex-row flex-wrap", children: [expert.website ? (_jsx("a", { className: "no-underline text-inherit", target: "_blank", href: expert.website, children: _jsx(PersonalWebsite, {}) })) : null, expert.x ? (_jsx("a", { className: "no-underline text-inherit", target: "_blank", href: `https://x.com/${expert.x}`, children: _jsx(TwitterLogo, {}) })) : null, expert.github ? (_jsx("a", { className: "no-underline text-inherit", target: "_blank", href: `https://github.com/${expert.github}`, children: _jsx(GitHubLogo, {}) })) : null, expert.linkedin ? (_jsx("a", { className: "no-underline text-inherit", target: "_blank", href: `https://www.linkedin.com/${expert.linkedin}`, children: _jsx(LinkedInLogo, {}) })) : null, expert.email ? (_jsx("a", { className: "no-underline text-inherit", target: "_blank", href: `mailto:${expert.email}`, children: _jsx(EmailLogo, {}) })) : null, expert.discord ? (_jsx("a", { className: "no-underline text-inherit", target: "_blank", href: `https://discord.com/users/${expert.discord.userId}`, title: `@${expert.discord.username} on Discord`, children: _jsx(DiscordLogo, {}) })) : null] })] })] }));
 };
 export const ExpertsPageContent = ({ Link }) => {
     const expertsInRandomOrder = useMemo(() => {

package/dist/components/experts/experts-data.d.ts

@@ -9,6 +9,10 @@ export type Expert = {
     linkedin: string | null;
     email: string | null;
     videocall: string | null;
+    discord: {
+        username: string;
+        userId: string;
+    } | null;
     slug: string;
     since: number;
 };

package/dist/components/experts/experts-data.js

@@ -10,6 +10,10 @@ export const experts = [
         linkedin: 'in/sterv/',
         email: 'stephen@middy.com',
         videocall: null,
+        discord: {
+            username: 'stervdotcom',
+            userId: '613828260534550719',
+        },
         since: new Date('2022-08-15').getTime(),
         description: (_jsxs("div", { children: ["I made:", ' ', _jsx("a", { target: '_blank', href: "https://middy.com", children: "middy.com" }), "!"] })),
     },
@@ -23,6 +27,10 @@ export const experts = [
         linkedin: 'in/just-moh-it/',
         email: 'yo@mohitya.dev',
         videocall: null,
+        discord: {
+            username: 'justmohit',
+            userId: '616199379530940426',
+        },
         since: new Date('2022-08-15').getTime(),
         description: (_jsxs("div", { children: ["I made:", ' ', _jsx("a", { target: '_blank', href: "https://mockoops.mohitya.dev", children: "Mockoops" }), "! ", _jsx("br", {}), "My services: SaaS platform from scratch including SSR, creating individual videos and templates, and creating integrations for Remotion with existing infrastructure."] })),
     },
@@ -36,6 +44,10 @@ export const experts = [
         linkedin: 'in/satelllte/',
         email: 'lunaerxs@gmail.com',
         videocall: null,
+        discord: {
+            username: 'satelllte',
+            userId: '564382615105306634',
+        },
         since: new Date('2022-09-16').getTime(),
         description: (_jsxs("div", { children: ["I made:", ' ', _jsx("a", { target: '_blank', href: "https://github.com/satelllte/remotion-audio-visualizer", children: "Minimalistic audio visualizations" }), ' and ', _jsx("a", { target: '_blank', href: "https://github.com/satelllte/remotion-template", children: "Template for crafting programmatic videos" }), "."] })),
     },
@@ -48,6 +60,10 @@ export const experts = [
         linkedin: null,
         email: 'ben@captok.ai',
         videocall: null,
+        discord: {
+            username: 'ben201000',
+            userId: '833862694372245515',
+        },
         since: new Date('2022-11-03').getTime(),
         description: (_jsxs("div", { children: ["Creator of", ' ', _jsx("a", { target: '_blank', href: "https://www.captok.ai", children: "CapTok" }), _jsx("br", {}), "I specialize in creating serverless AI web applications using AWS, Javascript and Python."] })),
         website: null,
@@ -63,6 +79,7 @@ export const experts = [
         since: new Date('2022-08-22').getTime(),
         email: 'karel@asius.ai',
         videocall: null,
+        discord: null,
         description: (_jsxs("div", { children: ["I have created Remotion videos for many companies and helped them with deployment, some examples are visible", ' ', _jsx("a", { target: '_blank', href: "https://asius.ai/#portfolio", children: "here" }), ". Additionally, I am the creator of the", ' ', _jsx("a", { target: '_blank', href: "https://github.com/karelnagel/remotion-sst", children: "remotion-sst" }), ' ', "package, which simplifies the deployment of Remotion Lambda to AWS using SST.", _jsx("br", {}), "I am available for contract opportunities in Remotion projects and web development."] })),
     },
     {
@@ -75,6 +92,10 @@ export const experts = [
         linkedin: 'in/alex-f-17a5bb56/',
         email: 'alex.frndz@gmail.com',
         videocall: 'https://cal.com/remotion-expert-alex-fernandez',
+        discord: {
+            username: 'alex12345670000',
+            userId: '1046357837976182894',
+        },
         since: new Date('2022-12-02').getTime(),
         description: (_jsx("div", { children: "I am an experienced integration developer using Mulesoft, a backend developer and on the side frontend and animation enthusiast." })),
     },
@@ -88,6 +109,10 @@ export const experts = [
         linkedin: 'in/matthew-mcgillivray-68295a55',
         email: 'mm@mattm9y.com',
         videocall: 'https://cal.com/remotion-expert-matt-mcgillivray',
+        discord: {
+            username: 'umungobungo',
+            userId: '225141342894948352',
+        },
         since: new Date('2023-01-30').getTime(),
         description: (_jsx("div", { children: _jsxs("p", { children: ["Are you kicking off a project or feature that will have Remotion at the core, and you want to get it right from the start? Or perhaps you want to migrate from an expensive After Effects or MoviePy solution, to offer your users a free live preview, with cheap rendering costs while also keeping animation quality high.", _jsx("br", {}), _jsx("br", {}), "I've worked extensively on the Remotion core repository itself, helping Jonny and the team by building the", ' ', _jsx("a", { target: '_blank', href: "https://www.npmjs.com/package/@remotion/cloudrun", children: "@remotion/cloudrun package" }), ' ', "and making many many tiny improvements to the documentation to help other developers move as fast as possible. I've helped many companies ensure they get started with a strong foundation, as well as launch with a buttoned-up solution that can be depended upon;", _jsxs("ul", { children: [_jsx("li", { children: _jsx("a", { target: '_blank', href: "https://www.memento.com/", children: "Memento" }) }), _jsx("li", { children: _jsx("a", { target: '_blank', href: "https://beaconstreetstudios.com/", children: "Beacon Street Studios" }) }), _jsx("li", { children: _jsx("a", { target: '_blank', href: "https://minvo.pro/", children: "Minvo" }) }), _jsx("li", { children: "+ many more." })] }), "95% of my time is spent in the Remotion ecosystem, and I am able to work independently or integrate into existing teams across your full stack. On the front-end, I craft thoughtful, responsive UIs tailored to user goals. For back-end work, I deploy cloud resources in repeatable patterns and shape easy-to-use, transparent APIs.", _jsx("br", {}), _jsx("br", {}), "I", "'", "m available for one-off consulting sessions with your whole team, or for longer engagements working inside your codebase."] }) })),
     },
@@ -101,6 +126,10 @@ export const experts = [
         linkedin: 'in/raymond-lotmar/',
         email: 'ray@blocklab.ch',
         videocall: 'https://cal.com/remotion-expert-ray-lotmar',
+        discord: {
+            username: 'ray_block',
+            userId: '402806969980944384',
+        },
         since: new Date('2023-01-30').getTime(),
         description: (_jsxs("div", { children: ["I made", ' ', _jsx("a", { target: '_blank', href: "https://www.romrif.com/", children: "Romrif" }), "!", _jsx("br", {}), "I build Websites & Videos with Remotion. I", "'", "m alway interested in the latest Tech and love building stuff. Feel free to contact me - I", "'", "m available for hire."] })),
     },
@@ -114,6 +143,10 @@ export const experts = [
         linkedin: 'in/lorenzobertolini/',
         email: 'ciao@lorenzobertolini.com',
         videocall: null,
+        discord: {
+            username: 'lorenzobertolini',
+            userId: '933408520789950516',
+        },
         since: new Date('2023-03-14').getTime(),
         description: (_jsxs("div", { children: ["I made:", ' ', _jsx("a", { target: '_blank', href: "https://www.dataflics.com/", children: "DataFlics" }), ' ', "and", ' ', _jsx("a", { target: '_blank', href: "https://nerdy.finance/", children: "Nerdy Finance" }), "! This is my personal website:", ' ', _jsx("a", { target: '_blank', href: "https://www.lorenzobertolini.com/", children: "Lorenzo Bertolini" }), _jsx("br", {}), "Reach out to me for data-driven video generation, data visualization, and web app prototyping with React.js and d3.js."] })),
     },
@@ -127,6 +160,10 @@ export const experts = [
         linkedin: 'in/antoine-caron-slash/',
         email: 'antoine395.caron+remotion@gmail.com',
         videocall: null,
+        discord: {
+            username: 'antoinecaron.',
+            userId: '199566011849113600',
+        },
         since: new Date('2023-03-17').getTime(),
         description: (_jsx("div", { children: _jsxs("p", { children: ["I made:", ' ', _jsx("a", { target: '_blank', href: "https://social-video-generator.vercel.app/", children: "Social Video Generator" }), ", with Micka\u00EBl Alves"] }) })),
     },
@@ -140,6 +177,10 @@ export const experts = [
         linkedin: 'in/mickaelalves/',
         email: 'alves.mckl@gmail.com',
         videocall: null,
+        discord: {
+            username: 'cruuzazul',
+            userId: '455697698050277378',
+        },
         since: new Date('2023-03-17').getTime(),
         description: (_jsx("div", { children: _jsxs("p", { children: ["I made:", ' ', _jsx("a", { target: '_blank', href: "https://social-video-generator.vercel.app/", children: "Social Video Generator" }), ", with Antoine Caron"] }) })),
     },
@@ -153,6 +194,10 @@ export const experts = [
         linkedin: 'in/pranavk7/',
         email: 'hey@pranava.dev',
         videocall: null,
+        discord: {
+            username: 'thecmdrunner',
+            userId: '768013898385063936',
+        },
         since: new Date('2023-07-03').getTime(),
         description: (_jsxs("div", { children: ["Launched apps that combine Remotion & AI for generative video -", ' ', _jsx("a", { target: '_blank', href: "https://maxroom.co/", children: "MaxRoom" }), ' ', "and", ' ', _jsx("a", { target: '_blank', href: "https://swiftube.vercel.app/", children: "Swiftube" }), ".", _jsx("br", {}), "Looking at leveraging the power of Remotion for your projects? Let's join forces!"] })),
     },
@@ -166,6 +211,10 @@ export const experts = [
         linkedin: 'in/rahulbansalrb/',
         email: 'bansalrahul14@gmail.com',
         videocall: 'https://cal.com/remotion-expert-rahul-bansal',
+        discord: {
+            username: 'raxrb',
+            userId: '564805165211713536',
+        },
         since: new Date('2023-08-04').getTime(),
         description: (_jsxs("div", { children: ["I can help you with building products using Remotion, Firebase, Antd, and Typescripts. I have made", ' ', _jsx("a", { target: '_blank', href: "https://app.blinkcuts.com/", children: "Blinkcuts" }), ' ', "an AI video editor for short talking head videos. I have worked in companies like Microsoft and early-stage startups like Directi. I can build products super fast from scratch. Looking forward to helping you."] })),
     },
@@ -173,14 +222,18 @@ export const experts = [
         slug: 'pramod-kumar',
         name: 'Pramod Kumar',
         image: '/img/freelancers/pramod.jpg',
-        website: 'https://www.pramod73.in/',
+        website: null,
         x: 'pramodk73',
         github: 'pskd73',
         linkedin: 'in/pramod-kumar-1a135b74/',
         email: 'pramodkumar.damam73@gmail.com',
         videocall: 'https://cal.com/remotion-expert-pramod-kumar',
+        discord: {
+            username: 'pskd73',
+            userId: '517057574483525655',
+        },
         since: new Date('2024-03-10').getTime(),
-        description: (_jsxs("div", { children: ["I have been building software for the last 10 years across multiple technologies with strong software architecture skills. I have built two products that are based on Remotion.", ' ', _jsx("a", { target: '_blank', href: "https://slickwid.com", children: "SlickWid" }), ' ', "a quick way to make videos for your social media, and", ' ', _jsx("a", { target: '_blank', href: "https://motionshot.app", children: "MotionShot" }), ' ', "through which you can make informative walkthrough guides for your products, tutorials, and how-tos. ", _jsx("br", {}), "I made", ' ', _jsx("a", { target: '_blank', href: "https://github.com/pskd73/remotion-animate-text", children: "remotion-animate-text" }), ' ', "for Remotion to animate text. I build products in public on X. I love helping the community. Feel free to reach out. Looking forward!"] })),
+        description: (_jsxs("div", { children: ["I have been building software for the last 10 years across multiple technologies with strong software architecture skills. I have built two products that are based on Remotion.", ' ', _jsx("a", { target: '_blank', href: "https://slickwid.com", children: "SlickWid" }), ' ', "a quick way to make videos for your social media, and", ' ', _jsx("a", { target: '_blank', href: "https://motionshot.app", children: "MotionShot" }), ' ', "through which you can make informative walkthrough guides for your products, tutorials, and how-tos. ", _jsx("br", {}), "I made", ' ', _jsx("a", { target: '_blank', href: "https://github.com/pskd73/remotion-animate-text", children: "remotion-animate-text" }), ' ', "for Remotion to animate text. I build products in public on X and currently building", ' ', _jsx("a", { target: '_blank', href: "https://crawlchat.app", children: "CrawlChat" }), ". I love helping the community. Feel free to reach out. Looking forward!"] })),
     },
     {
         slug: 'ayush-soni',
@@ -192,6 +245,10 @@ export const experts = [
         linkedin: 'in/ayushsoni1001/',
         email: 'hi@ayushsoni.com',
         videocall: 'https://cal.com/remotion-expert-ayush-soni',
+        discord: {
+            username: 'ayushsoni',
+            userId: '624968675916513310',
+        },
         since: new Date('2024-03-17').getTime(),
         description: (_jsxs("div", { children: ["I", "'", "ve been coding and building cool projects since 5th grade (software and hardware both) across multiple technologies. Currently I", "'", "m building", ' ', _jsx("a", { target: '_blank', href: "https://www.typeframes.com/", children: "Typeframes" }), ' ', "using Remotion, it is a tool to create videos. I build products in public on X. I", "'", "d love to hear your story."] })),
     },
@@ -205,6 +262,10 @@ export const experts = [
         linkedin: 'in/andrei-terteci-935331151/',
         email: 'hello@andreiterteci.com',
         videocall: 'https://cal.com/remotion-expert-andrei-terteci',
+        discord: {
+            username: 'andreiterteci',
+            userId: '710924274361172078',
+        },
         since: new Date('2024-03-17').getTime(),
         description: (_jsxs("div", { children: ["I made", ' ', _jsx("a", { target: '_blank', href: "https://www.krumzi.com/", children: "Krumzi" }), ' ', "- using Remotion. ", _jsx("br", {}), "I", "'", "m a full-stack developer with 5+ years of experience, specializing in building SaaS products. I mostly work with React and Next.js, and for the past 2 years, I", "'", "ve been using Remotion to build video-based products. I focus on shipping fast, delivering value, and creating things people actually enjoy using."] })),
     },
@@ -218,6 +279,10 @@ export const experts = [
         linkedin: 'in/sambowenhughes/',
         email: 'sam@reactvideoeditor.com',
         videocall: 'https://calendly.com/reactvideoeditor/30min',
+        discord: {
+            username: '.samelliott',
+            userId: '862593906972688385',
+        },
         since: new Date('2025-06-03').getTime(),
         description: (_jsxs("div", { children: [_jsxs("p", { children: ["Experienced engineer with 10+ years building advanced software products. Creator of", ' ', _jsx("a", { target: "_blank", href: "https://reactvideoeditor.com", children: "React Video Editor" }), "and", ' ', _jsx("a", { target: "_blank", href: "https://clippkit.com", children: "Clippkit" }), "."] }), _jsxs("p", { children: ["I work with companies building products with", ' ', _jsx("strong", { children: "Remotion at their core" }), ". Custom video editors, automated video generation tools, and scalable rendering pipelines."] }), _jsxs("ul", { children: [_jsxs("li", { children: [_jsx("strong", { children: "Custom video editors" }), " built with Remotion"] }), _jsxs("li", { children: [_jsx("strong", { children: "Automated video generation" }), " systems"] }), _jsxs("li", { children: [_jsx("strong", { children: "Rendering infrastructure" }), " and media pipelines"] }), _jsx("li", { children: _jsx("strong", { children: "UI/UX and full-stack product development" }) })] }), _jsxs("p", { children: ["If you", "'", "re building software around video, or just need a reliable engineering partner who moves fast and builds things right, feel free to reach out."] })] })),
     },
@@ -231,6 +296,10 @@ export const experts = [
         email: 'shankhadeepdey99@gmail.com',
         slug: 'iamshankhadeep',
         videocall: 'https://cal.com/iamshankhadeep',
+        discord: {
+            username: 'iamshankhadeep',
+            userId: '441576588937527306',
+        },
         since: new Date('2021-02-13').getTime(),
         description: (_jsx("div", { children: "I created @remotion/player and @remotion/lambda with Jonny. I have 5+ years of experience in building products using Remotion, React, Next.js, and Typescript. I have worked in companies like Camcorder and early-stage startups like a funnel builder marketplace. I can build products super fast from scratch. Looking forward to helping you." })),
     },
@@ -244,6 +313,10 @@ export const experts = [
         linkedin: 'in/amirtadrisi/',
         email: 'amir@cubite.io',
         videocall: null,
+        discord: {
+            username: 'aioppsos1565',
+            userId: '709545234882756711',
+        },
         since: new Date('2025-01-01').getTime(),
         description: (_jsxs("div", { children: [_jsxs("p", { children: ["Founder of", ' ', _jsx("a", { target: '_blank', href: "https://vidbuilder.ai", children: "VidBuilder.ai" }), ' ', "and hands-on Remotion expert for companies that need premium, custom-built ", _jsx("strong", { children: "explainer" }), " and", ' ', _jsx("strong", { children: "educational" }), " videos. When a team needs the best partner to own their video pipeline end-to-end, I'm the person they call."] }), _jsxs("ul", { children: [_jsxs("li", { children: [_jsx("strong", { children: "Discovery:" }), " I interview stakeholders, study brand guidelines, and map each storyboard beat to measurable product or education goals."] }), _jsxs("li", { children: [_jsx("strong", { children: "Custom engineering:" }), " I build a dedicated Remotion codebase with component systems tailored to your content, allowing rapid iteration on visuals, motion, and data integrations."] }), _jsxs("li", { children: [_jsx("strong", { children: "Collaborative delivery:" }), " Every client receives a private VidBuilder.ai workspace so their team can tweak scripts, colors, and clips without incurring new engineering costs."] })] }), _jsx("p", { children: "Whether you're launching a new onboarding journey, explainer or demo videos for your SaaS product, or an internal academy, I'm here to help." })] })),
     },
@@ -257,6 +330,10 @@ export const experts = [
         linkedin: 'in/pablito-jean-pool-silva-inca-735a03192/',
         email: 'pablito.silvainca@gmail.com',
         videocall: null,
+        discord: {
+            username: 'pablituuu',
+            userId: '513743221109555206',
+        },
         since: new Date('2026-02-13').getTime(),
         description: (_jsxs("div", { children: ["Creator of", ' ', _jsx("a", { target: '_blank', href: "https://react-video-editor-mu.vercel.app/", children: "Pablituuu Studio" }), ", a premium AI-powered video editor.", _jsx("br", {}), "I specialize in building complex Remotion applications integrated with AI services like Gemini (for video analysis and highlights) and Deepgram (for automated captions). I also focus on high-performance canvas interactions using Fabric.js and cost-effective AI workflows."] })),
     },
@@ -270,6 +347,10 @@ export const experts = [
         linkedin: 'in/haingt-dev/',
         email: 'hai@haingt.dev',
         videocall: null,
+        discord: {
+            username: 'haingt.dev',
+            userId: '384392709902827522',
+        },
         since: new Date('2026-04-02').getTime(),
         description: (_jsxs("div", { children: ["Built a full", ' ', _jsx("a", { target: '_blank', href: "https://github.com/haingt-dev/Bookie/tree/master/projects/ai-book-video", children: "AI video production pipeline" }), ' ', "using Remotion 4.0 \u2014 orchestrating self-hosted TTS (viXTTS), Gemini API image generation, SRT-driven subtitle timing, and Ken Burns motion presets. The pipeline produces complete book-to-video content in about an hour (1-person operation) with editorial design overlays, cross-dissolve transitions, and audio spectrum visualization. GPU-accelerated rendering on Linux.", _jsx("br", {}), "Available for AI-powered video pipelines, multi-API media orchestration, and Remotion integrations with existing backend infrastructure."] })),
     },
@@ -283,7 +364,28 @@ export const experts = [
         linkedin: 'in/ashok-reddy-kakumanu-8a3078247/',
         email: 'ashok17748@gmail.com',
         videocall: null,
+        discord: {
+            username: '.8gates',
+            userId: '668293302767845376',
+        },
         since: new Date('2026-04-30').getTime(),
         description: (_jsxs("div", { children: ["I built many trending templates at", ' ', _jsx("a", { target: '_blank', href: "https://vubo.ai", children: "Vubo" }), ", along with automations and AI-generated media pipelines using Remotion. I specialize in creating custom video templates, AI-powered video generation workflows, and integrations with existing infrastructure.", _jsx("br", {}), "Available for hourly and project/milestone-based engagements."] })),
     },
+    {
+        slug: 'huang-chi-chang',
+        name: 'Huang Chi Chang',
+        image: '/img/freelancers/huang-chi-chang.jpg',
+        website: 'https://swift-clip.vercel.app/',
+        x: null,
+        github: 'zz41354899',
+        linkedin: null,
+        email: 'zz41354899@gmail.com',
+        videocall: null,
+        discord: {
+            username: 'Nocts',
+            userId: '444852671191580672',
+        },
+        since: new Date('2026-05-05').getTime(),
+        description: (_jsxs("div", { children: ["I'm a Product Designer and Indie Hacker based in Taiwan. I specialize in using Remotion to automate video production, building dynamic templates and automated rendering pipelines.", _jsx("br", {}), "My project,", ' ', _jsx("a", { target: '_blank', href: "https://swift-clip.vercel.app/", children: "SwiftClip" }), ", is a tool designed to streamline professional video creation through programmatic workflows."] })),
+    },
 ];

package/dist/components/experts/experts-icons.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 export declare const TwitterLogo: React.FC;
 export declare const LinkedInLogo: React.FC;
 export declare const GitHubLogo: React.FC;
+export declare const DiscordLogo: React.FC;
 export declare const EmailLogo: React.FC;
 export declare const VideoCallLogo: React.FC;
 export declare const PersonalWebsite: React.FC;

package/dist/components/experts/experts-icons.js

@@ -17,6 +17,12 @@ export const GitHubLogo = () => {
             marginRight: 10,
         }, children: _jsx("path", { fill: "white", 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" }) }));
 };
+export const DiscordLogo = () => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", style: {
+            width: 30,
+            marginRight: 10,
+        }, children: _jsx("path", { fill: "white", d: "M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z" }) }));
+};
 export const EmailLogo = () => {
     return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1299 1299", style: {
             width: 30,

package/dist/components/homepage/CommunityStatsItems.js

@@ -23,14 +23,14 @@ export const InstallsPerMonth = () => {
                     display: 'flex',
                     alignItems: 'center',
                     justifyContent: 'center',
-                }, children: [_jsx(StatItemContent, { content: "1.4M", width: "100px", fontSize: "2.5rem", fontWeight: "bold" }), _jsx(StatItemContent, { content: _jsx("svg", { width: "40", height: "40", viewBox: "0 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M12.6367 2.47534C12.5488 2.44116 12.4512 2.44116 12.3584 2.47534L3.10547 5.98608L12.5 9.67749L21.8945 5.98608L12.6367 2.47534ZM2.34375 18.4519C2.34375 18.613 2.44629 18.7595 2.59766 18.8181L11.3281 22.1287V11.738L2.34375 8.20776V18.4519ZM13.6719 22.1287L22.4023 18.8181C22.5537 18.7595 22.6562 18.613 22.6562 18.4519V8.20776L13.6719 11.738V22.1287ZM11.5283 0.287842C12.1533 0.048584 12.8418 0.048584 13.4668 0.287842L23.2324 3.9939C24.2969 4.39429 25 5.40991 25 6.54761V18.4519C25 19.5896 24.2969 20.6052 23.2373 21.0105L13.4717 24.7166C12.8467 24.9558 12.1582 24.9558 11.5332 24.7166L1.76758 21.0105C0.703125 20.6052 0 19.5896 0 18.4519V6.54761C0 5.40991 0.703125 4.39429 1.7627 3.98901L11.5283 0.282959V0.287842Z", fill: "var(--text-color)" }) }), width: "50px" })] }), _jsx(StatItemContent, { content: "installs per month", width: "75%", fontSize: "1.0rem", fontWeight: "bold" })] }));
+                }, children: [_jsx(StatItemContent, { content: "3M", width: "100px", fontSize: "2.5rem", fontWeight: "bold" }), _jsx(StatItemContent, { content: _jsx("svg", { width: "40", height: "40", viewBox: "0 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M12.6367 2.47534C12.5488 2.44116 12.4512 2.44116 12.3584 2.47534L3.10547 5.98608L12.5 9.67749L21.8945 5.98608L12.6367 2.47534ZM2.34375 18.4519C2.34375 18.613 2.44629 18.7595 2.59766 18.8181L11.3281 22.1287V11.738L2.34375 8.20776V18.4519ZM13.6719 22.1287L22.4023 18.8181C22.5537 18.7595 22.6562 18.613 22.6562 18.4519V8.20776L13.6719 11.738V22.1287ZM11.5283 0.287842C12.1533 0.048584 12.8418 0.048584 13.4668 0.287842L23.2324 3.9939C24.2969 4.39429 25 5.40991 25 6.54761V18.4519C25 19.5896 24.2969 20.6052 23.2373 21.0105L13.4717 24.7166C12.8467 24.9558 12.1582 24.9558 11.5332 24.7166L1.76758 21.0105C0.703125 20.6052 0 19.5896 0 18.4519V6.54761C0 5.40991 0.703125 4.39429 1.7627 3.98901L11.5283 0.282959V0.287842Z", fill: "var(--text-color)" }) }), width: "50px" })] }), _jsx(StatItemContent, { content: "installs", width: "75%", fontSize: "1.0rem", fontWeight: "bold" })] }));
 };
 export const PagesOfDocs = () => {
     return (_jsxs(Pill, { className: "flex-col", children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center' }, children: [_jsx(StatItemContent, { content: _jsx("svg", { width: "28", height: "40", viewBox: "0 0 18 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M0 3.60938C0 1.61602 1.58304 0 3.53571 0H17.0357H18V0.984375V15.4219V16.4062H17.0357H16.7143V19.0312H17.0357H18V21H17.0357H3.21429C1.43839 21 0 19.5316 0 17.7188C0 17.608 0.00401786 17.4973 0.0160714 17.3906H0V3.60938ZM3.21429 16.4062C2.50312 16.4062 1.92857 16.9928 1.92857 17.7188C1.92857 18.4447 2.50312 19.0312 3.21429 19.0312H14.7857V16.4062H3.21429ZM1.92857 14.7123C2.32232 14.5359 2.75625 14.4375 3.21429 14.4375H16.0714V1.96875H3.53571C2.64777 1.96875 1.92857 2.70293 1.92857 3.60938V14.7123ZM6.10714 4.59375H13.1786H14.1429V6.5625H13.1786H6.10714H5.14286V4.59375H6.10714ZM6.10714 7.875H13.1786H14.1429V9.84375H13.1786H6.10714H5.14286V7.875H6.10714Z", fill: "var(--text-color)" }) }), width: "40px" }), _jsx(StatItemContent, { content: "800", width: "85px", maxWidth: "100px", fontSize: "2.5rem", fontWeight: "bold" })] }), _jsx(StatItemContent, { content: "pages of docs", width: "125px", fontSize: "1.0rem", fontWeight: "bold" })] }));
 };
 export const TemplatesAndExamples = () => (_jsxs(Pill, { className: "w-[30%] flex items-center flex-row", children: [_jsx(StatItemContent, { content: "35", width: "60px", fontSize: "2.7rem", fontWeight: "bold" }), _jsx(StatItemContent, { content: "templates & examples", width: "135px", fontSize: "1.35rem", fontWeight: "bold" })] }));
 export const GitHubStars = () => {
-    return (_jsxs(Pill, { className: "w-[30%] flex-col", children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center' }, children: [_jsx(StatItemContent, { content: _jsx("svg", { width: "40", height: "40", viewBox: "0 0 26 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M12.9951 0C13.4424 0 13.8507 0.24375 14.0451 0.632812L17.3799 7.25625L24.8271 8.31562C25.2646 8.37656 25.6292 8.67188 25.7653 9.07969C25.9014 9.4875 25.7896 9.92812 25.4785 10.2281L20.0778 15.3937L21.3514 22.6875C21.4243 23.1094 21.2444 23.5359 20.8799 23.7891C20.5153 24.0422 20.0389 24.0703 19.65 23.8688L12.9903 20.4375L6.34027 23.8641C5.94652 24.0656 5.47014 24.0375 5.11041 23.7844C4.75069 23.5312 4.56597 23.1047 4.63889 22.6828L5.9125 15.3891L0.511803 10.2281C0.195831 9.92812 0.0888863 9.48281 0.224997 9.07969C0.361108 8.67656 0.725692 8.38125 1.16319 8.31562L8.61041 7.25625L11.9451 0.632812C12.1444 0.24375 12.5479 0 12.9951 0ZM12.9951 3.70312L10.4431 8.775C10.2729 9.10781 9.94722 9.34219 9.56319 9.39844L3.8125 10.2141L7.98819 14.2031C8.25555 14.4609 8.38194 14.8266 8.31875 15.1875L7.33194 20.7984L12.4458 18.1641C12.791 17.9859 13.2042 17.9859 13.5444 18.1641L18.6583 20.7984L17.6764 15.1922C17.6132 14.8313 17.7347 14.4656 18.0069 14.2078L22.1826 10.2188L16.4319 9.39844C16.0528 9.34219 15.7222 9.1125 15.5521 8.775L12.9951 3.70312Z", fill: "var(--text-color)" }) }), width: "45px" }), _jsx(StatItemContent, { content: "45k", width: "80px", fontSize: "2.5rem", fontWeight: "bold" })] }), _jsx(StatItemContent, { content: "GitHub stars", width: "125px", fontSize: "1.0rem", fontWeight: "bold" })] }));
+    return (_jsxs(Pill, { className: "w-[30%] flex-col", children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center' }, children: [_jsx(StatItemContent, { content: _jsx("svg", { width: "40", height: "40", viewBox: "0 0 26 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M12.9951 0C13.4424 0 13.8507 0.24375 14.0451 0.632812L17.3799 7.25625L24.8271 8.31562C25.2646 8.37656 25.6292 8.67188 25.7653 9.07969C25.9014 9.4875 25.7896 9.92812 25.4785 10.2281L20.0778 15.3937L21.3514 22.6875C21.4243 23.1094 21.2444 23.5359 20.8799 23.7891C20.5153 24.0422 20.0389 24.0703 19.65 23.8688L12.9903 20.4375L6.34027 23.8641C5.94652 24.0656 5.47014 24.0375 5.11041 23.7844C4.75069 23.5312 4.56597 23.1047 4.63889 22.6828L5.9125 15.3891L0.511803 10.2281C0.195831 9.92812 0.0888863 9.48281 0.224997 9.07969C0.361108 8.67656 0.725692 8.38125 1.16319 8.31562L8.61041 7.25625L11.9451 0.632812C12.1444 0.24375 12.5479 0 12.9951 0ZM12.9951 3.70312L10.4431 8.775C10.2729 9.10781 9.94722 9.34219 9.56319 9.39844L3.8125 10.2141L7.98819 14.2031C8.25555 14.4609 8.38194 14.8266 8.31875 15.1875L7.33194 20.7984L12.4458 18.1641C12.791 17.9859 13.2042 17.9859 13.5444 18.1641L18.6583 20.7984L17.6764 15.1922C17.6132 14.8313 17.7347 14.4656 18.0069 14.2078L22.1826 10.2188L16.4319 9.39844C16.0528 9.34219 15.7222 9.1125 15.5521 8.775L12.9951 3.70312Z", fill: "var(--text-color)" }) }), width: "45px" }), _jsx(StatItemContent, { content: "46k", width: "80px", fontSize: "2.5rem", fontWeight: "bold" })] }), _jsx(StatItemContent, { content: "GitHub stars", width: "125px", fontSize: "1.0rem", fontWeight: "bold" })] }));
 };
 export const DiscordMembers = () => {
     return (_jsx(Pill, { className: 'w-[30%]', children: _jsxs("div", { style: {

package/dist/components/homepage/GitHubButton.js

@@ -3,5 +3,5 @@ const GithubIcon = () => {
     return (_jsx("svg", { viewBox: "0 0 496 512", style: { height: 24, marginRight: 8 }, children: _jsx("path", { fill: "currentColor", d: "M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z" }) }));
 };
 export const GithubButton = () => {
-    return (_jsxs("div", { className: "flex flex-row items-center text-base", children: [_jsx(GithubIcon, {}), " ", _jsx("span", { children: "GitHub" }), ' ', _jsx("div", { className: "text-xs inline-block ml-2 leading-none mt-[3px] self-center", children: '45k' })] }));
+    return (_jsxs("div", { className: "flex flex-row items-center text-base", children: [_jsx(GithubIcon, {}), " ", _jsx("span", { children: "GitHub" }), ' ', _jsx("div", { className: "text-xs inline-block ml-2 leading-none mt-[3px] self-center", children: '46k' })] }));
 };