import{j as e,b as h,L as i}from"./vendor-react-CVHocMAO.js";import{j as f,O as c,bX as g,bV as y,bW as b,cw as w,Y as v,cx as j}from"./index-DXdAv5n3.js";import{u as N}from"./useSeo-BXYcILQx.js";import{c as C,T as k}from"./vendor-maps-BX5dXCaZ.js";import{e as x,m as t}from"./vendor-motion-CP2nHqR4.js";import{A as E,a as I,b as L,c as P}from"./accordion-BLxqjNNn.js";import{A as o}from"./arrow-right-B6oF8gn-.js";import{B as F}from"./book-open-Ds9XczHM.js";import{B as S}from"./badge-check-CabiHZCA.js";import{G as H}from"./graduation-cap-Cefzzc1s.js";import"./vendor-radix-Boyzn9qx.js";import"./vendor-amplify-BttVyssp.js";/**
 * @license lucide-react v0.462.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */const O=f("CirclePlay",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["polygon",{points:"10 8 16 12 10 16 10 8",key:"1cimsy"}]]),q=[{icon:e.jsx(g,{className:"w-6 h-6 text-[#F25C54]"}),label:"Drinks"},{icon:e.jsx(y,{className:"w-6 h-6 text-[#F25C54]"}),label:"Music"},{icon:e.jsx(b,{className:"w-6 h-6 text-[#F25C54]"}),label:"Catering"}],m=({children:s,className:a=""})=>e.jsx(t.div,{whileHover:{y:-5,scale:1.02,boxShadow:"0px 20px 40px rgba(0,0,0,0.12)"},transition:{type:"spring",stiffness:300,damping:20},className:`relative w-full bg-[#ECECEC] p-6 rounded-3xl flex justify-center items-center ${a}`,children:s}),A=()=>{const[s,a]=h.useState(!1),n=x(),d=x(),p=()=>{a(!0),n.start("spread"),d.start("fadeOut")},u=()=>{a(!1),n.start("centered"),d.start("fadeIn")};return e.jsxs("div",{className:"flex flex-col md:flex-row items-center gap-10 w-full px-4 sm:px-6 md:px-0 md:gap-16",children:[e.jsx("div",{className:"w-full md:w-1/2",children:e.jsxs(t.div,{onHoverStart:p,onHoverEnd:u,whileHover:{y:-5,scale:1.02,boxShadow:"0px 20px 40px rgba(0,0,0,0.12)"},transition:{type:"spring",stiffness:300,damping:20},className:"relative w-full sm:w-[95%] md:w-full mx-auto bg-[#ECECEC] p-4 sm:p-6 rounded-3xl flex flex-col items-center justify-center shadow-md overflow-hidden",children:[e.jsxs("div",{className:"relative w-full h-[240px] sm:h-[200px] md:h-[200px] rounded-2xl overflow-hidden shadow-sm",children:[e.jsx(C,{center:[30.27965,-97.74193],zoom:16,zoomControl:!1,attributionControl:!1,scrollWheelZoom:!1,dragging:!1,doubleClickZoom:!1,className:"w-full h-full z-0",children:e.jsx(k,{url:"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"})}),e.jsxs(t.div,{className:"absolute inset-0 z-[10] pointer-events-none",animate:n,variants:{centered:{},spread:{}},children:[e.jsx(t.div,{className:"absolute left-[52%] top-[50%] text-blue-500",animate:{scale:[1,1.2,1],opacity:[1,.6,1]},transition:{repeat:1/0,duration:2},children:e.jsx(c,{size:20,fill:"#3B82F6",className:"text-blue-500"})}),[{top:"15%",left:"47%"},{top:"33%",left:"10%"},{top:"39%",left:"69%"}].map((r,l)=>e.jsx(t.div,{className:"absolute text-brand",variants:{centered:{top:r.top,left:r.left,scale:1},spread:{top:`calc(${r.top} - ${5+l*2}%)`,left:`calc(${r.left} + ${4+l*3}%)`,scale:1.2}},animate:n,transition:{type:"spring",stiffness:120,damping:12},children:e.jsx(c,{size:18,fill:"hsl(var(--brand))",className:"text-brand"})},l))]})]}),e.jsxs("div",{className:"relative z-10 mt-6 bg-white/80 backdrop-blur-sm rounded-2xl px-6 py-4 shadow-sm text-center w-full sm:w-[90%]",children:[e.jsx("h3",{className:"text-xl font-semibold text-gray-900",children:"Venue and Service Finder"}),e.jsx("p",{className:"text-gray-500 text-sm mt-2",children:"Discover unique spaces and services instantly with smart filtering."})]})]})}),e.jsxs("div",{className:"w-full md:w-1/2 text-center md:text-left px-2 sm:px-0 md:pl-4",children:[e.jsx("h2",{className:"text-3xl font-bold text-accent mb-4",children:"1. Browse curated venues and services"}),e.jsx("p",{className:"text-gray-700 font-medium leading-relaxed text-base",children:"Discover unique spaces for every kind of celebration, from rooftop lounges to cozy studios. Filter by type, price, and location to find the perfect fit."})]})]})},B=()=>e.jsxs("div",{className:"flex flex-col md:flex-row-reverse items-center gap-10 w-full px-4 sm:px-6 md:px-0 md:gap-16",children:[e.jsx("div",{className:"w-full md:w-1/2",children:e.jsx(t.div,{initial:{opacity:0,y:30},animate:{opacity:1,y:0},transition:{duration:.8,ease:"easeOut"},whileHover:{y:-5,scale:1.02,boxShadow:"0px 20px 40px rgba(0,0,0,0.12)"},className:"relative w-full sm:w-[95%] md:w-full mx-auto bg-[#ECECEC] p-4 sm:p-6 rounded-3xl flex justify-center items-center",children:e.jsxs(t.div,{className:"bg-white rounded-2xl shadow-lg p-6 w-full sm:w-[90%] overflow-hidden",initial:{opacity:0,y:15},whileInView:{opacity:1,y:0},transition:{duration:.6,ease:"easeOut"},viewport:{once:!0},children:[e.jsx("h3",{className:"text-lg font-semibold text-gray-900 mb-5",children:"Booking Summary"}),e.jsx("div",{className:"space-y-3 mb-6",children:[0,1,2].map(s=>e.jsx(t.div,{className:"relative h-8 w-full rounded-md overflow-hidden bg-gray-200",initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{duration:.4,delay:s*.2},children:e.jsx(t.div,{className:"absolute inset-0 bg-gradient-to-r from-gray-200 via-gray-100 to-gray-200",animate:{x:["-100%","100%"]},transition:{repeat:1/0,duration:2,ease:"linear"}})},s))}),e.jsx(t.div,{className:"mt-4 h-10 w-full bg-gradient-to-r from-brand to-brand-600 rounded-md flex items-center justify-center text-white font-medium shadow-md",animate:{boxShadow:["0 0 0 rgba(255,123,107,0)","0 0 14px rgba(255,123,107,0.5)","0 0 0 rgba(255,123,107,0)"]},transition:{repeat:1/0,duration:2.5},children:"Confirm Booking"})]})})}),e.jsxs("div",{className:"w-full md:w-1/2 text-center md:text-left px-2 sm:px-0 md:pr-4",children:[e.jsx("h2",{className:"text-3xl font-bold text-accent mb-4",children:"2. Customize and book easily"}),e.jsx("p",{className:"text-gray-700 font-medium leading-relaxed text-base",children:"Compare packages, see verified reviews, and message hosts directly. Secure payments and instant confirmations keep the planning stress-free."})]})]}),z=()=>e.jsxs("div",{className:"flex flex-col md:flex-row items-center gap-10 w-full px-4 sm:px-6 md:px-0 md:gap-16",children:[e.jsx("div",{className:"w-full md:w-1/2",children:e.jsx(t.div,{whileHover:{y:-5,scale:1.02,boxShadow:"0px 20px 40px rgba(0,0,0,0.12)"},transition:{type:"spring",stiffness:300,damping:20},className:"relative w-full sm:w-[95%] md:w-full mx-auto bg-[#ECECEC] p-4 sm:p-6 rounded-3xl flex justify-center items-center",children:e.jsxs(t.div,{initial:{opacity:0,y:10},whileInView:{opacity:1,y:0},transition:{duration:.5,ease:"easeOut"},viewport:{once:!0},className:"bg-white text-black rounded-2xl p-6 shadow-lg w-full sm:w-[90%]",children:[e.jsxs("div",{className:"flex justify-between items-center mb-2",children:[e.jsx("p",{className:"text-gray-400 text-sm",children:"Past 30 days"}),e.jsx("span",{className:"text-xs bg-green-600/20 text-green-400 px-2 py-0.5 rounded-md",children:"↑ 45.1%"})]}),e.jsx("h3",{className:"text-3xl font-semibold mb-2",children:"$5.7K"}),e.jsx("div",{className:"mt-4 relative w-full h-24 overflow-hidden",children:e.jsxs("svg",{viewBox:"0 0 400 100",preserveAspectRatio:"none",className:"absolute inset-0 w-full h-full",children:[e.jsx(t.path,{d:`M0 75 C20 76, 35 74, 50 73 C65 72, 75 70, 90 68 C105 66, 115 67, 130 65
                   C145 63, 160 58, 175 55 C190 52, 205 50, 220 48 C235 46, 250 42, 270 38
                   C290 34, 310 28, 330 22 C350 16, 375 12, 400 8`,fill:"transparent",stroke:"url(#coralGradient)",strokeWidth:"3",strokeLinecap:"round",initial:{pathLength:0},animate:{pathLength:[0,1]},transition:{duration:3.5,ease:"easeInOut",repeat:1/0,repeatType:"loop"}}),e.jsx("defs",{children:e.jsxs("linearGradient",{id:"coralGradient",x1:"0",y1:"0",x2:"100%",y2:"0",children:[e.jsx("stop",{offset:"0%",stopColor:"hsl(var(--brand))"}),e.jsx("stop",{offset:"100%",stopColor:"#F25C54"})]})})]})})]})})}),e.jsxs("div",{className:"w-full md:w-1/2 text-center md:text-left px-2 sm:px-0 md:pl-4",children:[e.jsx("h2",{className:"text-3xl font-bold text-accent mb-4",children:"3. Analytics & Payments"}),e.jsx("p",{className:"text-gray-700 font-medium leading-relaxed text-base",children:"Get deep insights into your revenue and user growth. Monitor payouts, event activity, and booking performance, all in one clean dashboard. Export everything to CSV and manage finances effortlessly."})]})]}),V=()=>e.jsxs("div",{className:"flex flex-col md:flex-row-reverse items-center gap-10 w-full px-4 sm:px-6 md:px-0 md:gap-16",children:[e.jsx("div",{className:"w-full md:w-1/2 flex justify-center",children:e.jsx(m,{className:"w-full sm:w-[95%] md:w-[90%] lg:w-[85%] mx-auto",children:e.jsx(t.div,{className:"bg-white rounded-2xl shadow-lg p-6 w-full sm:w-[90%]",initial:{opacity:0,y:10},whileInView:{opacity:1,y:0},transition:{duration:.5,ease:"easeOut"},viewport:{once:!0},children:e.jsx(t.div,{className:"grid grid-cols-3 gap-3",animate:{scale:[1,1.03,1]},transition:{repeat:1/0,duration:3},children:q.map((s,a)=>e.jsxs(t.div,{whileHover:{scale:1.1},className:"bg-gray-100 rounded-xl flex flex-col items-center justify-center p-4",children:[s.icon,e.jsx("span",{className:"text-sm font-medium text-gray-600 mt-2",children:s.label})]},a))})})})}),e.jsxs("div",{className:"w-full md:w-1/2 text-center md:text-left px-2 sm:px-0 md:pr-4",children:[e.jsx("h2",{className:"text-3xl font-bold text-accent mb-4",children:"4. Custom Packages & Add-Ons"}),e.jsx("p",{className:"text-gray-700 font-medium leading-relaxed text-base",children:"Create flexible packages with add-ons like catering, music, or open bar options. Tailor your offerings to match every type of celebration and increase bookings with transparent pricing."})]})]}),W=()=>e.jsxs("div",{className:"flex flex-col md:flex-row items-center gap-10 w-full px-4 sm:px-6 md:px-0 md:gap-16",children:[e.jsx("div",{className:"w-full md:w-1/2 flex justify-center",children:e.jsx(m,{className:"w-full sm:w-[95%] md:w-[90%] lg:w-[85%] mx-auto",children:e.jsx(t.div,{className:"bg-white rounded-2xl shadow-lg p-6 w-full sm:w-[95%] md:w-[100%] lg:w-[100%] min-h-[220px] flex flex-col justify-center",initial:{opacity:0,y:10},whileInView:{opacity:1,y:0},transition:{duration:.5,ease:"easeOut"},viewport:{once:!0},children:e.jsxs(t.div,{className:"space-y-5",animate:{opacity:[1,.95,1]},transition:{repeat:1/0,duration:3},children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-xs text-gray-500 mb-1 ml-1",children:"Booker"}),e.jsx("p",{className:"bg-gray-100 text-gray-800 rounded-2xl px-4 py-2 w-fit max-w-[80%] shadow-sm",children:"Hi! Is your venue available?"})]}),e.jsxs("div",{className:"flex flex-col items-end",children:[e.jsx("p",{className:"text-xs text-gray-500 mb-1 mr-1",children:"You"}),e.jsx("div",{className:"bg-[#F25C54] rounded-2xl px-4 py-2 max-w-[80%] shadow-sm",children:e.jsx("p",{className:"text-white",children:"Yes! What date are you thinking?"})})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-xs text-gray-500 mb-1 ml-1",children:"Booker"}),e.jsx(t.div,{className:"bg-gray-100 rounded-2xl rounded-bl-[6px] px-4 py-3 w-fit max-w-[80%] shadow-sm flex items-center justify-center gap-2",initial:{opacity:0,x:-10},whileInView:{opacity:1,x:0},transition:{duration:.35},viewport:{once:!0},children:[0,.25,.5].map((s,a)=>e.jsx(t.span,{className:"w-2 h-2 rounded-full bg-gray-500",animate:{y:[0,-3,0],opacity:[.4,1,.4]},transition:{repeat:1/0,duration:1.4,delay:s,ease:"easeInOut"}},a))})]})]})})})}),e.jsxs("div",{className:"w-full md:w-1/2 text-center md:text-left px-2 sm:px-0 md:pl-4",children:[e.jsx("h2",{className:"text-3xl font-bold text-accent mb-4",children:"5. Direct Host Messaging"}),e.jsx("p",{className:"text-gray-700 font-medium leading-relaxed text-base",children:"Communicate directly with hosts for questions, special requests, or logistics. Keep every detail coordinated inside one secure platform."})]})]}),Y=()=>e.jsxs("section",{className:"bg-white text-gray-900 max-w-6xl mx-auto px-6 md:px-12 py-16 space-y-20",children:[e.jsx("div",{className:"relative z-10 text-center",children:e.jsx("h1",{className:"text-4xl md:text-5xl font-bold mb-6",children:"Key Features"})}),e.jsx(A,{}),e.jsx(B,{}),e.jsx(z,{}),e.jsx(V,{}),e.jsx(W,{})]}),M=[{value:"item-1",question:"How do I book a venue on PLEC?",answer:["Browse venues by category, location, or price, then choose your date and preferred package.","If you already know the venue, search by name and book directly from the listing page."]},{value:"item-2",question:"Are payments secure?",answer:["Yes. Payments are processed through Stripe, and hosts never see your financial information."]},{value:"item-3",question:"Can I cancel or reschedule my booking?",answer:["Each venue sets its own cancellation policy, shown before checkout. You can always message the host to discuss options."]},{value:"item-4",question:"How do I host my space on PLEC?",answer:["Create an account, list your space, set availability and pricing, then publish with photos and details."]},{value:"item-5",question:"What are PLEC's fees for hosts?",answer:["PLEC takes a service fee per booking to cover payment processing and platform operations, with no monthly subscription."]},{value:"item-6",question:"Can I offer custom packages or add-ons?",answer:["Yes. You can configure custom packages and add-ons so guests can tailor their booking at checkout."]}],D=[{icon:O,title:"12+ videos",subtitle:"Guided walkthroughs"},{icon:S,title:"Expert tips",subtitle:"From top hosts"},{icon:H,title:"Self-paced",subtitle:"Learn anytime"}],te=()=>(N({title:"How It Works | PLEC",description:"Learn how PLEC works — search unique venues, book instantly or request a custom quote, and create unforgettable celebrations."}),e.jsxs("div",{className:"relative min-h-screen bg-background text-foreground",children:[e.jsxs("div",{className:"relative overflow-hidden",children:[e.jsx(w,{showSearch:!1,hideCategories:!0,flat:!0}),e.jsx("div",{className:"pointer-events-none absolute inset-0",style:{background:"radial-gradient(circle at 20% 65%, hsl(var(--brand-100) / 0.9), transparent 45%), radial-gradient(circle at 82% 20%, hsl(var(--brand-200) / 0.55), transparent 40%)"}}),e.jsx("section",{className:"relative flex min-h-[78vh] items-center px-6 py-20 md:px-12 lg:min-h-[82vh] lg:py-24",children:e.jsxs("div",{className:"mx-auto max-w-5xl text-center",children:[e.jsxs(t.div,{className:"mb-6 inline-flex items-center gap-2 rounded-full border border-brand-200 bg-brand-50 px-4 py-2 text-sm font-semibold text-brand-800",initial:{opacity:0,y:-12},animate:{opacity:1,y:0},transition:{duration:.45,ease:"easeOut"},children:[e.jsx(v,{className:"h-4 w-4"}),"Your All-in-One Party Planning Platform!"]}),e.jsx(t.h1,{className:"text-5xl font-bold leading-[1.08] md:text-6xl lg:text-7xl",initial:{opacity:0,y:-20},animate:{opacity:1,y:0},transition:{duration:.55,ease:"easeOut",delay:.1},children:"SEE HOW PLEC WORKS"}),e.jsx(t.p,{className:"mx-auto mt-8 max-w-4xl text-xl font-medium leading-tight text-muted-foreground md:text-3xl",initial:{opacity:0,y:-12},animate:{opacity:1,y:0},transition:{duration:.55,ease:"easeOut",delay:.2},children:"From finding the perfect venue to managing bookings and payments, plec makes celebrating effortless for everyone."}),e.jsxs(t.div,{className:"mt-10 flex flex-col items-center justify-center gap-4 sm:flex-row",initial:{opacity:0,y:22},animate:{opacity:1,y:0},transition:{duration:.6,ease:"easeOut",delay:.3},children:[e.jsxs(i,{to:"/venues",className:"inline-flex min-w-[210px] items-center justify-center gap-2 rounded-full bg-brand px-7 py-4 text-base font-semibold text-brand-foreground transition hover:bg-brand-600",children:["Find a place",e.jsx(o,{className:"h-5 w-5"})]}),e.jsx(i,{to:"/host",className:"inline-flex min-w-[210px] items-center justify-center rounded-full border-2 border-brand bg-transparent px-7 py-4 text-base font-semibold text-brand transition hover:bg-brand-50",children:"List Your Venue"})]})]})})]}),e.jsx(Y,{}),e.jsx("section",{className:"px-6 pb-4 pt-8 md:px-12 md:pt-10 mb-16",children:e.jsxs("div",{className:"mx-auto grid min-h-[400px] max-w-6xl gap-8 overflow-hidden rounded-2xl border border-border bg-[#F5F5F5] p-6 shadow-sm md:min-h-[460px] md:grid-cols-[1.2fr_1fr] md:p-10",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"mb-4 inline-flex items-center gap-2 rounded-full border border-brand-200 bg-brand-50 px-3 py-1.5 text-sm font-medium text-brand-800",children:[e.jsx(F,{className:"h-3.5 w-3.5"}),"Free for all hosts"]}),e.jsx("h2",{className:"text-2xl font-bold tracking-tight text-foreground md:text-4xl",children:"PLEC University"}),e.jsx("p",{className:"mt-4 max-w-xl text-base text-muted-foreground md:text-lg",children:"Whether you are a venue owner, service provider, or party planner, the plec team makes it easy for you to master the platform with short, practical lessons."}),e.jsx("div",{className:"mt-6 grid gap-3 sm:grid-cols-3",children:D.map(s=>{const a=s.icon;return e.jsxs("div",{className:"rounded-xl border border-border/80 bg-white px-4 py-3 shadow-sm",children:[e.jsx(a,{className:"mb-2 h-4 w-4 text-brand-600"}),e.jsx("p",{className:"text-sm font-semibold text-foreground",children:s.title}),e.jsx("p",{className:"text-xs text-muted-foreground",children:s.subtitle})]},s.title)})}),e.jsxs(i,{to:"/help/host/plec-university",className:"mt-6 inline-flex items-center gap-2 rounded-full bg-brand px-5 py-3 text-base font-semibold text-brand-foreground transition hover:bg-brand-600",children:["Start Learning",e.jsx(o,{className:"h-4 w-4"})]})]}),e.jsx("div",{className:"flex items-center justify-center",children:e.jsx("img",{src:"/screen.png",alt:"plec platform",className:"w-full max-w-sm rounded-xl border border-gray-200 object-cover shadow-md"})})]})}),e.jsxs("section",{className:"relative bg-[#11121b] px-6 py-24 text-white md:px-12",children:[e.jsxs("div",{className:"mx-auto max-w-5xl text-center",children:[e.jsx("h2",{className:"text-4xl font-bold md:text-6xl",children:"Frequently Asked Questions"}),e.jsx("p",{className:"mt-4 text-lg text-white/70",children:"Everything you need to know about using PLEC"})]}),e.jsx("div",{className:"mx-auto mt-14 w-full max-w-5xl space-y-4",children:e.jsx(E,{type:"single",collapsible:!0,className:"w-full space-y-4",children:M.map(s=>e.jsxs(I,{value:s.value,className:"rounded-3xl border border-white/10 bg-white/5 px-6 transition-colors hover:bg-white/10",children:[e.jsx(L,{className:"py-7 text-left text-2xl font-semibold text-white hover:no-underline",children:s.question}),e.jsx(P,{className:"pb-6 text-base text-white/80",children:s.answer.map(a=>e.jsx("p",{className:"mb-3 last:mb-0",children:a},a))})]},s.value))})})]}),e.jsx("section",{className:"relative min-h-[560px] overflow-hidden py-28 md:py-36",style:{background:"linear-gradient(180deg, #1E1E24 0%, #3D3D3D 100%)"},children:e.jsxs("div",{className:"mx-auto flex max-w-4xl flex-col items-center justify-center px-6 text-center text-white md:px-12",children:[e.jsx("h2",{className:"text-4xl font-bold md:text-5xl",children:"Ready to get started?"}),e.jsx("p",{className:"mx-auto mt-4 max-w-2xl text-lg text-white/80",children:"Start exploring venues or list your space today."}),e.jsxs("div",{className:"mt-10 flex flex-col items-center justify-center gap-4 sm:flex-row",children:[e.jsxs(i,{to:"/venues",className:"inline-flex min-w-[210px] items-center justify-center gap-2 rounded-full bg-brand px-7 py-4 text-base font-semibold text-brand-foreground transition hover:bg-brand-600",children:["Find a Venue",e.jsx(o,{className:"h-5 w-5"})]}),e.jsx(i,{to:"/host",className:"inline-flex min-w-[210px] items-center justify-center rounded-full border-2 border-white/80 bg-transparent px-7 py-4 text-base font-semibold text-white transition hover:bg-white hover:text-[#1E1E24]",children:"List Your Venue"})]})]})}),e.jsx(j,{})]}));export{te as default};