import{c as r,j as e,M as i,b as n}from"./index-5vg2Amuh.js";import"./vendor-DMC7RRaB.js";/**
 * @license lucide-react v0.435.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=r("Sparkles",[["path",{d:"M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z",key:"4pj2yx"}],["path",{d:"M20 3v4",key:"1olli1"}],["path",{d:"M22 5h-4",key:"1gvqau"}],["path",{d:"M4 17v2",key:"vumght"}],["path",{d:"M5 18H3",key:"zchphs"}]]),c=({searchQuery:t,setSearchQuery:l,handleSearch:s})=>e.jsxs("main",{className:"h-full z-10 mb-8 w-full md:py-0 py-10 md:px-0 px-6 flex flex-col items-center justify-center space-y-8 max-w-4xl mx-auto",children:[e.jsx("div",{className:"absolute top-20 -left-20 w-64 h-64 bg-yellow-200 rounded-full mix-blend-multiply filter blur-3xl opacity-20 animate-blob"}),e.jsx("div",{className:"absolute top-40 -right-20 w-64 h-64 bg-indigo-200 rounded-full mix-blend-multiply filter blur-3xl opacity-20 animate-blob animation-delay-2000"}),e.jsx("div",{className:"absolute bottom-40 left-20 w-64 h-64 bg-pink-200 rounded-full mix-blend-multiply filter blur-3xl opacity-20 animate-blob animation-delay-4000"}),e.jsx("div",{className:"relative w-full mx-auto flex sm:flex-row flex-col justify-center items-start sm:items-center",children:e.jsxs("h1",{className:"text-4xl sm:text-5xl sm:pt-20 lg:pt-5 md:text-6xl lg:text-7xl font-bold tracking-tighter w-full inline-block text-left md:text-center relative",children:["Discover the food you",e.jsxs("div",{className:"relative",children:["never knew you ",e.jsxs("span",{className:"relative inline-block",children:["needed",e.jsx("svg",{className:"absolute -bottom-2 left-0 w-full",viewBox:"0 0 200 8",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M0 4C50 4 50 1 100 1C150 1 150 4 200 4C250 4 250 1 300 1",stroke:"#FFB347",strokeWidth:"3",fill:"none",strokeLinecap:"round"})})]})]})]})}),e.jsxs("p",{className:"max-w-3xl opacity-80 md:text-center sm:text-lg text-gray-700",children:["Discover home-based food businesses and food services. Need a cake for a birthday? Catering for an event? Maybe a personal chef and meal prep. Discover it all on ",e.jsx("strong",{className:"text-indigo-600",children:"DISHED"}),"."]}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"w-full h-full absolute inset-0 bg-black rounded-xl translate-y-2 translate-x-2"}),e.jsxs("div",{className:"rounded-xl relative z-20 pl-8 sm:pl-10 pr-8 sm:pr-16 py-8 border-[3px] border-gray-900 bg-gradient-to-r from-[#fff4da] to-[#ffe8c9]",children:[e.jsx("div",{className:"absolute -left-3 -top-3 bg-indigo-500 w-10 h-10 rounded-full flex items-center justify-center border-2 border-white",children:e.jsx(o,{className:"w-5 h-5 text-white"})}),e.jsx("img",{src:"https://cdn.devdojo.com/images/january2023/shape-1.png",className:"absolute md:block hidden left-0 h-[4.5rem] w-[4.5rem] bottom-0 -translate-x-full ml-3",alt:"","aria-hidden":"true"}),e.jsxs("form",{onSubmit:a=>{a.preventDefault(),s()},className:"flex md:flex-row flex-col w-full h-full justify-center items-stretch space-y-5 md:space-y-0 md:space-x-5",children:[e.jsxs("div",{className:"relative w-full h-full",children:[e.jsx("div",{className:"w-full h-full rounded bg-gray-900 translate-y-1 translate-x-1 absolute inset-0 z-10"}),e.jsxs("div",{className:"relative z-20",children:[e.jsx("input",{type:"text",value:t,onChange:a=>l(a.target.value),className:"border-[3px] w-full relative z-20 border-gray-900 placeholder-gray-600 text-lg font-medium focus:outline-none focus:border-indigo-500 py-3.5 pl-12 pr-6 rounded",placeholder:"Enter city"}),e.jsx(i,{className:"absolute left-4 top-1/2 transform -translate-y-1/2 w-5 h-5 text-gray-500 z-30"})]})]}),e.jsxs("div",{className:"relative w-auto flex-shrink-0 h-full group",children:[e.jsx("div",{className:"w-full h-full rounded bg-gray-800 translate-y-1 translate-x-1 absolute inset-0 z-10"}),e.jsxs("button",{type:"submit",className:"py-3.5 rounded px-6 group-hover:-translate-y-px group-hover:-translate-x-px ease-out duration-300 z-20 relative w-full border-[3px] border-gray-900 font-medium bg-gradient-to-r from-[#ffc480] to-[#ffae54] tracking-wide text-lg flex-shrink-0 text-gray-900 flex items-center justify-center",children:[e.jsx(n,{className:"w-5 h-5 mr-2"}),"Search"]}),e.jsx("img",{src:"https://cdn.devdojo.com/images/january2023/shape-2.png",className:"absolute sm:translate-y-0 translate-y-full sm:mt-0 mt-16 w-16 right-0 translate-x-full top-0 h-16 mr-2",alt:"","aria-hidden":"true"})]})]}),e.jsxs("p",{className:"opacity-70 mt-4 flex items-center",children:[e.jsx("span",{className:"inline-block w-3 h-3 bg-indigo-500 rounded-full mr-2 animate-pulse"}),e.jsx("span",{children:"Sign up to gain early access to our beta program and be first on the list!"})]})]})]}),e.jsxs("div",{className:"flex flex-wrap justify-center gap-2 text-sm",children:[e.jsx("span",{className:"text-gray-500 mr-2",children:"Popular searches:"}),["Cakes","Catering","Meal Prep","Personal Chef","Baked Goods"].map(a=>e.jsx("button",{className:"px-3 py-1 bg-indigo-50 text-indigo-600 rounded-full hover:bg-indigo-100 transition-colors",onClick:()=>l(a),children:a},a))]}),e.jsx("style",{children:`
          @keyframes blob {
            0% {
              transform: translate(0px, 0px) scale(1);
            }
            33% {
              transform: translate(30px, -50px) scale(1.1);
            }
            66% {
              transform: translate(-20px, 20px) scale(0.9);
            }
            100% {
              transform: translate(0px, 0px) scale(1);
            }
          }
          .animate-blob {
            animation: blob 7s infinite;
          }
          .animation-delay-2000 {
            animation-delay: 2s;
          }
          .animation-delay-4000 {
            animation-delay: 4s;
          }
        `})]});export{c as default};