I Know What Exactly you're
Looking For! Scroll Please \u{1F447}

If you don't like this Smooth Scroll then I'm sorry,{" "}
create your own and make it open source \u{1F4BC}

Don't Forget To Share
This Sticky CSS Tricks.\u{1F60E}

Thanks To Scroll.
Now Scroll Up Again\u261D\uFE0F\u{1F3FF}

Copied & Paste Every Component you want and make an creative website \u{1F60E}

{/* */}

); } `,__src__:"registry/default/motions/sticky-scroll/sticky-scroll-demo.tsx",__event__:"copy_usage_code",children:(0,n.jsxs)(l.code,{"data-language":"tsx","data-theme":"catppuccin-mocha",style:{display:"grid"},children:[(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"use client"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" ReactLenis "}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" from"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "lenis/react"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" CldImage "}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" from"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "next-cloudinary"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" JSX "}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" from"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "react"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" default"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" function"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" index"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"()"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:" JSX"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:"Element"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" ("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#F5C2E7"},children:"ReactLenis"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" root"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"main"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"bg-black"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"wrapper"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"section"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"sticky top-0 grid h-screen w-full place-content-center bg-slate-950 text-white"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"absolute top-0 right-0 bottom-0 left-0 bg-[linear-gradient(to_right,#4f4f4f2e_1px,transparent_1px),linear-gradient(to_bottom,#4f4f4f2e_1px,transparent_1px)] bg-[size:54px_54px] [mask-image:radial-gradient(ellipse_60%_50%_at_50%_0%,#000_70%,transparent_100%)]"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"h1"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"px-8 text-center text-6xl leading-[120%] font-semibold tracking-tight 2xl:text-5xl"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" I Know What Exactly you're "}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"br"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" />"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" Looking For!"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" Scroll Please \u{1F447}"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"section"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"sticky top-0 grid h-screen place-content-center overflow-hidden rounded-tl-2xl rounded-tr-2xl bg-gray-300 text-black"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"absolute top-0 right-0 bottom-0 left-0 bg-[linear-gradient(to_right,#4f4f4f2e_1px,transparent_1px),linear-gradient(to_bottom,#4f4f4f2e_1px,transparent_1px)] bg-[size:54px_54px] [mask-image:radial-gradient(ellipse_60%_50%_at_50%_0%,#000_70%,transparent_100%)]"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"h1"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"px-8 text-center text-4xl leading-[120%] font-semibold tracking-tight 2xl:text-5xl"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" If you don't like this Smooth Scroll then I'm sorry,"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'" "'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"br"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" />"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" create your own and make it open source \u{1F4BC}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"section"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"sticky top-0 grid h-screen w-full place-content-center bg-slate-950 text-white"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"absolute top-0 right-0 bottom-0 left-0 bg-[linear-gradient(to_right,#4f4f4f2e_1px,transparent_1px),linear-gradient(to_bottom,#4f4f4f2e_1px,transparent_1px)] bg-[size:54px_54px] [mask-image:radial-gradient(ellipse_60%_50%_at_50%_0%,#000_70%,transparent_100%)]"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"h1"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"px-8 text-center text-5xl leading-[120%] font-semibold tracking-tight 2xl:text-5xl"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" Don't Forget To Share "}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"br"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" />"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" This Sticky CSS"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" Tricks.\u{1F60E}"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"section"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"w-full bg-slate-950 text-white"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"grid grid-cols-[1fr_2fr]"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"sticky top-0 flex h-screen items-center justify-center"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"h1"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"px-8 text-center text-5xl leading-[120%] font-semibold tracking-tight 2xl:text-3xl"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" Thanks To Scroll."})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"br"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" />"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" Now Scroll Up Again\u261D\uFE0F\u{1F3FF}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"grid gap-2"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"figure"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"grid -skew-x-12 place-content-center"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#F5C2E7"},children:"CldImage"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" src"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"/image/upload/v1737986669/h2.jpg"'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" alt"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'""'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" width"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"1000"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" height"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"1000"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"h-96 w-80 object-cover align-bottom transition-all duration-300"'})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" />"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"figure"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"grid skew-x-12 place-content-center"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#F5C2E7"},children:"CldImage"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" src"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"/image/upload/v1737986669/h3.jpg"'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" alt"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'""'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" width"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"1000"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" height"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"1000"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"h-96 w-80 object-cover align-bottom transition-all duration-300"'})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" />"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"figure"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"grid -skew-x-12 place-content-center"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#F5C2E7"},children:"CldImage"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" src"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"/image/upload/v1737986669/h4.jpg"'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" alt"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'""'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" width"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"1000"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" height"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"1000"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"h-96 w-80 object-cover align-bottom transition-all duration-300"'})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" />"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"figure"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"grid skew-x-12 place-content-center"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#F5C2E7"},children:"CldImage"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" src"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"/image/upload/v1737986669/h5.jpg"'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" alt"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'""'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" width"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"1000"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" height"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"1000"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"h-96 w-80 object-cover align-bottom transition-all duration-300"'})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" />"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"section"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"w-full bg-slate-950 text-white"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"grid grid-cols-2 px-8"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"grid gap-2"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"figure"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"sticky top-0 grid h-screen place-content-center"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#F5C2E7"},children:"CldImage"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" src"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"/image/upload/v1737986669/h6.jpg"'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" alt"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'""'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" width"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"1000"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" height"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"1000"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"h-96 w-96 rounded-md object-cover align-bottom transition-all duration-300"'})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" />"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"figure"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"sticky top-0 grid h-screen place-content-center"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#F5C2E7"},children:"CldImage"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" src"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"/image/upload/v1737986669/h7.jpg"'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" alt"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'""'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" width"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"1000"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" height"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"1000"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"h-96 w-96 rounded-md object-cover align-bottom transition-all duration-300"'})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" />"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"figure"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"sticky top-0 grid h-screen place-content-center"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#F5C2E7"},children:"CldImage"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" src"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"/image/upload/v1737986669/h8.jpg"'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" alt"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'""'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" width"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"1000"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" height"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"1000"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"h-96 w-96 rounded-md object-cover align-bottom transition-all duration-300"'})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" />"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"figure"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"sticky top-0 grid h-screen place-content-center"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#F5C2E7"},children:"CldImage"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" src"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"/image/upload/v1737986669/h9.jpg"'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" alt"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'""'})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" width"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"1000"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" height"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"1000"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"h-96 w-96 rounded-md object-cover align-bottom transition-all duration-300"'})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" />"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"sticky top-0 grid h-screen place-content-center"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"h1"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"px-8 text-right text-4xl leading-[120%] font-medium tracking-tight"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" Copied & Paste Every Component you want and make"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" an creative website \u{1F60E}"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#9399B2",fontStyle:"italic"},children:'/* */"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" )"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})})]})})})})}function p(e={}){let{wrapper:l}=e.components||{};return l?(0,n.jsx)(l,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}function f(e,l){throw new Error("Expected "+(l?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}return x(u);})(); ;return Component;

I Know What Exactly you're Looking For! Scroll Please \u{1F447}

If you don't like this Smooth Scroll then I'm sorry,{" "} create your own and make it open source \u{1F4BC}

Don't Forget To Share This Sticky CSS Tricks.\u{1F60E}

Thanks To Scroll. Now Scroll Up Again\u261D\uFE0F\u{1F3FF}

Copied & Paste Every Component you want and make an creative website \u{1F60E}

I Know What Exactly you're
Looking For! Scroll Please \u{1F447}

If you don't like this Smooth Scroll then I'm sorry,{" "}
create your own and make it open source \u{1F4BC}

Don't Forget To Share
This Sticky CSS Tricks.\u{1F60E}

Thanks To Scroll.
Now Scroll Up Again\u261D\uFE0F\u{1F3FF}

Sticky Scroll

I Know What Exactly you're Looking For! Scroll Please 👇

If you don't like this Smooth Scroll then I'm sorry, create your own and make it open source 💼

Don't Forget To Share This Sticky CSS Tricks.😎

Thanks To Scroll. Now Scroll Up Again☝️🏿

Copied & Paste Every Component you want and make an creative website 😎

I Know What Exactly you're Looking For! Scroll Please 👇

If you don't like this Smooth Scroll then I'm sorry, create your own and make it open source 💼

Don't Forget To Share This Sticky CSS Tricks.😎

Thanks To Scroll. Now Scroll Up Again☝️🏿

Copied & Paste Every Component you want and make an creative website 😎

I Know What Exactly you're
Looking For! Scroll Please 👇

If you don't like this Smooth Scroll then I'm sorry,
create your own and make it open source 💼

Don't Forget To Share
This Sticky CSS Tricks.😎

Thanks To Scroll.
Now Scroll Up Again☝️🏿

I Know What Exactly you're
Looking For! Scroll Please 👇

If you don't like this Smooth Scroll then I'm sorry,
create your own and make it open source 💼

Don't Forget To Share
This Sticky CSS Tricks.😎

Thanks To Scroll.
Now Scroll Up Again☝️🏿