feat: add WebIngressos presentation video

.prettierignore

@@ -2,6 +2,7 @@
 node_modules
 coverage
 .remember/**
+video/build/**
 docs/uiux-assets/**
 pnpm-lock.yaml
 .agents/skills/**/SKILL.md

eslint.config.mjs

@@ -5,5 +5,14 @@ import nextTypeScript from "eslint-config-next/typescript"
 export default defineConfig([
   ...nextVitals,
   ...nextTypeScript,
-  globalIgnores([".next/**", "out/**", "build/**", "next-env.d.ts", "docs/uiux-assets/**"]),
+  globalIgnores([
+    ".next/**",
+    "out/**",
+    "build/**",
+    "video/build/**",
+    "video/out/**",
+    "video/node_modules/**",
+    "next-env.d.ts",
+    "docs/uiux-assets/**",
+  ]),
 ])

package.json

@@ -38,7 +38,6 @@
     "react": "19.2.8",
     "react-dom": "19.2.8",
     "react-hook-form": "^7.83.0",
-    "shadcn": "^4.16.0",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.6.0",
     "tw-animate-css": "^1.4.0",
@@ -52,6 +51,7 @@
     "eslint": "^9.39.1",
     "eslint-config-next": "16.2.12",
     "prettier": "^3.9.6",
+    "shadcn": "^4.16.0",
     "tailwindcss": "^4.3.3",
     "typescript": "5.9.3"
   }

src/components/landing/pilot-form-lazy.tsx

@@ -3,10 +3,6 @@
 import * as React from "react"
 import dynamic from "next/dynamic"
 
-/**
- * Placeholder that mirrors the form's card container and reserves height, so the
- * swap to the real form doesn't shift the page. Kept intentionally quiet.
- */
 function FormSkeleton() {
   return (
     <div
@@ -28,8 +24,8 @@ function FormSkeleton() {
   )
 }
 
-// ssr:false keeps the validation stack (zod + react-hook-form + radix) out of
-// the home's first-load JS entirely; it loads as an async chunk on approach.
+// Keep the validation stack out of the initial landing-page bundle; load it as
+// the visitor approaches the pilot form below the fold.
 const PilotForm = dynamic(
   () => import("@/components/landing/pilot-form").then((m) => m.PilotForm),
   { ssr: false, loading: () => <FormSkeleton /> },

src/components/ui/form.tsx

@@ -116,23 +116,6 @@ const FormControl = React.forwardRef<
 })
 FormControl.displayName = "FormControl"
 
-const FormDescription = React.forwardRef<
-  HTMLParagraphElement,
-  React.HTMLAttributes<HTMLParagraphElement>
->(({ className, ...props }, ref) => {
-  const { formDescriptionId } = useFormField()
-
-  return (
-    <p
-      ref={ref}
-      id={formDescriptionId}
-      className={cn("text-sm text-muted-foreground", className)}
-      {...props}
-    />
-  )
-})
-FormDescription.displayName = "FormDescription"
-
 const FormMessage = React.forwardRef<
   HTMLParagraphElement,
   React.HTMLAttributes<HTMLParagraphElement>
@@ -158,13 +141,4 @@ const FormMessage = React.forwardRef<
 })
 FormMessage.displayName = "FormMessage"
 
-export {
-  useFormField,
-  Form,
-  FormItem,
-  FormLabel,
-  FormControl,
-  FormDescription,
-  FormMessage,
-  FormField,
-}
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormMessage, FormField }

src/components/ui/select.tsx

@@ -8,16 +8,6 @@ import { ChevronDownIcon, CheckIcon, ChevronUpIcon } from "lucide-react"
 
 const Select = SelectPrimitive.Root
 
-function SelectGroup({ className, ...props }: SelectPrimitive.Group.Props) {
-  return (
-    <SelectPrimitive.Group
-      data-slot="select-group"
-      className={cn("scroll-my-1 p-1", className)}
-      {...props}
-    />
-  )
-}
-
 function SelectValue({ className, ...props }: SelectPrimitive.Value.Props) {
   return (
     <SelectPrimitive.Value
@@ -96,16 +86,6 @@ function SelectContent({
   )
 }
 
-function SelectLabel({ className, ...props }: SelectPrimitive.GroupLabel.Props) {
-  return (
-    <SelectPrimitive.GroupLabel
-      data-slot="select-label"
-      className={cn("px-1.5 py-1 text-xs text-muted-foreground", className)}
-      {...props}
-    />
-  )
-}
-
 function SelectItem({ className, children, ...props }: SelectPrimitive.Item.Props) {
   return (
     <SelectPrimitive.Item
@@ -130,16 +110,6 @@ function SelectItem({ className, children, ...props }: SelectPrimitive.Item.Prop
   )
 }
 
-function SelectSeparator({ className, ...props }: SelectPrimitive.Separator.Props) {
-  return (
-    <SelectPrimitive.Separator
-      data-slot="select-separator"
-      className={cn("pointer-events-none -mx-1 my-1 h-px bg-border", className)}
-      {...props}
-    />
-  )
-}
-
 function SelectScrollUpButton({
   className,
   ...props
@@ -179,12 +149,9 @@ function SelectScrollDownButton({
 export {
   Select,
   SelectContent,
-  SelectGroup,
   SelectItem,
-  SelectLabel,
   SelectScrollDownButton,
   SelectScrollUpButton,
-  SelectSeparator,
   SelectTrigger,
   SelectValue,
 }

tsconfig.json

@@ -26,5 +26,5 @@
     "**/*.ts",
     "**/*.tsx"
   ],
-  "exclude": ["node_modules"]
+  "exclude": ["node_modules", "video"]
 }

video/.gitignore

@@ -0,0 +1,11 @@
+node_modules
+dist
+build
+.DS_Store
+.env
+
+# Source MOVs are local stock assets and are intentionally kept out of Git.
+public/assets
+
+# Ignore rendered outputs.
+out

video/.prettierrc

@@ -0,0 +1,5 @@
+{
+  "useTabs": false,
+  "bracketSpacing": true,
+  "tabWidth": 2
+}