import{a as Y}from"/build/_shared/chunk-GRTEO3EB.js";import{a as t,b,c as _}from"/build/_shared/chunk-5E2B2MO7.js";import{a as U,b as W}from"/build/_shared/chunk-OKJAOGBZ.js";import{a as I,c as w,h as u,l as S,m as T,q as l}from"/build/_shared/chunk-VCPT472I.js";import{d as o}from"/build/_shared/chunk-W6WK5VNR.js";var G=o(Y(),1);var H=o(W(),1),ee=o(U(),1),te=o(_(),1);var m=o(l(),1),$=()=>(0,m.jsx)("header",{children:(0,m.jsxs)("div",{className:"relative px-4",children:[(0,m.jsx)("div",{className:"absolute opacity-80 md:-top-24 lg:-top-48 -z-10 -left-20",children:(0,m.jsx)("img",{src:"/background1.jpg",alt:"Color Pencil Img",width:"4000",height:"4000"})}),(0,m.jsx)("nav",{className:"max-w-7xl mx-auto border-[#1F7A8C]","aria-label":"Main navigation",children:(0,m.jsxs)("div",{className:"flex justify-between items-center w-full",children:[(0,m.jsx)(t.div,{className:"text-md py-6 w-20 md:h-full md:w-full col-span-2",children:(0,m.jsx)("img",{src:"/dash.png",alt:"Drawdash - Expand Your Creativity",width:"100",height:"40"})}),(0,m.jsx)("h1",{className:"text-4xl pt-4 md:visible hidden drop-shadow-2xl font-borel mt-4",children:"Drawdash"}),(0,m.jsx)("div",{className:"flex gap-8 items-center cursor-pointer col-span-2 w-full justify-end",children:(0,m.jsx)(t.div,{className:"flex",whileHover:{scale:1.05},children:(0,m.jsx)(u,{className:"rounded-full bg-[#1F7A8C] text-white px-3 text-xs py-2 md:px-4 md:text-sm max-w-max",to:"/login","aria-label":"Get started with Drawdash",children:"Get Started"})})})]})})]})}),j=$;var s=o(l(),1),q=()=>{let a={hidden:n=>({x:n*100,opacity:0}),visible:{x:0,opacity:1,transition:{duration:1}}},r=w();return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("section",{className:"relative max-w-7xl mx-auto lg:h-screen","aria-label":"Hero Section",children:(0,s.jsxs)("div",{className:"pt-8 px-4 flex w-full items-center justify-between",children:[(0,s.jsxs)(t.div,{className:"flex flex-col md:max-w-[500px] items-center md:items-start text-center md:text-left py-20 md:py-10 md:pb-16 lg:pb-20 lg:py-20 md:gap-4 max-w-[700px]",initial:"hidden",animate:"visible",custom:-1,variants:a,children:[(0,s.jsxs)("h1",{className:"text-4xl md:text-5xl md:px-4 lg:text-7xl font-borel md:-mb-6 lg:-mb-0 gradient-text pt-4 md:py-0 md:pt-10 md:leading-[60px] lg:leading-[80px]",children:["Welcome to ",(0,s.jsx)("span",{className:"font-bold lg:ml-28",children:"Drawdash"})]}),(0,s.jsx)("h2",{className:"md:2xl lg:text-3xl text-xl px-4 pb-4",children:"Your personal digital canvas for creativity and collaboration."}),(0,s.jsx)("p",{className:"md:text-base text-xs px-4",children:"Drawdash is a platform born from the passion for art and design. It's a space where creativity meets technology, allowing artists and designers of all levels to explore and express their talents."}),(0,s.jsx)(t.div,{className:"mt-8",whileHover:{scale:1.05},onClick:()=>r("/login"),"aria-label":"Start drawing on Drawdash",children:(0,s.jsx)(u,{className:"rounded-full  bg-[#1F7A8C] text-white text-sm md:text-base py-3 px-8 md:py-4 md:px-12 max-w-max",to:"/login","aria-label":"Get started with Drawdash",children:"Start Drawing"})})]}),(0,s.jsx)(t.div,{className:"md:flex items-center justify-end hidden md:min-w-[300px] lg:min-w-[400px] lg:mt-52",initial:"hidden",animate:"visible",custom:1,variants:a,children:(0,s.jsx)("img",{src:"/drawing.svg",alt:"Creative digital drawing on Drawdash",width:"550",height:"800"})})]})}),(0,s.jsx)("div",{className:"absolute lg:flex hidden -bottom-24",children:(0,s.jsx)("img",{src:"/wave.svg",alt:"Decorative wave design",width:"4000",height:"400"})})]})},B=q;var A=o(I(),1),c=o(l(),1),J=()=>{let a=b(),r=b(),n=(0,A.useRef)(null),p=(0,A.useRef)(null),D=w();(0,A.useEffect)(()=>{let y={threshold:.1},N=new IntersectionObserver(x=>{x.forEach(k=>{k.isIntersecting&&(k.target===n.current?a.start("visible"):k.target===p.current&&r.start("visible"))})},y);return[n,p].forEach(x=>{x.current&&N.observe(x.current)}),()=>{[n,p].forEach(x=>{x.current&&N.unobserve(x.current)})}},[r,a]);let h={hidden:y=>({x:y*100,opacity:0}),visible:{x:0,opacity:1,transition:{duration:1}}},v={hidden:{y:50,opacity:0},visible:{y:0,opacity:1,transition:{duration:.8}}};return(0,c.jsx)("section",{className:"bg-[#0B032D] z-20 md:pt-20 lg:pt-0 flex items-center","aria-label":"Advanced Drawing Tools",children:(0,c.jsx)("div",{className:"max-w-7xl mx-auto md:pb-16 lg:pb-24 pt-8 w-full",children:(0,c.jsxs)("div",{className:"flex flex-col-reverse md:flex-row-reverse py-8 md:py-0 items-center justify-between gap-8 lg:gap-24 w-full",children:[(0,c.jsxs)("div",{className:"text-[#ECF0F1] text-center md:text-left px-4 flex flex-col md:items-start items-center lg:gap-8 md:max-w-[400px] lg:max-w-[700px]",children:[(0,c.jsx)(t.h2,{className:"rounded-full capitalize text-xs md:text-sm py-2 px-4 max-w-max bg-[#BA324F] text-white",ref:n,initial:"hidden",animate:a,variants:v,children:"Advanced Drawing Tools"}),(0,c.jsx)(t.p,{className:"text-2xl pt-8 md:text-3xl lg:text-5xl font-borel md:leading-[45px] lg:leading-[60px] text-[#F7F3E3]",ref:n,initial:"hidden",animate:a,variants:v,children:"Discover a comprehensive suite of drawing tools"}),(0,c.jsx)(t.p,{className:"max-w-md md:text-base text-xs",ref:n,initial:"hidden",animate:a,variants:v,children:"Catering to both beginners and professionals, enjoy a variety of brushes, pencils, and pens, each with adjustable sizes and opacity. Whether you're sketching, inking, or painting, Drawdash provides the perfect tools for your artistic journey."}),(0,c.jsx)(t.button,{className:"rounded-full mt-8 md:mt-16 bg-[#1F7A8C] text-white text-sm md:text-base py-3 px-8 md:py-4 md:px-12 max-w-max",ref:p,initial:"hidden",animate:r,onClick:()=>D("/login"),variants:v,whileHover:{scale:1.05},"aria-label":"Learn more about advanced drawing tools",children:"Learn More"})]}),(0,c.jsx)("div",{className:"px-4",children:(0,c.jsx)(t.div,{className:"flex justify-end max-w-[350px] md:max-w-[450px] lg:max-w-none",initial:"hidden",animate:"visible",custom:1,variants:h,children:(0,c.jsx)("img",{src:"/second-section.jpg",className:"rounded-lg",alt:"Artist's workspace with advanced drawing tools",width:"800",height:"1000"})})})]})})})},O=J;var C=o(I(),1),g=o(l(),1),K=()=>{let a=b(),r=(0,C.useRef)(null),n=w();(0,C.useEffect)(()=>{let h=r.current,v=new IntersectionObserver(([y])=>{y.isIntersecting&&a.start("visible")},{threshold:.2});return h&&v.observe(h),()=>{h&&v.unobserve(h)}},[a]);let p={hidden:{opacity:0},visible:{opacity:1,transition:{duration:.8}}},D={hidden:{scale:1,opacity:0},visible:{scale:1,opacity:1,transition:{duration:.8}}};return(0,g.jsxs)("section",{className:"relative","aria-label":"Advanced Layering Section",children:[(0,g.jsx)("div",{className:"absolute",children:(0,g.jsx)("img",{src:"/wave-2.svg",alt:"Decorative wave design",width:"4000",height:"400"})}),(0,g.jsxs)("div",{ref:r,className:"max-w-7xl relative mx-auto flex flex-col-reverse md:flex-row gap-4 md:pt-12 px-4 lg:pt-20 items-center justify-between",children:[(0,g.jsxs)(t.div,{className:"flex flex-col px-4 md:px-0 items-center md:items-start text-center md:text-left max-w-xl mt-16 md:mt-40 md:gap-2",initial:"hidden",animate:a,variants:p,children:[(0,g.jsx)("h2",{className:"rounded-full text-xs md:text-sm capitalize py-2 px-4 md:px-6 max-w-max mb-8 bg-[#BA324F] text-white",children:"Advanced Layering"}),(0,g.jsx)("p",{className:"text-2xl md:text-3xl lg:text-5xl md:leading-[40px] lg:leading-[70px] font-borel text-[#0B032D]",children:"Manage Your Artwork with Ease"}),(0,g.jsx)("p",{className:"max-w-lg",children:"Utilize our intuitive layer system to create complex drawings without losing track of your work. Each layer is fully customizable, allowing for opacity adjustments and blending modes, giving you complete control over your creation."}),(0,g.jsx)(t.button,{className:"rounded-full mt-8 lg:mt-16 bg-[#1F7A8C] text-white text-sm md:text-base py-3 px-8 md:py-4 md:px-12 max-w-max","aria-label":"Explore advanced layering features",onClick:()=>n("/login"),whileHover:{scale:1.05},children:"Explore Layering"})]}),(0,g.jsx)(t.div,{initial:"hidden",className:"max-w-[350px] lg:max-w-[500px] md:mt-40 xl:mt-0",animate:a,variants:D,children:(0,g.jsx)("img",{src:"/lp-3.jpg",className:"rounded-3xl shadow-xl mt-24 md:mt-0 lg:mb-40",alt:"Artwork showcasing advanced layering capabilities",width:"500",height:"500"})})]})]})},R=K;var E=o(I(),1),d=o(l(),1),Q=()=>{let a={closed:{scale:0},open:{scale:1,transition:{duration:.8,ease:"backOut"}}},r=b(),n=b(),p=(0,E.useRef)(null),D=(0,E.useRef)(null),h=w();(0,E.useEffect)(()=>{let N=p.current,x=D.current,k=new IntersectionObserver(([L])=>{L.isIntersecting&&r.start("visible")},{threshold:.3}),F=new IntersectionObserver(([L])=>{L.isIntersecting&&n.start("visible")},{threshold:.3});return N&&k.observe(N),x&&F.observe(x),()=>{N&&k.unobserve(N),x&&F.unobserve(x)}},[r,n]);let v={hidden:{opacity:0,y:30},visible:{opacity:1,y:0,transition:{duration:.8}}},y={hidden:{scale:0,opacity:0},visible:{scale:1,opacity:1,transition:{duration:1}}};return(0,d.jsx)("section",{className:"max-w-7xl mx-auto py-20 xl:mt-20 md:px-10","aria-label":"Cloud Saving and Accessibility",children:(0,d.jsxs)(t.div,{className:"relative flex flex-col sm:flex-row items-center text-[#ECF0F1] md:shadow-2xl md:rounded-3xl bg-[#1F7A8C] p-8 justify-between max-w-6xl mx-auto",animate:"open",variants:a,children:[(0,d.jsxs)("div",{className:"hidden xl:flex",children:[(0,d.jsx)("div",{className:"absolute -z-10 -top-40 -left-40",children:(0,d.jsx)("img",{src:"/blob.svg",className:"rounded-2xl",alt:"Blob",width:"400",height:"400"})}),(0,d.jsx)("div",{className:"absolute -z-10 -bottom-48 -right-40",children:(0,d.jsx)("img",{src:"/blob-2.svg",className:"rounded-2xl",alt:"Blob",width:"400",height:"400"})})]}),(0,d.jsxs)(t.div,{className:"md:max-w-lg lg:max-w-xl z-50 flex flex-col gap-6",ref:p,initial:"hidden",animate:r,variants:v,children:[(0,d.jsx)("h2",{className:"lg:text-6xl md:text-3xl md:leading-[40px] text-3xl font-borel mt-4 md:mt-8 lg:leading-[70px] pb-4",children:"Cloud Saving and Accessibility"}),(0,d.jsx)("p",{className:"-mt-8 text-xs lg:text-base md:text-sm sm:text-xs",children:"Never worry about losing your work again. Drawdash offers seamless cloud saving, ensuring that your drawings are safely stored and accessible from any device. Log in to your account from anywhere to access your art, making it easy to continue your work on the go or share it with others."}),(0,d.jsx)(t.button,{className:"rounded-full mt-8 lg:mt-16 bg-[#ECF0F1] text-[#1F7A8C] text-sm md:text-base py-3 px-8 md:py-4 md:px-12 max-w-max","aria-label":"Learn more about cloud saving and accessibility features",onClick:()=>h("/login"),whileHover:{scale:1.05},children:"Learn More"})]}),(0,d.jsx)(t.div,{ref:D,initial:"hidden",className:"z-50 sm:min-w-[300px] mt-8 md:mt-0",animate:n,variants:y,children:(0,d.jsx)("img",{src:"/cloud-storage.svg",className:"rounded-2xl",alt:"Illustration of cloud storage functionality",width:"400",height:"400"})})]})})},z=Q;var i=o(l(),1),X=()=>{let a={hover:{scale:1.05,transition:{duration:.3}}};return(0,i.jsxs)("footer",{children:[(0,i.jsxs)("div",{className:"max-w-7xl my-10 sm:my-8 mx-auto flex flex-col sm:flex-row items-center gap-6 sm:gap-0 justify-between px-10 text-sm font-semibold py-2",children:[(0,i.jsx)(t.div,{variants:a,className:"sm:hidden lg:flex",whileHover:"hover",children:(0,i.jsx)(u,{to:"/",className:"text-[#DA2878] cursor-pointer",children:"HOMEPAGE"})}),(0,i.jsx)(t.div,{variants:a,whileHover:"hover",children:(0,i.jsx)(u,{to:"/contact",className:"opacity-80 cursor-pointer",children:"CONTACT"})}),(0,i.jsx)(t.div,{variants:a,whileHover:"hover",className:"opacity-80 cursor-pointer",children:"ABOUT"}),(0,i.jsx)("div",{className:"lg:hidden",children:(0,i.jsx)("img",{src:"/shortLogo.png",alt:"logo",height:30})}),(0,i.jsx)("div",{className:"hidden lg:block",children:(0,i.jsx)("img",{src:"/shortLogo.png",alt:"logo"})}),(0,i.jsx)(t.div,{variants:a,whileHover:"hover",children:(0,i.jsx)("a",{href:"https://www.codedash.in/",className:"opacity-80 cursor-pointer",rel:"noopener noreferrer",target:"_blank",children:"CODEDASH"})}),(0,i.jsx)(t.div,{variants:a,whileHover:"hover",children:(0,i.jsx)("a",{href:"https://www.dashnotes.in/",className:"opacity-80 cursor-pointer",rel:"noopener noreferrer",target:"_blank",children:"DASHNOTES"})}),(0,i.jsx)(t.div,{variants:a,whileHover:"hover",className:"opacity-80 sm:hidden lg:flex cursor-pointer",children:"DASHPAD"})]}),(0,i.jsxs)("div",{className:"max-w-7xl mx-auto flex-row my-10 hidden sm:flex lg:hidden items-center justify-center text-sm font-semibold gap-40",children:[(0,i.jsx)(t.div,{variants:a,whileHover:"hover",children:(0,i.jsx)(u,{to:"/",className:"text-[#DA2878] cursor-pointer",children:"HOMEPAGE"})}),(0,i.jsx)(t.div,{variants:a,whileHover:"hover",className:"opacity-80 cursor-pointer",children:"DASHPAD"})]}),(0,i.jsx)("div",{className:"lg:py-10 py-6 flex justify-center text-center gap-1 text-xs font-semibold",children:(0,i.jsx)("div",{className:"opacity-50",children:"\xA9 2023 COPYRIGHT CODEDASH ALL RIGHTS RESERVED"})})]})},P=X;var f=o(l(),1);function Z(){return(0,f.jsxs)("div",{className:"text-[#0B032D]",children:[(0,f.jsx)(j,{}),(0,f.jsx)(B,{}),(0,f.jsx)(O,{}),(0,f.jsx)(R,{}),(0,f.jsx)(z,{}),(0,f.jsx)(P,{})]})}var M=Z;var e=o(l(),1),ae=()=>[{title:"Drawdash - Your Personal Digital Canvas for Creativity and Collaboration"},{name:"description",content:"Welcome to Drawdash, a platform born from the passion for art and design. Explore and express your talents with technology, connecting with a vibrant community of artists and designers."},{name:"keywords",content:"Drawdash, digital canvas, creativity, collaboration, art, design, artists, designers"},{name:"author",content:"Drawdash Team"},{name:"viewport",content:"width=device-width, initial-scale=1"},{property:"og:title",content:"Drawdash - Your Personal Digital Canvas for Creativity and Collaboration"},{property:"og:description",content:"Welcome to Drawdash, a platform born from the passion for art and design. Explore and express your talents with technology, connecting with a vibrant community of artists and designers."},{property:"og:url",content:"https://www.drawdash.in/"},{property:"og:image",content:"https://www.drawdash.in/logo.png"},{name:"twitter:card",content:"summary_large_image"},{name:"twitter:title",content:"Drawdash - Your Personal Digital Canvas for Creativity and Collaboration"},{name:"twitter:description",content:"Welcome to Drawdash, a platform born from the passion for art and design. Explore and express your talents with technology, connecting with a vibrant community of artists and designers."},{name:"twitter:image",content:"https://www.drawdash.in/logo.png"}];function V(){let a=T(),{userId:r,user:n,drawings:p}=S();return r?(0,e.jsxs)("div",{className:"relative bg-gray-900 min-h-screen overflow-hidden",children:[(0,e.jsx)("div",{className:"absolute inset-0 bg-cover bg-no-repeat bg-center bg-scroll main-bg-animate"}),(0,e.jsx)("div",{className:"absolute inset-0 bg-black bg-opacity-60 backdrop-blur-sm"}),(0,e.jsxs)("div",{className:"relative z-10 mx-auto px-4 py-8 container",children:[(0,e.jsxs)("header",{className:"flex justify-between items-center mb-12",children:[(0,e.jsxs)("div",{children:[(0,e.jsxs)("h1",{className:"mb-2 font-bold text-4xl text-white",children:["Welcome back, ",n.username,"!"]}),(0,e.jsx)("p",{className:"text-gray-300",children:"Ready to bring your ideas to life?"})]}),(0,e.jsx)("form",{action:"/logout",method:"post",children:(0,e.jsx)(ie,{})})]}),(0,e.jsxs)("main",{className:"gap-8 grid grid-cols-1 md:grid-cols-3",children:[(0,e.jsxs)("section",{className:"md:col-span-2",children:[(0,e.jsx)("div",{className:"bg-gray-800 bg-opacity-50 shadow-lg mb-8 p-6 rounded-lg",children:(0,e.jsx)(oe,{actionData:a})}),p.length>0&&(0,e.jsx)("div",{className:"bg-gray-800 bg-opacity-50 shadow-lg p-6 rounded-lg",children:(0,e.jsx)(re,{drawings:p})})]}),(0,e.jsx)("aside",{className:"md:col-span-1",children:(0,e.jsxs)("div",{className:"bg-gray-800 bg-opacity-50 shadow-lg p-6 rounded-lg",children:[(0,e.jsx)("h2",{className:"mb-4 font-semibold text-2xl text-white",children:"Drawdash Tips"}),(0,e.jsxs)("ul",{className:"space-y-4",children:[(0,e.jsxs)("li",{className:"flex items-start",children:[(0,e.jsx)("span",{className:"mr-2 text-yellow-300",children:"\u{1F4A1}"}),(0,e.jsx)("p",{className:"text-gray-300",children:"Use keyboard shortcuts for faster drawing. Press 'H' to see all shortcuts."})]}),(0,e.jsxs)("li",{className:"flex items-start",children:[(0,e.jsx)("span",{className:"mr-2 text-yellow-300",children:"\u{1F3A8}"}),(0,e.jsx)("p",{className:"text-gray-300",children:"Experiment with different brush types for unique effects."})]}),(0,e.jsxs)("li",{className:"flex items-start",children:[(0,e.jsx)("span",{className:"mr-2 text-yellow-300",children:"\u{1F504}"}),(0,e.jsx)("p",{className:"text-gray-300",children:"Remember to save your work regularly. Auto-save is on by default."})]})]})]})})]})]}),(0,e.jsx)("style",{children:`
        .main-bg-animate {
          animation: bg-scroll 100s linear infinite;
          background-image: url("/bg-draw3.jpg");
        }

        @keyframes bg-scroll {
          0% { background-position: center 0%; }
          100% { background-position: center 100%; }
        }
      `})]}):(0,e.jsx)(M,{})}var ie=()=>(0,e.jsx)(t.button,{whileHover:{scale:1.05},whileTap:{scale:.95},className:"bg-red-500 hover:bg-red-600 shadow-lg px-6 py-2 rounded-full font-semibold text-white transition duration-200",type:"submit",children:"Logout"}),oe=({actionData:a})=>(0,e.jsxs)("form",{action:"?index",method:"post",children:[(0,e.jsx)("h2",{className:"mb-4 font-semibold text-2xl text-white",children:"Create a New Masterpiece"}),(0,e.jsx)("p",{className:"mb-4 text-gray-300",children:"Give your drawing a name and start creating!"}),(0,e.jsxs)("div",{className:"flex items-center gap-4",children:[(0,e.jsx)("input",{type:"text",id:"name-input",name:"name",placeholder:"Enter drawing name",className:"flex-grow border-2 border-gray-600 bg-gray-700 px-4 py-2 rounded-lg text-white focus:outline-none focus:ring-2 focus:ring-blue-500 transition duration-200","aria-errormessage":a?.fieldErrors?.name?"name-error":void 0}),(0,e.jsx)(t.button,{whileHover:{scale:1.05},whileTap:{scale:.95},className:"bg-green-500 hover:bg-green-600 shadow-lg px-6 py-2 rounded-full font-semibold text-white transition duration-200",type:"submit",children:"Start Drawing"})]}),a?.fieldErrors?.name&&(0,e.jsx)("p",{className:"mt-2 text-red-400 text-sm",role:"alert",id:"name-error",children:a.fieldErrors.name})]}),re=({drawings:a})=>(0,e.jsxs)("div",{children:[(0,e.jsx)("h2",{className:"mb-4 font-semibold text-2xl text-white",children:"Your Gallery"}),(0,e.jsx)("p",{className:"mb-6 text-gray-300",children:"Continue working on your existing projects or start a new one."}),(0,e.jsx)("ul",{className:"gap-4 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",children:a.map(r=>(0,e.jsx)(t.li,{whileHover:{scale:1.03},className:"bg-gray-700 bg-opacity-50 shadow-md rounded-lg transition duration-200 overflow-hidden",children:(0,e.jsxs)(u,{to:`/drawing/${r.id}`,className:"block hover:bg-gray-600 hover:bg-opacity-50 p-4",children:[(0,e.jsx)("h3",{className:"mb-2 font-medium text-blue-300 text-lg",children:r.name}),(0,e.jsx)("p",{className:"text-gray-400 text-sm",children:"Last edited: [Date]"}),(0,e.jsx)("p",{className:"mt-2 text-gray-300 text-sm",children:"Click to continue editing"})]})},r.id))})]});export{V as default,ae as meta};