PageSourceSearch

https://thiagovibesp.com/assets/Videos-Bvv0D2Qs.js

js thiagovibesp.com collected 2026-10-02 00:56:58 UTC 4,766 bytes, 1 lines download raw bytes

1import{j as e,L as d,s as m}from"./index-Gd3ICOax.js";import{y as c}from"./videos-D1tqFLea.js";import{u as p}from"./useQuery-BRiRVS38.js";import{F as u}from"./Footer-wwnpDw4k.js";import{S as h}from"./SEOHead-C7dcErS8.js";import{B as g}from"./Breadcrumbs-Ciz11APc.js";import{m as a}from"./proxy-Cyz9pufV.js";import{P as x}from"./play-UUekqkrh.js";import{A as f}from"./arrow-right-_jmurFjZ.js";const C=()=>{const{data:o=[]}=p({queryKey:["db-videos"],queryFn:async()=>{const{data:i,error:t}=await m.from("videos").select("youtube_id, slug, title, published, thumbnail, description").order("published",{ascending:!1});if(t)throw t;return(i||[]).map(r=>({id:r.youtube_id,slug:r.slug,title:r.title,published:r.published,thumbnail:r.thumbnail,description:r.description}))}}),s=[...o,...c].filter((i,t,r)=>r.findIndex(l=>l.id===i.id)===t).sort((i,t)=>new Date(t.published).getTime()-new Date(i.published).getTime()),n={"@context":"https://schema.org","@type":"CollectionPage",name:"Color Grading Video Tutorials — ThiagoVibesp",description:"Watch professional color grading tutorials, LUT demonstrations, and filmmaking tips for BMPCC, Sony, ARRI, RED, Canon, DJI drones and more.",url:"https://thiagovibesp.com/videos",publisher:{"@type":"Organization",name:"ThiagoVibesp Creative"},mainEntity:{"@type":"ItemList",itemListElement:s.map((i,t)=>({"@type":"ListItem",position:t+1,url:`https://thiagovibesp.com/videos/${i.slug}`,name:i.title}))}};return e.jsxs(e.Fragment,{children:[e.jsx(h,{title:"Color Grading Videos — ThiagoVibesp | LUT Tutorials & Demos",description:"Watch professional color grading tutorials, LUT demonstrations, and cinematic filmmaking tips for BMPCC, Sony, ARRI, RED, Canon, DJI drones and more.",path:"/videos",breadcrumbs:[{name:"Home",path:"/"},{name:"Videos"}]}),e.jsxs("div",{className:"min-h-screen bg-background",children:[e.jsxs("main",{className:"max-w-6xl mx-auto px-6 py-20",children:[e.jsx(g,{items:[{name:"Home",path:"/"},{name:"Videos"}]}),e.jsxs(a.div,{initial:{opacity:0,y:30},animate:{opacity:1,y:0},transition:{duration:.8,ease:[.22,1,.36,1]},children:[e.jsx(a.div,{initial:{width:0},animate:{width:"4rem"},transition:{delay:.3,duration:.5},className:"h-[2px] bg-primary mb-6"}),e.jsx("p",{className:"text-primary text-xs uppercase tracking-[0.3em] mb-3 font-body",children:"Watch"}),e.jsx("h1",{className:"text-5xl md:text-7xl font-display text-foreground leading-none mb-4",children:"VIDEO TUTORIALS"}),e.jsx("p",{className:"text-muted-foreground font-light mb-8 max-w-xl",children:"Professional color grading tutorials, LUT demonstrations, and cinematic filmmaking tips."}),e.jsx("a",{href:"/shop",className:"inline-flex items-center gap-2 px-8 py-3 bg-primary text-primary-foreground font-display text-sm tracking-[0.15em] rounded-full hover:bg-primary/90 transition-all duration-500 mb-16",children:"BROWSE LUTS →"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-8",children:s.map((i,t)=>e.jsx(a.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.4,delay:t*.05},children:e.jsxs(d,{to:`/videos/${i.slug}`,className:"group block rounded-xl overflow-hidden border border-border hover:border-primary/40 transition-all duration-500",children:[e.jsxs("div",{className:"relative aspect-video overflow-hidden",children:[e.jsx("img",{src:i.thumbnail,alt:i.title,loading:"lazy",className:"w-full h-full object-cover group-hover:scale-105 transition-transform duration-700"}),e.jsx("div",{className:"absolute inset-0 bg-background/30 group-hover:bg-background/10 transition-colors duration-500 flex items-center justify-center",children:e.jsx("div",{className:"w-16 h-16 rounded-full bg-primary/90 flex items-center justify-center group-hover:scale-110 transition-transform duration-300",children:e.jsx(x,{className:"w-7 h-7 text-primary-foreground ml-1",fill:"currentColor"})})})]}),e.jsxs("div",{className:"p-5",children:[e.jsx("time",{dateTime:i.published,className:"text-xs text-muted-foreground font-body",children:new Date(i.published).toLocaleDateString("en-US",{year:"numeric",month:"long",day:"numeric"})}),e.jsx("h2",{className:"text-lg font-display text-foreground group-hover:text-primary transition-colors duration-300 mb-2 mt-2 line-clamp-2",children:i.title}),e.jsx("p",{className:"text-muted-foreground font-light text-sm leading-relaxed line-clamp-2",children:i.description}),e.jsxs("span",{className:"inline-flex items-center gap-2 text-primary text-sm font-display tracking-[0.15em] mt-4 group-hover:gap-3 transition-all duration-300",children:["WATCH NOW ",e.jsx(f,{className:"w-4 h-4"})]})]})]})},i.id))})]}),e.jsx(u,{})]}),e.jsx("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(n)}})]})};export{C as default};

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.