2 lines
4.8 KiB
JavaScript
2 lines
4.8 KiB
JavaScript
import{u as v,j as t,L as g,bh as N}from"./vendor-BKmmeuxg.js";import{B as h}from"./button-gradient-primary-CuKxTw1k.js";import{R as w}from"./rating-stars-DYjrA02Q.js";import{B as _}from"./button-BpNwv2aE.js";import{C as y}from"./card-D9_SJYq6.js";import{D as z,a as C,b as k}from"./dialog-B2gN9MvT.js";import{V as P}from"./video-player-CikPo1Be.js";import{g as B,S as D,a as b}from"./section-Bz0LxI_C.js";import{c as r}from"./utils-DxSsnXxD.js";import"./index-WW_1X1qx.js";import"./use-lang-YfV87_zl.js";import"./chunked-uploader-input-D0XPVOTS.js";import"./input-DM0goJrn.js";import"./index-D9-QKOod.js";import"./input-error-LaPr_4wd.js";import"./loading-button-BnTVAMJ7.js";import"./label-HmIcv5Yx.js";import"./textarea-CyndvowL.js";import"./inertia-SZXqLvQm.js";import"./icon-picker-dialog-AqyWbPod.js";import"./icon-picker-iXyBXP6r.js";import"./debounce-CWHP_ANh.js";import"./tooltip-BsX7Z6vz.js";import"./scroll-area-C8HGru-R.js";import"./table-header-DVkEnG6Y.js";import"./table-DWOXv4Pu.js";import"./table-page-size-OCfjNXER.js";import"./dropdown-menu-DO-po5c1.js";import"./route-B4ZMN77y.js";import"./avatar-j28afJTV.js";const ms=()=>{var i,m,p,d,o,x,n,u,c,f;const{props:l}=v(),{page:j}=l,s=B(j,"hero");return t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"relative mx-auto max-w-[1440px]",children:[t.jsxs(D,{customize:l.customize,pageSection:s,containerClass:"pt-20",contentClass:"relative",children:[t.jsx("div",{className:r("relative z-10 grid grid-cols-1 items-center gap-x-20"),children:t.jsxs("div",{className:"mx-auto mb-16 max-w-[712px] text-center",children:[t.jsx("h1",{className:"mb-4 text-4xl font-bold md:text-5xl md:leading-14 md:font-extrabold",children:s==null?void 0:s.title}),t.jsx("p",{className:"text-muted-foreground mb-6 text-lg md:px-8",children:s==null?void 0:s.description}),t.jsxs("div",{className:"mb-10 flex flex-row justify-center gap-6",children:[((i=s==null?void 0:s.properties)==null?void 0:i.button_text_1)&&t.jsx(h,{size:"lg",asChild:!0,shadow:!1,children:t.jsx(g,{href:((m=s==null?void 0:s.properties)==null?void 0:m.button_link_1)||"",children:(p=s==null?void 0:s.properties)==null?void 0:p.button_text_1})}),((d=s==null?void 0:s.properties)==null?void 0:d.button_text_2)&&t.jsx(_,{size:"lg",asChild:!0,variant:"outline",className:"px-4",children:t.jsx(g,{href:((o=s==null?void 0:s.properties)==null?void 0:o.button_link_2)||"",children:(x=s==null?void 0:s.properties)==null?void 0:x.button_text_2})})]}),t.jsxs("div",{children:[((n=s==null?void 0:s.properties)==null?void 0:n.ratings)&&t.jsxs("div",{className:"flex items-center justify-center gap-2",children:[t.jsx(w,{rating:5,starClass:"w-4 h-4"}),t.jsx("p",{className:"font-medium",children:(u=s==null?void 0:s.properties)==null?void 0:u.ratings})]}),((c=s==null?void 0:s.properties)==null?void 0:c.subscribers)&&t.jsx("p",{className:"text-muted-foreground text-sm",children:(f=s==null?void 0:s.properties)==null?void 0:f.subscribers})]})]})}),t.jsxs("div",{className:"shadow-card-hover relative z-10 mx-auto max-w-[780px] overflow-hidden rounded-3xl md:rounded-4xl",children:[t.jsx("img",{src:(s==null?void 0:s.thumbnail)||"/assets/blank-image.png",alt:s==null?void 0:s.title,className:"mx-auto w-full"}),(s==null?void 0:s.video_url)&&t.jsxs(z,{children:[t.jsx(C,{asChild:!0,children:t.jsx("button",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 cursor-pointer rounded-full bg-black/70 p-4 transition-transform hover:scale-110",children:t.jsx(N,{className:"h-6 w-6 text-white"})})}),t.jsx(k,{className:"overflow-hidden p-0 md:min-w-3xl",children:t.jsx(P,{source:{type:"video",sources:[{src:s==null?void 0:s.video_url,type:"video/mp4"}]}})})]})]}),t.jsx("div",{className:"hidden lg:block",children:b(s).map((e,a)=>t.jsx(y,{className:r("overflow-hidden rounded-xl",a===0&&"absolute top-[180px] left-20 z-10",a===1&&"absolute top-[200px] right-20 z-10",a===2&&"absolute bottom-0 left-20 z-10",a===3&&"absolute right-20 bottom-20 z-10"),children:t.jsx("img",{src:e.image,alt:"",className:r("h-[180px]")})},`item-${a}`))}),t.jsx("div",{className:"after:pointer-events-none after:absolute after:top-0 after:left-0 after:h-[334px] after:w-[334px] after:rounded-full after:bg-[rgba(89,85,220,1)] after:blur-[320px] after:content-['']"}),t.jsx("div",{className:"after:pointer-events-none after:absolute after:top-[220px] after:right-0 after:h-[300px] after:w-[300px] after:rounded-full after:bg-[rgba(255,190,0,1)] after:blur-[310px] after:content-['']"})]}),t.jsx("img",{src:s==null?void 0:s.background_image,alt:"",className:"absolute bottom-0 w-full object-cover"})]}),t.jsx("div",{className:"container grid grid-cols-2 gap-6 py-10 sm:grid-cols-4 lg:hidden",children:b(s).map((e,a)=>t.jsx("div",{className:"flex items-center justify-center",children:t.jsx("img",{src:e.image,alt:"",className:"shadow-card h-[160px] overflow-hidden rounded-xl sm:h-[180px]"})},`item-${a}`))})]})};export{ms as default};
|