{"version":3,"sources":["routers/ScrollToTop.tsx","images/bhLogo.png","shared/Logo/Logo.tsx","shared/SocialsList/SocialsList.tsx","shared/Footer/Footer.tsx","utils/twFocusClass.ts","shared/Button/Button.tsx","shared/Button/ButtonPrimary.tsx","images/singleGeo.jpg","components/SectionHero/SectionHero.tsx","shared/Button/ButtonCircle.tsx","images/KingCrab.jpg","utils/isInViewPortIntersectionObserver.ts","images/placeholder-large.png","images/placeholder-large-h.png","shared/NcImage/NcImage.tsx","shared/Input/Input.tsx","components/SectionSubscribe2/SectionSubscribe2.tsx","components/BgGlassmorphism/BgGlassmorphism.tsx","components/Banner/Banner.tsx","images/banner1.jpg","images/banner2.jpg","images/banner3.jpg","images/banner4.jpg","images/banner5.jpg","containers/PageHome/PageHome.tsx","shared/Navigation/NavigationItem.tsx","utils/ncNanoId.ts","data/navigation.ts","shared/Navigation/Navigation.tsx","shared/ButtonClose/ButtonClose.tsx","shared/Button/ButtonSecondary.tsx","context/authenticate.tsx","shared/Navigation/NavMobile.tsx","shared/MenuBar/MenuBar.tsx","shared/Header/MainNav1.tsx","shared/Header/Header.tsx","images/404.png","containers/Page404/Page404.tsx","images/vis.png","images/mastercard.svg","components/Label/Label.tsx","context/google.tsx","context/cart.tsx","graphql/mutations.js","components/CheckoutForm/CheckoutForm.tsx","containers/PageAddListing1/OneButtonCommonLayout.tsx","containers/CheckOutPage/constant.js","containers/CheckOutPage/CheckOutPage.tsx","shared/Textarea/Textarea.tsx","images/store.jpg","containers/PageContact/PageContact.tsx","containers/PageContact/constant.js","images/aboutUsBanner.jpg","containers/PageAbout/PageAbout.tsx","components/Table/Utils.tsx","components/Table/TableButtons.tsx","components/Table/Table.tsx","components/Spinner/Spinner.tsx","containers/AdminPage/AdminPage.tsx","images/whatWeOfferBanner.jpg","images/DSC_6744.jpg","images/SC2.jpg","images/spotPrawn.jpg","images/batchKingCrab2.jpg","images/razorclam.jpg","images/Mix2.jpg","images/prop1.jpg","containers/WhatWeOfferPage/WhatWeOfferPage.tsx","shared/NextPrev/NextPrev.tsx","components/GallerySlider/GallerySlider.tsx","containers/ProductsPage/ProductCard.tsx","data/taxonomies.ts","data/authors.ts","images/avatars/Image-1.png","images/avatars/Image-2.png","images/avatars/Image-3.png","images/avatars/Image-4.png","images/avatars/Image-5.png","images/avatars/Image-6.png","images/avatars/Image-7.png","images/avatars/Image-8.png","images/avatars/Image-9.png","images/avatars/Image-10.png","images/avatars/Image-11.png","images/avatars/Image-12.png","images/avatars/Image-13.png","images/avatars/Image-14.png","images/avatars/Image-15.png","images/avatars/Image-16.png","images/avatars/Image-17.png","images/avatars/Image-18.png","images/avatars/Image-19.png","images/avatars/Image-20.png","data/listings.ts","images/cars/1.png","images/cars/2.png","images/cars/3.png","images/cars/4.png","images/cars/5.png","images/cars/6.png","images/cars/7.png","images/cars/8.png","images/cars/9.png","images/cars/10.png","images/cars/11.png","images/cars/12.png","images/cars/13.png","images/cars/14.png","images/cars/15.png","images/cars/16.png","components/Heading/Heading2.tsx","containers/ProductsPage/SelectionGridFilterCard.tsx","containers/PageAddListing1/CommonLayout.tsx","components/Heading/Heading.tsx","routers/index.tsx","containers/ProductsPage/ProductsPage.tsx","containers/ProductsPage/ProductDetailPage.tsx","containers/CartPage/CartPage.tsx","containers/TermsPage/TermsPage.tsx","aws-exports.js","App.tsx","reportWebVitals.ts","context/seafoods.tsx","i18n.js","index.tsx"],"names":["withRouter","history","useEffect","unlisten","listen","window","scrollTo","Logo","img","logoImg","imgLight","logoLightImg","className","to","style","display","alignItems","width","height","maxHeight","objectFit","src","alt","socialsDemo","name","icon","href","SocialsList","itemClass","socials","data-nc-id","map","item","i","target","rel","title","Footer","t","useTranslation","year","Date","getFullYear","fontSize","exact","strict","pathname","twFocusClass","hasRing","Button","translate","sizeClass","disabled","children","targetBlank","type","loading","onClick","CLASSES","undefined","xmlns","fill","viewBox","cx","cy","r","stroke","strokeWidth","d","ButtonPrimary","args","SectionHero","marginTop","borderRadius","singleGeo","ButtonCircle","size","checkInViewIntersectionObserver","distanceFromEnd","callback","IntersectionObserver","options","root","rootMargin","threshold","observer","entries","entry","isIntersecting","unobserve","observe","console","error","NcImage","containerClassName","prevImageHorizontal","isMounted","_containerRef","useRef","_imageEl","placeholderImage","placeholderLargeH","placeholderLarge","useState","__src","set__src","_initActions","a","_checkInViewPort","current","_imageOnViewPort","Image","addEventListener","_handleImageLoaded","ref","Input","React","forwardRef","fontClass","rounded","onChange","SectionSubscribe2","email","values","setValues","sent","setSent","postEmail","rowValue","API","post","queryStringParameters","headers","log","onSubmit","e","preventDefault","required","aria-required","placeholder","value","prevState","rightImg","BgGlassmorphism","Banner","imageArr","keys","Object","baseChildren","index","showThumbs","showStatus","swipeable","autoPlay","infiniteLoop","props","PageHome","image1","image2","image3","image4","image5","Helmet","NavigationItemWithRouter","menuItem","menuCurrentHovers","setMenuCurrentHovers","onMouseEnterMenu","id","state","onMouseLeaveMenu","filter","indexOf","renderMegaMenuNavlink","activeClassName","renderDropdownMenuNavlinkHasChild","isHover","includes","as","onMouseEnter","onMouseLeave","Fragment","renderDropdownMenuNavlink","show","enter","enterFrom","enterTo","leave","leaveFrom","leaveTo","Panel","static","aria-hidden","renderMainItem","menu","isFull","megaMenu","length","classPopover","classPanel","image","items","renderMegaMenu","menuDropdown","renderDropdownMenu","ncNanoId","prefix","now","Math","floor","random","NAVIGATION_DEMO","Navigation","ButtonClose","ButtonSecondary","defaultState","auth","setAuth","userName","setUserName","setEmail","AuthContext","createContext","AuthProvider","Provider","NavMobile","data","onClickClose","i18n","useContext","switchLanguageHandler","language","changeLanguage","_renderMenuChild","MenuBar","isVisable","setIsVisable","location","handleCloseMenu","fillRule","clipRule","appear","onClose","Child","Overlay","MainNav1","isTop","Header","setisTop","onscroll","document","getElementById","body","scrollTop","documentElement","scrollFunction","Page404","I404Png","Label","products","setProducts","checkout","GoogleContext","GoogleProvider","cart","total","paymentSent","setPaymentSent","addToCart","increaseAmount","decreaseAmount","clearCart","CartContext","CartProvider","setCart","setTotal","reduce","amount","price","parseFloat","toFixed","updatedCart","find","cartItems","processOrder","CARD_ELEMENT_OPTIONS","base","color","fontFamily","fontSmoothing","invalid","iconColor","hidePostalCode","CheckoutForm","paymentTrigger","guestValues","address","token","orderDetails","setOrderDetails","setError","stripe","useStripe","elements","useElements","addInventory","keyValue","newValue","updateSeafood","findTheCorrectProducts","allProducts","arr","productRow","eachProduct","cartRow","eachCartItem","currentQuantity","quantity","deductQuantity","push","handleSubmit","event","res","card","getElement","CardElement","createToken","result","message","forEach","cartItem","guestName","guestEmail","guestPhone","phone","alert","isLoggedIn","Auth","currentAuthenticatedUser","payload","uuidv4","input","query","variables","authMode","graphql","setTimeout","role","OneButtonCommonLayout","backtHref","nextHref","nextBtnText","publishableKey","CheckOutPage","stripePromise","loadStripe","handleChange","Group","List","selected","visaPng","mastercardPng","Panels","Textarea","rows","info","desc","PageContact","storeImage","action","method","emailjs","sendForm","then","response","status","text","reset","PageAbout","boatImage","classNames","classes","Boolean","join","rest","PageButton","Table","columns","useTable","useGlobalFilter","usePagination","getTableProps","getTableBodyProps","headerGroups","prepareRow","canPreviousPage","canNextPage","pageOptions","pageCount","gotoPage","nextPage","previousPage","setPageSize","preGlobalFilteredRows","setGlobalFilter","GlobalFilter","globalFilter","count","setValue","useAsyncDebounce","headerGroup","getHeaderGroupProps","column","getHeaderProps","render","row","getRowProps","cells","cell","getCellProps","pageIndex","pageSize","Number","aria-label","Spinner","faSpinner","AdminPage","loaded","setLoaded","orderData","setOrderData","useMemo","accessor","fetchCustomerCharges","useCallback","get","formattedData","description","substring","lastIndexOf","Authenticator","signUpAttributes","user","signOut","username","flexDirection","justifyContent","WhatWeOfferPage","fishing","geo","seaCucumber","spotPrawn","crabImage","razorClam","abalone","propClam","NextPrev","onClickNext","onClickPrev","btnClassName","onlyNext","onlyPrev","data-glide-el","data-glide-dir","GallerySlider","galleryImgs","ratioClass","UNIQUE_CLASS","Glide","perView","gap","keyboard","mount","_","ProductCard","PHOTOS","DEMO_STAY_CATEGORIES","__taxonomies","taxonomy","__stayTaxonomies","listingType","DEMO_EXPERIENCES_CATEGORIES","__experiencesTaxonomies","imgs","DEMO_AUTHORS","__authors","avatar","carsImgs","DEMO_STAY_LISTINGS","__stayListing","category","listingCategoryId","saleOff","isAds","author","authorId","listingCategory","Heading2","__experiencesListing","__carsListing","featuredImage","heading","subHeading","SectionGridFilterCard","CommonLayout","Heading","isCenter","hasNextPrev","pages","path","component","fetchAllGoogleProducts","isPreviewMode","useParams","useHistory","chosenSeafood","setChosenSeafood","soldOut","setSoldOut","getOneSeafood","checker","rowIndex","key","filtered","str","Routes","awsmobile","Amplify","configure","awsExports","App","attributes","Hub","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","SeafoodContext","SeafoodProvider","use","Backend","LanguageDetector","initReactI18next","init","fallbackLng","debug","whitelist","detection","order","cache","interpolation","escapeValue","ReactDOM","Suspense","fallback","AmplifyProvider"],"mappings":"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","file":"static/js/main.eedd6ca2.chunk.js","sourcesContent":["import { useEffect } from \"react\";\r\nimport { RouterProps, withRouter } from \"react-router-dom\";\r\n\r\nexport interface ScrollToTopProps {\r\n  history: RouterProps[\"history\"];\r\n}\r\n\r\nconst ScrollToTop: React.FC<ScrollToTopProps> = ({ history }) => {\r\n  useEffect(() => {\r\n    const unlisten = history.listen(() => {\r\n      window.scrollTo(0, 0);\r\n    });\r\n    return () => {\r\n      unlisten();\r\n    };\r\n  }, []);\r\n\r\n  return null;\r\n};\r\n\r\nexport default withRouter(ScrollToTop);\r\n","export default __webpack_public_path__ + \"static/media/bhLogo.7c21af85.png\";","import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport logoImg from \"images/bhLogo.png\";\r\nimport logoLightImg from \"images/bhLogo.png\";\r\n\r\nexport interface LogoProps {\r\n  img?: string;\r\n  imgLight?: string;\r\n  className?: string;\r\n}\r\n\r\nconst Logo: React.FC<LogoProps> = ({\r\n  img = logoImg,\r\n  imgLight = logoLightImg,\r\n  className = \"\",\r\n}) => {\r\n  return (\r\n    <Link\r\n      to=\"/\"\r\n      className={`ttnc-logo inline-block text-primary-6000 ${className}`}\r\n      style={{ display: 'flex', alignItems: 'center', width: '240px', height: '80px' }}\r\n    >\r\n      {/* THIS USE FOR MY CLIENT */}\r\n      {/* PLEASE UN COMMENT BELLOW CODE AND USE IT */}\r\n      {img ? (\r\n        <img\r\n          className={`block max-h-12 ${imgLight ? \"dark:hidden\" : \"\"}`}\r\n          style={{ width: '240px', maxHeight: '100%',objectFit: 'cover' }}\r\n          src={img}\r\n          alt=\"Logo\"\r\n        />\r\n      ) : (\r\n        \"Logo Here\"\r\n      )}\r\n      {imgLight && (\r\n        <img\r\n          className=\"hidden max-h-12 dark:block\"\r\n          src={imgLight}\r\n          alt=\"Logo-Light\"\r\n        />\r\n      )}\r\n    </Link>\r\n  );\r\n};\r\n\r\nexport default Logo;\r\n","import { SocialType } from \"shared/SocialsShare/SocialsShare\";\r\nimport React, { FC } from \"react\";\r\n\r\nexport interface SocialsListProps {\r\n  className?: string;\r\n  itemClass?: string;\r\n  socials?: SocialType[];\r\n}\r\n\r\nconst socialsDemo: SocialType[] = [\r\n  { name: \"Facebook\", icon: \"lab la-facebook-square\", href: \"https://www.facebook.com/BHSeafood/\" },\r\n  // { name: \"Twitter\", icon: \"lab la-twitter\", href: \"#\" },\r\n  // { name: \"Youtube\", icon: \"lab la-youtube\", href: \"#\" },\r\n  { name: \"Instagram\", icon: \"lab la-instagram\", href: \"https://www.instagram.com/besthonourseafood/\" },\r\n];\r\n\r\nconst SocialsList: FC<SocialsListProps> = ({\r\n  className = \"\",\r\n  itemClass = \"block\",\r\n  socials = socialsDemo,\r\n}) => {\r\n  return (\r\n    <nav\r\n      className={`nc-SocialsList flex space-x-2.5 text-2xl text-neutral-6000 dark:text-neutral-300 ${className}`}\r\n      data-nc-id=\"SocialsList\"\r\n    >\r\n      {socials.map((item, i) => (\r\n        <a\r\n          key={i}\r\n          className={`${itemClass}`}\r\n          href={item.href}\r\n          target=\"_blank\"\r\n          rel=\"noopener noreferrer\"\r\n          title={item.name}\r\n        >\r\n          <i className={item.icon}></i>\r\n        </a>\r\n      ))}\r\n    </nav>\r\n  );\r\n};\r\n\r\nexport default SocialsList;\r\n","import Logo from \"shared/Logo/Logo\";\r\nimport SocialsList from \"shared/SocialsList/SocialsList\";\r\n// import SocialsList1 from \"shared/SocialsList1/SocialsList1\";\r\nimport { CustomLink } from \"data/types\";\r\nimport React from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { NavLink } from \"react-router-dom\";\r\n\r\nexport interface WidgetFooterMenu {\r\n  id: string;\r\n  title: string;\r\n  menus: CustomLink[];\r\n}\r\n\r\n// const widgetMenus: WidgetFooterMenu[] = [\r\n//   {\r\n//     id: \"5\",\r\n//     title: \"What we carry\",\r\n//     menus: [\r\n//       { href: \"#\", label: \"Geoduck\" },\r\n//       { href: \"#\", label: \"King Crab\" },\r\n//       { href: \"#\", label: \"Razor Claims\" },\r\n//       { href: \"#\", label: \"Abalone\" },\r\n//       { href: \"#\", label: \"Other\" },\r\n//       // { href: \"#\", label: \"Utility-First\" },\r\n//       // { href: \"#\", label: \"Dark Mode\" },\r\n//       // { href: \"#\", label: \"Responsive Design\" },\r\n//     ],\r\n//   },\r\n//   {\r\n//     id: \"1\",\r\n//     title: \"Explore\",\r\n//     menus: [\r\n//       // { href: \"#\", label: \"Design features\" },\r\n//       // { href: \"#\", label: \"Prototyping\" },\r\n//       // { href: \"#\", label: \"Design systems\" },\r\n//       { href: \"#\", label: \"Pricing\" },\r\n//       { href: \"#\", label: \"Customers\" },\r\n//       { href: \"#\", label: \"Security\" },\r\n//       // { href: \"#\", label: \"Integrations\" },\r\n//       { href: \"#\", label: \"Contact\" },\r\n//     ],\r\n//   },\r\n//   {\r\n//     id: \"2\",\r\n//     title: \"Resources\",\r\n//     menus: [\r\n//       // { href: \"#\", label: \"Best practices\" },\r\n//       // { href: \"#\", label: \"Support\" },\r\n//       // { href: \"#\", label: \"Developers\" },\r\n//       // { href: \"#\", label: \"Learn design\" },\r\n//       { href: \"#\", label: \"What's new\" },\r\n//       { href: \"#\", label: \"Releases\" },\r\n//       { href: \"#\", label: \"Careers\" },\r\n//       { href: \"#\", label: \"About us\" },\r\n//     ],\r\n//   },\r\n//   {\r\n//     id: \"4\",\r\n//     title: \"Community\",\r\n//     menus: [\r\n//       // { href: \"#\", label: \"Discussion Forums\" },\r\n//       { href: \"#\", label: \"Code of Conduct\" },\r\n//       // { href: \"#\", label: \"Community Resources\" },\r\n//       { href: \"#\", label: \"Contributing\" },\r\n//       // { href: \"#\", label: \"Concurrent Mode\" },\r\n//       // { href: \"#\", label: \"API Reference\" },\r\n//       // { href: \"#\", label: \"Advanced Guides\" },\r\n//       // { href: \"#\", label: \"Main Concepts\" },\r\n//     ],\r\n//   },\r\n// ];\r\n\r\nconst Footer: React.FC = () => {\r\n\r\n  const { t } = useTranslation();\r\n\r\n  const d = new Date();\r\n  const year = d.getFullYear();\r\n\r\n  // const renderWidgetMenuItem = (menu: WidgetFooterMenu, index: number) => {\r\n  //   return (\r\n  //     <div key={index} className=\"text-sm\">\r\n  //       <h2 className=\"font-semibold text-neutral-700 dark:text-neutral-200\">\r\n  //         {menu.title}\r\n  //       </h2>\r\n  //       <ul className=\"mt-5 space-y-4\">\r\n  //         {menu.menus.map((item, index) => (\r\n  //           <li key={index}>\r\n  //             <a\r\n  //               key={index}\r\n  //               className=\"text-neutral-6000 dark:text-neutral-300 hover:text-black dark:hover:text-white\"\r\n  //               href={item.href}\r\n  //             >\r\n  //               {item.label}\r\n  //             </a>\r\n  //           </li>\r\n  //         ))}\r\n  //       </ul>\r\n  //     </div>\r\n  //   );\r\n  // };\r\n\r\n  return (\r\n    <div className=\"nc-Footer relative py-24 lg:py-32 border-t border-neutral-200 dark:border-neutral-700\">\r\n      <div className=\"container flex-direction-column items-center justify-center\">\r\n        \r\n          <div className=\"container flex justify-center\">\r\n            <Logo />\r\n          </div>\r\n\r\n          {/* {widgetMenus.map(renderWidgetMenuItem)} */}\r\n          <ul className=\"mt-10 container flex justify-center\">\r\n            <li \r\n              className=\"inline-flex items-center text-sm xl:text-base font-normal text-neutral-700 dark:text-neutral-300 py-2 px-4 xl:px-5 rounded-full hover:text-neutral-900 hover:bg-neutral-100 dark:hover:bg-neutral-800 dark:hover:text-neutral-200 text-center\"\r\n              style={{fontSize: \"12px\"}}\r\n            >\r\n              <NavLink \r\n                exact\r\n                strict\r\n                className=\"text-neutral-6000 dark:text-neutral-300 hover:text-black dark:hover:text-white\"\r\n                rel=\"noopener noreferrer\"\r\n                to={{\r\n                  pathname: '/'\r\n                }}\r\n              >\r\n                {t(\"NavItems.home\")}\r\n              </NavLink>\r\n            </li>\r\n            {/* <li>\r\n              <a \r\n                className=\"text-neutral-6000 dark:text-neutral-300 hover:text-black dark:hover:text-white\"\r\n                href=\"/whatWeCarry\"\r\n              >\r\n                {t(\"NavItems.whatWeCarry\")}\r\n              </a>\r\n            </li>\r\n            <li>\r\n              <a \r\n                className=\"text-neutral-6000 dark:text-neutral-300 hover:text-black dark:hover:text-white\"\r\n                href=\"/products\"\r\n              >\r\n                {t(\"NavItems.products\")}\r\n              </a>\r\n            </li> */}\r\n            <li\r\n              className=\"inline-flex items-center text-sm xl:text-base font-normal text-neutral-700 dark:text-neutral-300 py-2 px-4 xl:px-5 rounded-full hover:text-neutral-900 hover:bg-neutral-100 dark:hover:bg-neutral-800 dark:hover:text-neutral-200 text-center\"\r\n              style={{fontSize: \"12px\"}}\r\n            >\r\n              <NavLink \r\n                exact\r\n                strict\r\n                className=\"text-neutral-6000 dark:text-neutral-300 hover:text-black dark:hover:text-white\"\r\n                rel=\"noopener noreferrer\"\r\n                to={{pathname: \"/terms\"}}\r\n              >\r\n                {t(\"NavItems.terms\")}\r\n              </NavLink>\r\n            </li>\r\n            <li\r\n              className=\"inline-flex items-center text-sm xl:text-base font-normal text-neutral-700 dark:text-neutral-300 py-2 px-4 xl:px-5 rounded-full hover:text-neutral-900 hover:bg-neutral-100 dark:hover:bg-neutral-800 dark:hover:text-neutral-200 text-center\"\r\n              style={{fontSize: \"12px\"}}\r\n            >\r\n              <NavLink \r\n                exact\r\n                strict\r\n                className=\"text-neutral-6000 dark:text-neutral-300 hover:text-black dark:hover:text-white\"\r\n                rel=\"noopener noreferrer\"\r\n                to={{pathname: \"/about\"}}\r\n              >\r\n                {t(\"NavItems.aboutUs\")}\r\n              </NavLink>\r\n            </li>\r\n          </ul>\r\n\r\n          <div className=\"mt-5 flex justify-center\">\r\n            <SocialsList />\r\n          </div>\r\n\r\n          <span \r\n            className=\"\r\n              mt-8 \r\n              flex \r\n              justify-center \r\n              text-center\r\n              text-neutral-6000 \r\n              dark:text-neutral-300\r\n            \"\r\n            style={{ fontSize: \"12px\" }}\r\n          >\r\n            &nbsp; ©{year} Best Honour International Seafood Limited All Rights Reserved.\r\n          </span>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Footer;\r\n","export default function twFocusClass(hasRing = false) {\r\n  if (!hasRing) {\r\n    return \"focus:outline-none\";\r\n  }\r\n  return \"focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-6000 dark:focus:ring-offset-0\";\r\n}\r\n","import React, { ButtonHTMLAttributes, FC } from \"react\";\r\nimport { Link, LinkProps } from \"react-router-dom\";\r\nimport { LocationStates } from \"routers/types\";\r\nimport twFocusClass from \"utils/twFocusClass\";\r\n\r\nexport interface ButtonProps {\r\n  className?: string;\r\n  translate?: string;\r\n  sizeClass?: string;\r\n  fontSize?: string;\r\n  //\r\n  loading?: boolean;\r\n  disabled?: boolean;\r\n  type?: ButtonHTMLAttributes<HTMLButtonElement>[\"type\"];\r\n  href?: keyof LocationStates | \"#\" | LinkProps[\"to\"];\r\n  targetBlank?: boolean;\r\n  onClick?: () => void;\r\n}\r\n\r\nconst Button: FC<ButtonProps> = ({\r\n  className = \"text-neutral-700 dark:text-neutral-200\",\r\n  translate = \"\",\r\n  sizeClass = \"px-4 py-3 sm:px-6\",\r\n  fontSize = \"text-sm sm:text-base font-medium\",\r\n  disabled = false,\r\n  href,\r\n  children,\r\n  targetBlank,\r\n  type,\r\n  loading,\r\n  onClick = () => {},\r\n}) => {\r\n  const CLASSES =\r\n    `nc-Button relative h-auto inline-flex items-center justify-center rounded-full transition-colors ${fontSize} ${sizeClass} ${translate} ${className} ` +\r\n    twFocusClass(true);\r\n\r\n  const _renderLoading = () => {\r\n    return (\r\n      <svg\r\n        className=\"animate-spin -ml-1 mr-3 h-5 w-5\"\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n        fill=\"none\"\r\n        viewBox=\"0 0 24 24\"\r\n      >\r\n        <circle\r\n          className=\"opacity-25\"\r\n          cx=\"12\"\r\n          cy=\"12\"\r\n          r=\"10\"\r\n          stroke=\"currentColor\"\r\n          strokeWidth=\"3\"\r\n        ></circle>\r\n        <path\r\n          className=\"opacity-75\"\r\n          fill=\"currentColor\"\r\n          d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\r\n        ></path>\r\n      </svg>\r\n    );\r\n  };\r\n\r\n  if (!!href) {\r\n    return (\r\n      <Link\r\n        to={href}\r\n        target={targetBlank ? \"_blank\" : undefined}\r\n        className={`${CLASSES} `}\r\n        onClick={onClick}\r\n        rel=\"noopener noreferrer\"\r\n      >\r\n        {children || `This is Link`}\r\n      </Link>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <button\r\n      disabled={disabled || loading}\r\n      className={`${CLASSES}`}\r\n      // style={{marginTop: \"16px\"}}\r\n      onClick={onClick}\r\n      type={type}\r\n    >\r\n      {loading && _renderLoading()}\r\n      {children || `This is Button`}\r\n    </button>\r\n  );\r\n};\r\n\r\nexport default Button;\r\n","import Button, { ButtonProps } from \"shared/Button/Button\";\r\nimport React from \"react\";\r\n\r\nexport interface ButtonPrimaryProps extends ButtonProps {}\r\n\r\nconst ButtonPrimary: React.FC<ButtonPrimaryProps> = ({\r\n  className = \"\",\r\n  ...args\r\n}) => {\r\n  return (\r\n    <Button\r\n      className={`ttnc-ButtonPrimary disabled:bg-opacity-70 bg-primary-6000 hover:bg-primary-700 text-neutral-50 ${className}`}\r\n      {...args}\r\n    />\r\n  );\r\n};\r\n\r\nexport default ButtonPrimary;\r\n","export default __webpack_public_path__ + \"static/media/singleGeo.788b5c4e.jpg\";","import React, { FC } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport ButtonPrimary from \"shared/Button/ButtonPrimary\";\r\n// import imagePng from \"images/bannerShell.jpg\";\r\nimport singleGeo from \"images/singleGeo.jpg\";\r\n// import geoBanner from \"images/geoBanner.jpg\"\r\n// import HeroSearchForm from \"components/HeroSearchForm/HeroSearchForm\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nexport interface SectionHeroProps {\r\n  className?: string;\r\n}\r\n\r\nconst SectionHero: FC<SectionHeroProps> = ({ className = \"\" }) => {\r\n\r\n  const { t } = useTranslation();\r\n\r\n  return (\r\n    <div\r\n      className={`nc-SectionHero flex flex-col-reverse lg:flex-col relative ${className}`}\r\n      style={{marginTop: '0'}}\r\n      data-nc-id=\"SectionHero\"\r\n    >\r\n      {/* <div className=\"flex flex-col lg:flex-row\"> */}\r\n      <div className=\"flex flex-col lg:flex-row lg:items-center\">\r\n        {/* <div className=\"flex-shrink-0 lg:w-1/2 flex flex-col items-start space-y-8 sm:space-y-10 pt-11 pb-14 lg:pb-60 xl:pr-14 lg:mr-10 xl:mr-0\"> */}\r\n        {/* <div \r\n          className=\"flex-shrink-0 lg:w-1/2 flex flex-col items-start space-y-8 sm:space-y-10 pb-14 lg:pb-64 xl:pr-14 lg:mr-10 xl:mr-0\"\r\n        > */}\r\n        <div\r\n          className=\"flex-shrink-0 lg:w-1/2 flex flex-col items-start space-y-8 sm:space-y-10 pb-14 xl:pr-14 lg:mr-10 xl:mr-0\"\r\n        >\r\n          <h4 className=\"font-small md:text-3xl text-neutral-500 dark:text-neutral-400\">\r\n            {t(\"HomePage.bannerCTA.title\")}\r\n          </h4>\r\n          <h2 className=\"font-medium text-4xl md:text-5xl xl:text-7xl leading-[110%]\">\r\n            {t(\"HomePage.bannerCTA.subTitle\")}\r\n          </h2>\r\n          <span className=\"text-base md:text-lg text-neutral-500 dark:text-neutral-400\">\r\n            \r\n          </span>\r\n          <ButtonPrimary>\r\n            <Link to=\"/products\">\r\n              {t(\"HomePage.bannerCTA.button\")}\r\n            </Link>\r\n          </ButtonPrimary>\r\n        </div>\r\n        <div className=\"flex-grow\">\r\n          <img className=\"w-full\" style={{borderRadius: '8px', objectFit: 'cover'}} src={singleGeo} alt=\"hero\" />\r\n        </div>\r\n      </div>\r\n\r\n      {/* <div className=\"z-10 mb-12 lg:mb-0 lg:-mt-40 w-full\">\r\n        <HeroSearchForm />\r\n      </div> */}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default SectionHero;\r\n","import React, { ButtonHTMLAttributes } from \"react\";\r\nimport twFocusClass from \"utils/twFocusClass\";\r\n\r\nexport interface ButtonCircleProps\r\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\r\n  size?: string;\r\n}\r\n\r\nconst ButtonCircle: React.FC<ButtonCircleProps> = ({\r\n  className = \" \",\r\n  size = \" w-9 h-9 \",\r\n  ...args\r\n}) => {\r\n  return (\r\n    <button\r\n      className={\r\n        `ttnc-ButtonCircle flex items-center justify-center rounded-full !leading-none disabled:bg-opacity-70 bg-primary-6000 hover:bg-primary-700 text-neutral-50 ${className} ${size} ` +\r\n        twFocusClass(true)\r\n      }\r\n      {...args}\r\n    />\r\n  );\r\n};\r\n\r\nexport default ButtonCircle;\r\n","export default __webpack_public_path__ + \"static/media/KingCrab.7f5fd219.jpg\";","export interface InviewPortType {\r\n  distanceFromEnd: number;\r\n  callback: () => boolean;\r\n  target: HTMLElement;\r\n}\r\n\r\nconst checkInViewIntersectionObserver = ({\r\n  target,\r\n  distanceFromEnd,\r\n  callback,\r\n}: InviewPortType) => {\r\n  const _funCallback: IntersectionObserverCallback = (\r\n    entries: IntersectionObserverEntry[],\r\n    observer: IntersectionObserver\r\n  ) => {\r\n    entries.map((entry: IntersectionObserverEntry) => {\r\n      if (entry.isIntersecting) {\r\n        // NEED CALLBACK WILL RETURN BOOLEAN ---- IF TRUE WE WILL UNOBSERVER AND FALSE IS NO\r\n        const unobserve = callback();\r\n        unobserve && observer.unobserve(entry.target);\r\n      }\r\n      return true;\r\n    });\r\n  };\r\n\r\n  // _checkBrowserSupport-----\r\n  if (typeof window.IntersectionObserver === \"undefined\") {\r\n    console.error(\r\n      \"window.IntersectionObserver === undefined! => Your Browser is Notsupport\"\r\n    );\r\n    return;\r\n  }\r\n  const options = {\r\n    root: null,\r\n    rootMargin: `${distanceFromEnd}px 0px`,\r\n    threshold: 0,\r\n  };\r\n  const observer = new IntersectionObserver(_funCallback, options);\r\n  target && observer.observe(target);\r\n};\r\n\r\nexport default checkInViewIntersectionObserver;\r\n","export default __webpack_public_path__ + \"static/media/placeholder-large.ed676656.png\";","export default __webpack_public_path__ + \"static/media/placeholder-large-h.2b89178f.png\";","import React, {\r\n  FC,\r\n  ImgHTMLAttributes,\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n} from \"react\";\r\nimport checkInViewIntersectionObserver from \"utils/isInViewPortIntersectionObserver\";\r\nimport placeholderLarge from \"images/placeholder-large.png\";\r\nimport placeholderLargeH from \"images/placeholder-large-h.png\";\r\n\r\nexport interface NcImageProps extends ImgHTMLAttributes<HTMLImageElement> {\r\n  containerClassName?: string;\r\n  prevImageHorizontal?: boolean;\r\n}\r\n\r\nconst NcImage: FC<NcImageProps> = ({\r\n  containerClassName = \"\",\r\n  alt = \"nc-imgs\",\r\n  src = \"\",\r\n  prevImageHorizontal = false,\r\n  className = \"object-cover w-full h-full\",\r\n  ...args\r\n}) => {\r\n  let isMounted = false;\r\n  const _containerRef = useRef(null);\r\n  let _imageEl: HTMLImageElement | null = null;\r\n  const placeholderImage = prevImageHorizontal\r\n    ? placeholderLargeH\r\n    : placeholderLarge;\r\n\r\n  const [__src, set__src] = useState(placeholderImage);\r\n\r\n  const _initActions = async () => {\r\n    set__src(placeholderImage);\r\n    _checkInViewPort();\r\n  };\r\n\r\n  const _checkInViewPort = () => {\r\n    if (!_containerRef.current) return;\r\n    checkInViewIntersectionObserver({\r\n      target: _containerRef.current as any,\r\n      distanceFromEnd: 0,\r\n      callback: _imageOnViewPort,\r\n    });\r\n  };\r\n\r\n  const _imageOnViewPort = () => {\r\n    if (!src) {\r\n      _handleImageLoaded();\r\n      return true;\r\n    }\r\n    _imageEl = new Image();\r\n    if (_imageEl) {\r\n      _imageEl.src = src;\r\n      _imageEl.addEventListener(\"load\", _handleImageLoaded);\r\n    }\r\n    return true;\r\n  };\r\n\r\n  const _handleImageLoaded = () => {\r\n    if (!isMounted) return;\r\n    // setImageLoaded(true);\r\n    set__src(src);\r\n  };\r\n\r\n  useEffect(() => {\r\n    isMounted = true;\r\n    _initActions();\r\n    return () => {\r\n      isMounted = false;\r\n    };\r\n  }, [src]);\r\n\r\n  return (\r\n    <div\r\n      className={`nc-NcImage ${containerClassName}`}\r\n      data-nc-id=\"NcImage\"\r\n      ref={_containerRef}\r\n    >\r\n      {__src ? (\r\n        <img src={__src} className={className} alt={alt} {...args} />\r\n      ) : (\r\n        <div\r\n          className={`${className} bg-neutral-200 dark:bg-neutral-6000`}\r\n        ></div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default NcImage;\r\n","import React, { InputHTMLAttributes } from \"react\";\r\n\r\nexport interface InputProps extends InputHTMLAttributes<HTMLInputElement> {\r\n  sizeClass?: string;\r\n  fontClass?: string;\r\n  rounded?: string;\r\n}\r\n\r\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\r\n  (\r\n    {\r\n      className = \"\",\r\n      sizeClass = \"h-11 px-4 py-3\",\r\n      fontClass = \"text-sm font-normal\",\r\n      rounded = \"rounded-2xl\",\r\n      children,\r\n      type = \"text\",\r\n      name = \"\",\r\n      onChange = () => {},\r\n      ...args\r\n    },\r\n    ref\r\n  ) => {\r\n    return (\r\n      <input\r\n        ref={ref}\r\n        name={name}\r\n        type={type}\r\n        onChange={onChange}\r\n        className={`block w-full border-neutral-200 focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50 bg-white dark:border-neutral-700 dark:focus:ring-primary-6000 dark:focus:ring-opacity-25 dark:bg-neutral-900 ${rounded} ${fontClass} ${sizeClass} ${className}`}\r\n        {...args}\r\n      />\r\n    );\r\n  }\r\n);\r\n\r\nexport default Input;\r\n","import React, { FC, useState } from \"react\";\r\nimport ButtonCircle from \"shared/Button/ButtonCircle\";\r\nimport rightImg from \"images/KingCrab.jpg\";\r\nimport NcImage from \"shared/NcImage/NcImage\";\r\n// import Badge from \"shared/Badge/Badge\";\r\nimport Input from \"shared/Input/Input\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport API from \"@aws-amplify/api\";\r\n\r\nexport interface SectionSubscribe2Props {\r\n  className?: string;\r\n}\r\n\r\nconst SectionSubscribe2: FC<SectionSubscribe2Props> = ({ className = \"\" }) => {\r\n\r\n  const { t } = useTranslation();\r\n\r\n  const [values, setValues] = useState({\r\n    email: '',\r\n  });\r\n\r\n  const [sent, setSent] = useState(false);\r\n\r\n  const handleChange = (e: any) => {\r\n    const { name, value } = e.target;\r\n\r\n    setValues((prevState) => ({ ...prevState, [name]: value }))\r\n  };\r\n\r\n  const postEmail = async (rowValue: any) => {\r\n    try {\r\n\r\n      await API.post('googleJoinEmailList', '/postEmail', {\r\n        queryStringParameters: {\r\n          rowValue: rowValue\r\n        },\r\n        headers: {\r\n          'Content-Type': 'application/json'\r\n        }\r\n      });\r\n\r\n      setSent(true);\r\n    } catch (err) {\r\n      console.log('Post Email Error:', err);\r\n    }\r\n  };\r\n\r\n  const handleSubmit = (e: any) => {\r\n    e.preventDefault();\r\n\r\n    postEmail(values.email);\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={`nc-SectionSubscribe2 relative flex flex-col lg:flex-row lg:items-center ${className}`}\r\n      data-nc-id=\"SectionSubscribe2\"\r\n    >\r\n      <div className=\"flex-shrink-0 mb-10 lg:mb-0 lg:mr-10 lg:w-2/5\">\r\n        <h2 className=\"font-semibold text-4xl\">\r\n          {t(\"HomePage.subscribe.title\")}\r\n        </h2>\r\n        <span className=\"block mt-5 text-neutral-500 dark:text-neutral-400\">\r\n          {t(\"HomePage.subscribe.subTitle\")}\r\n        </span>\r\n        {/* <ul className=\"space-y-4 mt-10\">\r\n          <li className=\"flex items-center space-x-4\">\r\n            <Badge name=\"01\" />\r\n            <span className=\"font-medium text-neutral-700 dark:text-neutral-300\">\r\n              {t(\"HomePage.subscribe.desc1\")}\r\n            </span>\r\n          </li>\r\n          <li className=\"flex items-center space-x-4\">\r\n            <Badge color=\"red\" name=\"02\" />\r\n            <span className=\"font-medium text-neutral-700 dark:text-neutral-300\">\r\n              {t(\"HomePage.subscribe.desc2\")}\r\n            </span>\r\n          </li>\r\n        </ul> */}\r\n\r\n        {\r\n          sent \r\n            ?\r\n              <div\r\n                className=\"font-medium text-neutral-700 dark:text-neutral-300 mt-10\"\r\n              >\r\n                {t(\"HomePage.subscribe.receive\")}\r\n              </div>\r\n            :\r\n              <form \r\n                className=\"mt-10 relative max-w-sm\"\r\n                onSubmit={handleSubmit}\r\n              >\r\n                <Input\r\n                  required\r\n                  aria-required\r\n                  placeholder={t(\"HomePage.subscribe.input\")}\r\n                  name=\"email\"\r\n                  onChange={handleChange}\r\n                  type=\"email\"\r\n                />\r\n                <ButtonCircle\r\n                  type=\"submit\"\r\n                  className=\"absolute transform top-1/2 -translate-y-1/2 right-1\"\r\n                >\r\n                  <i className=\"las la-arrow-right text-xl\"></i>\r\n                </ButtonCircle>\r\n              </form>\r\n        }\r\n      </div>\r\n      \r\n      <div className=\"flex-grow\">\r\n        <NcImage src={rightImg} style={{borderRadius: '16px'}}/>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default SectionSubscribe2;\r\n","import React, { FC } from \"react\";\r\n\r\nexport interface BgGlassmorphismProps {\r\n  className?: string;\r\n}\r\n\r\nconst BgGlassmorphism: FC<BgGlassmorphismProps> = ({\r\n  className = \"absolute inset-x-0 md:top-10 xl:top-40 min-h-0 pl-20 py-24 flex overflow-hidden z-0\",\r\n}) => {\r\n  return (\r\n    <div\r\n      className={`nc-BgGlassmorphism ${className}`}\r\n      data-nc-id=\"BgGlassmorphism\"\r\n    >\r\n      <span className=\"block bg-[#ef233c] w-72 h-72 rounded-full mix-blend-multiply filter blur-3xl opacity-10 lg:w-96 lg:h-96\"></span>\r\n      <span className=\"block bg-[#04868b] w-72 h-72 -ml-20 mt-40 rounded-full mix-blend-multiply filter blur-3xl opacity-10 lg:w-96 lg:h-96 nc-animation-delay-2000\"></span>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default BgGlassmorphism;\r\n","import React, { FC } from 'react';\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\nimport { Carousel } from 'react-responsive-carousel';\nimport \"./Banner.scss\";\n\nexport interface BannerProps {\n  className?: string;\n  imageArr?: any[];\n};\n\nconst Banner: FC<BannerProps> = ({ className = \"\", imageArr = [] }) => {\n\n  let keys = Object.keys(imageArr);\n\n  const createCarouselItemImage = (index: any, options = {}) => (\n\n    <div key={index}>\n      <img src={imageArr[index]} alt={index} />\n    </div>\n  );\n\n  const baseChildren = <div>{keys.map(createCarouselItemImage)}</div>;\n\n  return (\n    <div className={`nc-Banner ${className}`}>\n      <Carousel\n        showThumbs={false}\n        showStatus={false}\n        swipeable={true}\n        autoPlay={true}\n        infiniteLoop={true}\n      >\n        {baseChildren.props.children}\n      </Carousel>\n    </div>\n  )\n};\n\nexport default Banner;","export default __webpack_public_path__ + \"static/media/banner1.b3d748ad.jpg\";","export default __webpack_public_path__ + \"static/media/banner2.efe4e794.jpg\";","export default __webpack_public_path__ + \"static/media/banner3.1998679a.jpg\";","export default __webpack_public_path__ + \"static/media/banner4.90393b2f.jpg\";","export default __webpack_public_path__ + \"static/media/banner5.17b351bf.jpg\";","import React from \"react\";\r\nimport SectionHero from \"components/SectionHero/SectionHero\";\r\n// import SectionSliderNewCategories from \"components/SectionSliderNewCategories/SectionSliderNewCategories\";\r\nimport SectionSubscribe2 from \"components/SectionSubscribe2/SectionSubscribe2\";\r\n// import SectionOurFeatures from \"components/SectionOurFeatures/SectionOurFeatures\";\r\n// import SectionGridFeaturePlaces from \"./SectionGridFeaturePlaces\";\r\n// import SectionHowItWork from \"components/SectionHowItWork/SectionHowItWork\";\r\n// import BackgroundSection from \"components/BackgroundSection/BackgroundSection\";\r\nimport BgGlassmorphism from \"components/BgGlassmorphism/BgGlassmorphism\";\r\n// import { TaxonomyType } from \"data/types\";\r\n// import SectionGridAuthorBox from \"components/SectionGridAuthorBox/SectionGridAuthorBox\";\r\n// import SectionGridCategoryBox from \"components/SectionGridCategoryBox/SectionGridCategoryBox\";\r\n// import SectionBecomeAnAuthor from \"components/SectionBecomeAnAuthor/SectionBecomeAnAuthor\";\r\n// import SectionVideos from \"./SectionVideos\";\r\n// import SectionClientSay from \"components/SectionClientSay/SectionClientSay\";\r\nimport { Helmet } from \"react-helmet\";\r\nimport Banner from \"components/Banner/Banner\";\r\nimport image1 from \"../../images/banner1.jpg\";\r\nimport image2 from \"../../images/banner2.jpg\";\r\nimport image3 from \"../../images/banner3.jpg\";\r\nimport image4 from \"../../images/banner4.jpg\";\r\nimport image5 from \"../../images/banner5.jpg\";\r\n\r\n// const DEMO_CATS: TaxonomyType[] = [\r\n//   {\r\n//     id: \"1\",\r\n//     href: \"#\",\r\n//     name: \"New Yourk\",\r\n//     taxonomy: \"category\",\r\n//     count: 188288,\r\n//     thumbnail:\r\n//       \"https://images.pexels.com/photos/64271/queen-of-liberty-statue-of-liberty-new-york-liberty-statue-64271.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260\",\r\n//   },\r\n//   {\r\n//     id: \"2\",\r\n//     href: \"#\",\r\n//     name: \"Singapore\",\r\n//     taxonomy: \"category\",\r\n//     count: 188288,\r\n//     thumbnail:\r\n//       \"https://images.pexels.com/photos/7740160/pexels-photo-7740160.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260\",\r\n//   },\r\n//   {\r\n//     id: \"2\",\r\n//     href: \"#\",\r\n//     name: \"Paris\",\r\n//     taxonomy: \"category\",\r\n//     count: 188288,\r\n//     thumbnail:\r\n//       \"https://images.pexels.com/photos/739407/pexels-photo-739407.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260\",\r\n//   },\r\n//   {\r\n//     id: \"2\",\r\n//     href: \"#\",\r\n//     name: \"London\",\r\n//     taxonomy: \"category\",\r\n//     count: 188288,\r\n//     thumbnail:\r\n//       \"https://images.pexels.com/photos/460672/pexels-photo-460672.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260\",\r\n//   },\r\n//   {\r\n//     id: \"2\",\r\n//     href: \"#\",\r\n//     name: \"Tokyo\",\r\n//     taxonomy: \"category\",\r\n//     count: 188288,\r\n//     thumbnail:\r\n//       \"https://images.pexels.com/photos/4151484/pexels-photo-4151484.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260\",\r\n//   },\r\n//   {\r\n//     id: \"2\",\r\n//     href: \"#\",\r\n//     name: \"Maldives\",\r\n//     taxonomy: \"category\",\r\n//     count: 188288,\r\n//     thumbnail:\r\n//       \"https://images.pexels.com/photos/3250613/pexels-photo-3250613.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260\",\r\n//   },\r\n// ];\r\n\r\n// const DEMO_CATS_2: TaxonomyType[] = [\r\n//   {\r\n//     id: \"1\",\r\n//     href: \"#\",\r\n//     name: \"Enjoy the great cold\",\r\n//     taxonomy: \"category\",\r\n//     count: 188288,\r\n//     thumbnail:\r\n//       \"https://images.pexels.com/photos/5764100/pexels-photo-5764100.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260\",\r\n//   },\r\n//   {\r\n//     id: \"222\",\r\n//     href: \"#\",\r\n//     name: \"Sleep in a floating way\",\r\n//     taxonomy: \"category\",\r\n//     count: 188288,\r\n//     thumbnail:\r\n//       \"https://images.pexels.com/photos/2869499/pexels-photo-2869499.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260\",\r\n//   },\r\n//   {\r\n//     id: \"3\",\r\n//     href: \"#\",\r\n//     name: \"In the billionaire's house\",\r\n//     taxonomy: \"category\",\r\n//     count: 188288,\r\n//     thumbnail:\r\n//       \"https://images.pexels.com/photos/7031413/pexels-photo-7031413.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260\",\r\n//   },\r\n//   {\r\n//     id: \"4\",\r\n//     href: \"#\",\r\n//     name: \"Cool in the deep forest\",\r\n//     taxonomy: \"category\",\r\n//     count: 188288,\r\n//     thumbnail:\r\n//       \"https://images.pexels.com/photos/247532/pexels-photo-247532.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260\",\r\n//   },\r\n//   {\r\n//     id: \"5\",\r\n//     href: \"#\",\r\n//     name: \"In the billionaire's house\",\r\n//     taxonomy: \"category\",\r\n//     count: 188288,\r\n//     thumbnail:\r\n//       \"https://images.pexels.com/photos/7031413/pexels-photo-7031413.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260\",\r\n//   },\r\n// ];\r\n\r\nfunction PageHome() {\r\n\r\n  let imageArr = [\r\n    image1,\r\n    image2,\r\n    image3,\r\n    image4,\r\n    image5,\r\n  ]\r\n\r\n  return (\r\n    <div className=\"nc-PageHome relative overflow-hidden\">\r\n      <Helmet>\r\n        <title>Best Honor Seafood</title>\r\n      </Helmet>\r\n      {/* GLASSMOPHIN */}\r\n      <BgGlassmorphism />\r\n\r\n      <div className=\"container relative space-y-24 mb-24 lg:space-y-32 lg:mb-32\">\r\n        <Banner \r\n          imageArr={imageArr}\r\n        />\r\n        {/* SECTION HERO */}\r\n        <SectionHero className=\"pt-10 lg:pt-28 pb-16\" />\r\n\r\n        {/* SECTION 1 */}\r\n        {/* <SectionSliderNewCategories categories={DEMO_CATS} /> */}\r\n\r\n        {/* SECTION2 */}\r\n        {/* <SectionOurFeatures /> */}\r\n\r\n        {/* SECTION */}\r\n        {/* <div className=\"relative py-16\">\r\n          <BackgroundSection />\r\n          <SectionGridFeaturePlaces />\r\n        </div> */}\r\n\r\n        {/* SECTION */}\r\n        {/* <SectionHowItWork /> */}\r\n\r\n        {/* SECTION 1 */}\r\n        {/* <div className=\"relative py-16\">\r\n          <BackgroundSection className=\"bg-orange-50 dark:bg-black dark:bg-opacity-20 \" />\r\n          <SectionSliderNewCategories\r\n            categories={DEMO_CATS_2}\r\n            categoryCardType=\"card4\"\r\n            itemPerRow={4}\r\n            heading=\"Suggestions for discovery\"\r\n            subHeading=\"Popular places to stay that Chisfis recommends for you\"\r\n            sliderStyle=\"style2\"\r\n          />\r\n        </div> */}\r\n\r\n        {/* SECTION */}\r\n        <SectionSubscribe2 />\r\n\r\n        {/* SECTION */}\r\n        {/* <div className=\"relative py-16\">\r\n          <BackgroundSection className=\"bg-orange-50 dark:bg-black dark:bg-opacity-20 \" />\r\n          <SectionGridAuthorBox />\r\n        </div> */}\r\n\r\n        {/* SECTION */}\r\n        {/* <SectionGridCategoryBox /> */}\r\n\r\n        {/* SECTION */}\r\n        {/* <div className=\"relative py-16\">\r\n          <BackgroundSection />\r\n          <SectionBecomeAnAuthor />\r\n        </div> */}\r\n\r\n        {/* SECTION 1 */}\r\n        {/* <SectionSliderNewCategories\r\n          heading=\"Explore by types of stays\"\r\n          subHeading=\"Explore houses based on 10 types of stays\"\r\n          categoryCardType=\"card5\"\r\n          itemPerRow={5}\r\n        /> */}\r\n\r\n        {/* SECTION */}\r\n        {/* <SectionVideos /> */}\r\n\r\n        {/* SECTION */}\r\n        {/* <div className=\"relative py-16\">\r\n          <BackgroundSection />\r\n          <SectionClientSay />\r\n        </div> */}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default PageHome;\r\n","import { Popover, Transition } from \"@headlessui/react\";\r\nimport { ChevronDownIcon } from \"@heroicons/react/solid\";\r\nimport React, { FC, Fragment, useEffect, useState } from \"react\";\r\nimport { NavLink, RouteComponentProps, withRouter } from \"react-router-dom\";\r\nimport NcImage from \"shared/NcImage/NcImage\";\r\nimport { useTranslation } from 'react-i18next';\r\n\r\n// <--- NavItemType --->\r\nexport interface MegamenuItem {\r\n  id: string;\r\n  image: string;\r\n  title: string;\r\n  items: NavItemType[];\r\n}\r\nexport interface NavItemType {\r\n  id: string;\r\n  name: string;\r\n  href: string;\r\n  targetBlank?: boolean;\r\n  children?: NavItemType[];\r\n  megaMenu?: MegamenuItem[];\r\n  type?: \"dropdown\" | \"megaMenu\" | \"none\";\r\n}\r\n\r\nexport interface NavigationItemProps {\r\n  menuItem: NavItemType;\r\n}\r\n\r\ntype NavigationItemWithRouterProps = RouteComponentProps & NavigationItemProps;\r\n\r\nconst NavigationItem: FC<NavigationItemWithRouterProps> = ({\r\n  menuItem,\r\n  history,\r\n}) => {\r\n  const [menuCurrentHovers, setMenuCurrentHovers] = useState<string[]>([]);\r\n\r\n  const { t } = useTranslation();\r\n\r\n  // CLOSE ALL MENU OPENING WHEN CHANGE HISTORY\r\n  useEffect(() => {\r\n    const unlisten = history.listen(() => {\r\n      setMenuCurrentHovers([]);\r\n    });\r\n    return () => {\r\n      unlisten();\r\n    };\r\n  }, [history]);\r\n\r\n  const onMouseEnterMenu = (id: string) => {\r\n    setMenuCurrentHovers((state) => [...state, id]);\r\n  };\r\n\r\n  const onMouseLeaveMenu = (id: string) => {\r\n    setMenuCurrentHovers((state) => {\r\n      return state.filter((item, index) => {\r\n        return item !== id && index < state.indexOf(id);\r\n      });\r\n    });\r\n  };\r\n\r\n  // ===================== MENU MEGAMENU =====================\r\n  const renderMegaMenu = (menu: NavItemType) => {\r\n    const isHover = menuCurrentHovers.includes(menu.id);\r\n\r\n    const isFull = menu.megaMenu && menu.megaMenu?.length > 3;\r\n    const classPopover = isFull\r\n      ? \"menu-megamenu--large\"\r\n      : \"menu-megamenu--small relative\";\r\n    const classPanel = isFull ? \"left-0\" : \"-translate-x-1/2 left-1/2\";\r\n\r\n    return (\r\n      <Popover\r\n        as=\"li\"\r\n        className={`menu-item menu-megamenu ${classPopover}`}\r\n        onMouseEnter={() => onMouseEnterMenu(menu.id)}\r\n        onMouseLeave={() => onMouseLeaveMenu(menu.id)}\r\n      >\r\n        {() => (\r\n          <>\r\n            <Popover.Button as={Fragment}>\r\n              {renderMainItem(menu)}\r\n            </Popover.Button>\r\n            <Transition\r\n              as={Fragment}\r\n              show={isHover}\r\n              enter=\"transition ease-out duration-150\"\r\n              enterFrom=\"opacity-0 translate-y-1\"\r\n              enterTo=\"opacity-100 translate-y-0\"\r\n              leave=\"transition ease-in duration-150\"\r\n              leaveFrom=\"opacity-100 translate-y-0\"\r\n              leaveTo=\"opacity-0 translate-y-1\"\r\n            >\r\n              <Popover.Panel\r\n                static\r\n                className={`nc-will-change-transform sub-menu absolute transform z-10 w-screen max-w-sm px-4 pt-3 sm:px-0 lg:max-w-max ${classPanel}`}\r\n              >\r\n                <div className=\"overflow-hidden rounded-lg shadow-lg ring-1 ring-black dark:ring-white ring-opacity-5 dark:ring-opacity-10 text-sm\">\r\n                  <div\r\n                    className={`relative bg-white dark:bg-neutral-900 px-3 py-6 grid gap-1 grid-cols-${menu.megaMenu?.length}`}\r\n                  >\r\n                    {menu.megaMenu?.map((item) => (\r\n                      <div key={item.id}>\r\n                        <div className=\"px-2\">\r\n                          <NcImage\r\n                            containerClassName=\"w-36 h-24 rounded-lg overflow-hidden relative flex\"\r\n                            src={item.image}\r\n                          />\r\n                        </div>\r\n                        <p className=\"font-medium text-neutral-900 dark:text-neutral-200 py-1 px-2 my-2\">\r\n                          {item.title}\r\n                        </p>\r\n                        <ul className=\"grid space-y-1\">\r\n                          {item.items.map(renderMegaMenuNavlink)}\r\n                        </ul>\r\n                      </div>\r\n                    ))}\r\n                  </div>\r\n                </div>\r\n              </Popover.Panel>\r\n            </Transition>\r\n          </>\r\n        )}\r\n      </Popover>\r\n    );\r\n  };\r\n  const renderMegaMenuNavlink = (item: NavItemType) => {\r\n\r\n    return (\r\n      <li key={item.id}>\r\n        <NavLink\r\n          exact\r\n          strict\r\n          target={item.targetBlank ? \"_blank\" : undefined}\r\n          rel=\"noopener noreferrer\"\r\n          className=\"inline-flex items-center font-normal text-neutral-6000 dark:text-neutral-300 py-1 px-2 rounded hover:text-neutral-700 hover:bg-neutral-100 dark:hover:bg-neutral-800 dark:hover:text-neutral-200\"\r\n          to={{\r\n            pathname: item.href || undefined,\r\n          }}\r\n          activeClassName=\"font-semibold text-neutral-900 dark:!text-neutral-200\"\r\n        >\r\n          {t(item.name)}\r\n        </NavLink>\r\n      </li>\r\n    );\r\n  };\r\n\r\n  // ===================== MENU DROPDOW =====================\r\n  const renderDropdownMenu = (menuDropdown: NavItemType) => {\r\n    const isHover = menuCurrentHovers.includes(menuDropdown.id);\r\n    return (\r\n      <Popover\r\n        as=\"li\"\r\n        className=\"menu-item menu-dropdown relative\"\r\n        onMouseEnter={() => onMouseEnterMenu(menuDropdown.id)}\r\n        onMouseLeave={() => onMouseLeaveMenu(menuDropdown.id)}\r\n      >\r\n        {() => (\r\n          <>\r\n            <Popover.Button as={Fragment}>\r\n              {renderMainItem(menuDropdown)}\r\n            </Popover.Button>\r\n            <Transition\r\n              as={Fragment}\r\n              show={isHover}\r\n              enter=\"transition ease-out duration-150\"\r\n              enterFrom=\"opacity-0 translate-y-1\"\r\n              enterTo=\"opacity-100 translate-y-0\"\r\n              leave=\"transition ease-in duration-150\"\r\n              leaveFrom=\"opacity-100 translate-y-0\"\r\n              leaveTo=\"opacity-0 translate-y-1\"\r\n            >\r\n              <Popover.Panel\r\n                static\r\n                className=\"sub-menu nc-will-change-transform absolute transform z-10 w-56 pt-3 left-0\"\r\n              >\r\n                <ul className=\"rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 dark:ring-white dark:ring-opacity-10 text-sm relative bg-white dark:bg-neutral-900 py-4 grid space-y-1\">\r\n                  {menuDropdown.children?.map((i) => {\r\n                    if (i.type) {\r\n                      return renderDropdownMenuNavlinkHasChild(i);\r\n                    } else {\r\n                      return (\r\n                        <li key={i.id} className=\"px-2\">\r\n                          {renderDropdownMenuNavlink(i)}\r\n                        </li>\r\n                      );\r\n                    }\r\n                  })}\r\n                </ul>\r\n              </Popover.Panel>\r\n            </Transition>\r\n          </>\r\n        )}\r\n      </Popover>\r\n    );\r\n  };\r\n\r\n  const renderDropdownMenuNavlinkHasChild = (item: NavItemType) => {\r\n    const isHover = menuCurrentHovers.includes(item.id);\r\n    return (\r\n      <Popover\r\n        as=\"li\"\r\n        key={item.id}\r\n        className=\"menu-item menu-dropdown relative px-2\"\r\n        onMouseEnter={() => onMouseEnterMenu(item.id)}\r\n        onMouseLeave={() => onMouseLeaveMenu(item.id)}\r\n      >\r\n        {() => (\r\n          <>\r\n            <Popover.Button as={Fragment}>\r\n              {renderDropdownMenuNavlink(item)}\r\n            </Popover.Button>\r\n            <Transition\r\n              as={Fragment}\r\n              show={isHover}\r\n              enter=\"transition ease-out duration-150\"\r\n              enterFrom=\"opacity-0 translate-y-1\"\r\n              enterTo=\"opacity-100 translate-y-0\"\r\n              leave=\"transition ease-in duration-150\"\r\n              leaveFrom=\"opacity-100 translate-y-0\"\r\n              leaveTo=\"opacity-0 translate-y-1\"\r\n            >\r\n              <Popover.Panel\r\n                static\r\n                className=\"sub-menu absolute z-10 w-56 left-full pl-2 top-0\"\r\n              >\r\n                <ul className=\"rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 dark:ring-white dark:ring-opacity-10 text-sm relative bg-white dark:bg-neutral-900 py-4 grid space-y-1\">\r\n                  {item.children?.map((i) => {\r\n                    if (i.type) {\r\n                      return renderDropdownMenuNavlinkHasChild(i);\r\n                    } else {\r\n                      return (\r\n                        <li key={i.id} className=\"px-2\">\r\n                          {renderDropdownMenuNavlink(i)}\r\n                        </li>\r\n                      );\r\n                    }\r\n                  })}\r\n                </ul>\r\n              </Popover.Panel>\r\n            </Transition>\r\n          </>\r\n        )}\r\n      </Popover>\r\n    );\r\n  };\r\n\r\n  const renderDropdownMenuNavlink = (item: NavItemType) => {\r\n    return (\r\n      <NavLink\r\n        exact\r\n        strict\r\n        target={item.targetBlank ? \"_blank\" : undefined}\r\n        rel=\"noopener noreferrer\"\r\n        className=\"flex items-center font-normal text-neutral-6000 dark:text-neutral-300 py-2 px-4 rounded-md hover:text-neutral-700 hover:bg-neutral-100 dark:hover:bg-neutral-800 dark:hover:text-neutral-200\"\r\n        to={{\r\n          pathname: item.href || undefined,\r\n        }}\r\n        activeClassName=\"!font-medium  dark:!text-neutral-100\"\r\n      >\r\n        {t(item.name)}\r\n        {item.type && (\r\n          <ChevronDownIcon\r\n            className=\"ml-2 h-4 w-4 text-neutral-500\"\r\n            aria-hidden=\"true\"\r\n          />\r\n        )}\r\n      </NavLink>\r\n    );\r\n  };\r\n\r\n  // ===================== MENU MAIN MENU =====================\r\n  const renderMainItem = (item: NavItemType) => {\r\n    return (\r\n      <NavLink\r\n        exact\r\n        strict\r\n        target={item.targetBlank ? \"_blank\" : undefined}\r\n        rel=\"noopener noreferrer\"\r\n        className=\"inline-flex items-center text-sm xl:text-base font-normal text-neutral-700 dark:text-neutral-300 py-2 px-4 xl:px-5 rounded-full hover:text-neutral-900 hover:bg-neutral-100 dark:hover:bg-neutral-800 dark:hover:text-neutral-200\"\r\n        to={{\r\n          pathname: item.href || undefined,\r\n        }}\r\n        activeClassName=\"!font-semibold !text-neutral-900 bg-neutral-100 dark:bg-neutral-800 dark:!text-neutral-100\"\r\n      >\r\n        {t(item.name)}\r\n        {item.type && (\r\n          <ChevronDownIcon\r\n            className=\"ml-1 -mr-1 h-4 w-4 text-neutral-400\"\r\n            aria-hidden=\"true\"\r\n          />\r\n        )}\r\n      </NavLink>\r\n    );\r\n  };\r\n\r\n  switch (menuItem.type) {\r\n    case \"megaMenu\":\r\n      return renderMegaMenu(menuItem);\r\n    case \"dropdown\":\r\n      return renderDropdownMenu(menuItem);\r\n    default:\r\n      return <li className=\"menu-item\">{renderMainItem(menuItem)}</li>;\r\n  }\r\n};\r\n// Your component own properties\r\n\r\nconst NavigationItemWithRouter = withRouter<\r\n  NavigationItemWithRouterProps,\r\n  FC<NavigationItemWithRouterProps>\r\n>(NavigationItem);\r\nexport default NavigationItemWithRouter;\r\n","export default function ncNanoId(prefix = \"nc_\") {\r\n  return (\r\n    prefix +\r\n    Date.now() +\r\n    \"_\" +\r\n    Math.floor(Math.random() * 999999999999999) +\r\n    \"_\" +\r\n    Math.floor(Math.random() * 999999999999999)\r\n  );\r\n}\r\n","import { NavItemType } from \"shared/Navigation/NavigationItem\";\r\nimport ncNanoId from \"utils/ncNanoId\";\r\n// import __megamenu from \"./jsons/__megamenu.json\";\r\n\r\n// const megaMenuDemo: MegamenuItem[] = [\r\n//   {\r\n//     id: ncNanoId(),\r\n//     image:\r\n//       \"https://images.pexels.com/photos/1591373/pexels-photo-1591373.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500\",\r\n//     title: \"Company\",\r\n//     items: __megamenu.map((i) => ({\r\n//       id: ncNanoId(),\r\n//       href: \"#\",\r\n//       name: i.Company,\r\n//     })),\r\n//   },\r\n//   {\r\n//     id: ncNanoId(),\r\n//     image:\r\n//       \"https://images.pexels.com/photos/2662116/pexels-photo-2662116.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500\",\r\n//     title: \"App Name\",\r\n//     items: __megamenu.map((i) => ({\r\n//       id: ncNanoId(),\r\n//       href: \"#\",\r\n//       name: i.AppName,\r\n//     })),\r\n//   },\r\n//   {\r\n//     id: ncNanoId(),\r\n//     image:\r\n//       \"https://images.pexels.com/photos/5059013/pexels-photo-5059013.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500\",\r\n//     title: \"City\",\r\n//     items: __megamenu.map((i) => ({\r\n//       id: ncNanoId(),\r\n//       href: \"#\",\r\n//       name: i.City,\r\n//     })),\r\n//   },\r\n//   {\r\n//     id: ncNanoId(),\r\n//     image:\r\n//       \"https://images.pexels.com/photos/5159141/pexels-photo-5159141.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500\",\r\n//     title: \"Contruction\",\r\n//     items: __megamenu.map((i) => ({\r\n//       id: ncNanoId(),\r\n//       href: \"#\",\r\n//       name: i.Contruction,\r\n//     })),\r\n//   },\r\n//   {\r\n//     id: ncNanoId(),\r\n//     image:\r\n//       \"https://images.pexels.com/photos/7473041/pexels-photo-7473041.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500\",\r\n//     title: \"Country\",\r\n//     items: __megamenu.map((i) => ({\r\n//       id: ncNanoId(),\r\n//       href: \"#\",\r\n//       name: i.Country,\r\n//     })),\r\n//   },\r\n// ];\r\n\r\n// const otherPageChildMenus: NavItemType[] = [\r\n//   {\r\n//     id: ncNanoId(),\r\n//     href: \"/blog\",\r\n//     name: \"Blog Page\",\r\n//   },\r\n//   {\r\n//     id: ncNanoId(),\r\n//     href: \"/blog-single\",\r\n//     name: \"Blog Single\",\r\n//   },\r\n//   {\r\n//     id: ncNanoId(),\r\n//     href: \"/about\",\r\n//     name: \"About\",\r\n//   },\r\n//   {\r\n//     id: ncNanoId(),\r\n//     href: \"/contact\",\r\n//     name: \"Contact us\",\r\n//   },\r\n//   {\r\n//     id: ncNanoId(),\r\n//     href: \"/login\",\r\n//     name: \"Login\",\r\n//   },\r\n//   {\r\n//     id: ncNanoId(),\r\n//     href: \"/signup\",\r\n//     name: \"Signup\",\r\n//   },\r\n//   {\r\n//     id: ncNanoId(),\r\n//     href: \"/subscription\",\r\n//     name: \"Subscription\",\r\n//   },\r\n// ];\r\n\r\n// const templatesChildrenMenus: NavItemType[] = [\r\n//   {\r\n//     id: ncNanoId(),\r\n//     href: \"/add-listing-1\",\r\n//     name: \"Add Listings\",\r\n//     type: \"dropdown\",\r\n//     children: [\r\n//       {\r\n//         id: ncNanoId(),\r\n//         href: \"/add-listing-1\",\r\n//         name: \"Add Listings 1\",\r\n//       },\r\n//       {\r\n//         id: ncNanoId(),\r\n//         href: \"/add-listing-2\",\r\n//         name: \"Add Listings 2\",\r\n//       },\r\n//       {\r\n//         id: ncNanoId(),\r\n//         href: \"/add-listing-3\",\r\n//         name: \"Add Listings 3\",\r\n//       },\r\n//       {\r\n//         id: ncNanoId(),\r\n//         href: \"/add-listing-4\",\r\n//         name: \"Add Listings 4\",\r\n//       },\r\n//       {\r\n//         id: ncNanoId(),\r\n//         href: \"/add-listing-5\",\r\n//         name: \"Add Listings 5\",\r\n//       },\r\n//       {\r\n//         id: ncNanoId(),\r\n//         href: \"/add-listing-6\",\r\n//         name: \"Add Listings 6\",\r\n//       },\r\n//       {\r\n//         id: ncNanoId(),\r\n//         href: \"/add-listing-7\",\r\n//         name: \"Add Listings 7\",\r\n//       },\r\n//       {\r\n//         id: ncNanoId(),\r\n//         href: \"/add-listing-8\",\r\n//         name: \"Add Listings 8\",\r\n//       },\r\n//       {\r\n//         id: ncNanoId(),\r\n//         href: \"/add-listing-9\",\r\n//         name: \"Add Listings 9\",\r\n//       },\r\n//       {\r\n//         id: ncNanoId(),\r\n//         href: \"/add-listing-10\",\r\n//         name: \"Add Listings 10\",\r\n//       },\r\n//     ],\r\n//   },\r\n//   //\r\n//   { id: ncNanoId(), href: \"/checkout\", name: \"Checkout\" },\r\n//   { id: ncNanoId(), href: \"/pay-done\", name: \"Pay done\" },\r\n//   //\r\n//   { id: ncNanoId(), href: \"/author\", name: \"Author Page\" },\r\n//   { id: ncNanoId(), href: \"/account\", name: \"Account Page\" },\r\n// ];\r\n\r\nexport const NAVIGATION_DEMO: NavItemType[] = [\r\n  {\r\n    id: ncNanoId(),\r\n    href: \"/\",\r\n    name: \"NavItems.home\",\r\n    // type: \"dropdown\",\r\n    // children: demoChildMenus,\r\n  },\r\n  {\r\n    id: ncNanoId(),\r\n    href: \"/about\",\r\n    name: \"NavItems.aboutUs\"\r\n  },\r\n  {\r\n    id: ncNanoId(),\r\n    href: \"/products\",\r\n    name: \"NavItems.whatWeCarry\",\r\n    // type: \"dropdown\",\r\n    // children: demoChildMenus,\r\n  },\r\n  {\r\n    id: ncNanoId(),\r\n    href: \"/shop\",\r\n    name: \"NavItems.products\",\r\n    // type: \"dropdown\",\r\n    // children: [\r\n    //   { id: ncNanoId(), href: \"/geoducks\", name: \"Geoducks\" }\r\n    // ]\r\n  },\r\n  {\r\n    id: ncNanoId(),\r\n    href: \"/contact\",\r\n    name: \"NavItems.contactUs\"\r\n  },\r\n  // {\r\n  //   id: ncNanoId(),\r\n  //   href: \"/cart\",\r\n  //   name: \"Cart\"\r\n  // },\r\n  // {\r\n  //   id: ncNanoId(),\r\n  //   href: \"/checkout\",\r\n  //   name: \"Checkout\"\r\n  // },\r\n  // {\r\n  //   id: ncNanoId(),\r\n  //   href: \"#\",\r\n  //   name: \"Five columns\",\r\n  //   type: \"megaMenu\",\r\n  //   megaMenu: megaMenuDemo,\r\n  // },\r\n  // {\r\n  //   id: ncNanoId(),\r\n  //   href: \"#\",\r\n  //   name: \"Listing Page\",\r\n  //   type: \"dropdown\",\r\n  //   children: [\r\n  //     { id: ncNanoId(), href: \"/listing-stay\", name: \"Stay page\" },\r\n  //     { id: ncNanoId(), href: \"/listing-stay-map\", name: \"Stay page (map)\" },\r\n  //     { id: ncNanoId(), href: \"/listing-stay-detail\", name: \"Stay Detail\" },\r\n  //     //\r\n  //     {\r\n  //       id: ncNanoId(),\r\n  //       href: \"/listing-experiences\",\r\n  //       name: \"Experiences page\",\r\n  //     },\r\n  //     {\r\n  //       id: ncNanoId(),\r\n  //       href: \"/listing-experiences-map\",\r\n  //       name: \"Experiences page (map)\",\r\n  //     },\r\n  //     {\r\n  //       id: ncNanoId(),\r\n  //       href: \"/listing-experiences-detail\",\r\n  //       name: \"Experiences Detail\",\r\n  //     },\r\n  //     //\r\n  //     { id: ncNanoId(), href: \"/listing-car\", name: \"Cars page\" },\r\n  //     { id: ncNanoId(), href: \"/listing-car-map\", name: \"Cars page (map)\" },\r\n  //     { id: ncNanoId(), href: \"/listing-car-detail\", name: \"Car Detail\" },\r\n  //   ],\r\n  // },\r\n  // {\r\n  //   id: ncNanoId(),\r\n  //   href: \"#\",\r\n  //   name: \"Templates\",\r\n  //   type: \"dropdown\",\r\n  //   children: templatesChildrenMenus,\r\n  // },\r\n\r\n  // {\r\n  //   id: ncNanoId(),\r\n  //   href: \"#\",\r\n  //   name: \"Other pages\",\r\n  //   type: \"dropdown\",\r\n  //   children: otherPageChildMenus,\r\n  // },\r\n];\r\n","import React from \"react\";\r\nimport NavigationItem from \"./NavigationItem\";\r\nimport { NAVIGATION_DEMO } from \"data/navigation\";\r\n\r\nfunction Navigation() {\r\n  return (\r\n    <ul className=\"nc-Navigation hidden lg:flex lg:flex-wrap lg:items-center lg:space-x-1 relative\">\r\n      {NAVIGATION_DEMO.map((item) => (\r\n        <NavigationItem key={item.id} menuItem={item} />\r\n      ))}\r\n    </ul>\r\n  );\r\n}\r\n\r\nexport default Navigation;\r\n","import React from \"react\";\r\nimport { XIcon } from \"@heroicons/react/solid\";\r\nimport twFocusClass from \"utils/twFocusClass\";\r\n\r\nexport interface ButtonCloseProps {\r\n  className?: string;\r\n  onClick?: () => void;\r\n}\r\n\r\nconst ButtonClose: React.FC<ButtonCloseProps> = ({\r\n  className = \"\",\r\n  onClick = () => {},\r\n}) => {\r\n  return (\r\n    <button\r\n      className={\r\n        `w-8 h-8 flex items-center justify-center rounded-full text-neutral-700 dark:text-neutral-300 hover:bg-neutral-100 dark:hover:bg-neutral-700 ${className} ` +\r\n        twFocusClass()\r\n      }\r\n      onClick={onClick}\r\n    >\r\n      <span className=\"sr-only\">Close</span>\r\n      <XIcon className=\"w-5 h-5\" />\r\n    </button>\r\n  );\r\n};\r\n\r\nexport default ButtonClose;\r\n","import Button, { ButtonProps } from \"shared/Button/Button\";\r\nimport React from \"react\";\r\n\r\nexport interface ButtonSecondaryProps extends ButtonProps {}\r\n\r\nconst ButtonSecondary: React.FC<ButtonSecondaryProps> = ({\r\n  className = \" \",\r\n  ...args\r\n}) => {\r\n  return (\r\n    <Button\r\n      className={`ttnc-ButtonSecondary font-medium border bg-white border-neutral-200 text-neutral-700 dark:bg-neutral-900 dark:text-neutral-300 dark:border-neutral-700 hover:bg-neutral-100 dark:hover:bg-neutral-800 ${className}`}\r\n      {...args}\r\n    />\r\n  );\r\n};\r\n\r\nexport default ButtonSecondary;\r\n","import React, { useState } from \"react\";\n\ninterface AnyInterface{\n  auth: boolean;\n  setAuth: (boolean: boolean) => void;\n  userName: string;\n  setUserName: (string: string) => void;\n  email: string;\n  setEmail: (string: string) => void;\n};\n\nconst defaultState = {\n  auth: false,\n  setAuth: () => {},\n  userName: '',\n  setUserName: () => {},\n  email: '',\n  setEmail: () => {}\n};\n\nconst AuthContext = React.createContext<AnyInterface>(defaultState);\n\nconst AuthProvider: React.FC = ({ children }) => {\n  const [auth, setAuth] = useState<boolean>(false);\n  const [userName, setUserName] = useState<any>('');\n  const [email, setEmail] = useState<any>('');\n\n  return (\n    <AuthContext.Provider\n      value={{ auth, setAuth, userName, setUserName, email, setEmail }}\n    >\n      {children}\n    </AuthContext.Provider>\n  )\n};\n\nexport { AuthContext, AuthProvider };","import React, { useContext } from \"react\";\r\n// import React from \"react\";\r\nimport ButtonClose from \"shared/ButtonClose/ButtonClose\";\r\nimport Logo from \"shared/Logo/Logo\";\r\nimport { Disclosure } from \"@headlessui/react\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport { NavItemType } from \"./NavigationItem\";\r\nimport { NAVIGATION_DEMO } from \"data/navigation\";\r\nimport ButtonPrimary from \"shared/Button/ButtonPrimary\";\r\nimport ButtonSecondary from \"shared/Button/ButtonSecondary\";\r\nimport SocialsList from \"shared/SocialsList/SocialsList\";\r\nimport { ChevronDownIcon } from \"@heroicons/react/solid\";\r\n// import SwitchDarkMode from \"shared/SwitchDarkMode/SwitchDarkMode\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport { AuthContext } from \"context/authenticate\";\r\n\r\nexport interface NavMobileProps {\r\n  data?: NavItemType[];\r\n  onClickClose?: () => void;\r\n}\r\n\r\nconst NavMobile: React.FC<NavMobileProps> = ({\r\n  data = NAVIGATION_DEMO,\r\n  onClickClose,\r\n}) => {\r\n\r\n  const { i18n, t } = useTranslation();\r\n\r\n  const { auth, userName } = useContext(AuthContext);\r\n\r\n  const switchLanguageHandler = (language: any) => {\r\n    i18n.changeLanguage(language);\r\n  };\r\n\r\n  const _renderMenuChild = (item: NavItemType) => {\r\n    return (\r\n      <ul className=\"nav-mobile-sub-menu pl-6 pb-1 text-base\">\r\n        {item.children?.map((i, index) => (\r\n          <Disclosure key={i.href + index} as=\"li\">\r\n            <NavLink\r\n              exact\r\n              strict\r\n              to={{\r\n                pathname: i.href || undefined,\r\n              }}\r\n              className=\"flex px-4 py-2.5 text-neutral-900 dark:text-neutral-200 text-sm font-medium rounded-lg hover:bg-neutral-100 dark:hover:bg-neutral-800 mt-[2px]\"\r\n              activeClassName=\"text-secondary\"\r\n            >\r\n              <span\r\n                className={!i.children ? \"block w-full\" : \"\"}\r\n                onClick={onClickClose}\r\n              >\r\n                {i.name}\r\n              </span>\r\n              {i.children && (\r\n                <span\r\n                  className=\"block flex-grow\"\r\n                  onClick={(e) => e.preventDefault()}\r\n                >\r\n                  <Disclosure.Button\r\n                    as=\"span\"\r\n                    className=\"flex justify-end flex-grow\"\r\n                  >\r\n                    <ChevronDownIcon\r\n                      className=\"ml-2 h-4 w-4 text-neutral-500\"\r\n                      aria-hidden=\"true\"\r\n                    />\r\n                  </Disclosure.Button>\r\n                </span>\r\n              )}\r\n            </NavLink>\r\n            {i.children && (\r\n              <Disclosure.Panel>{_renderMenuChild(i)}</Disclosure.Panel>\r\n            )}\r\n          </Disclosure>\r\n        ))}\r\n      </ul>\r\n    );\r\n  };\r\n\r\n  const _renderItem = (item: NavItemType, index: number) => {\r\n    return (\r\n      <Disclosure\r\n        key={item.id}\r\n        as=\"li\"\r\n        className=\"text-neutral-900 dark:text-white\"\r\n      >\r\n        <NavLink\r\n          exact\r\n          strict\r\n          className=\"flex w-full items-center py-2.5 px-4 font-medium uppercase tracking-wide text-sm hover:bg-neutral-100 dark:hover:bg-neutral-800 rounded-lg\"\r\n          to={{\r\n            pathname: item.href || undefined,\r\n          }}\r\n          activeClassName=\"text-secondary\"\r\n        >\r\n          <span\r\n            className={!item.children ? \"block w-full\" : \"\"}\r\n            onClick={onClickClose}\r\n          >\r\n            {t(item.name)}\r\n          </span>\r\n          {item.children && (\r\n            <span\r\n              className=\"block flex-grow\"\r\n              onClick={(e) => e.preventDefault()}\r\n            >\r\n              <Disclosure.Button\r\n                as=\"span\"\r\n                className=\"flex justify-end flex-grow\"\r\n              >\r\n                <ChevronDownIcon\r\n                  className=\"ml-2 h-4 w-4 text-neutral-500\"\r\n                  aria-hidden=\"true\"\r\n                />\r\n              </Disclosure.Button>\r\n            </span>\r\n          )}\r\n        </NavLink>\r\n        {item.children && (\r\n          <Disclosure.Panel>{_renderMenuChild(item)}</Disclosure.Panel>\r\n        )}\r\n      </Disclosure>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div className=\"overflow-y-auto w-full max-w-sm h-screen py-2 transition transform shadow-lg ring-1 dark:ring-neutral-700 bg-white dark:bg-neutral-900 divide-y-2 divide-neutral-100 dark:divide-neutral-800\">\r\n      <div className=\"py-6 px-5\">\r\n        <Logo />\r\n        <div className=\"flex flex-col mt-5 text-neutral-700 dark:text-neutral-300 text-sm\">\r\n          <span>\r\n            {t(\"NavItems.caption\")}\r\n          </span>\r\n\r\n          <div className=\"flex justify-between items-center mt-4\">\r\n            <SocialsList itemClass=\"w-9 h-9 flex items-center justify-center rounded-full bg-neutral-100 text-xl dark:bg-neutral-800 dark:text-neutral-300\" />\r\n            {/* <span className=\"block\">\r\n              //Add cart icon here \r\n              <SwitchDarkMode className=\"bg-neutral-100 dark:bg-neutral-800\" />\r\n            </span> */}\r\n            <div>\r\n              <button onClick={() => switchLanguageHandler(\"en\")}>EN</button>\r\n              <span>/</span>\r\n              <button onClick={() => switchLanguageHandler(\"zh\")}>中</button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <span className=\"absolute right-2 top-2 p-1\">\r\n          <ButtonClose onClick={onClickClose} />\r\n        </span>\r\n      </div>\r\n      <ul className=\"flex flex-col py-6 px-2 space-y-1\">\r\n        {data.map(_renderItem)}\r\n      </ul>\r\n      <div className=\"flex items-center justify-between py-6 px-5 space-x-4\">\r\n        {\r\n          auth\r\n            ?\r\n              <ButtonSecondary href=\"/login\" onClick={onClickClose}>\r\n                {t(\"LoginPage.hello\")}\r\n                {userName}\r\n              </ButtonSecondary>\r\n            :\r\n              <ButtonPrimary href=\"/login\" onClick={onClickClose}> \r\n                {t(\"NavItems.signIn\")}\r\n              </ButtonPrimary>\r\n        }\r\n\r\n        <ButtonPrimary href=\"/cart\" onClick={onClickClose}>\r\n            {t(\"NavItems.goToCart\")}\r\n        </ButtonPrimary>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default NavMobile;\r\n","import React, { useState, Fragment, useEffect } from \"react\";\r\nimport { Transition, Dialog } from \"@headlessui/react\";\r\nimport NavMobile from \"shared/Navigation/NavMobile\";\r\n\r\nexport interface MenuBarProps {}\r\nconst MenuBar: React.FC<MenuBarProps> = () => {\r\n  const [isVisable, setIsVisable] = useState(false);\r\n\r\n  useEffect(() => {\r\n    setIsVisable(false);\r\n  }, [window.location.pathname]);\r\n\r\n  const handleOpenMenu = () => setIsVisable(true);\r\n  const handleCloseMenu = () => setIsVisable(false);\r\n\r\n  const renderContent = () => {\r\n    return (\r\n      <Transition appear show={isVisable} as={Fragment}>\r\n        <Dialog\r\n          as=\"div\"\r\n          className=\"fixed inset-0 z-50 overflow-y-auto\"\r\n          onClose={handleCloseMenu}\r\n        >\r\n          <div className=\"fixed left-0 top-0 bottom-0 w-full md:w-auto z-max outline-none focus:outline-none\">\r\n            <React.Fragment>\r\n              <Transition.Child\r\n                as={Fragment}\r\n                enter=\"transition duration-100 transform\"\r\n                enterFrom=\"opacity-0 -translate-x-14\"\r\n                enterTo=\"opacity-100 translate-x-0\"\r\n                leave=\"transition duration-150 transform\"\r\n                leaveFrom=\"opacity-100 translate-x-0\"\r\n                leaveTo=\"opacity-0 -translate-x-14\"\r\n              >\r\n                <div className=\"z-10 relative\">\r\n                  <NavMobile onClickClose={handleCloseMenu} />\r\n                </div>\r\n              </Transition.Child>\r\n\r\n              <Transition.Child\r\n                as={Fragment}\r\n                enter=\" duration-300\"\r\n                enterFrom=\"opacity-0\"\r\n                enterTo=\"opacity-100\"\r\n                leave=\" duration-200\"\r\n                leaveFrom=\"opacity-100\"\r\n                leaveTo=\"opacity-0\"\r\n              >\r\n                <Dialog.Overlay className=\"fixed inset-0 bg-neutral-900 bg-opacity-50\" />\r\n              </Transition.Child>\r\n            </React.Fragment>\r\n          </div>\r\n        </Dialog>\r\n      </Transition>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <button\r\n        onClick={handleOpenMenu}\r\n        className=\"p-2.5 rounded-lg text-neutral-700 dark:text-neutral-300 focus:outline-none flex items-center justify-center\"\r\n      >\r\n        <svg\r\n          xmlns=\"http://www.w3.org/2000/svg\"\r\n          className=\"h-7 w-7\"\r\n          viewBox=\"0 0 20 20\"\r\n          fill=\"currentColor\"\r\n        >\r\n          <path\r\n            fillRule=\"evenodd\"\r\n            d=\"M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z\"\r\n            clipRule=\"evenodd\"\r\n          />\r\n        </svg>\r\n      </button>\r\n\r\n      {renderContent()}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default MenuBar;\r\n","import React, { FC, useContext } from \"react\";\r\n// import React, { FC } from \"react\";\r\nimport Logo from \"shared/Logo/Logo\";\r\nimport Navigation from \"shared/Navigation/Navigation\";\r\nimport { Link } from \"react-router-dom\";\r\n// import SearchDropdown from \"./SearchDropdown\";\r\nimport ButtonPrimary from \"shared/Button/ButtonPrimary\";\r\nimport MenuBar from \"shared/MenuBar/MenuBar\";\r\n// import SwitchDarkMode from \"shared/SwitchDarkMode/SwitchDarkMode\";\r\nimport { ShoppingCartIcon } from \"@heroicons/react/solid\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport ButtonSecondary from \"shared/Button/ButtonSecondary\";\r\nimport { AuthContext } from \"../../context/authenticate\";\r\n\r\n\r\nexport interface MainNav1Props {\r\n  isTop: boolean;\r\n}\r\n\r\nconst MainNav1: FC<MainNav1Props> = ({ isTop }) => {\r\n  const { i18n, t } = useTranslation();\r\n\r\n  const { auth, userName } = useContext(AuthContext);\r\n\r\n  const switchLanguageHandler = (language: any) => {\r\n    i18n.changeLanguage(language);\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={`nc-MainNav1 relative z-10 ${\r\n        isTop ? \"onTop \" : \"notOnTop backdrop-filter\"\r\n      }`}\r\n    >\r\n      <div className=\"container py-5 relative flex justify-between items-center space-x-4 xl:space-x-8\">\r\n        <div className=\"flex justify-start flex-grow items-center space-x-4 sm:space-x-10 2xl:space-x-14\">\r\n          <Logo />\r\n          <Navigation />\r\n        </div>\r\n        <div className=\"flex-shrink-0 flex items-center justify-end text-neutral-700 dark:text-neutral-100 space-x-1\">\r\n          <div className=\"hidden items-center xl:flex space-x-1\">\r\n            <div>\r\n              <button onClick={() => switchLanguageHandler(\"en\")}>EN</button>\r\n              <span>/</span>\r\n              <button onClick={() => switchLanguageHandler(\"zh\")}>中</button>\r\n            </div>\r\n\r\n            <button \r\n              className=\"text-2xl md:text-3xl w-12 h-12 rounded-full text-neutral-700 dark:text-neutral-300 hover:bg-neutral-100 dark:hover:bg-neutral-800 focus:outline-none flex items-center justify-center\"\r\n            >\r\n              <Link to='/cart'>\r\n                <ShoppingCartIcon className=\"w-8 h-8\" />\r\n              </Link>\r\n            </button>\r\n            {/* <SwitchDarkMode /> */}\r\n            {/* <SearchDropdown /> */}\r\n            {/* <div className=\"px-1\" /> */}\r\n            {\r\n                auth\r\n                  ?\r\n                    <ButtonSecondary href=\"/login\">\r\n                      {t(\"LoginPage.hello\")}\r\n                      {userName}\r\n                    </ButtonSecondary>\r\n                  :\r\n                    <ButtonPrimary href=\"/login\"> \r\n                      {t(\"NavItems.signIn\")}\r\n                    </ButtonPrimary>\r\n              }\r\n          </div>\r\n          <div className=\"flex items-center xl:hidden\">\r\n            <ShoppingCartIcon />\r\n            {/* <SwitchDarkMode /> */}\r\n            <div className=\"px-1\" />\r\n            <MenuBar />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default MainNav1;\r\n","import React, { FC } from \"react\";\r\nimport MainNav1 from \"./MainNav1\";\r\nimport { Helmet } from \"react-helmet\";\r\nimport { useEffect } from \"react\";\r\nimport { useState } from \"react\";\r\n\r\nexport interface HeaderProps {}\r\n\r\nconst Header: FC<HeaderProps> = () => {\r\n  const [isTop, setisTop] = useState(true);\r\n\r\n  useEffect(() => {\r\n    window.onscroll = function () {\r\n      scrollFunction();\r\n    };\r\n  }, []);\r\n\r\n  function scrollFunction() {\r\n    const $head = document.getElementById(\"nc-chifis-header\");\r\n    if (!$head) return;\r\n    if (\r\n      document.body.scrollTop > 20 ||\r\n      document.documentElement.scrollTop > 20\r\n    ) {\r\n      !!isTop && setisTop(false);\r\n    } else {\r\n      setisTop(true);\r\n    }\r\n  }\r\n\r\n  return (\r\n    <div\r\n      id=\"nc-chifis-header\"\r\n      className=\"nc-Header lg:sticky lg:top-0 w-full lg:left-0 lg:right-0 z-40\"\r\n    >\r\n      <Helmet>\r\n        <title>Best Honour Seafood</title>\r\n      </Helmet>\r\n\r\n      {/* NAV */}\r\n      <MainNav1 isTop={isTop} />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Header;\r\n","export default __webpack_public_path__ + \"static/media/404.ed676656.png\";","import ButtonPrimary from \"shared/Button/ButtonPrimary\";\r\nimport React from \"react\";\r\nimport { Helmet } from \"react-helmet\";\r\nimport NcImage from \"shared/NcImage/NcImage\";\r\nimport I404Png from \"images/404.png\";\r\n\r\nconst Page404: React.FC = () => (\r\n  <div className=\"nc-Page404\">\r\n    <Helmet>\r\n      <title>Best Honour Seafood</title>\r\n    </Helmet>\r\n    <div className=\"container relative pt-5 pb-16 lg:pb-20 lg:pt-5\">\r\n      {/* HEADER */}\r\n      <header className=\"text-center max-w-2xl mx-auto space-y-2\">\r\n        <NcImage src={I404Png} />\r\n        <span className=\"block text-sm text-neutral-800 sm:text-base dark:text-neutral-200 tracking-wider font-medium\">\r\n          THE PAGE YOU WERE LOOKING FOR DOESN'T EXIST.{\" \"}\r\n        </span>\r\n        <div className=\"pt-8\">\r\n          <ButtonPrimary href=\"/\">Return Home Page</ButtonPrimary>\r\n        </div>\r\n      </header>\r\n    </div>\r\n  </div>\r\n);\r\n\r\nexport default Page404;\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAMCAYAAADlPXT9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOYSURBVHgBbVRbaFRHGP5mznHT5gKhhBJFm0qKacEUUtvaG6VU+5K2Xkp3LUbpbrTaYh9qoe8S0z70oX3wIRjITYhmE4Pxghq8kCj4IArxHgxqwAdv4C3rbXfPGb8zZ/acPSbD7sw//3zz/998858R2d7ZGwDxJQTmg00IKP4uWc6Lv8Sa+49RaImuFmKWaFuoNBw1DCk7zeoVpFPrtbWsowKvWb/RWgHh1nMsBeR1QB0j5tcg3todZci5W6HUYuMZ4/omz7BjTbfaObZne6uTD3Ol/1fGnlcqiM8daR+if0jDv9vOwGoz2ZT7+0UTiS2i8ZkJmNV9vKua/hH+6wzOLKt3eNQ7KG7ZfIrrm0OHWMBOk5IFV6zpdnfjqXXpthuf6LkU1gcBvtxeSgkNIVxAX2qSSWaHAdUVfxNaiSsQuugncTdSjS7yG0G0bYxOVZVW2VOq2H3mUfX4mfPfw5YONtScXlh0iqbAdPGfYf1e6JNjflwqJAJ1/uZ19JlJeyR/vOcLbloYHBKo11aZ+Ij9cRkB560j3vD72HIM313wrvat7q2hKgmDmMRAssfPiSLSzmVD/llRtH9Zh82YqVnqT2PlGLs1PBw+1eeNgAeTl9jfZE2hZXxJreqoqoCT+zlYV+j2qtzPr94P/C9wDn60f/TMb/MYpgOJznGs7vk4wK7YXktFV/rx1EnMsg8Tl/NjyhlI+W2/151+MC9WcbSFdaUagxUbO/UY73mLESoN0RvYt25K232pEcrdQOtssMerMcfZg5Vtb+p5SeyHolw70LvmMRXylVbuYmzZIqeTEu5wwcy4pZ5K5pOVB7EzNeGTc+tCPCYi+9O/eM/Dh1zwCtlcp5iDWSU/IR63mHmTQVJRmcGPncspzV2Dq8LVmtrppJyKUfZP/YlKhn6nLbQRfplK+aos65gTJZdsZ70cD8krCatxLY0a4ymhbzcsMUS1vwljq68jX59uA4lHWNV5k5vrEDw0ahK7mw+ECRDWk+ue1+Prcgirup4wAd8p3Oe4iEm/Nag8cXshrUHvvs1honkLX61Cw3RSPuIwu/CKIAdfAdQGlmVdQ7yf15JhLQmbhL4yxIvjbYVtl8BVDcYxif7m+cFyvL8cIvNA74eYOzMpkR+Ca9ebE7iw8tuiADXFE41qMysm8MZUKTKylW/XUhbt21SojBvvcfUYVL4P/etPUMU/qM6oIbwrEm4gkUGiO03Z5zJ27iWMLSmvJCI9fAAAAABJRU5ErkJggg==\"","export default __webpack_public_path__ + \"static/media/mastercard.b720e3b5.svg\";","import React, { FC } from \"react\";\r\n\r\nexport interface LabelProps {\r\n  className?: string;\r\n}\r\n\r\nconst Label: FC<LabelProps> = ({ className = \"\", children }) => {\r\n  return (\r\n    <label\r\n      className={`nc-Label text-sm font-medium text-neutral-700 dark:text-neutral-300 ${className}`}\r\n      data-nc-id=\"Label\"\r\n    >\r\n      {children}\r\n    </label>\r\n  );\r\n};\r\n\r\nexport default Label;\r\n","import React, { useState } from \"react\";\n// import { Auth, API } from \"aws-amplify\";\n// import { v4 as uuidv4 } from \"uuid\";\n// import { processOrder } from \"../graphql/mutations\";\n\n\ninterface googleInterface{\n  products: any[];\n  setProducts: (products: any) => void;\n  checkout?: (orderDetails: any) => void;\n};\n\nconst defaultState = {\n  products: [],\n  setProducts: () => {},\n  checkout: () => {}\n};\n\nconst GoogleContext = React.createContext<googleInterface>(defaultState);\n\nconst GoogleProvider: React.FC = ({ children }) => {\n\n  const [products, setProducts] = useState<Array<object>>([]);\n\n  // async function isLoggedIn() {\n  //   // Another way to get if its a guest or not\n  //   //return await Auth.Credentials.getCredSource() === \"guest\"\n  //   try {\n  //       await Auth.currentAuthenticatedUser();\n  //       return true;\n  //   } catch {\n  //       return false;\n  //   }\n  // };\n\n  // const checkout = async (orderDetails: any) => {\n  //   const payload = {\n  //     id: uuidv4(),\n  //     ...orderDetails\n  //   };\n\n  //   try {\n  //     const res = await API.graphql({\n  //       query: processOrder,\n  //       variables: {input: payload},\n  //       // authMode: await isLoggedIn() ? \"AMAZON_COGNITO_USER_POOLS\" : \"AWS_IAM\",\n  //       authMode: \"AMAZON_COGNITO_USER_POOLS\"\n  //     })\n\n  //     console.log(\"Order is successful:\", res);\n  //   } catch (err) {\n  //     console.log(\"Checkout Error\", err);\n\n  //     console.log(\"whats in the cart:\", cart);\n  //     const res = findTheCorrectProducts(products, cart);\n\n  //     res.forEach(async (cartItem, index) => {\n  //       await addInventory(cartItem.id, cartItem.deductQuantity);\n  //     });\n  //     console.log('Re-Add QTY');\n  //   }\n  // };\n\n  return(\n    <GoogleContext.Provider\n      value={{ products, setProducts }}\n    >\n        {children}\n    </GoogleContext.Provider>\n  )\n};\n\nexport { GoogleContext, GoogleProvider };","import React, { useState, useEffect } from \"react\";\n\ninterface AnyInterface{\n  cart: any[];\n  total: number;\n  addToCart: (products: any) => void;\n  increaseAmount: (id: any) => void;\n  decreaseAmount: (id: any, amount: any) => void; \n  clearCart: () => void;\n};\n\nconst defaultState = {\n  cart: [],\n  total: 0,\n  paymentSent: false,\n  setPaymentSent: () => {},\n  addToCart: () => {},\n  increaseAmount: () => {},\n  decreaseAmount: () => {},\n  clearCart: () => {},\n};\n\nconst CartContext = React.createContext<AnyInterface>(defaultState);\n\nconst CartProvider: React.FC = ({ children }) => {\n  const [cart, setCart] = useState<Array<object>>([]);\n  const [total, setTotal] = useState<number>(0);\n\n  useEffect(() => {\n    const total = [...cart].reduce((total, {amount, price}: any) => {\n      return (total += amount * price);\n    }, 0);\n    setTotal(parseFloat(total.toFixed(2)));\n  }, [cart]);\n\n  const increaseAmount = (id: any) => {\n    const updatedCart = [...cart].map((item: any) => {\n      return item.id === id ? { ...item, amount: item.amount + 1 } : item;\n    });\n    setCart(updatedCart);\n  };\n\n  const decreaseAmount = (id: any, amount: any) => {\n    let updatedCart = [];\n    if (amount === 1) {\n      updatedCart = [...cart].filter((item: any) => item.id !== id);\n    } else {\n      updatedCart = [...cart].map((item: any) => {\n        return item.id === id ? { ...item, amount: item.amount - 1 } : item;\n      });\n    }\n    setCart(updatedCart);\n  };\n\n  const addToCart = (products: any) => {\n    const { id, title, price } = products;\n    const cartItem = [...cart].find((item: any) => item.id === id);\n    if (cartItem) {\n      increaseAmount(id);\n    } else {\n      const cartItems = [...cart, { id, title, price, amount: 1 }];\n      setCart(cartItems);\n    }\n  };\n\n  const clearCart = () => {\n    setCart([]);\n  };\n  // console.log('Cart State:', cart);\n  return (\n    <CartContext.Provider\n      value={{ cart, total, addToCart, increaseAmount, decreaseAmount, clearCart }}\n    >\n      {children}\n    </CartContext.Provider>\n  );\n};\n\nexport { CartProvider, CartContext };","/* eslint-disable */\n// this is an auto generated file. This will be overwritten\n\nexport const processOrder = /* GraphQL */ `\n  mutation ProcessOrder($input: ProcessOrderInput!) {\n    processOrder(input: $input)\n  }\n`;\nexport const createSeafood = /* GraphQL */ `\n  mutation CreateSeafood(\n    $input: CreateSeafoodInput!\n    $condition: ModelSeafoodConditionInput\n  ) {\n    createSeafood(input: $input, condition: $condition) {\n      id\n      title\n      description\n      image\n      author\n      featured\n      price\n      createdAt\n      updatedAt\n      orders {\n        items {\n          id\n          seafood_id\n          order_id\n          createdAt\n          updatedAt\n          customer\n        }\n        nextToken\n      }\n    }\n  }\n`;\nexport const deleteSeafood = /* GraphQL */ `\n  mutation DeleteSeafood(\n    $input: DeleteSeafoodInput!\n    $condition: ModelSeafoodConditionInput\n  ) {\n    deleteSeafood(input: $input, condition: $condition) {\n      id\n      title\n      description\n      image\n      author\n      featured\n      price\n      createdAt\n      updatedAt\n      orders {\n        items {\n          id\n          seafood_id\n          order_id\n          createdAt\n          updatedAt\n          customer\n        }\n        nextToken\n      }\n    }\n  }\n`;\nexport const createSeafoodOrder = /* GraphQL */ `\n  mutation CreateSeafoodOrder(\n    $input: CreateSeafoodOrderInput!\n    $condition: ModelSeafoodOrderConditionInput\n  ) {\n    createSeafoodOrder(input: $input, condition: $condition) {\n      id\n      seafood_id\n      order_id\n      order {\n        id\n        user\n        date\n        total\n        createdAt\n        updatedAt\n        seafoods {\n          nextToken\n        }\n        customer\n      }\n      createdAt\n      updatedAt\n      seafood {\n        id\n        title\n        description\n        image\n        author\n        featured\n        price\n        createdAt\n        updatedAt\n        orders {\n          nextToken\n        }\n      }\n      customer\n    }\n  }\n`;\nexport const deleteSeafoodOrder = /* GraphQL */ `\n  mutation DeleteSeafoodOrder(\n    $input: DeleteSeafoodOrderInput!\n    $condition: ModelSeafoodOrderConditionInput\n  ) {\n    deleteSeafoodOrder(input: $input, condition: $condition) {\n      id\n      seafood_id\n      order_id\n      order {\n        id\n        user\n        date\n        total\n        createdAt\n        updatedAt\n        seafoods {\n          nextToken\n        }\n        customer\n      }\n      createdAt\n      updatedAt\n      seafood {\n        id\n        title\n        description\n        image\n        author\n        featured\n        price\n        createdAt\n        updatedAt\n        orders {\n          nextToken\n        }\n      }\n      customer\n    }\n  }\n`;\nexport const createOrder = /* GraphQL */ `\n  mutation CreateOrder(\n    $input: CreateOrderInput!\n    $condition: ModelOrderConditionInput\n  ) {\n    createOrder(input: $input, condition: $condition) {\n      id\n      user\n      date\n      total\n      createdAt\n      updatedAt\n      seafoods {\n        items {\n          id\n          seafood_id\n          order_id\n          createdAt\n          updatedAt\n          customer\n        }\n        nextToken\n      }\n      customer\n    }\n  }\n`;\nexport const updateOrder = /* GraphQL */ `\n  mutation UpdateOrder(\n    $input: UpdateOrderInput!\n    $condition: ModelOrderConditionInput\n  ) {\n    updateOrder(input: $input, condition: $condition) {\n      id\n      user\n      date\n      total\n      createdAt\n      updatedAt\n      seafoods {\n        items {\n          id\n          seafood_id\n          order_id\n          createdAt\n          updatedAt\n          customer\n        }\n        nextToken\n      }\n      customer\n    }\n  }\n`;\nexport const deleteOrder = /* GraphQL */ `\n  mutation DeleteOrder(\n    $input: DeleteOrderInput!\n    $condition: ModelOrderConditionInput\n  ) {\n    deleteOrder(input: $input, condition: $condition) {\n      id\n      user\n      date\n      total\n      createdAt\n      updatedAt\n      seafoods {\n        items {\n          id\n          seafood_id\n          order_id\n          createdAt\n          updatedAt\n          customer\n        }\n        nextToken\n      }\n      customer\n    }\n  }\n`;\nexport const updateSeafood = /* GraphQL */ `\n  mutation UpdateSeafood(\n    $input: UpdateSeafoodInput!\n    $condition: ModelSeafoodConditionInput\n  ) {\n    updateSeafood(input: $input, condition: $condition) {\n      id\n      title\n      description\n      image\n      author\n      featured\n      price\n      createdAt\n      updatedAt\n      orders {\n        items {\n          id\n          seafood_id\n          order_id\n          createdAt\n          updatedAt\n          customer\n        }\n        nextToken\n      }\n    }\n  }\n`;\nexport const updateSeafoodOrder = /* GraphQL */ `\n  mutation UpdateSeafoodOrder(\n    $input: UpdateSeafoodOrderInput!\n    $condition: ModelSeafoodOrderConditionInput\n  ) {\n    updateSeafoodOrder(input: $input, condition: $condition) {\n      id\n      seafood_id\n      order_id\n      order {\n        id\n        user\n        date\n        total\n        createdAt\n        updatedAt\n        seafoods {\n          nextToken\n        }\n        customer\n      }\n      createdAt\n      updatedAt\n      seafood {\n        id\n        title\n        description\n        image\n        author\n        featured\n        price\n        createdAt\n        updatedAt\n        orders {\n          nextToken\n        }\n      }\n      customer\n    }\n  }\n`;\n","import React, { FC, useState, useEffect, useContext } from \"react\";\n// import { useHistory } from \"react-router-dom\";\n// import { SeafoodContext } from \"../../context/seafoods\";\nimport { GoogleContext } from \"context/google\";\nimport { CartContext } from \"../../context/cart\";\nimport { CardElement, useElements, useStripe } from \"@stripe/react-stripe-js\";\nimport ButtonPrimary from \"shared/Button/ButtonPrimary\";\nimport { API, Auth } from \"aws-amplify\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport { processOrder } from \"graphql/mutations\";\nimport { useTranslation } from \"react-i18next\";\n\nexport interface CheckOutFormProps {\n  className?: string;\n  paymentTrigger: (string: any) => void;\n  guestValues?: any;\n}\n\nconst CARD_ELEMENT_OPTIONS = {\n  style: {\n    base: {\n      color: \"#32325d\",\n      fontFamily: '\"Helvetica Neue\", Helvetica, sans-serif',\n      fontSmoothing: \"antialiased\",\n      fontSize: \"16px\",\n      \"::placeholder\": {\n        color: \"#aab7c4\"\n      }\n    },\n    invalid: {\n      color: \"#fa755a\",\n      iconColor: \"#fa755a\"\n    },\n    hidePostalCode: true\n  }\n};\n\nconst CheckoutForm: FC<CheckOutFormProps> = ({paymentTrigger, guestValues}) => {\n  const { cart, total, clearCart } = useContext(CartContext);\n  const { products } = useContext(GoogleContext);\n\n  const [orderDetails, setOrderDetails] = useState<any>({ cart, total, address: null, token: null });\n  const [error, setError] = useState<any>(null);\n\n  const { t } = useTranslation();\n  const stripe = useStripe();\n  const elements = useElements();\n  // const history = useHistory();\n  // console.log('Child component:', guestValues);\n\n  // Handle real-time validation errors from the card Element.\n  const handleChange = (event: any) => {\n    if (event.error) {\n      setError(event.error.message);\n    } else {\n      setError(null);\n    }\n  };\n\n  //Add inventory\n  const addInventory = async (keyValue: any, newValue: any) => {\n\n    try {\n      await API.post('googleAddSeafoodInventory', '/addSeafoodInventory', {\n        queryStringParameters: {\n          keyValue: keyValue,\n          newValue: newValue\n        },\n        headers: {\n          'Content-Type': 'application/json'\n        }\n      })\n    } catch (err) {\n      console.log('Update Error:', err);\n    }\n  };\n\n  //Update google inventory API\n  const updateSeafood = async (keyValue: any, newValue: any) => {\n\n    try {\n      await API.post('googleUpdateSeafoodInventory', '/updateSeafoodInventory', {\n        queryStringParameters: {\n          keyValue: keyValue,\n          newValue: newValue\n        },\n        headers: {\n          'Content-Type': 'application/json'\n        }\n      })\n        // .then((res) => {\n        //   const result = res.body.data;\n        //   console.log('Done:', result);\n        // });\n    } catch (err) {\n      console.log('Update Error:', err);\n    }\n  };\n\n  const findTheCorrectProducts = (allProducts: any, cartItems: any) => {\n    let arr = [];\n\n    for (let productRow = 0; productRow < allProducts.length; productRow++) {\n\n      const eachProduct = allProducts[productRow];\n\n      for (let cartRow = 0; cartRow < cartItems.length; cartRow++) {\n        const eachCartItem = cartItems[cartRow];\n\n        if (eachProduct.id === eachCartItem.id) {\n          \n          const currentQuantity = eachProduct.quantity;\n          const deductQuantity = eachCartItem.amount;\n\n          if (currentQuantity > deductQuantity || currentQuantity === deductQuantity) {\n            arr.push({\n              \"id\": eachCartItem.id,\n              // \"currentQuantity\": currentQuantity,\n              \"deductQuantity\": deductQuantity\n            });\n\n          } else {\n            return [];\n          }\n        };\n      };\n    };\n    return arr;\n  };\n\n  // Handle form submission.\n  const handleSubmit = async (event: any) => {\n    event.preventDefault();\n\n    const res = findTheCorrectProducts(products, cart);\n\n    if (res.length > 0) {\n\n      const card = elements!.getElement(CardElement);\n      const result = await stripe!.createToken(card as NonNullable<typeof card>);\n      // console.log('Result:', result);\n\n      // const paymentMethodReq = await stripe!.createPaymentMethod({\n      //   type: \"card\",\n      //   card: card\n      // }as any);\n      \n      // const confirmedCardPayment = await stripe!.confirmCardPayment(clientSecret, {\n      //   payment_method: paymentMethodReq.paymentMethod.id,\n      // })\n\n      if (result.error) {\n        // Inform the user if there was an error.\n        setError(result.error.message);\n      } else {\n\n        res.forEach(async (cartItem, index) => {\n          await updateSeafood(cartItem.id, cartItem.deductQuantity);\n        });\n        setError(null);\n        // Send the token to your server.\n        const token = result.token;\n        setOrderDetails({ ...orderDetails, \n          token: token.id, \n          guestName:  (guestValues && guestValues.name) || '',\n          guestEmail:  (guestValues && guestValues.email) || '',\n          guestPhone:  (guestValues && guestValues.phone) || ''\n        });\n        paymentTrigger(\"true\");\n        clearCart();\n      }\n    } else {\n      alert(\"Something went wrong\");\n    };\n  };\n\n  async function isLoggedIn() {\n    // Another way to get if its a guest or not\n    //return await Auth.Credentials.getCredSource() === \"guest\"\n    try {\n        await Auth.currentAuthenticatedUser();\n        return true;\n    } catch {\n        return false;\n    }\n  };\n\n  const checkout = async (orderDetails: any) => {\n    const payload = {\n      id: uuidv4(),\n      ...orderDetails\n    };\n\n    try {\n      const res = await API.graphql({\n        query: processOrder,\n        variables: {input: payload},\n        authMode: await isLoggedIn() ? \"AMAZON_COGNITO_USER_POOLS\" : \"AWS_IAM\"\n        // authMode: \"AMAZON_COGNITO_USER_POOLS\"\n      })\n\n      console.log(\"Order is successful:\", res);\n    } catch (err) {\n      console.log(\"Checkout Error\", err);\n      paymentTrigger(\"false\");\n\n      setTimeout(() => {\n        const res = findTheCorrectProducts(products, cart);\n\n        res.forEach(async (cartItem, index) => {\n          await addInventory(cartItem.id, cartItem.deductQuantity);\n        });\n        // console.log('Re-Add QTY');\n      }, 3000)\n      \n    }\n  };\n\n  useEffect(() => {\n    if (orderDetails.token) {\n      checkout(orderDetails);\n      //clearCart();\n      //history.push(\"/\");\n    }\n  }, [orderDetails]);\n\n  return (\n    <form onSubmit={handleSubmit}>\n      <div className=\"checkout-form\">\n        {/* <label htmlFor=\"checkout-address\">Shipping Address</label>\n        <input\n          id=\"checkout-address\"\n          type=\"text\"\n          onChange={(e) => setOrderDetails({ ...orderDetails, address: e.target.value })}\n        /> */}\n        <div className=\"stripe-section\">\n          {/* <label htmlFor=\"stripe-element\"> Credit or debit card </label> */}\n          <CardElement id=\"stripe-element\" options={CARD_ELEMENT_OPTIONS} onChange={handleChange} />\n        </div>\n        <div className=\"card-errors\" role=\"alert\">\n          {error}\n        </div>\n      </div>\n\n      <div className=\"mt-10 flex justify-end\">\n        <ButtonPrimary type=\"submit\">\n          {t(\"CheckOutForm.submitButton\")}\n        </ButtonPrimary>\n      </div>\n    </form>\n  );\n};\n\nexport default CheckoutForm;\n","import React from \"react\";\nimport { FC } from \"react\";\nimport ButtonPrimary from \"shared/Button/ButtonPrimary\";\n// import ButtonSecondary from \"shared/Button/ButtonSecondary\";\nimport { useTranslation } from \"react-i18next\";\n\nexport interface CommonLayoutProps {\n  index?: string;\n  nextHref?: string;\n  backtHref?: string;\n  nextBtnText?: string;\n}\n\nconst OneButtonCommonLayout: FC<CommonLayoutProps> = ({\n  index = \"01\",\n  children,\n  nextHref,\n  nextBtnText,\n  backtHref,\n}) => {\n\n  const { t } = useTranslation();\n\n  return (\n    <div\n      className={`nc-PageAddListing1 px-4 max-w-3xl mx-auto pb-24 pt-14 sm:py-24 lg:pb-32`}\n      data-nc-id=\"PageAddListing1\"\n    >\n      <div className=\"space-y-11\">\n        {/* <div>\n          <span className=\"text-4xl font-semibold\">{index}</span>{\" \"}\n          <span className=\"text-lg text-neutral-500 dark:text-neutral-400\">\n            / 10\n          </span>\n        </div> */}\n\n        {/* --------------------- */}\n        <div className=\"listingSection__wrap \">{children}</div>\n\n        {/* --------------------- */}\n        <div className=\"flex justify-end space-x-5\">\n          <ButtonPrimary href={backtHref}>{t(\"Button.return\")}</ButtonPrimary>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default OneButtonCommonLayout;\n","export const publishableKey = {\n  test: \"pk_test_51JgyMgKOymNBGrobwo0y9iG6kiYa6FrW6aTMmjYZYOsx6e86TOF0ouf5y66YKcr9EBysq4djZmxX4hCOah1uZuoN00oLJnXAKE\",\n  prod: \"pk_live_51JgyMgKOymNBGrobmJEJogtRIPpZL04xrAI4yBuQaIEoXUAvfx7QJALc2aPcj0G4AhzkYqfaiO4tLxRNLGK0vf0Y00BdsGCbLD\"\n};","import React, { FC, Fragment, useContext, useState } from \"react\";\r\nimport { Tab } from \"@headlessui/react\";\r\n// import { PencilAltIcon } from \"@heroicons/react/outline\";\r\nimport visaPng from \"images/vis.png\";\r\nimport mastercardPng from \"images/mastercard.svg\";\r\nimport Input from \"shared/Input/Input\";\r\nimport Label from \"components/Label/Label\";\r\n// import Textarea from \"shared/Textarea/Textarea\";\r\n// import ButtonPrimary from \"shared/Button/ButtonPrimary\";\r\n// import NcImage from \"shared/NcImage/NcImage\";\r\n// import StartRating from \"components/StartRating/StartRating\";\r\n// import NcModal from \"shared/NcModal/NcModal\";\r\n// import { Authenticator } from '@aws-amplify/ui-react';\r\nimport { loadStripe } from '@stripe/stripe-js';\r\nimport { Elements } from '@stripe/react-stripe-js';\r\nimport CheckoutForm from \"components/CheckoutForm/CheckoutForm\";\r\nimport OneButtonCommonLayout from \"containers/PageAddListing1/OneButtonCommonLayout\";\r\n// import { CartContext } from \"context/cart\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { AuthContext } from \"context/authenticate\";\r\nimport { publishableKey } from \"./constant\";\r\n\r\nexport interface CheckOutPageProps {\r\n  className?: string;\r\n}\r\n\r\nconst CheckOutPage: FC<CheckOutPageProps> = ({ className = \"\" }) => {\r\n\r\n  // const stripePromise = loadStripe(publishableKey.test);\r\n  const stripePromise = loadStripe(publishableKey.prod);\r\n\r\n  const { t } = useTranslation();\r\n\r\n  const { auth } = useContext(AuthContext);\r\n\r\n  const [paymentSent, setPaymentSent] = useState<any>(undefined);\r\n  const [values, setValues] = useState({\r\n    name: '',\r\n    email: '',\r\n    phone: ''\r\n  });\r\n\r\n  const paymentTrigger = (input: any) => {\r\n    if (input === \"true\") {\r\n      setPaymentSent(true);\r\n    } else {\r\n      setPaymentSent(false);\r\n    }\r\n  };\r\n\r\n  const handleChange = (e: any) => {\r\n    const { name, value } = e.target;\r\n\r\n    setValues((prevState) => ({ ...prevState, [name]: value }))\r\n  };\r\n\r\n  // const renderSidebar = () => {\r\n  //   return (\r\n  //     <>\r\n  //       { \r\n  //         cart.map((item)=> {\r\n  //           return <div \r\n  //                     className=\"w-full flex flex-col sm:rounded-2xl sm:border border-neutral-200 dark:border-neutral-700 space-y-6 sm:space-y-8 px-0 sm:p-6 xl:p-8\"\r\n  //                     key={item.id}\r\n  //                   >\r\n  //                     <div className=\"flex flex-col sm:flex-row sm:items-center\">\r\n  //                       <div className=\"flex-shrink-0 w-full sm:w-40\">\r\n  //                         <div className=\" aspect-w-4 aspect-h-3 sm:aspect-h-4 rounded-2xl overflow-hidden\">\r\n  //                           <NcImage src=\"https://images.pexels.com/photos/6373478/pexels-photo-6373478.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940\" />\r\n  //                         </div>\r\n  //                       </div>\r\n  //                       <div className=\"py-5 sm:px-5 space-y-3\">\r\n  //                         <div>\r\n  //                           {/* <span className=\"text-sm text-neutral-500 dark:text-neutral-400 line-clamp-1\">\r\n  //                             Hotel room in Tokyo, Jappan\r\n  //                           </span> */}\r\n  //                           <span className=\"text-base font-medium mt-1 block\">\r\n  //                             {item.title}\r\n  //                           </span>\r\n  //                         </div>\r\n  //                         {/* <span className=\"block  text-sm text-neutral-500 dark:text-neutral-400\">\r\n  //                           2 beds · 2 baths\r\n  //                         </span>\r\n  //                         <div className=\"w-10 border-b border-neutral-200  dark:border-neutral-700\"></div>\r\n  //                         <StartRating /> */}\r\n  //                       </div>\r\n  //                     </div>\r\n  //                     <div className=\"flex flex-col space-y-4\">\r\n  //                       <h3 className=\"text-2xl font-semibold\">Price detail</h3>\r\n  //                       <div className=\"flex justify-between text-neutral-6000 dark:text-neutral-300\">\r\n  //                         <span>{`${item.price} x ${item.amount}`}</span>\r\n  //                         <span>{`Subtotal: ${item.total}`}</span>\r\n  //                       </div>\r\n  //                       {/* <div className=\"flex justify-between text-neutral-6000 dark:text-neutral-300\">\r\n  //                         <span>Service charge</span>\r\n  //                         <span>$0</span>\r\n  //                       </div> */}\r\n\r\n  //                       <div className=\"border-b border-neutral-200 dark:border-neutral-700\"></div>\r\n  //                       <div className=\"flex justify-between font-semibold\">\r\n  //                         <span>Total</span>\r\n  //                         <span>$57</span>\r\n  //                       </div>\r\n  //                     </div>\r\n  //                   </div>\r\n  //         })\r\n  //       }\r\n  //     </>\r\n  //   );\r\n  // };\r\n\r\n  const renderMain = () => {\r\n    return (\r\n      <div className=\"w-full flex flex-col sm:rounded-2xl sm:border border-neutral-200 dark:border-neutral-700 space-y-8 px-0 sm:p-6 xl:p-8\">\r\n        <h2 className=\"text-3xl lg:text-4xl font-semibold\">\r\n          {t(\"CheckOutForm.pageTitle\")}\r\n        </h2>\r\n        <div className=\"border-b border-neutral-200 dark:border-neutral-700\"></div>\r\n        {/* <div>\r\n          <div>\r\n            <h3 className=\"text-2xl font-semibold\">Your trip</h3>\r\n            <NcModal\r\n              renderTrigger={(openModal) => (\r\n                <span\r\n                  onClick={() => openModal()}\r\n                  className=\"block lg:hidden underline  mt-1 cursor-pointer\"\r\n                >\r\n                  View booking details\r\n                </span>\r\n              )}\r\n              renderContent={renderSidebar}\r\n            />\r\n          </div>\r\n          <div className=\"mt-6 border border-neutral-200 dark:border-neutral-700 rounded-3xl flex flex-col sm:flex-row divide-y sm:divide-x sm:divide-y-0 divide-neutral-200 dark:divide-neutral-700\">\r\n            <div className=\"flex-1 p-5 flex justify-between space-x-5\">\r\n              <div className=\"flex flex-col\">\r\n                <span className=\"text-sm text-neutral-400\">Date</span>\r\n                <span className=\"mt-1.5 text-lg font-semibold\">\r\n                  Aug 12 - 16, 2021\r\n                </span>\r\n              </div>\r\n              <PencilAltIcon className=\"w-6 h-6 text-neutral-300 dark:text-neutral-6000\" />\r\n            </div>\r\n            <div className=\"flex-1 p-5 flex justify-between space-x-5\">\r\n              <div className=\"flex flex-col\">\r\n                <span className=\"text-sm text-neutral-400\">Guests</span>\r\n                <span className=\"mt-1.5 text-lg font-semibold\">3 Guests</span>\r\n              </div>\r\n              <PencilAltIcon className=\"w-6 h-6 text-neutral-300 dark:text-neutral-6000\" />\r\n            </div>\r\n          </div>\r\n        </div> */}\r\n\r\n        <div>\r\n          <h3 className=\"text-2xl font-semibold\">{t(\"CheckOutForm.pageSubTitle\")}</h3>\r\n          <div className=\"mt-6\">\r\n            <Tab.Group>\r\n              <Tab.List className=\"flex\">\r\n                <Tab as={Fragment}>\r\n                  {({ selected }) => (\r\n                    <button\r\n                      className={`px-4 py-1.5 sm:px-6 sm:py-2.5  rounded-full flex items-center justify-center focus:outline-none  ${\r\n                        selected\r\n                          ? \"bg-neutral-800 text-white\"\r\n                          : \" text-neutral-6000 dark:text-neutral-400\"\r\n                      }`}\r\n                    >\r\n                      <span className=\"mr-2.5\">\r\n                        {t(\"CheckOutForm.creditCard\")}\r\n                      </span>\r\n                      <img className=\"w-8\" src={visaPng} alt=\"\" />\r\n                      <img className=\"w-8\" src={mastercardPng} alt=\"\" />\r\n                    </button>\r\n                  )}\r\n                </Tab>\r\n                {/* <Tab as={Fragment}>\r\n                  {({ selected }) => (\r\n                    <button\r\n                      className={`px-4 py-1.5 sm:px-6 sm:py-2.5 rounded-full focus:outline-none ${\r\n                        selected\r\n                          ? \"bg-neutral-800 text-white\"\r\n                          : \"text-neutral-6000 dark:text-neutral-400\"\r\n                      }`}\r\n                    >\r\n                      Paypal\r\n                    </button>\r\n                  )}\r\n                </Tab> */}\r\n              </Tab.List>\r\n\r\n              <div className=\"w-14 border-b border-neutral-200 my-5\"></div>\r\n              <Tab.Panels>\r\n                <Tab.Panel className=\"space-y-5\">\r\n                  {/* <div className=\"space-y-1\">\r\n                    <Label>Card number </Label>\r\n                    <Input defaultValue=\"111 112 222 999\" />\r\n                  </div>\r\n                  <div className=\"space-y-1\">\r\n                    <Label>Card holder </Label>\r\n                    <Input defaultValue=\"JOHN DOE\" />\r\n                  </div>\r\n                  <div className=\"flex space-x-5  \">\r\n                    <div className=\"flex-1 space-y-1\">\r\n                      <Label>Expiration date </Label>\r\n                      <Input type=\"date\" defaultValue=\"MM/YY\" />\r\n                    </div>\r\n                    <div className=\"flex-1 space-y-1\">\r\n                      <Label>CVC </Label>\r\n                      <Input />\r\n                    </div>\r\n                  </div> */}\r\n                  {/* <div className=\"space-y-1\">\r\n                    <Label>Messager for author </Label>\r\n                    <Textarea placeholder=\"...\" />\r\n                    <span className=\"text-sm text-neutral-500 block\">\r\n                      Write a few sentences about yourself.\r\n                    </span>\r\n                  </div> */}\r\n                  <CheckoutForm paymentTrigger={paymentTrigger}/>\r\n                </Tab.Panel>\r\n                {/* <Tab.Panel className=\"space-y-5\">\r\n                  <div className=\"space-y-1\">\r\n                    <Label>Email </Label>\r\n                    <Input type=\"email\" defaultValue=\"example@gmail.com\" />\r\n                  </div>\r\n                  <div className=\"space-y-1\">\r\n                    <Label>Password </Label>\r\n                    <Input type=\"password\" defaultValue=\"***\" />\r\n                  </div>\r\n                  <div className=\"space-y-1\">\r\n                    <Label>Messager for author </Label>\r\n                    <Textarea placeholder=\"...\" />\r\n                    <span className=\"text-sm text-neutral-500 block\">\r\n                      Write a few sentences about yourself.\r\n                    </span>\r\n                  </div>\r\n                  <div className=\"pt-4\">\r\n                    <ButtonPrimary>Confirm and pay</ButtonPrimary>\r\n                  </div>\r\n                </Tab.Panel> */}\r\n              </Tab.Panels>\r\n            </Tab.Group>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  };\r\n\r\n  const renderGuestMain = () => {\r\n    return (\r\n      <div className=\"w-full flex flex-col sm:rounded-2xl sm:border border-neutral-200 dark:border-neutral-700 space-y-8 px-0 sm:p-6 xl:p-8\">\r\n        <h2 className=\"text-3xl lg:text-4xl font-semibold\">\r\n          {t(\"CheckOutForm.pageTitle\")}\r\n        </h2>\r\n        <div className=\"border-b border-neutral-200 dark:border-neutral-700\"></div>\r\n        \r\n\r\n        <div>\r\n          <h3 className=\"text-2xl font-semibold\">{t(\"CheckOutForm.pageSubTitle\")}</h3>\r\n          <div className=\"mt-6\">\r\n            <Tab.Group>\r\n              <Tab.List className=\"flex\">\r\n                <Tab as={Fragment}>\r\n                  {({ selected }) => (\r\n                    <button\r\n                      className={`px-4 py-1.5 sm:px-6 sm:py-2.5  rounded-full flex items-center justify-center focus:outline-none  ${\r\n                        selected\r\n                          ? \"bg-neutral-800 text-white\"\r\n                          : \" text-neutral-6000 dark:text-neutral-400\"\r\n                      }`}\r\n                    >\r\n                      <span className=\"mr-2.5\">\r\n                        {t(\"CheckOutForm.creditCard\")}\r\n                      </span>\r\n                      <img className=\"w-8\" src={visaPng} alt=\"\" />\r\n                      <img className=\"w-8\" src={mastercardPng} alt=\"\" />\r\n                    </button>\r\n                  )}\r\n                </Tab>\r\n                {/* <Tab as={Fragment}>\r\n                  {({ selected }) => (\r\n                    <button\r\n                      className={`px-4 py-1.5 sm:px-6 sm:py-2.5 rounded-full focus:outline-none ${\r\n                        selected\r\n                          ? \"bg-neutral-800 text-white\"\r\n                          : \"text-neutral-6000 dark:text-neutral-400\"\r\n                      }`}\r\n                    >\r\n                      Paypal\r\n                    </button>\r\n                  )}\r\n                </Tab> */}\r\n              </Tab.List>\r\n\r\n              <div className=\"w-100 border-b border-neutral-200 my-5\"></div>\r\n\r\n              <Tab.Panels>\r\n                <Tab.Panel className=\"space-y-5\">\r\n                  <div className=\"space-y-1\">\r\n                    <Label>{t(\"CheckOutForm.fullName\")}</Label>\r\n                    <Input type=\"text\" name=\"name\" onChange={handleChange} placeholder={t(\"CheckOutForm.enterName\")} />\r\n                  </div>\r\n                  <div className=\"space-y-1\">\r\n                    <Label>{t(\"CheckOutForm.email\")}</Label>\r\n                    <Input type=\"email\" name=\"email\" onChange={handleChange} placeholder={t(\"CheckOutForm.enterEmail\")} />\r\n                  </div>\r\n                  <div className=\"space-y-1\">\r\n                    <Label>{t(\"CheckOutForm.phone\")}</Label>\r\n                    <Input name=\"phone\" onChange={handleChange} placeholder={t(\"CheckOutForm.enterPhone\")} />\r\n                  </div>\r\n                  {/* <div className=\"flex space-x-5  \">\r\n                    <div className=\"flex-1 space-y-1\">\r\n                      <Label>Expiration date </Label>\r\n                      <Input type=\"date\" defaultValue=\"MM/YY\" />\r\n                    </div>\r\n                    <div className=\"flex-1 space-y-1\">\r\n                      <Label>CVC </Label>\r\n                      <Input />\r\n                    </div>\r\n                  </div> */}\r\n                  {/* <div className=\"space-y-1\">\r\n                    <Label>Messager for author </Label>\r\n                    <Textarea placeholder=\"...\" />\r\n                    <span className=\"text-sm text-neutral-500 block\">\r\n                      Write a few sentences about yourself.\r\n                    </span>\r\n                  </div> */}\r\n\r\n                  {/* Actual Checkout Form */}\r\n\r\n                  <CheckoutForm paymentTrigger={paymentTrigger} guestValues={values}/>\r\n\r\n                </Tab.Panel>\r\n\r\n                {/* <Tab.Panel className=\"space-y-5\">\r\n                  <div className=\"space-y-1\">\r\n                    <Label>Email </Label>\r\n                    <Input type=\"email\" defaultValue=\"example@gmail.com\" />\r\n                  </div>\r\n                  <div className=\"space-y-1\">\r\n                    <Label>Password </Label>\r\n                    <Input type=\"password\" defaultValue=\"***\" />\r\n                  </div>\r\n                  <div className=\"space-y-1\">\r\n                    <Label>Messager for author </Label>\r\n                    <Textarea placeholder=\"...\" />\r\n                    <span className=\"text-sm text-neutral-500 block\">\r\n                      Write a few sentences about yourself.\r\n                    </span>\r\n                  </div>\r\n                  <div className=\"pt-4\">\r\n                    <ButtonPrimary>Confirm and pay</ButtonPrimary>\r\n                  </div>\r\n                </Tab.Panel> */}\r\n              </Tab.Panels>\r\n            </Tab.Group>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div className={`nc-CheckOutPage ${className}`} data-nc-id=\"CheckOutPage\">\r\n      <>\r\n        {\r\n          paymentSent === undefined && (\r\n            // <Authenticator>\r\n            //   {\r\n            //     () => (\r\n            //       <Elements stripe={stripePromise}>\r\n            //         {/* <main className=\"container mt-11 mb-24 lg:mb-32 flex flex-col-reverse lg:flex-row\"> */}\r\n            //         <main className=\"container mt-11 mb-24 lg:mb-32 flex justify-center lg:flex-row\">\r\n            //           <div className=\"w-full lg:w-3/5 xl:w-2/3 lg:pr-10 \">\r\n            //             {renderMain()}\r\n            //           </div>\r\n            //           {/* <div className=\"hidden lg:block flex-grow\">{renderSidebar()}</div> */}\r\n            //         </main>  \r\n            //       </Elements> \r\n            //     )\r\n            //   }\r\n            // </Authenticator>\r\n\r\n            <>\r\n              {\r\n                auth   \r\n                  ?\r\n                    <Elements stripe={stripePromise}>\r\n                      {/* <main className=\"container mt-11 mb-24 lg:mb-32 flex flex-col-reverse lg:flex-row\"> */}\r\n                      <main className=\"container mt-11 mb-24 lg:mb-32 flex justify-center lg:flex-row\">\r\n                        <div className=\"w-full lg:w-3/5 xl:w-2/3 lg:pr-10 \">\r\n                          {renderMain()}\r\n                        </div>\r\n                        {/* <div className=\"hidden lg:block flex-grow\">{renderSidebar()}</div> */}\r\n                      </main>  \r\n                    </Elements> \r\n                  :\r\n                    <Elements stripe={stripePromise}>\r\n                      {/* <main className=\"container mt-11 mb-24 lg:mb-32 flex flex-col-reverse lg:flex-row\"> */}\r\n                      <main className=\"container mt-11 mb-24 lg:mb-32 flex justify-center lg:flex-row\">\r\n                        <div className=\"w-full lg:w-3/5 xl:w-2/3 lg:pr-10 \">\r\n                          {renderGuestMain()}\r\n                        </div>\r\n                        {/* <div className=\"hidden lg:block flex-grow\">{renderSidebar()}</div> */}\r\n                      </main>  \r\n                    </Elements> \r\n              }\r\n            </>\r\n          )\r\n        }\r\n\r\n        {\r\n          paymentSent === true && (\r\n            <OneButtonCommonLayout backtHref=\"/\">\r\n              <h2 \r\n                className=\"text-3xl lg:text-4xl font-semibold\"\r\n              >\r\n                {t(\"CheckOutForm.successTitle\")}\r\n              </h2>\r\n\r\n              <div className=\"border-b border-neutral-200 dark:border-neutral-700\"></div>\r\n\r\n              <h3 className=\"text-2xl font-semibold\">\r\n                {t(\"CheckOutForm.successMessage\")}\r\n              </h3>\r\n            </OneButtonCommonLayout>\r\n          )\r\n        }\r\n\r\n        {\r\n          paymentSent === false && (\r\n            <OneButtonCommonLayout backtHref=\"/\">\r\n              <h2 \r\n                className=\"text-3xl lg:text-4xl font-semibold\"\r\n              >\r\n                {t(\"CheckOutForm.unsuccessTitle\")}\r\n              </h2>\r\n\r\n              <div className=\"border-b border-neutral-200 dark:border-neutral-700\"></div>\r\n\r\n              <h3 className=\"text-2xl font-semibold\">\r\n                {t(\"CheckOutForm.unsuccessMessage\")}\r\n              </h3>\r\n            </OneButtonCommonLayout>\r\n          )\r\n        }\r\n      </>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default CheckOutPage;\r\n","import React, { TextareaHTMLAttributes } from \"react\";\r\n\r\nexport interface TextareaProps\r\n  extends TextareaHTMLAttributes<HTMLTextAreaElement> {}\r\n\r\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\r\n  (\r\n    { \r\n      className = \"\",\r\n      name = \"\",\r\n      onChange = () => {},\r\n      children, \r\n      ...args \r\n    }, \r\n    ref\r\n  ) => {\r\n    return (\r\n      <textarea\r\n        ref={ref}\r\n        className={`block w-full text-sm rounded-2xl border-neutral-200 focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50 bg-white dark:border-neutral-700 dark:focus:ring-primary-6000 dark:focus:ring-opacity-25 dark:bg-neutral-900 ${className}`}\r\n        name={name}\r\n        rows={4}\r\n        onChange={onChange}\r\n        {...args}\r\n      >\r\n        {children}\r\n      </textarea>\r\n    );\r\n  }\r\n);\r\n\r\nexport default Textarea;\r\n","export default __webpack_public_path__ + \"static/media/store.60a9b5c2.jpg\";","import React, { FC, useState } from \"react\";\r\nimport { Helmet } from \"react-helmet\";\r\n// import SectionSubscribe2 from \"components/SectionSubscribe2/SectionSubscribe2\";\r\n// import SocialsList from \"shared/SocialsList/SocialsList\";\r\nimport Label from \"components/Label/Label\";\r\nimport Input from \"shared/Input/Input\";\r\nimport Textarea from \"shared/Textarea/Textarea\";\r\nimport ButtonPrimary from \"shared/Button/ButtonPrimary\";\r\n// import SectionClientSay from \"components/SectionClientSay/SectionClientSay\";\r\n// import BackgroundSection from \"components/BackgroundSection/BackgroundSection\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport emailjs from '@emailjs/browser';\r\nimport { serviceID, templateID, userID } from './constant';\r\nimport NcImage from \"shared/NcImage/NcImage\";\r\nimport storeImage from \"images/store.jpg\";\r\n\r\nexport interface PageContactProps {\r\n  className?: string;\r\n}\r\n\r\nconst info = [\r\n  {\r\n    title: \"AboutUsPage.address\",\r\n    desc: \"126-11786 River Rd, Richmond, BC, V6X 1Z7\",\r\n  },\r\n  // {\r\n  //   title: \"💌 EMAIL\",\r\n  //   desc: \"nc.example@example.com\",\r\n  // },\r\n  {\r\n    title: \"AboutUsPage.phone\",\r\n    desc: \"(604) 231-3703\",\r\n  },\r\n  {\r\n    title: \"AboutUsPage.hours\",\r\n    desc: \"AboutUsPage.monToFri\"\r\n  }\r\n];\r\n\r\nconst PageContact: FC<PageContactProps> = ({ className = \"\" }) => {\r\n\r\n  const { t } = useTranslation();\r\n\r\n  const [values, setValues] = useState({\r\n    name: '',\r\n    email: '',\r\n    message: ''\r\n  });\r\n\r\n  const [sent, setSent] = useState(false);\r\n\r\n  const handleChange = (e: any) => {\r\n    const { name, value } = e.target;\r\n\r\n    setValues((prevState) => ({ ...prevState, [name]: value }))\r\n  };\r\n\r\n  const handleSubmit = (e: any) => {\r\n    e.preventDefault();\r\n\r\n    emailjs.sendForm(serviceID, templateID, e.target, userID)\r\n      .then((response) => {\r\n        console.log('SUCCESS!', response.status, response.text);\r\n        setSent(true);\r\n      }, (error) => {\r\n        console.log('FAILED...', error);\r\n      });\r\n\r\n      e.target.reset();\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={`nc-PageContact overflow-hidden ${className}`}\r\n      data-nc-id=\"PageContact\"\r\n    >\r\n      <Helmet>\r\n        <title>Best Honour Seafood</title>\r\n      </Helmet>\r\n\r\n      <NcImage\r\n        className=\"w-full rounded-xl\"\r\n        containerClassName=\"container my-10 sm:my-12 \"\r\n        src={storeImage}\r\n      />\r\n\r\n      <div className=\"mb-24 lg:mb-32\">\r\n        <h2 className=\"my-20 flex items-center text-3xl leading-[115%] md:text-5xl md:leading-[115%] font-semibold text-neutral-900 dark:text-neutral-100 justify-center\">\r\n          {t(\"AboutUsPage.contact\")}\r\n        </h2>\r\n        <div className=\"container max-w-7xl mx-auto\">\r\n          {/* <div className=\"flex-shrink-0 grid grid-cols-2 gap-12 \"> */}\r\n          <div className=\"flex flex-col lg:flex-row space-y-14 lg:space-y-0 lg:space-x-10 items-center relative text-center lg:text-left\">\r\n\r\n            {/* <div className=\"max-w-sm space-y-8\"> */}\r\n            <div className=\"w-screen max-w-full xl:max-w-lg space-y-5 lg:space-y-7\">\r\n            {/* <div className=\"flex-grow\"> */}\r\n              {info.map((item, index) => (\r\n                <div key={index}>\r\n                  <h3 className=\"uppercase font-semibold text-sm dark:text-neutral-200 tracking-wider\">\r\n                    {t(item.title)}\r\n                  </h3>\r\n                  <span className=\"block mt-2 text-neutral-500 dark:text-neutral-400\">\r\n                    {t(item.desc)}\r\n                  </span>\r\n                </div>\r\n              ))}\r\n              {/* <div>\r\n                <h3 className=\"uppercase font-semibold text-sm dark:text-neutral-200 tracking-wider\">\r\n                  🌏 SOCIALS\r\n                </h3>\r\n                <SocialsList className=\"mt-2\" />\r\n              </div> */}\r\n            </div>\r\n            <div className=\"w-screen max-w-full xl:max-w-lg space-y-5 lg:space-y-7\">\r\n              {\r\n                sent\r\n                  ? \r\n                    <div\r\n                      className={`nc-PageContactSuccessMessage px-4 max-w-3xl mx-auto pb-12 pt-14 sm:py-24 lg:pb-32`}\r\n                      data-nc-id=\"PageContactSuccessMessage\"\r\n                    >\r\n                      <h3 className=\"text-xl font-semibold\">\r\n                        {t(\"AboutUsPage.successMessage\")}\r\n                      </h3>\r\n                    </div>\r\n                  :\r\n                    <form \r\n                      className=\"grid grid-cols-1 gap-6\" \r\n                      action=\"#\" \r\n                      method=\"post\"\r\n                      onSubmit={handleSubmit}\r\n                    >\r\n                      <label className=\"block\">\r\n                        <Label>{t(\"AboutUsPage.fullName\")}</Label>\r\n      \r\n                        <Input\r\n                          placeholder={t(\"AboutUsPage.enterName\")}\r\n                          type=\"text\"\r\n                          className=\"mt-1\"\r\n                          name=\"name\"\r\n                          onChange={handleChange}\r\n                        />\r\n                      </label>\r\n                      <label className=\"block\">\r\n                        <Label>{t(\"AboutUsPage.email\")}</Label>\r\n      \r\n                        <Input\r\n                          type=\"email\"\r\n                          placeholder=\"example@example.com\"\r\n                          className=\"mt-1\"\r\n                          name=\"email\"\r\n                          onChange={handleChange}\r\n                        />\r\n                      </label>\r\n                      <label className=\"block\">\r\n                        <Label>{t(\"AboutUsPage.message\")}</Label>\r\n      \r\n                        <Textarea \r\n                          className=\"mt-1\" \r\n                          rows={6}\r\n                          placeholder={t(\"AboutUsPage.enterMessage\")} \r\n                          name=\"message\"\r\n                          onChange={handleChange}\r\n                        />\r\n                      </label>\r\n                      <div>\r\n                        <ButtonPrimary type=\"submit\">{t(\"AboutUsPage.sendUs\")}</ButtonPrimary>\r\n                      </div>\r\n                    </form>\r\n              }\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* OTHER SECTIONS */}\r\n      {/* <div className=\"container\">\r\n        <div className=\"relative py-16\">\r\n          <BackgroundSection />\r\n          <SectionClientSay />\r\n        </div>\r\n        <SectionSubscribe2 className=\"py-24 lg:py-32\" />\r\n      </div> */}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default PageContact;\r\n","export const serviceID = 'service_ptaz5vi';\nexport const templateID = 'template_vddmobm';\nexport const userID = 'user_ynSOb35MsBcSKXQ2RFui5';","export default __webpack_public_path__ + \"static/media/aboutUsBanner.1b1d52ee.jpg\";","import React, { FC } from \"react\";\r\n// import SectionFounder from \"./SectionFounder\";\r\n// import SectionStatistic from \"./SectionStatistic\";\r\nimport { Helmet } from \"react-helmet\";\r\n// import SectionSubscribe2 from \"components/SectionSubscribe2/SectionSubscribe2\";\r\nimport BgGlassmorphism from \"components/BgGlassmorphism/BgGlassmorphism\";\r\n// import BackgroundSection from \"components/BackgroundSection/BackgroundSection\";\r\n// import SectionHero from \"./SectionHero\";\r\n// import SectionClientSay from \"components/SectionClientSay/SectionClientSay\";\r\n// import PageContact from \"containers/PageContact/PageContact\";\r\nimport { useTranslation } from 'react-i18next';\r\n// import AboutUsBanner from \"components/AboutUsBanner/AboutUsBanner\";\r\nimport NcImage from \"shared/NcImage/NcImage\";\r\nimport boatImage from \"images/aboutUsBanner.jpg\";\r\n// import rightImage from \"images/store.jpg\";\r\n\r\nexport interface PageAboutProps {\r\n  className?: string;\r\n}\r\n\r\nconst PageAbout: FC<PageAboutProps> = ({ className = \"\" }) => {\r\n\r\n  const { t } = useTranslation();\r\n\r\n  return (\r\n    <div\r\n      className={`nc-PageAbout overflow-hidden relative ${className}`}\r\n      data-nc-id=\"PageAbout\"\r\n    >\r\n      <Helmet>\r\n        <title>{\"Best Honour Seafood\"}</title>\r\n      </Helmet>\r\n\r\n      {/* ======== BG GLASS ======== */}\r\n      <BgGlassmorphism />\r\n\r\n      <NcImage\r\n        className=\"w-full rounded-xl\"\r\n        containerClassName=\"container my-10 sm:my-12 \"\r\n        src={boatImage}\r\n      />\r\n\r\n      <div className=\"container lg:pb-28 space-y-16 lg:space-y-28\">\r\n        {/* <SectionHero\r\n          image1={rightImage}\r\n          image2={rightImage1}\r\n          heading={t(\"AboutUsPage.title\")}\r\n          btnText=\"\"\r\n          subHeading={t(\"AboutUsPage.subHeading\")}\r\n        /> */}\r\n        {/* <AboutUsBanner banner1={rightImage1} banner2={rightImage} /> */}\r\n\r\n        <div\r\n          className=\"prose prose-sm !max-w-screen-md sm:prose lg:prose-lg mx-auto dark:prose-dark\"\r\n        >\r\n          <h3>{t(\"AboutUsPage.title\")}</h3>\r\n          <p>{t(\"AboutUsPage.subHeading\")}</p>\r\n\r\n          <h3>{t(\"WhatWeOffer.sustain.title\")}</h3>\r\n          <p>{t(\"WhatWeOffer.sustain.content1\")}</p>\r\n\r\n          <h3>{t(\"WhatWeOffer.sustain.content2\")}</h3>\r\n          <p>{t(\"WhatWeOffer.sustain.content3\")}</p>\r\n        </div>\r\n\r\n        {/* <PageContact /> */}\r\n        {/* <SectionFounder /> */}\r\n        {/* <div className=\"relative py-16\">\r\n          <BackgroundSection />\r\n          <SectionClientSay />\r\n        </div> */}\r\n\r\n        {/* <SectionStatistic />\r\n\r\n        <SectionSubscribe2 /> */}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default PageAbout;\r\n","export function classNames(...classes: any) {\n  return classes.filter(Boolean).join(\" \");\n};","import React, { FC } from \"react\";\nimport { classNames } from \"./Utils\";\n\nexport interface Props {\n  children: any,\n  className?: any,\n  onClick: () => void,\n  disabled: boolean\n}\n\nexport const Button: FC<Props> = ({ children, className, onClick, disabled, ...rest }) => {\n  return (\n    <button\n      type=\"button\"\n      className={classNames(\n        \"relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50\",\n        className\n      )}\n      onClick={onClick}\n      disabled={disabled}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport const PageButton: FC<Props> = ({ children, className, onClick, disabled, ...rest }) => {\n  return (\n    <button\n      type=\"button\"\n      className={classNames(\n        \"relative inline-flex items-center px-2 py-2 border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50\",\n        className\n      )}\n      onClick={onClick}\n      disabled={disabled}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n}","import React, { FC } from \"react\";\nimport { useTable, useGlobalFilter, useAsyncDebounce, usePagination } from \"react-table\";\nimport { ChevronDoubleLeftIcon, ChevronLeftIcon, ChevronRightIcon, ChevronDoubleRightIcon } from '@heroicons/react/solid';\nimport { Button, PageButton } from \"./TableButtons\";\nimport { useTranslation } from 'react-i18next';\n\n\nexport interface TableProps {\n  columns: any[];\n  data: any;\n};\n\nconst Table: FC<TableProps> = ({\n  data = {},\n  columns = [],\n}) => {\n\n  const { t } = useTranslation();\n\n  const { \n    getTableProps, \n    getTableBodyProps, \n    headerGroups, \n    rows, \n    prepareRow,\n    // page, // Instead of using 'rows', we'll use page,\n    // which has only the rows for the active page\n    // The rest of these things are super handy, too ;)\n    canPreviousPage,\n    canNextPage,\n    pageOptions,\n    pageCount,\n    gotoPage,\n    nextPage,\n    previousPage,\n    setPageSize,\n    state,\n    preGlobalFilteredRows,\n    setGlobalFilter,\n  } \n    = useTable({\n        columns,\n        data,\n      }, \n      useGlobalFilter,\n      usePagination,\n    );\n\n  const GlobalFilter = ({\n    preGlobalFilteredRows,\n    globalFilter,\n    setGlobalFilter,\n  }: {\n    preGlobalFilteredRows: any,\n    globalFilter: any,\n    setGlobalFilter: any,\n  }) => {\n    const count = preGlobalFilteredRows.length\n    const [value, setValue] = React.useState(globalFilter)\n    const onChange = useAsyncDebounce(value => {\n      setGlobalFilter(value || undefined)\n    }, 2000);\n  \n    return (\n      <label className=\"flex-nowrap gap-x-2 items-baseline\">\n        \n        <span className=\"text-gray-700\">{t(\"LoginPage.search\")}</span>\n        \n        <input\n          type=\"text\"\n          className=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\"\n          value={value || \"\"}\n          onChange={e => {\n            setValue(e.target.value);\n            onChange(e.target.value);\n          }}\n          placeholder={count + t('LoginPage.results')}\n        />\n    </label>\n    )\n  };\n\n\n  return(\n    <>\n      <GlobalFilter \n        preGlobalFilteredRows={preGlobalFilteredRows}\n        globalFilter={state.globalFilter}\n        setGlobalFilter={setGlobalFilter}\n      />\n\n      <div className=\"mt-8 flex flex-col\">\n        <div className=\"-my-2 overflow-x-auto -mx-4 sm:-mx-6 lg:-mx-8\">\n          <div className=\"py-2 align-middle inline-block min-w-full sm:px-6 lg:px-8\">\n            <div className=\"shadow overflow-hidden border-b border-gray-200 sm:rounded-lg\">\n              <table {...getTableProps()} className=\"min-w-full divide-y divide-gray-200\">\n                <thead className=\"bg--50\">\n                  {headerGroups.map((headerGroup: any) => (\n                    <tr {...headerGroup.getHeaderGroupProps()}>\n                      {headerGroup.headers.map((column: any) => (\n                        <th {...column.getHeaderProps()}>{column.render(\"Header\")}</th>\n                      ))}\n                    </tr>\n                  ))}\n                </thead>\n\n                <tbody \n                  {...getTableBodyProps()}\n                  className=\"bg-white divide-y divide-gray-200\"\n                >\n                  {rows.map((row: any, i: number) => {\n                    prepareRow(row);\n                    return (\n                      <tr {...row.getRowProps()}>\n                        {row.cells.map((cell: any) => {\n                          return <td \n                                    {...cell.getCellProps()}\n                                    className=\"text-center px-6 py-4 whitespace-nowrap\"\n                                  >\n                                    {cell.render(\"Cell\")}\n                                  </td>;\n                        })}\n                      </tr>\n                    );\n                  })}\n                </tbody>\n              </table>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"py-3 flex items-center justify-between\">\n        <div className=\"flex-1 flex justify-between sm:hidden\">\n          <Button onClick={() => previousPage()} disabled={!canPreviousPage}>Previous</Button>\n          <Button onClick={() => nextPage()} disabled={!canNextPage}>Next</Button>\n        </div>\n        <div className=\"hidden sm:flex-1 sm:flex sm:items-center sm:justify-between\">\n          <div className=\"flex gap-x-2 items-center\">\n            <span className=\"text-sm text-gray-700\">\n              {t(\"LoginPage.page\")} <span className=\"font-medium\">{state.pageIndex + 1}</span> / <span className=\"font-medium\">{pageOptions.length}</span>\n            </span>\n            <label>\n              <span className=\"sr-only\">Items Per Page</span>\n              <select\n                className=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\"\n                value={state.pageSize}\n                onChange={(e) => {\n                  setPageSize(Number(e.target.value));\n                }}\n              >\n                {[5, 10, 20].map((pageSize) => (\n                  <option key={pageSize} value={pageSize}>\n                    {pageSize}\n                  </option>\n                ))}\n              </select>\n            </label>\n          </div>\n          <div>\n            <nav className=\"relative z-0 inline-flex rounded-md shadow-sm -space-x-px\" aria-label=\"Pagination\">\n              <PageButton\n                className=\"rounded-l-md\"\n                onClick={() => gotoPage(0)}\n                disabled={!canPreviousPage}\n              >\n                <span className=\"sr-only\">First</span>\n                <ChevronDoubleLeftIcon className=\"h-5 w-5\" aria-hidden=\"true\" />\n              </PageButton>\n              <PageButton\n                onClick={() => previousPage()}\n                disabled={!canPreviousPage}\n              >\n                <span className=\"sr-only\">Previous</span>\n                <ChevronLeftIcon className=\"h-5 w-5\" aria-hidden=\"true\" />\n              </PageButton>\n              <PageButton\n                onClick={() => nextPage()}\n                disabled={!canNextPage\n                }>\n                <span className=\"sr-only\">Next</span>\n                <ChevronRightIcon className=\"h-5 w-5\" aria-hidden=\"true\" />\n              </PageButton>\n              <PageButton\n                className=\"rounded-r-md\"\n                onClick={() => gotoPage(pageCount - 1)}\n                disabled={!canNextPage}\n              >\n                <span className=\"sr-only\">Last</span>\n                <ChevronDoubleRightIcon className=\"h-5 w-5\" aria-hidden=\"true\" />\n              </PageButton>\n            </nav>\n          </div>\n        </div>\n      </div>\n    </>\n  )\n};\n\nexport default Table;","import React, { FC } from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faSpinner } from \"@fortawesome/free-solid-svg-icons\";\nimport \"./Spinner.scss\";\n\nexport interface SpinnerProps {\n  className?: string;\n};\n\nconst Spinner: FC<SpinnerProps> = ({ className = \"\" }) => {\n\n  return(\n    <div className={`nc-Spinner ${className}`}>\n      <FontAwesomeIcon \n        icon={faSpinner} \n        className=\"fa-spinner fa-spin\"\n        size=\"9x\"\n      />\n    </div>\n  )\n};\n\nexport default Spinner;","import React, { useCallback, useContext, useEffect, useState } from \"react\";\n// import { v4 as uuidv4 } from \"uuid\";\n// import { API, Storage } from \"aws-amplify\";\n// import config from '../../aws-exports';\n// import { createSeafood } from \"graphql/mutations\";\nimport { Helmet } from \"react-helmet\";\nimport ButtonPrimary from \"shared/Button/ButtonPrimary\";\n// import { Link } from \"react-router-dom\";\nimport { Authenticator } from '@aws-amplify/ui-react';\nimport '@aws-amplify/ui-react/styles.css';\n// import FormItem from \"containers/PageAddListing1/FormItem\";\n// import Textarea from \"shared/Textarea/Textarea\";\n// import Input from \"shared/Input/Input\";\nimport { API } from \"aws-amplify\";\nimport { AuthContext } from \"context/authenticate\";\nimport Table from \"components/Table/Table\";\nimport { useTranslation } from 'react-i18next';\nimport Spinner from \"components/Spinner/Spinner\";\nimport OneButtonCommonLayout from \"containers/PageAddListing1/OneButtonCommonLayout\";\n\n\nexport interface AdminPageProps {\n  className?: string;\n}\n\n// const {\n//   aws_user_files_s3_bucket_region: region,\n//   aws_user_files_s3_bucket: bucket\n// } = config;\n\n// const PageSignUp: FC<AdminPageProps> = ({ className = \"\" }) => {\nconst AdminPage: any = ({ className = \"\" }) => {\n  const { auth, email } = useContext(AuthContext);\n\n  const { t } = useTranslation();\n\n  const [loaded, setLoaded] = useState<any>(undefined);\n  const [orderData, setOrderData] = useState<any[]>([]);\n\n  const column = React.useMemo(() => [\n    {\n      Header: t('LoginPage.product'),\n      accessor: \"description\"\n\n    },\n    {\n      Header: t('LoginPage.total'),\n      accessor: \"amount\"\n\n    },\n  ], []);\n\n  useEffect(() => {\n\n    if (auth) {\n      fetchCustomerCharges();\n    } else {\n      setOrderData([]);\n    };\n\n  }, [email]);\n\n  const fetchCustomerCharges = useCallback(async () => {\n    try {\n      if (email) {\n        const res = await API.get('stripeListCharges', '/getAllCustomerCharges', {\n          queryStringParameters: {\n            email: email,\n          }\n        });\n\n        let data = res.body.data.data;\n        // console.log(\"List Charges Success:\", data);\n\n        if (data.length === 0) {\n          setTimeout(() => {\n            setLoaded(false);\n          }, 500);\n        } else {\n          let formattedData: any[] = [];\n\n          data.map((item:any) => {\n            return formattedData.push({\n              description: item.description.substring(item.description.indexOf('(') + 1,item.description.lastIndexOf(\"t )\") + 2), \n              amount: `$${item.amount/100}.00`\n            });\n          });\n\n          setOrderData(formattedData);\n\n          setTimeout(() => {\n            setLoaded(true);\n          }, 500);\n        }\n      }\n\n    } catch (err) {\n      console.log(\"fetchCustomerChargesError:\", err);\n      setOrderData([]);\n\n      setTimeout(() => {\n        setLoaded(false);\n      }, 500);\n    };\n  }, [email]);\n\n  // const handleSubmit = async (e: any) => {\n  //   e.preventDefault();\n\n  //   try {\n  //       if (!seafoodDetails.title || !seafoodDetails.price) return\n  //       const res = await API.graphql({\n  //           query: createSeafood,\n  //           variables: {input: seafoodDetails},\n  //           authMode: \"AMAZON_COGNITO_USER_POOLS\"\n  //       })\n  //       setSeafoodDetails({ title: \"\", description: \"\", image: \"\", price: \"\" })\n\n  //       console.log('Success RES:', res);\n  //   } catch (err) {\n  //       console.log('error creating todo:', err)\n  //   }\n  // };\n\n  // const handleImageUpload = async (e: any) => {\n  //   e.preventDefault();\n  //   const file = e.target.files[0];\n  //   const extension = file.name.split(\".\")[1];\n  //   const name = file.name.split(\".\")[0];\n  //   const key = `images/${uuidv4()}${name}.${extension}`;\n  //   const url = `https://${bucket}.s3.${region}.amazonaws.com/public/${key}`\n  //   try {\n  //       // Upload the file to s3 with public access level. \n  //       await Storage.put(key, file, {\n  //           level: 'public',\n  //           contentType: file.type\n  //       });\n  //       // Retrieve the uploaded file to display\n  //       const image = await Storage.get(key, { level: 'public' })\n  //       setImage(image);\n  //       setSeafoodDetails({ ...seafoodDetails, image: url });\n  //   } catch (err) {\n  //       console.log(err);\n  //   }\n  // };\n\n  return (\n    <div className={`nc-PageSignUp  ${className}`} data-nc-id=\"PageSignUp\">\n      <Helmet>\n        <title>Sign in</title>\n      </Helmet>\n      {/* <div className=\"container mb-24 lg:mb-32\"> */}\n        {/* <div className=\"max-w-lg mx-auto space-y-6 \"> */}\n\n          <Authenticator \n            signUpAttributes={[\n              'email',\n              'phone_number'\n            ]}\n          >\n            {\n              ({ user, signOut }) => {\n                \n                return (\n                    <section>\n                      <h2 \n                        className=\"my-10 flex items-center text-3xl leading-[115%] md:text-5xl md:leading-[115%] font-semibold text-neutral-900 dark:text-neutral-100 justify-center\"\n                      >\n                        {t(\"LoginPage.hello\")}\n                        {\n                          user \n                            ? user.username\n                            : \"\"\n                        }\n                      </h2>\n                    \n                      <div className=\"flex justify-center pb-14\">\n                        <ButtonPrimary\n                          onClick={signOut}\n                        >\n                          {t(\"LoginPage.signOut\")}\n                        </ButtonPrimary>\n                      </div>\n\n                      {\n                        loaded === undefined && (\n                          <div\n                            style={{\n                              display: \"flex\",\n                              flexDirection: \"column\",\n                              justifyContent: \"center\",\n                              alignItems: \"center\"\n                            }}\n                          >\n                            <Spinner className=\"pt-12 pb-24 lg:py-32\" />\n                          </div>\n                        )\n                      }\n\n                      {\n                        loaded === true && (\n                          <div className=\"min-h-screen bg-white-100 text-gray-900\">\n                            <main className=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 pt-4\">\n                              <div className=\"\">\n                                <h1 className=\"text-xl font-semibold\">\n                                  {t(\"LoginPage.tableTitle\")}\n                                </h1>\n                              </div>\n                              \n                              <div className=\"mt-4\">\n                                <Table \n                                  columns={column}\n                                  data={orderData}\n                                />\n                              </div>\n                            </main>\n                          </div>\n                        )\n                      }\n\n                      {\n                        loaded === false && (\n                          <OneButtonCommonLayout\n                            backtHref=\"/\"\n                          >\n                            <>\n                              <h2 \n                                className=\"text-2xl font-semibold flex justify-center\"\n                              >\n                                {t(\"LoginPage.noHistory\")}\n                              </h2>\n                            </>\n                          </OneButtonCommonLayout>\n                        )\n\n                      }\n                    </section>\n                )\n              }\n            }\n          </Authenticator>\n        {/* </div> */}\n      {/* </div> */}\n    </div>\n  );\n};\n\nexport default AdminPage;\n","export default __webpack_public_path__ + \"static/media/whatWeOfferBanner.77abaf9c.jpg\";","export default __webpack_public_path__ + \"static/media/DSC_6744.2af1f86e.jpg\";","export default __webpack_public_path__ + \"static/media/SC2.46a35230.jpg\";","export default __webpack_public_path__ + \"static/media/spotPrawn.7f41256a.jpg\";","export default __webpack_public_path__ + \"static/media/batchKingCrab2.c7e31b46.jpg\";","export default __webpack_public_path__ + \"static/media/razorclam.ea530c84.jpg\";","export default __webpack_public_path__ + \"static/media/Mix2.d201b0d4.jpg\";","export default __webpack_public_path__ + \"static/media/prop1.1d803af2.jpg\";","import React, {FC} from \"react\";\n// import { DEMO_POSTS } from \"data/posts\";\n// import { PostDataType } from \"data/types\";\n// import { Link } from \"react-router-dom\";\n// import Avatar from \"shared/Avatar/Avatar\";\n// import Badge from \"shared/Badge/Badge\";\n// import ButtonPrimary from \"shared/Button/ButtonPrimary\";\n// import ButtonSecondary from \"shared/Button/ButtonSecondary\";\n// import Comment from \"shared/Comment/Comment\";\nimport NcImage from \"shared/NcImage/NcImage\";\n// import SocialsList from \"shared/SocialsList/SocialsList\";\n// import Textarea from \"shared/Textarea/Textarea\";\nimport { Helmet } from \"react-helmet\";\nimport { useTranslation } from \"react-i18next\";\nimport fishing from \"../../images/whatWeOfferBanner.jpg\";\nimport geo from \"../../images/DSC_6744.jpg\";\nimport seaCucumber from \"../../images/SC2.jpg\";\nimport spotPrawn from \"../../images/spotPrawn.jpg\";\nimport crabImage from \"../../images/batchKingCrab2.jpg\";\nimport razorClam from \"../../images/razorclam.jpg\";\nimport abalone from \"../../images/Mix2.jpg\";\nimport propClam from \"../../images/prop1.jpg\";\n\nexport interface Props {}\n\nconst WhatWeOfferPage: FC<Props> = () => {\n\n  const { t } = useTranslation();\n\n  const renderContent = () => {\n    return (\n      <div\n        id=\"single-entry-content\"\n        className=\"prose prose-sm !max-w-screen-md sm:prose lg:prose-lg mx-auto dark:prose-dark\"\n      >\n        <h3>{t(\"WhatWeOffer.geoduck.title\")}</h3>\n        <p>{t(\"WhatWeOffer.geoduck.content1\")}</p>\n        <img\n          src={geo}\n          alt=\"nc blog\"\n          className=\"rounded-2xl\"\n        />\n\n        <h3>{t(\"WhatWeOffer.seaCucumber.title\")}</h3>\n        <p>{t(\"WhatWeOffer.seaCucumber.content1\")}</p>\n\n        <img\n          src={seaCucumber}\n          alt=\"nc blog\"\n          className=\"rounded-2xl\"\n        />\n\n        {/* <blockquote>\n          <p>\n            Typography is pretty important if you don't want your stuff to look\n            like trash. Make it good then it won't be bad.\n          </p>\n        </blockquote> */}\n        \n        <h3>{t(\"WhatWeOffer.spotPrawn.title\")}</h3>\n        <p>{t(\"WhatWeOffer.spotPrawn.content1\")}</p>\n\n        {/* <figure> */}\n          <img\n            src={spotPrawn}\n            alt=\"nc blog\"\n            className=\"rounded-2xl\"\n          />\n          {/* <figcaption>\n            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure vel\n            officiis ipsum placeat itaque neque dolorem modi perspiciatis dolor\n            distinctio veritatis sapiente\n          </figcaption>\n        {/* </figure> */}\n        {/* <ul>\n          <li>So here is the first item in this list.</li>\n          <li>In this example we're keeping the items short.</li>\n          <li>Later, we'll use longer, more complex list items.</li>\n        </ul> */}\n        <h3>{t(\"WhatWeOffer.kingCrab.title\")}</h3>\n        <p>{t(\"WhatWeOffer.kingCrab.content1\")}</p>\n        <img\n          src={crabImage}\n          alt=\"nc blog\"\n          className=\"rounded-2xl\"\n        />\n\n        <h3>{t(\"WhatWeOffer.razorClam.title\")}</h3>\n        <p>{t(\"WhatWeOffer.razorClam.content1\")}</p>\n        <img\n          src={razorClam}\n          alt=\"nc blog\"\n          className=\"rounded-2xl\"\n        />\n\n        <h3>{t(\"WhatWeOffer.abalone.title\")}</h3>\n        <p>{t(\"WhatWeOffer.abalone.content1\")}</p>\n        <img\n          src={abalone}\n          alt=\"nc blog\"\n          className=\"rounded-2xl\"\n        />\n\n        <h3>{t(\"WhatWeOffer.propellorClams.title\")}</h3>\n        <p>{t(\"WhatWeOffer.propellorClams.content1\")}</p>\n        <img\n          src={propClam}\n          alt=\"nc blog\"\n          className=\"rounded-2xl\"\n        />\n\n        <h3>{t(\"WhatWeOffer.conclusion.title\")}</h3>\n        <p>{t(\"WhatWeOffer.conclusion.content1\")}</p>\n      </div>\n    );\n  };\n\n  // const renderTags = () => {\n  //   return (\n  //     <div className=\"max-w-screen-md mx-auto flex flex-wrap\">\n  //       <a\n  //         className=\"nc-Tag inline-block bg-white text-sm text-neutral-600 py-2 rounded-lg border border-neutral-100  md:px-4 dark:bg-neutral-700 dark:border-neutral-700 hover:border-neutral-200 dark:hover:border-neutral-6000 mr-2 mb-2\"\n  //         href=\"##\"\n  //       >\n  //         Garden\n  //       </a>\n  //       <a\n  //         className=\"nc-Tag inline-block bg-white text-sm text-neutral-600 py-2 rounded-lg border border-neutral-100  md:px-4 dark:bg-neutral-700 dark:border-neutral-700 hover:border-neutral-200 dark:hover:border-neutral-6000 mr-2 mb-2\"\n  //         href=\"##\"\n  //       >\n  //         Jewelry\n  //       </a>\n  //       <a\n  //         className=\"nc-Tag inline-block bg-white text-sm text-neutral-600 py-2 rounded-lg border border-neutral-100  md:px-4 dark:bg-neutral-700 dark:border-neutral-700 hover:border-neutral-200 dark:hover:border-neutral-6000 mr-2 mb-2\"\n  //         href=\"##\"\n  //       >\n  //         Tools\n  //       </a>\n  //     </div>\n  //   );\n  // };\n\n  // const renderAuthor = () => {\n  //   return (\n  //     <div className=\"max-w-screen-md mx-auto \">\n  //       <div className=\"nc-SingleAuthor flex\">\n  //         <Avatar sizeClass=\"w-11 h-11 md:w-24 md:h-24\" />\n  //         <div className=\"flex flex-col ml-3 max-w-lg sm:ml-5 space-y-1\">\n  //           <span className=\"text-xs text-neutral-400 uppercase tracking-wider\">\n  //             WRITEN BY\n  //           </span>\n  //           <h2 className=\"text-lg font-semibold text-neutral-900 dark:text-neutral-200\">\n  //             <a href=\"/ncmaz/author/the-demo-author-slug\">Fones Mimi</a>\n  //           </h2>\n  //           <span className=\"text-sm text-neutral-500 sm:text-base dark:text-neutral-300\">\n  //             There’s no stopping the tech giant. Apple now opens its 100th\n  //             store in China.There’s no stopping the tech giant.\n  //             <a\n  //               className=\"text-primary-6000 font-medium ml-1\"\n  //               href=\"/ncmaz/author/the-demo-author-slug\"\n  //             >\n  //               Readmore\n  //             </a>\n  //           </span>\n  //         </div>\n  //       </div>\n  //     </div>\n  //   );\n  // };\n\n  // const renderCommentForm = () => {\n  //   return (\n  //     <div className=\"max-w-screen-md mx-auto pt-5\">\n  //       <h3 className=\"text-xl font-semibold text-neutral-800 dark:text-neutral-200\">\n  //         Responses (14)\n  //       </h3>\n  //       <form className=\"nc-SingleCommentForm mt-5\">\n  //         <Textarea />\n  //         <div className=\"mt-2 space-x-3\">\n  //           <ButtonPrimary>Submit</ButtonPrimary>\n  //           <ButtonSecondary>Cancel</ButtonSecondary>\n  //         </div>\n  //       </form>\n  //     </div>\n  //   );\n  // };\n\n  // const renderCommentLists = () => {\n  //   return (\n  //     <div className=\"max-w-screen-md mx-auto\">\n  //       <ul className=\"nc-SingleCommentLists space-y-5\">\n  //         <li>\n  //           <Comment />\n  //           <ul className=\"pl-4 mt-5 space-y-5 md:pl-11\">\n  //             <li>\n  //               <Comment isSmall />\n  //             </li>\n  //           </ul>\n  //         </li>\n  //         <li>\n  //           <Comment />\n  //           <ul className=\"pl-4 mt-5 space-y-5 md:pl-11\">\n  //             <li>\n  //               <Comment isSmall />\n  //             </li>\n  //           </ul>\n  //         </li>\n  //       </ul>\n  //     </div>\n  //   );\n  // };\n\n  // const renderPostRelated = (post: PostDataType) => {\n  //   return (\n  //     <div\n  //       key={post.id}\n  //       className=\"relative aspect-w-3 aspect-h-4 rounded-3xl overflow-hidden group\"\n  //     >\n  //       <Link to={post.href} />\n  //       <NcImage\n  //         className=\"object-cover w-full h-full transform group-hover:scale-105 transition-transform duration-300\"\n  //         src={post.featuredImage}\n  //       />\n  //       <div>\n  //         <div className=\"absolute bottom-0 inset-x-0 h-1/2 bg-gradient-to-t from-black\"></div>\n  //       </div>\n  //       <div className=\"flex flex-col justify-end items-start text-xs text-neutral-300 space-y-2.5 p-4\">\n  //         <Badge name=\"Categories\" />\n  //         <h2 className=\"block text-lg font-semibold text-white \">\n  //           <span className=\"line-clamp-2\">{post.title}</span>\n  //         </h2>\n\n  //         <div className=\"flex\">\n  //           <span className=\"block text-neutral-200 hover:text-white font-medium truncate\">\n  //             {post.author.displayName}\n  //           </span>\n  //           <span className=\"mx-1.5 font-medium\">·</span>\n  //           <span className=\"font-normal truncate\">{post.date}</span>\n  //         </div>\n  //       </div>\n  //       <Link to={post.href} />\n  //     </div>\n  //   );\n  // };\n\n  return (\n    // <div className=\"nc-PageSingle pt-8 lg:pt-16 \">\n    <div className=\"nc-PageSingle\">\n      <Helmet>\n        <title>Best Honour Seafood</title>\n      </Helmet>\n\n      <NcImage\n        className=\"w-full rounded-xl\"\n        containerClassName=\"container my-10 sm:my-12 \"\n        src={fishing}\n      />\n\n      <div className=\"nc-SingleContent container space-y-10\">\n        {renderContent()}\n        <div className=\"max-w-screen-md mx-auto border-b border-t border-neutral-100 dark:border-neutral-700\"></div>\n      </div>\n\n      {/* <div className=\"relative bg-neutral-100 dark:bg-neutral-800 py-16 lg:py-28 mt-16 lg:mt-24\">\n        <div className=\"container \">\n          <h2 className=\"text-3xl font-semibold\">Related posts</h2>\n          <div className=\"mt-10 grid sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 md:gap-8\">\n            {DEMO_POSTS.filter((_, i) => i < 4).map(renderPostRelated)}\n          </div>\n        </div>\n      </div> */}\n\n    </div>\n  );\n};\n\nexport default WhatWeOfferPage;\n","import React, { FC } from \"react\";\r\nimport twFocusClass from \"utils/twFocusClass\";\r\n\r\nexport interface NextPrevProps {\r\n  className?: string;\r\n  currentPage?: number;\r\n  totalPage?: number;\r\n  btnClassName?: string;\r\n  onClickNext?: () => void;\r\n  onClickPrev?: () => void;\r\n  onlyNext?: boolean;\r\n  onlyPrev?: boolean;\r\n}\r\n\r\nconst NextPrev: FC<NextPrevProps> = ({\r\n  className = \"\",\r\n  onClickNext = () => {},\r\n  onClickPrev = () => {},\r\n  btnClassName = \"w-10 h-10\",\r\n  onlyNext = false,\r\n  onlyPrev = false,\r\n}) => {\r\n  return (\r\n    <div\r\n      className={`nc-NextPrev relative flex items-center text-neutral-900 dark:text-neutral-300 ${className}`}\r\n      data-nc-id=\"NextPrev\"\r\n      data-glide-el=\"controls\"\r\n    >\r\n      {!onlyNext && (\r\n        <button\r\n          className={`${btnClassName} ${\r\n            !onlyPrev ? \"mr-[6px]\" : \"\"\r\n          } bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-6000 dark:hover:border-neutral-500 rounded-full flex items-center justify-center hover:border-neutral-300 ${twFocusClass()}`}\r\n          onClick={onClickPrev}\r\n          title=\"Prev\"\r\n          data-glide-dir=\"<\"\r\n        >\r\n          <i className=\"las la-angle-left\"></i>\r\n        </button>\r\n      )}\r\n      {!onlyPrev && (\r\n        <button\r\n          className={`${btnClassName} bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-6000 dark:hover:border-neutral-500 rounded-full flex items-center justify-center hover:border-neutral-300 ${twFocusClass()}`}\r\n          onClick={onClickNext}\r\n          title=\"Next\"\r\n          data-glide-dir=\">\"\r\n        >\r\n          <i className=\"las la-angle-right\"></i>\r\n        </button>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default NextPrev;\r\n","import Glide from \"@glidejs/glide\";\r\nimport React, { FC, useEffect } from \"react\";\r\nimport NcImage from \"shared/NcImage/NcImage\";\r\nimport NextPrev from \"shared/NextPrev/NextPrev\";\r\nimport ncNanoId from \"utils/ncNanoId\";\r\n\r\nexport interface GallerySliderProps {\r\n  className?: string;\r\n  galleryImgs: string[];\r\n  ratioClass?: string;\r\n}\r\n\r\nconst GallerySlider: FC<GallerySliderProps> = ({\r\n  className = \"\",\r\n  galleryImgs,\r\n  ratioClass = \"aspect-w-4 aspect-h-3\",\r\n}) => {\r\n  const UNIQUE_CLASS = \"nc_glide2_\" + ncNanoId();\r\n\r\n  useEffect(() => {\r\n    new Glide(`.${UNIQUE_CLASS}`, {\r\n      perView: 1,\r\n      gap: 0,\r\n      keyboard: false,\r\n    }).mount();\r\n  }, []);\r\n\r\n  const renderDots = () => {\r\n    return (\r\n      <div\r\n        className=\"glide__bullets flex items-center justify-center absolute bottom-2 left-1/2 transform -translate-x-1/2 space-x-1.5\"\r\n        data-glide-el=\"controls[nav]\"\r\n      >\r\n        {galleryImgs.map((_, i) => (\r\n          <button\r\n            className=\"glide__bullet w-1.5 h-1.5 rounded-full bg-neutral-300\"\r\n            key={i}\r\n            data-glide-dir={`=${i}`}\r\n          />\r\n        ))}\r\n      </div>\r\n    );\r\n  };\r\n\r\n  const renderSliderGallery = () => {\r\n    return (\r\n      <div className={`${UNIQUE_CLASS} relative group overflow-hidden`}>\r\n        <div className=\"glide__track\" data-glide-el=\"track\">\r\n          <ul className=\"glide__slides\">\r\n            {galleryImgs.map((item, index) => (\r\n              <li key={index} className=\"glide__slide\">\r\n                <div className={ratioClass}>\r\n                  <NcImage src={item} />\r\n                </div>\r\n              </li>\r\n            ))}\r\n          </ul>\r\n        </div>\r\n\r\n        {/* DOTS */}\r\n        <div className=\"absolute -bottom-4 inset-x-0 h-10 bg-gradient-to-t from-neutral-900\"></div>\r\n        {renderDots()}\r\n\r\n        {/* NAV */}\r\n        <div className=\"absolute opacity-0 group-hover:opacity-100 transition-opacity flex top-1/2 transform -translate-y-1/2 inset-x-2 justify-between\">\r\n          <NextPrev className=\"w-full justify-between\" btnClassName=\"w-8 h-8\" />\r\n        </div>\r\n      </div>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div className={`nc-GallerySlider ${className}`} data-nc-id=\"GallerySlider\">\r\n      {renderSliderGallery()}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default GallerySlider;\r\n","import React, { FC } from \"react\";\nimport GallerySlider from \"components/GallerySlider/GallerySlider\";\nimport { Link } from \"react-router-dom\";\n// import pic1 from \"../../images/geo1.jpg\";\n// import pic2 from \"../../images/geo2.jpg\";\n// import pic3 from \"../../images/geo3.jpg\";\n// import pic4 from \"../../images/geo4.jpg\";\n// import pic5 from \"../../images/geo5.jpg\";\nimport { useTranslation } from \"react-i18next\";\n\nexport interface ProductCardProps {\n  className?: string;\n  ratioClass?: string;\n  data?: any;\n  size?: \"default\" | \"small\";\n}\n\nconst ProductCard: FC<ProductCardProps> = ({\n  size = \"default\",\n  className = \"\",\n  data = {},\n  ratioClass,\n}) => {\n  \n  // console.log('Props Data:', data);\n  // const { id, title, price, image1, image2, image3, image4, image5 } = data;\n  const { id, title, price, image1, image2 } = data;\n  const { t } = useTranslation();\n\n  const PHOTOS: string[] = [\n    image1, \n    image2, \n    // image3, \n    // image4, \n    // image5\n  ];\n\n  const renderSliderGallery = () => {\n    return (\n      <div className=\"relative w-full\">\n        <GallerySlider ratioClass={ratioClass} galleryImgs={PHOTOS} />\n        {/* <BtnLikeIcon isLiked={like} className=\"absolute right-3 top-3\" />\n        {saleOff && <SaleOffBadge className=\"absolute left-3 top-3\" />} */}\n      </div>\n    );\n  };\n\n  const renderContent = () => {\n    return (\n      <div className={size === \"default\" ? \"p-4 space-y-4\" : \"p-3 space-y-2\"}>\n        <div className=\"space-y-2\">\n          {/* <span className=\"text-sm text-neutral-500 dark:text-neutral-400\">\n            {listingCategory.name} · {bedrooms} beds\n          </span> */}\n          <div className=\"flex items-center space-x-2\">\n            {/* {isAds && <Badge name=\"ADS\" color=\"green\" />} */}\n            <h2\n              className={` font-medium capitalize ${\n                size === \"default\" ? \"text-lg\" : \"text-base\"\n              }`}\n            >\n              <span className=\"line-clamp-2\">{title}</span>\n            </h2>\n          </div>\n          <div className=\"flex items-center text-neutral-500 dark:text-neutral-400 text-sm space-x-2\">\n            {/* {size === \"default\" && (\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                className=\"h-5 w-5\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={1.5}\n                  d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"\n                />\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={1.5}\n                  d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"\n                />\n              </svg>\n            )} */}\n            {/* <span className=\"\">{address}</span> */}\n          </div>\n        </div>\n        <div className=\"w-100 border-b border-neutral-100 dark:border-neutral-800\"></div>\n        <div \n          className=\"flex justify-between items-center\"\n          style={{justifyContent: 'end'}}\n        >\n          <span className=\"text-base font-semibold\">\n            {`$${price}.00`}\n            {` `}\n            {size === \"default\" && (\n              <span className=\"text-sm text-neutral-500 dark:text-neutral-400 font-normal\">\n                {t(\"ProductsPage.perUnit\")}\n              </span>\n            )}\n          </span>\n          {/* {!!reviewStart && (\n            <StartRating reviewCount={reviewCount} point={reviewStart} />\n          )} */}\n        </div>\n      </div>\n    );\n  };\n\n  return (\n    <div\n      className={`nc-ProductCard group relative bg-white dark:bg-neutral-900 border border-neutral-100 dark:border-neutral-800 rounded-2xl overflow-hidden hover:shadow-xl transition-shadow ${className}`}\n      data-nc-id=\"ProductCard\"\n    >\n      <Link to={`/product-detail/${id}`}>\n        {renderSliderGallery()}\n        {renderContent()}\n      </Link>\n    </div>\n  );\n};\n\nexport default ProductCard;","import __taxonomies from \"./jsons/__taxonomies.json\";\r\nimport __stayTaxonomies from \"./jsons/__stayTaxonomies.json\";\r\nimport __experiencesTaxonomies from \"./jsons/__experiencesTaxonomies.json\";\r\nimport { TaxonomyType } from \"./types\";\r\n\r\nconst DEMO_CATEGORIES: TaxonomyType[] = __taxonomies.map((item) => ({\r\n  ...item,\r\n  taxonomy: \"category\",\r\n}));\r\n\r\nconst DEMO_TAGS: TaxonomyType[] = __taxonomies.map((item) => ({\r\n  ...item,\r\n  taxonomy: \"tag\",\r\n}));\r\n\r\n//\r\n\r\nconst DEMO_STAY_CATEGORIES: TaxonomyType[] = __stayTaxonomies.map((item) => ({\r\n  ...item,\r\n  taxonomy: \"category\",\r\n  listingType: \"stay\",\r\n}));\r\n//\r\nconst DEMO_EXPERIENCES_CATEGORIES: TaxonomyType[] = __experiencesTaxonomies.map(\r\n  (item) => ({\r\n    ...item,\r\n    taxonomy: \"category\",\r\n    listingType: \"experiences\",\r\n  })\r\n);\r\n\r\nexport {\r\n  DEMO_CATEGORIES,\r\n  DEMO_TAGS,\r\n  DEMO_STAY_CATEGORIES,\r\n  DEMO_EXPERIENCES_CATEGORIES,\r\n};\r\n","import __authors from \"./jsons/__users.json\";\r\nimport { AuthorType } from \"./types\";\r\nimport avatar1 from \"images/avatars/Image-1.png\";\r\nimport avatar2 from \"images/avatars/Image-2.png\";\r\nimport avatar3 from \"images/avatars/Image-3.png\";\r\nimport avatar4 from \"images/avatars/Image-4.png\";\r\nimport avatar5 from \"images/avatars/Image-5.png\";\r\nimport avatar6 from \"images/avatars/Image-6.png\";\r\nimport avatar7 from \"images/avatars/Image-7.png\";\r\nimport avatar8 from \"images/avatars/Image-8.png\";\r\nimport avatar9 from \"images/avatars/Image-9.png\";\r\nimport avatar10 from \"images/avatars/Image-10.png\";\r\nimport avatar11 from \"images/avatars/Image-11.png\";\r\nimport avatar12 from \"images/avatars/Image-12.png\";\r\nimport avatar13 from \"images/avatars/Image-13.png\";\r\nimport avatar14 from \"images/avatars/Image-14.png\";\r\nimport avatar15 from \"images/avatars/Image-15.png\";\r\nimport avatar16 from \"images/avatars/Image-16.png\";\r\nimport avatar17 from \"images/avatars/Image-17.png\";\r\nimport avatar18 from \"images/avatars/Image-18.png\";\r\nimport avatar19 from \"images/avatars/Image-19.png\";\r\nimport avatar20 from \"images/avatars/Image-20.png\";\r\n\r\nconst imgs = [\r\n  avatar1,\r\n  avatar2,\r\n  avatar3,\r\n  avatar4,\r\n  avatar5,\r\n  avatar6,\r\n  avatar7,\r\n  avatar8,\r\n  avatar9,\r\n  avatar10,\r\n  avatar11,\r\n  avatar12,\r\n  avatar13,\r\n  avatar14,\r\n  avatar15,\r\n  avatar16,\r\n  avatar17,\r\n  avatar18,\r\n  avatar19,\r\n  avatar20,\r\n];\r\n\r\nconst DEMO_AUTHORS: AuthorType[] = __authors.map((item, index) => ({\r\n  ...item,\r\n  avatar: imgs[index] || item.avatar,\r\n}));\r\n\r\nexport { DEMO_AUTHORS };\r\n","export default __webpack_public_path__ + \"static/media/Image-1.ed676656.png\";","export default __webpack_public_path__ + \"static/media/Image-2.ed676656.png\";","export default __webpack_public_path__ + \"static/media/Image-3.ed676656.png\";","export default __webpack_public_path__ + \"static/media/Image-4.ed676656.png\";","export default __webpack_public_path__ + \"static/media/Image-5.ed676656.png\";","export default __webpack_public_path__ + \"static/media/Image-6.ed676656.png\";","export default __webpack_public_path__ + \"static/media/Image-7.ed676656.png\";","export default __webpack_public_path__ + \"static/media/Image-8.ed676656.png\";","export default __webpack_public_path__ + \"static/media/Image-9.ed676656.png\";","export default __webpack_public_path__ + \"static/media/Image-10.ed676656.png\";","export default __webpack_public_path__ + \"static/media/Image-11.ed676656.png\";","export default __webpack_public_path__ + \"static/media/Image-12.ed676656.png\";","export default __webpack_public_path__ + \"static/media/Image-13.ed676656.png\";","export default __webpack_public_path__ + \"static/media/Image-14.ed676656.png\";","export default __webpack_public_path__ + \"static/media/Image-15.ed676656.png\";","export default __webpack_public_path__ + \"static/media/Image-16.ed676656.png\";","export default __webpack_public_path__ + \"static/media/Image-17.ed676656.png\";","export default __webpack_public_path__ + \"static/media/Image-18.ed676656.png\";","export default __webpack_public_path__ + \"static/media/Image-19.ed676656.png\";","export default __webpack_public_path__ + \"static/media/Image-20.ed676656.png\";","import __stayListing from \"./jsons/__stayListing.json\";\r\nimport __carsListing from \"./jsons/__carsListing.json\";\r\nimport __experiencesListing from \"./jsons/__experiencesListing.json\";\r\nimport {\r\n  DEMO_STAY_CATEGORIES,\r\n  DEMO_EXPERIENCES_CATEGORIES,\r\n} from \"./taxonomies\";\r\nimport { CarDataType, ExperiencesDataType, StayDataType } from \"./types\";\r\nimport { DEMO_AUTHORS } from \"./authors\";\r\nimport car1 from \"images/cars/1.png\";\r\nimport car2 from \"images/cars/2.png\";\r\nimport car3 from \"images/cars/3.png\";\r\nimport car4 from \"images/cars/4.png\";\r\nimport car5 from \"images/cars/5.png\";\r\nimport car6 from \"images/cars/6.png\";\r\nimport car7 from \"images/cars/7.png\";\r\nimport car8 from \"images/cars/8.png\";\r\nimport car9 from \"images/cars/9.png\";\r\nimport car10 from \"images/cars/10.png\";\r\nimport car11 from \"images/cars/11.png\";\r\nimport car12 from \"images/cars/12.png\";\r\nimport car13 from \"images/cars/13.png\";\r\nimport car14 from \"images/cars/14.png\";\r\nimport car15 from \"images/cars/15.png\";\r\nimport car16 from \"images/cars/16.png\";\r\nconst carsImgs = [\r\n  car1,\r\n  car2,\r\n  car3,\r\n  car4,\r\n  car5,\r\n  car6,\r\n  car7,\r\n  car8,\r\n  car9,\r\n  car10,\r\n  car11,\r\n  car12,\r\n  car13,\r\n  car14,\r\n  car15,\r\n  car16,\r\n];\r\n\r\nconst DEMO_STAY_LISTINGS = __stayListing.map((post, index): StayDataType => {\r\n  //  ##########  GET CATEGORY BY CAT ID ######## //\r\n  const category = DEMO_STAY_CATEGORIES.filter(\r\n    (taxonomy) => taxonomy.id === post.listingCategoryId\r\n  )[0];\r\n\r\n  return {\r\n    ...post,\r\n    saleOff: !index ? \"-20% today\" : post.saleOff,\r\n    isAds: !index ? true : post.isAds,\r\n    author: DEMO_AUTHORS.filter((user) => user.id === post.authorId)[0],\r\n    listingCategory: category,\r\n  };\r\n});\r\n\r\nconst DEMO_EXPERIENCES_LISTINGS = __experiencesListing.map(\r\n  (post, index): ExperiencesDataType => {\r\n    //  ##########  GET CATEGORY BY CAT ID ######## //\r\n    const category = DEMO_EXPERIENCES_CATEGORIES.filter(\r\n      (taxonomy) => taxonomy.id === post.listingCategoryId\r\n    )[0];\r\n\r\n    return {\r\n      ...post,\r\n      saleOff: !index ? \"-20% today\" : post.saleOff,\r\n      isAds: !index ? true : post.isAds,\r\n      author: DEMO_AUTHORS.filter((user) => user.id === post.authorId)[0],\r\n      listingCategory: category,\r\n    };\r\n  }\r\n);\r\n\r\nconst DEMO_CAR_LISTINGS = __carsListing.map((post, index): CarDataType => {\r\n  //  ##########  GET CATEGORY BY CAT ID ######## //\r\n  const category = DEMO_EXPERIENCES_CATEGORIES.filter(\r\n    (taxonomy) => taxonomy.id === post.listingCategoryId\r\n  )[0];\r\n\r\n  return {\r\n    ...post,\r\n    saleOff: !index ? \"-20% today\" : post.saleOff,\r\n    isAds: !index ? true : post.isAds,\r\n    author: DEMO_AUTHORS.filter((user) => user.id === post.authorId)[0],\r\n    listingCategory: category,\r\n    featuredImage: carsImgs[index],\r\n  };\r\n});\r\n\r\nexport { DEMO_STAY_LISTINGS, DEMO_EXPERIENCES_LISTINGS, DEMO_CAR_LISTINGS };\r\n","export default __webpack_public_path__ + \"static/media/1.2b89178f.png\";","export default __webpack_public_path__ + \"static/media/2.2b89178f.png\";","export default __webpack_public_path__ + \"static/media/3.2b89178f.png\";","export default __webpack_public_path__ + \"static/media/4.2b89178f.png\";","export default __webpack_public_path__ + \"static/media/5.2b89178f.png\";","export default __webpack_public_path__ + \"static/media/6.2b89178f.png\";","export default __webpack_public_path__ + \"static/media/7.2b89178f.png\";","export default __webpack_public_path__ + \"static/media/8.2b89178f.png\";","export default __webpack_public_path__ + \"static/media/9.2b89178f.png\";","export default __webpack_public_path__ + \"static/media/10.2b89178f.png\";","export default __webpack_public_path__ + \"static/media/11.2b89178f.png\";","export default __webpack_public_path__ + \"static/media/12.2b89178f.png\";","export default __webpack_public_path__ + \"static/media/13.2b89178f.png\";","export default __webpack_public_path__ + \"static/media/14.2b89178f.png\";","export default __webpack_public_path__ + \"static/media/15.2b89178f.png\";","export default __webpack_public_path__ + \"static/media/16.2b89178f.png\";","import React from \"react\";\r\nimport { ReactNode } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nexport interface Heading2Props {\r\n  heading?: ReactNode;\r\n  subHeading?: ReactNode;\r\n  className?: string;\r\n}\r\n\r\nconst Heading2: React.FC<Heading2Props> = ({\r\n  className = \"\",\r\n  heading = \"ProductsPage.allProductsTitle\",\r\n  subHeading,\r\n}) => {\r\n\r\n  const { t } = useTranslation();\r\n\r\n  return (\r\n    <div className={`mb-12 lg:mb-16 ${className}`}>\r\n      <h2 className=\"text-4xl font-semibold\">{t(`${heading}`)}</h2>\r\n      {/* {subHeading ? (\r\n        subHeading\r\n      ) : (\r\n        <span className=\"block text-neutral-500 dark:text-neutral-400 mt-3\">\r\n          233 stays\r\n          <span className=\"mx-2\">·</span>\r\n          Aug 12 - 18\r\n          <span className=\"mx-2\">·</span>2 Guests\r\n        </span>\r\n      )} */}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Heading2;\r\n","import React, { FC, useContext } from \"react\";\n// import StayCard from \"components/StayCard/StayCard\";\nimport ProductCard from \"./ProductCard\";\nimport { DEMO_STAY_LISTINGS } from \"data/listings\";\nimport { StayDataType } from \"data/types\";\n// import Pagination from \"shared/Pagination/Pagination\";\nimport Heading2 from \"components/Heading/Heading2\";\nimport { GoogleContext } from \"context/google\";\n\nexport interface SectionGridFilterCardProps {\n  className?: string;\n  data?: StayDataType[];\n}\n\nconst DEMO_DATA: StayDataType[] = DEMO_STAY_LISTINGS.filter((_, i) => i < 4);\n\nconst SectionGridFilterCard: FC<SectionGridFilterCardProps> = ({\n  className = \"\",\n  data = DEMO_DATA,\n}) => {\n\n  const { products } = useContext(GoogleContext);\n  \n  return (\n    <div\n      className={`nc-SectionGridFilterCard ${className}`}\n      data-nc-id=\"SectionGridFilterCard\"\n    >\n      <Heading2 />\n\n      {/* <div \n        className=\"grid grid-cols-1 gap-6 md:gap-8 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\"\n      >\n        {data.map((stay) => (\n          <StayCard key={stay.id} data={stay} />\n        ))}\n      </div> */}\n\n      <div \n        className=\"grid grid-cols-1 gap-6 md:gap-8 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\"\n      >\n        {products.map((item, index) => (\n          <ProductCard key={index} data={item} />\n        ))}\n      </div>\n\n      {/* <div \n        className=\"grid grid-cols-1 gap-6 md:gap-8 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\"\n      >\n        {allSeafood.map((item) => (\n          <ProductCard key={item.id} data={item} />\n        ))}\n      </div> */}\n      {/* <div className=\"flex mt-16 justify-center items-center\">\n        <Pagination />\n      </div> */}\n    </div>\n  );\n};\n\nexport default SectionGridFilterCard;","import React from \"react\";\r\nimport { FC } from \"react\";\r\nimport ButtonPrimary from \"shared/Button/ButtonPrimary\";\r\nimport ButtonSecondary from \"shared/Button/ButtonSecondary\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nexport interface CommonLayoutProps {\r\n  index?: string;\r\n  nextHref?: string;\r\n  backtHref?: string;\r\n  nextBtnText?: string;\r\n}\r\n\r\nconst CommonLayout: FC<CommonLayoutProps> = ({\r\n  index = \"01\",\r\n  children,\r\n  nextHref,\r\n  nextBtnText,\r\n  backtHref,\r\n}) => {\r\n\r\n  const { t } = useTranslation();\r\n\r\n  return (\r\n    <div\r\n      className={`nc-PageAddListing1 px-4 max-w-3xl mx-auto pb-24 pt-14 sm:py-24 lg:pb-32`}\r\n      data-nc-id=\"PageAddListing1\"\r\n    >\r\n      <div className=\"space-y-11\">\r\n        {/* <div>\r\n          <span className=\"text-4xl font-semibold\">{index}</span>{\" \"}\r\n          <span className=\"text-lg text-neutral-500 dark:text-neutral-400\">\r\n            / 10\r\n          </span>\r\n        </div> */}\r\n\r\n        {/* --------------------- */}\r\n        <div className=\"listingSection__wrap \">{children}</div>\r\n\r\n        {/* --------------------- */}\r\n        <div className=\"flex justify-end space-x-5\">\r\n          <ButtonSecondary href={backtHref}>\r\n            {t(\"Button.back\")}\r\n          </ButtonSecondary>\r\n          <ButtonPrimary href={nextHref}>\r\n            {nextBtnText || t(\"Button.continue\")}\r\n          </ButtonPrimary>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default CommonLayout;\r\n","import React, { HTMLAttributes, ReactNode } from \"react\";\r\nimport NextPrev from \"shared/NextPrev/NextPrev\";\r\n\r\nexport interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {\r\n  fontClass?: string;\r\n  desc?: ReactNode;\r\n  hasNextPrev?: boolean;\r\n  isCenter?: boolean;\r\n}\r\n\r\nconst Heading: React.FC<HeadingProps> = ({\r\n  children,\r\n  desc = \"\",\r\n  className = \"mb-12 lg:mb-12 text-neutral-900 dark:text-neutral-50\",\r\n  isCenter = false,\r\n  hasNextPrev = false,\r\n  ...args\r\n}) => {\r\n  return (\r\n    <div\r\n      className={`nc-Section-Heading relative flex flex-col sm:flex-row sm:items-end justify-between ${className}`}\r\n    >\r\n      <div\r\n        className={\r\n          isCenter ? \"text-center w-full max-w-2xl mx-auto\" : \"max-w-2xl\"\r\n        }\r\n      >\r\n        <h2 className={`text-3xl md:text-4xl font-semibold`} {...args}>\r\n          {children || `Section Heading`}\r\n        </h2>\r\n        {desc && (\r\n          <span className=\"mt-2 md:mt-3 font-normal block text-base sm:text-xl text-neutral-500 dark:text-neutral-400\">\r\n            {desc}\r\n          </span>\r\n        )}\r\n      </div>\r\n      {hasNextPrev && !isCenter && (\r\n        <div className=\"mt-4 flex justify-end sm:ml-2 sm:mt-0 flex-shrink-0\">\r\n          <NextPrev onClickNext={() => {}} onClickPrev={() => {}} />\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Heading;\r\n","import React from \"react\";\r\nimport { BrowserRouter as Router, Switch, Route } from \"react-router-dom\";\r\nimport { Page } from \"./types\";\r\nimport ScrollToTop from \"./ScrollToTop\";\r\nimport Footer from \"shared/Footer/Footer\";\r\nimport PageHome from \"containers/PageHome/PageHome\";\r\nimport Header from \"shared/Header/Header\";\r\nimport Page404 from \"containers/Page404/Page404\";\r\nimport CheckOutPage from \"containers/CheckOutPage/CheckOutPage\";\r\nimport PageContact from \"containers/PageContact/PageContact\";\r\nimport PageAbout from \"containers/PageAbout/PageAbout\";\r\nimport AdminPage from \"containers/AdminPage/AdminPage\"\r\nimport WhatWeOfferPage from \"containers/WhatWeOfferPage/WhatWeOfferPage\";\r\nimport ProductsPage from \"containers/ProductsPage/ProductsPage\";\r\nimport ProductDetailPage from \"containers/ProductsPage/ProductDetailPage\";\r\nimport Cart from \"containers/CartPage/CartPage\";\r\nimport TermsPage from \"containers/TermsPage/TermsPage\";\r\n\r\nexport const pages: Page[] = [\r\n  { path: \"/\", exact: true, component: PageHome },\r\n  { path: \"/#\", exact: true, component: PageHome },\r\n  { path: \"/checkout\", component: CheckOutPage },\r\n  { path: \"/contact\", component: PageContact },\r\n  { path: \"/about\", component: PageAbout },\r\n  { path: \"/login\", component: AdminPage },\r\n  { path: \"/products\", component: WhatWeOfferPage },\r\n  { path: \"/shop\", component: ProductsPage },\r\n  { path: \"/product-detail/:id\", component: ProductDetailPage },\r\n  { path: \"/cart\", component: Cart},\r\n  { path: \"/terms\", component: TermsPage }\r\n];\r\n\r\nconst Routes = () => {\r\n  return (\r\n    <Router>\r\n      <ScrollToTop />\r\n      <Header />\r\n      <Switch>\r\n        {pages.map(({ component, path, exact }) => {\r\n          return (\r\n            <Route\r\n              key={path}\r\n              component={component}\r\n              exact={!!exact}\r\n              path={path}\r\n            />\r\n          );\r\n        })}\r\n        <Route component={Page404} />\r\n      </Switch>\r\n      <Footer />\r\n    </Router>\r\n  );\r\n};\r\n\r\nexport default Routes;\r\n","import React, { FC, useCallback, useContext, useEffect, useState } from \"react\";\nimport SectionGridFilterCard from \"./SelectionGridFilterCard\";\nimport { GoogleContext } from \"context/google\";\nimport { API } from \"aws-amplify\";\nimport Spinner from \"components/Spinner/Spinner\";\n\nexport interface ProductsPageProps {\n  className?: string;\n};\n\nconst ProductsPage: FC<ProductsPageProps> = ({className = \"\"}) => {\n\n  const { setProducts } = useContext(GoogleContext);\n\n  const [loaded, setLoaded] = useState<any>(undefined);\n\n  useEffect(() => {\n    fetchAllGoogleProducts();\n  }, []);\n\n  const fetchAllGoogleProducts = useCallback(async () => {\n    try {\n      const res = await API.get('googleGetAllSeafood', '/getAllSeafood', {});\n\n      setProducts(res.body.data);\n\n      setTimeout(() => {\n        setLoaded(true);\n      }, 500);\n\n      // console.log(\"Get all google products from ProductPage:\", res.body.data);\n    } catch (err) {\n      console.log(\"fetchAllGoogleError:\", err);\n    }\n  }, [setProducts]);\n\n  return(\n    <div\n      className={`nc-ProductsPage relative overflow-hidden ${className}`}\n      data-nc-id=\"ListingStayPage\"\n    >\n      <div \n        className=\"container relative overflow-hidden\"\n        style={{\n          display: \"flex\",\n          flexDirection: \"column\",\n          justifyContent: \"center\",\n          alignItems: \"center\"\n        }}\n      >\n        {\n          loaded === undefined && (\n            <Spinner className=\"pt-24 pb-24 lg:py-32\" />\n          )\n        }\n\n        {\n          loaded === true && (\n            <SectionGridFilterCard className=\"pb-24 lg:pb-32\" />\n          )\n        }\n      </div>\n\n     \n    </div>\n  )\n};\n\nexport default ProductsPage;","import React, { FC, useContext, useEffect, useState } from \"react\";\nimport ButtonPrimary from \"shared/Button/ButtonPrimary\";\n// import NcImage from \"shared/NcImage/NcImage\";\n// import ModalPhotos from \"containers/ListingDetailPage/ModalPhotos\";\nimport { useParams, useHistory } from \"react-router-dom\";\nimport { CartContext } from \"context/cart\";\nimport { API } from \"aws-amplify\";\nimport { useTranslation } from \"react-i18next\";\nimport ButtonSecondary from \"shared/Button/ButtonSecondary\";\nimport Spinner from \"components/Spinner/Spinner\";\nimport Banner from \"components/Banner/Banner\";\n\nexport interface ListingProductPageProps {\n  className?: string;\n  isPreviewMode?: boolean;\n};\n\nconst ListingStayDetailPage: FC<ListingProductPageProps> = ({\n  className = \"\",\n  isPreviewMode,\n}) => {\n  \n  const { id } = useParams() as any;\n  const history = useHistory();\n  // const { products } = useContext(GoogleContext);\n  const { addToCart } = useContext(CartContext);\n  const { t } = useTranslation();\n\n  // const [isOpen, setIsOpen] = useState(false);\n  // const [openFocusIndex, setOpenFocusIndex] = useState(0);\n  const [chosenSeafood, setChosenSeafood] = useState({\n    title: '',\n    description: '',\n    price: '',\n    quantity: '',\n    image1: '',\n    image2: '',\n    image3: '',\n    image4: '',\n    image5: '',\n  });\n  const [soldOut, setSoldOut] = useState<any>(null);\n  const [loaded, setLoaded] = useState<any>(undefined);\n\n  useEffect(() => {\n    getOneSeafood(id);\n  }, []);\n\n  useEffect(() => {\n    setSoldOut(checker(chosenSeafood));\n  }, [chosenSeafood, soldOut]);\n\n  const getOneSeafood = async (id: any) => {\n    try {\n\n      const res = await API.get('googleGetOneSeafood', '/getOneSeafood', {\n        queryStringParameters: {\n          rowIndex: id,\n        }\n      });\n\n      const result = res.body.data;\n      // console.log('getOne Res:', result);\n      \n      setChosenSeafood(chosenSeafood => ({\n        ...chosenSeafood,\n        title: result.title,\n        description: result.description,\n        price: result.price,\n        quantity: result.quantity,\n        image1: result.image1,\n        image2: result.image2,\n        image3: result.image3,\n        image4: result.image4,\n        image5: result.image5\n      }));\n\n      setTimeout(() => {\n        setLoaded(true);\n      }, 500);\n\n    } catch(err) {\n      console.log('Get One Error:', err);\n    }\n\n  };\n\n  let arr = [];\n\n  for (let [key, value] of Object.entries(chosenSeafood)) {\n    if (key !== undefined && value !== undefined) {\n      arr.push(value);\n    }\n  }\n\n  let pattern = \"https://drive.google.com\";\n  let filtered = arr.filter((str: any) => { return str.includes(pattern); })\n    \n  // console.log('Filtered:', filtered);\n\n  const checker = (input: any) => {\n    let outOfStock;\n\n    if (input.quantity === \"0\" || input.quantity === \"\") {\n      outOfStock = true;\n    } else if (input.quantity === \"-1\") {\n      outOfStock = undefined;\n    } else {\n      outOfStock = false;\n    };\n\n    return outOfStock;\n  };\n\n  // const seafood = seafoods.find((seafood) => {\n  //   return seafood.id === id;\n  // });\n\n  // if (!seafood) {\n  //   return <h3>Loading...</h3>;\n  // }\n\n  // const { image: url, title, description, author, price } = seafood;\n\n  // const product:any = products.find((product) => {\n  //   return product.id === id;\n  // });\n\n  // const { price, title, description } = product;\n\n  // const finalPrice = (price: any) => {\n  //   let total;\n  //   total = price * 1.05\n  //   return Math.round(total * 100)/100;\n  // };\n\n  // const handleOpenModal = (index: number) => {\n  //   setIsOpen(true);\n  //   setOpenFocusIndex(index);\n  // };\n\n  // const handleCloseModal = () => setIsOpen(false);\n\n  const renderDescription = () => {\n    return (\n      <div className=\"listingSection__wrap\">\n        <h2 className=\"text-2xl font-semibold\">{chosenSeafood.title}</h2>\n        <div className=\"w-100 border-b border-neutral-200 dark:border-neutral-700\"></div>\n        <div className=\"text-neutral-6000 dark:text-neutral-300\">\n          <span>\n            {chosenSeafood.description}\n          </span>\n        </div>\n      </div>\n    );\n  };\n\n  const renderSalesPolicy = () => {\n    return (\n      <div className=\"listingSection__wrap\">\n        {/* HEADING */}\n        <h2 className=\"text-2xl font-semibold\">\n          {t(\"ProductsPage.detail.salesPolicyTitle\")}\n        </h2>\n        <div className=\"w-100 border-b border-neutral-200 dark:border-neutral-700\" />\n        {/* CONTENT */}\n        <div>\n          {/* <h4 className=\"text-lg font-semibold\">Cancellation policy</h4> */}\n          <span className=\"block text-neutral-500 dark:text-neutral-400\">\n            {t(\"ProductsPage.detail.salesPolicyDesc1\")}\n          </span>\n\n          <span className=\"block mt-3 text-neutral-500 dark:text-neutral-400\">\n            {t(\"ProductsPage.detail.salesPolicyDesc2\")}\n          </span>\n        </div>\n      </div>\n    );\n  };\n\n  const renderInternational = () => {\n    return (\n      <div className=\"listingSection__wrap\">\n        {/* HEADING */}\n        <h2 className=\"text-2xl font-semibold\">\n          {t(\"ProductsPage.detail.internationalTitle\")}\n        </h2>\n        <div className=\"w-100 border-b border-neutral-200 dark:border-neutral-700\" />\n        {/* CONTENT */}\n        <div>\n          {/* <h4 className=\"text-lg font-semibold\">Cancellation policy</h4> */}\n          <span className=\"block text-neutral-500 dark:text-neutral-400\">\n            {t(\"ProductsPage.detail.internationalDesc1\")}\n          </span>\n\n          <span className=\"block mt-3 text-neutral-500 dark:text-neutral-400\">\n            {t(\"ProductsPage.detail.internationalDesc2\")}\n          </span>\n        </div>\n      </div>\n    );\n  };\n\n  const renderSidebar = () => {\n    return (\n      <div className=\"listingSection__wrap shadow-xl\">\n        {/* PRICE */}\n        <div className=\"flex justify-between\">\n          <span className=\"text-3xl font-semibold\">\n            {`$${chosenSeafood.price}.00`}\n            <span className=\"ml-1 text-base font-normal text-neutral-500 dark:text-neutral-400\">\n              {t(\"ProductsPage.detail.perUnit\")}\n            </span>\n          </span>\n          {/* <StartRating /> */}\n        </div>\n\n        {/* SUM */}\n        <div className=\"flex flex-col space-y-4\">\n          <div className=\"flex justify-between text-neutral-6000 dark:text-neutral-300\">\n            <span>{t(\"ProductsPage.detail.subTotal\")}</span>\n            <span>{`$${chosenSeafood.price}.00`}</span>\n          </div>\n          {/* <div className=\"flex justify-between text-neutral-6000 dark:text-neutral-300\">\n            <span>{t(\"ProductsPage.detail.salesTax\")}</span>\n            <span>5% Gst</span>\n          </div> */}\n          <div className=\"border-b border-neutral-200 dark:border-neutral-700\"></div>\n          <div className=\"flex justify-between font-semibold\">\n            <span>{t(\"ProductsPage.detail.total\")}</span>\n            <span>{`$${chosenSeafood.price}`}</span>\n          </div>\n        </div>\n\n        {/* SUBMIT */}\n        <>\n          {\n            soldOut === true && (\n              <ButtonSecondary>{t(\"ProductsPage.detail.soldOutButton\")}</ButtonSecondary>\n            )\n          }\n          {\n            soldOut === false && (\n              <ButtonPrimary\n                onClick={() => {\n                  addToCart({ ...chosenSeafood, id });\n                  history.push(\"/cart\");\n                }}\n              >\n                {t(\"ProductsPage.detail.addCartButton\")}\n              </ButtonPrimary>\n            )\n          }\n\n          {soldOut === undefined && (\n            <ButtonSecondary>{t(\"ProductsPage.detail.inquireButton\")}</ButtonSecondary>\n          )}\n        </>\n      </div>\n    );\n  };\n  \n  return (\n      <div\n        className={`nc-ListingStayDetailPage  ${className}`}\n        data-nc-id=\"ListingStayDetailPage\"\n        style={{\n          display: \"flex\",\n          flexDirection: \"column\",\n          justifyContent: \"center\",\n          alignItems: \"center\"\n        }}\n      >\n        {\n          loaded === undefined && (\n            <Spinner className=\"pt-24 pb-24 lg:py-32\" />\n          )\n        }\n        \n        {\n          loaded === true && (\n            <>\n              {/* SINGLE HEADER */}\n\n                <>\n                  <header className=\"container 2xl:px-14 rounded-md sm:rounded-xl\">\n                      {/* <NcImage\n                        className=\"w-full rounded-xl\"\n                        containerClassName=\"container my-10 sm:my-12 \"\n                        src={PHOTOS[0]}\n                      /> */}\n\n                      <Banner imageArr={filtered} />\n                    {/* <div className=\"relative grid grid-cols-3 sm:grid-cols-4 gap-1 sm:gap-2\"> */}\n                      {/* <div\n                        className=\"col-span-2 row-span-3 sm:row-span-2 relative rounded-md sm:rounded-xl overflow-hidden cursor-pointer\"\n                        onClick={() => handleOpenModal(0)}\n                      >\n                        <NcImage\n                          containerClassName=\"absolute inset-0\"\n                          className=\"object-cover w-full h-full rounded-md sm:rounded-xl\"\n                          src={PHOTOS[0]}\n                          prevImageHorizontal\n                        />\n                        <div className=\"absolute inset-0 bg-neutral-900 bg-opacity-20 opacity-0 hover:opacity-100 transition-opacity\"></div>\n                      </div> */}\n\n                      {/* {PHOTOS.filter((_, i) => i >= 1 && i < 5).map((item, index) => (\n                        <div\n                          key={index}\n                          className={`relative rounded-md sm:rounded-xl overflow-hidden ${\n                            index >= 3 ? \"hidden sm:block\" : \"\"\n                          }`}\n                        >\n                          <NcImage\n                            containerClassName=\"aspect-w-4 aspect-h-3 sm:aspect-w-6 sm:aspect-h-5\"\n                            className=\"object-cover w-full h-full rounded-md sm:rounded-xl \"\n                            src={item || \"\"}\n                            prevImageHorizontal\n                          />\n\n                          <div\n                            className=\"absolute inset-0 bg-neutral-900 bg-opacity-20 opacity-0 hover:opacity-100 transition-opacity cursor-pointer\"\n                            onClick={() => handleOpenModal(index + 1)}\n                          />\n                        </div>\n                      ))} */}\n\n                      {/* <div\n                        className=\"absolute hidden md:flex md:items-center md:justify-center left-3 bottom-3 px-4 py-2 rounded-xl bg-neutral-100 text-neutral-500 cursor-pointer hover:bg-neutral-200 z-10\"\n                        onClick={() => handleOpenModal(0)}\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          className=\"h-5 w-5\"\n                          fill=\"none\"\n                          viewBox=\"0 0 24 24\"\n                          stroke=\"currentColor\"\n                        >\n                          <path\n                            strokeLinecap=\"round\"\n                            strokeLinejoin=\"round\"\n                            strokeWidth={1.5}\n                            d=\"M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z\"\n                          />\n                        </svg>\n                        <span className=\"ml-2 text-neutral-800 text-sm font-medium\">\n                          {t(\"ProductsPage.detail.showPics\")}\n                        </span>\n                      </div> */}\n                    {/* </div> */}\n                  </header>\n                  {/* MODAL PHOTOS */}\n                  {/* <ModalPhotos\n                    imgs={PHOTOS}\n                    isOpen={isOpen}\n                    onClose={handleCloseModal}\n                    initFocus={openFocusIndex}\n                  /> */}\n                </>\n\n                {/* MAIn */}\n                <main className=\"container mt-11 flex \">\n                  {/* CONTENT */}\n                  <div className=\"w-full lg:w-3/5 xl:w-2/3 space-y-8 lg:space-y-10 lg:pr-10\">\n                    {renderDescription()}\n                    {renderSalesPolicy()}\n                    {renderInternational()}\n                  </div>\n\n                  {/* SIDEBAR */}\n                  <div className=\"hidden lg:block flex-grow\">\n                    <div className=\"sticky top-24\">{renderSidebar()}</div>\n                  </div>\n                </main>\n\n                {/* STICKY FOOTER MOBILE */}\n                {!isPreviewMode && (\n                  <div className=\"block lg:hidden fixed bottom-0 inset-x-0 py-4 bg-white text-neutral-900 border-t border-neutral-200 z-20\">\n                    <div className=\"container flex items-center justify-between\">\n                      <span className=\"text-2xl font-semibold\">\n                        {`$${chosenSeafood.price}`}\n                        <span \n                          className=\"ml-1 text-base font-normal text-neutral-500 dark:text-neutral-400\"\n                        >\n                          {t(\"ProductsPage.detail.perUnit\")}\n                        </span>\n                      </span>\n\n                      <>\n                        {\n                          soldOut === true && (\n                            <ButtonSecondary>{t(\"ProductsPage.detail.soldOutButton\")}</ButtonSecondary>\n                          )\n                        }\n                        {\n                          soldOut === false && (\n                            <ButtonPrimary\n                              onClick={() => {\n                                addToCart({ ...chosenSeafood, id });\n                                history.push(\"/cart\");\n                              }}\n                            >\n                              {t(\"ProductsPage.detail.addCartButton\")}\n                            </ButtonPrimary>\n                          )\n                        }\n                        {soldOut === undefined && (\n                          <ButtonSecondary>{t(\"ProductsPage.detail.inquireButton\")}</ButtonSecondary>\n                        )}\n                      </>\n                    </div>\n                  </div>\n                )}\n            </>\n          )\n        }\n      </div>\n  );\n};\n\nexport default ListingStayDetailPage;","import React, { FC, useContext } from \"react\";\nimport CommonLayout from \"../../containers/PageAddListing1/CommonLayout\";\n// import NcInputNumber from \"components/NcInputNumber/NcInputNumber\";\nimport { CartContext } from \"context/cart\";\nimport { MinusIcon, PlusIcon } from \"@heroicons/react/solid\";\nimport { useTranslation } from \"react-i18next\";\n\nexport interface CartProps {}\n\nconst Cart: FC<CartProps> = () => {\n\n  const { cart, total, increaseAmount, decreaseAmount } = useContext(CartContext);\n\n  const { t } = useTranslation();\n\n  if (!cart.length) {\n    return <CommonLayout\n              backtHref=\"/products\"\n              nextHref=\"/\"\n            > \n              <>\n                <h2 \n                  className=\"text-2xl font-semibold flex justify-center\"\n                >\n                  {t(\"CartPage.emptyTitle\")}\n                </h2>\n              </>\n            </CommonLayout>\n  };\n\n  // const finalPrice = (price: any) => {\n  //   let total;\n  //   total = price * 1.05\n  //   return Math.round(total * 100)/100;\n  // };\n\n  return (\n    <CommonLayout\n      backtHref=\"/products\"\n      nextHref=\"/checkout\"\n    >\n      <>\n        <h2 className=\"text-2xl font-semibold flex justify-center\">{t(\"CartPage.title\")}</h2>\n        {/* FORM */}\n        <div className=\"space-y-8\">\n          {/* ITEM */}\n          {cart.map((item) => {\n            return <div\n                      className=\"nc-NcInputNumber flex items-center justify-between w-full\"\n                      data-nc-id=\"NcInputNumber\"\n                      key={item.id}\n                    >\n                      <div className=\"flex flex-col\">\n                        <span \n                          className=\"font-medium text-neutral-800 dark:text-neutral-200\"\n                        >\n                          {item.title}\n                        </span>\n\n                        <span \n                          className=\"text-s text-neutral-500 dark:text-neutral-400 font-normal\"\n                        >\n                          {`$${item.price}${t(\"ProductsPage.perUnit\")}`}\n                        </span>\n                      </div>\n      \n                      <div\n                        className={`nc-NcInputNumber flex items-center justify-between w-28 ml-5`}\n                      >\n                        <button\n                          className=\"w-8 h-8 rounded-full flex items-center justify-center border border-neutral-400 dark:border-neutral-500 bg-white dark:bg-neutral-900 focus:outline-none hover:border-neutral-700 disabled:hover:border-neutral-400 dark:disabled:hover:border-neutral-500 disabled:opacity-50 disabled:cursor-default\"\n                          type=\"button\"\n                          onClick={() => decreaseAmount(item.id, item.amount)}\n                        >\n                          <MinusIcon className=\"w-4 h-4\" />\n                        </button>\n\n                        <span>{item.amount}</span>\n\n                        <button\n                          className=\"w-8 h-8 rounded-full flex items-center justify-center border border-neutral-400 dark:border-neutral-500 bg-white dark:bg-neutral-900 focus:outline-none hover:border-neutral-700 disabled:hover:border-neutral-400 dark:disabled:hover:border-neutral-500 disabled:opacity-50 disabled:cursor-default\"\n                          type=\"button\"\n                          onClick={() => increaseAmount(item.id)}\n                        >\n                          <PlusIcon className=\"w-4 h-4\" />\n                        </button>\n                      </div>\n                    </div>\n          })}\n\n          <div className=\"flex justify-between\">\n            {/* <h3 className=\"text-2xl font-semibold\">\n              Gst 5%\n            </h3> */}\n            <div></div>\n            <h3 className=\"text-2xl font-semibold\">\n              {`${t(\"ProductsPage.detail.total\")} $ ${total}`}\n            </h3>\n          </div>\n        </div>\n      </>\n    </CommonLayout>\n  );\n};\n\nexport default Cart;","import React, { FC } from \"react\";\nimport OneButtonCommonLayout from \"containers/PageAddListing1/OneButtonCommonLayout\";\nimport Heading from \"components/Heading/Heading\";\nimport { useTranslation } from 'react-i18next';\n\nexport interface TermsProps {}\n\nconst TermsPage: FC<TermsProps> = () => {\n\n  const { t } = useTranslation();\n\n  return (\n    <OneButtonCommonLayout backtHref=\"/\">\n      <Heading isCenter>\n        {t(\"TermsPage.title\")}\n      </Heading>\n\n      <div>{t(\"TermsPage.desc\")}</div>\n    </OneButtonCommonLayout>\n  )\n};\n\nexport default TermsPage;","/* eslint-disable */\n// WARNING: DO NOT EDIT. This file is automatically generated by AWS Amplify. It will be overwritten.\n\nconst awsmobile = {\n    \"aws_project_region\": \"us-east-1\",\n    \"aws_appsync_graphqlEndpoint\": \"https://enqywbitljenlcvsp5lwvqlz7m.appsync-api.us-east-1.amazonaws.com/graphql\",\n    \"aws_appsync_region\": \"us-east-1\",\n    \"aws_appsync_authenticationType\": \"AMAZON_COGNITO_USER_POOLS\",\n    \"aws_cloud_logic_custom\": [\n        {\n            \"name\": \"googleAddSeafoodInventory\",\n            \"endpoint\": \"https://evzra67q2e.execute-api.us-east-1.amazonaws.com/production\",\n            \"region\": \"us-east-1\"\n        },\n        {\n            \"name\": \"googleGetAllSeafood\",\n            \"endpoint\": \"https://rz1juy43ik.execute-api.us-east-1.amazonaws.com/production\",\n            \"region\": \"us-east-1\"\n        },\n        {\n            \"name\": \"googleGetOneSeafood\",\n            \"endpoint\": \"https://h57qawomgl.execute-api.us-east-1.amazonaws.com/production\",\n            \"region\": \"us-east-1\"\n        },\n        {\n            \"name\": \"googleJoinEmailList\",\n            \"endpoint\": \"https://uxl42q0r15.execute-api.us-east-1.amazonaws.com/production\",\n            \"region\": \"us-east-1\"\n        },\n        {\n            \"name\": \"googleUpdateSeafoodInventory\",\n            \"endpoint\": \"https://3b4xrsyjlf.execute-api.us-east-1.amazonaws.com/production\",\n            \"region\": \"us-east-1\"\n        },\n        {\n            \"name\": \"stripeListCharges\",\n            \"endpoint\": \"https://ctin5b5tla.execute-api.us-east-1.amazonaws.com/production\",\n            \"region\": \"us-east-1\"\n        }\n    ],\n    \"aws_cognito_identity_pool_id\": \"us-east-1:a17f7350-589c-4150-b3fd-9eb30a8cf7a2\",\n    \"aws_cognito_region\": \"us-east-1\",\n    \"aws_user_pools_id\": \"us-east-1_0y0P33zKI\",\n    \"aws_user_pools_web_client_id\": \"7a1t63ksgtuvdqtofhb4l5t07e\",\n    \"oauth\": {},\n    \"aws_cognito_username_attributes\": [],\n    \"aws_cognito_social_providers\": [],\n    \"aws_cognito_signup_attributes\": [\n        \"PHONE_NUMBER\"\n    ],\n    \"aws_cognito_mfa_configuration\": \"OFF\",\n    \"aws_cognito_mfa_types\": [\n        \"SMS\"\n    ],\n    \"aws_cognito_password_protection_settings\": {\n        \"passwordPolicyMinLength\": 8,\n        \"passwordPolicyCharacters\": []\n    },\n    \"aws_cognito_verification_mechanisms\": [\n        \"EMAIL\"\n    ],\n    \"aws_user_files_s3_bucket\": \"bhseafoodtemplate058e7a021a634dacb2dba2de0d741000505-production\",\n    \"aws_user_files_s3_bucket_region\": \"us-east-1\"\n};\n\n\nexport default awsmobile;\n","import React, { useCallback, useEffect, useContext } from \"react\";\r\nimport MyRouter from \"routers/index\";\r\n// AMPLIFY\r\nimport Amplify, { Auth, Hub } from \"aws-amplify\";\r\nimport awsExports from \"./aws-exports\";\r\nimport { AuthContext } from \"../src/context/authenticate\";\r\nAmplify.configure(awsExports);\r\n\r\n\r\nfunction App() {\r\n\r\n  const { setAuth, setUserName, setEmail } = useContext(AuthContext);\r\n\r\n  const isLoggedIn = useCallback(async () => {\r\n    try {\r\n      const result = await Auth.currentAuthenticatedUser();\r\n      // console.log('Logged in:', result);\r\n      setAuth(true);\r\n      setUserName(result.username);\r\n      setEmail(result.attributes.email);\r\n    } catch (err) {\r\n      // console.log('Not logged in:', err);\r\n    };\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    Hub.listen('auth', (data) => {\r\n      const { payload } = data\r\n      // console.log('A new auth event has happened: ', data)\r\n       if (payload.event === 'signIn') {\r\n        //  console.log('a user has signed in!');\r\n\r\n         isLoggedIn();\r\n       }\r\n       if (payload.event === 'signOut') {\r\n        //  console.log('a user has signed out!')\r\n         setAuth(false);\r\n       }\r\n    })\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    isLoggedIn();\r\n  }, []);\r\n\r\n  return (\r\n    <div className=\"bg-white text-base dark:bg-neutral-900 text-neutral-900 dark:text-neutral-200\">\r\n      <MyRouter />\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default App;\r\n","import { ReportHandler } from 'web-vitals';\r\n\r\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\r\n  if (onPerfEntry && onPerfEntry instanceof Function) {\r\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n      getCLS(onPerfEntry);\r\n      getFID(onPerfEntry);\r\n      getFCP(onPerfEntry);\r\n      getLCP(onPerfEntry);\r\n      getTTFB(onPerfEntry);\r\n    });\r\n  }\r\n};\r\n\r\nexport default reportWebVitals;\r\n","import React from \"react\";\nimport { API } from \"aws-amplify\";\nimport { v4 as uuidv4 } from \"uuid\";\n// import { listSeafoods } from \"../graphql/queries\";\nimport { processOrder } from \"../graphql/mutations\";\n\ninterface AnyInterface{\n  // seafoods: any[];\n  // featured: any[];\n  // loading: boolean;\n  checkout: (orderDetails: any) => void;\n};\n\nconst defaultState = {\n  // seafoods: [],\n  // featured: [],\n  // loading: false,\n  checkout: () => {}\n};\n\nconst SeafoodContext = React.createContext<AnyInterface>(defaultState);\n\nconst SeafoodProvider: React.FC = ({ children }) => {\n  // const [seafoods, setSeafoods] = useState<Array<object>>([]);\n  // const [featured, setFeatured] = useState<Array<object>>([]);\n  // const [loading, setLoading] = useState<boolean>(false);\n\n  // useEffect(() => {\n  //   fetchSeafoods();\n  // }, []);\n  \n  const checkout = async (orderDetails: any) => {\n    const payload = {\n      id: uuidv4(),\n      ...orderDetails\n    };\n    console.log('payload:', payload);\n    try {\n      // await API.graphql(graphqlOperation(processOrder, { input: payload }));\n\n      const res = await API.graphql({\n        query: processOrder,\n        variables: {input: payload},\n        authMode: \"AMAZON_COGNITO_USER_POOLS\"\n      })\n\n      console.log(\"Order is successful:\", res);\n    } catch (err) {\n      console.log(\"Checkout Error\", err);\n    }\n  };\n\n  // const fetchSeafoods = async () => {\n  //   try {\n  //     setLoading(true);\n  //     // Switch authMode to API_KEY for public access\n  //     const { data } = await API.graphql({\n  //       query: listSeafoods,\n  //       // authMode: \"AMAZON_COGNITO_USER_POOLS\"\n  //       authMode: \"API_KEY\"\n  //     }) as any;\n  //     const seafoods = data.listSeafoods.items;\n  //     const featured = seafoods.filter((seafood: any) => {\n  //       return !!seafood.featured;\n  //     });\n  //     setSeafoods(seafoods);\n  //     setFeatured(featured);\n  //     setLoading(false);\n  //   } catch (err) {\n  //     console.log(err);\n  //   }\n  // };\n\n  return (\n    <SeafoodContext.Provider \n      value={{ checkout }}\n    >\n      {children}\n    </SeafoodContext.Provider>\n  );\n};\n\nexport { SeafoodContext, SeafoodProvider };","import i18n from 'i18next';\nimport Backend from 'i18next-http-backend';\nimport LanguageDetector from 'i18next-browser-languagedetector';\nimport { initReactI18next } from 'react-i18next';\n\nconst Languages = ['en', 'zh'];\n\ni18n\n  .use(Backend)\n  .use(LanguageDetector)\n  .use(initReactI18next) // passes i18n down to react-i18next\n  .init({\n    fallbackLng: 'en',\n    debug: false,\n    whitelist: Languages,\n    detection: {\n      order: ['queryString', 'cookie'],\n      cache: ['cookie']\n    },\n\n    //keySeparator: false, // we do not use keys in form messages.welcome\n\n    interpolation: {\n      escapeValue: false // react already safes from xss\n    }\n  });\n\nexport default i18n;","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\n//\r\nimport \"react-dates/initialize\";\r\nimport \"react-dates/lib/css/_datepicker.css\";\r\n// STYLE\r\nimport \"./styles/index.scss\";\r\nimport \"./index.css\";\r\nimport \"./fonts/line-awesome-1.3.0/css/line-awesome.css\";\r\n//\r\nimport App from \"./App\";\r\nimport reportWebVitals from \"./reportWebVitals\";\r\n// AMPLIFY\r\n// import Amplify from \"aws-amplify\";\r\n// import awsExports from \"./aws-exports\";\r\n// Amplify.configure(awsExports);\r\nimport { AmplifyProvider } from \"@aws-amplify/ui-react\";\r\nimport { GoogleProvider } from \"context/google\";\r\nimport { SeafoodProvider } from \"./context/seafoods\";\r\nimport { CartProvider } from \"./context/cart\";\r\nimport { AuthProvider } from \"context/authenticate\";\r\nimport './i18n';\r\n\r\nReactDOM.render(\r\n  <React.Suspense fallback={'loading'}>\r\n    <AuthProvider>\r\n      <GoogleProvider>\r\n        <SeafoodProvider>\r\n          <CartProvider>\r\n            <AmplifyProvider>\r\n              <App />\r\n            </AmplifyProvider>\r\n          </CartProvider>\r\n        </SeafoodProvider>\r\n      </GoogleProvider>\r\n    </AuthProvider>\r\n  </React.Suspense>,\r\n  document.getElementById(\"root\")\r\n);\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\nreportWebVitals();\r\n"],"sourceRoot":""}