{"version":3,"sources":["page-components/landing-page/hero/index.tsx","page-components/landing-page/show-case-products/index.tsx","page-components/landing-page/image-carousel/index.tsx","page-components/landing-page/features/index.tsx","page-components/landing-page/social-proof/index.tsx","pages/landing/index.tsx"],"names":["Hero","datas","className","autoplay","map","imageUrl","text","Content","style","height","backgroundImage","ShowCaseProducts","type","Array","from","keys","a","imageSrc","name","Card","alt","maxWidth","src","ImageCarousel","Features","icon","Feature","SocialProof","reviews","features","autoplaySpeed","author","subText","Review","tempHeroData","tempDatas","Home"],"mappings":"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","file":"static/js/12.3b88f1db.chunk.js","sourcesContent":["import { Carousel } from 'antd'\nimport React, { FC } from 'react'\n\ninterface Combo {\n  imageUrl: string\n  text: string\n}\n\ninterface Props {\n  datas: Combo[]\n}\n\nconst Hero: FC<Props> = ({ datas }) => {\n  return (\n    <Carousel className=\"ease-out\" autoplay>\n      {datas.map(({ imageUrl, text }) => (\n        <Content key={imageUrl} imageUrl={imageUrl} text={text} />\n      ))}\n    </Carousel>\n  )\n}\n\nexport default Hero\n\nconst Content: FC<Combo> = ({ imageUrl, text }) => (\n  <div className=\"w-full flex justify-center items-center\" style={{ height: '50vh' }}>\n    <div\n      className=\"w-full h-full grid place-items-center bg-center\"\n      style={{\n        backgroundImage: `url(${imageUrl})`,\n      }}\n    >\n      <div className=\"font-extrabold text-5xl\">{text}</div>\n    </div>\n  </div>\n)\n","import React, { FC } from 'react'\nimport WidthLimiter from 'layouts/main/components/width-limiter'\n\nconst ShowCaseProducts: FC = () => {\n  return (\n    <WidthLimiter className=\"flex flex-col justify-center items-center p-4 space-y-4\">\n      <div className=\"flex justify-center gap-4\">\n        <button className=\"btn-text text-xl\" type=\"button\">\n          New\n        </button>\n        <button className=\"btn-text text-xl\" type=\"button\">\n          Popular\n        </button>\n        <button className=\"btn-text text-xl\" type=\"button\">\n          Special\n        </button>\n      </div>\n      <div className=\"flex flex-wrap md:flex-nowrap justify-center gap-4 \">\n        {Array.from(Array(3).keys()).map((a) => (\n          <Card\n            key={`products${a}`}\n            imageSrc=\"https://i.pinimg.com/originals/ef/4d/a2/ef4da23ec1edc9ffee8391fbd49b6982.jpg\"\n            name=\"Wall Art\"\n          />\n        ))}\n      </div>\n    </WidthLimiter>\n  )\n}\n\nexport default ShowCaseProducts\n\ninterface CardProps {\n  name: string\n  imageSrc: string\n  alt?: string\n}\nconst Card: FC<CardProps> = ({ name, imageSrc, alt = '' }) => {\n  return (\n    <div\n      className=\"flex flex-col rounded-sm items-center bg-white gap-2 p-2 w-full max-w mx-auto ease-in transition-shadow hover:shadow-lg\"\n      style={{ maxWidth: '20rem' }}\n    >\n      <img className=\"rounded object-cover h-60\" src={imageSrc} alt={alt} />\n      <p className=\"font-bold text-lg my-4\">{name}</p>\n    </div>\n  )\n}\n","import { Carousel } from 'antd'\nimport React, { FC } from 'react'\n\ninterface Combo {\n  imageUrl: string\n  text: string\n}\n\ninterface Props {\n  datas: Combo[]\n}\n\nconst ImageCarousel: FC<Props> = ({ datas }) => {\n  return (\n    <Carousel className=\"ease-out\" autoplay>\n      {datas.map(({ imageUrl, text }) => (\n        <Content key={`ImageCarousel${imageUrl}`} imageUrl={imageUrl} text={text} />\n      ))}\n    </Carousel>\n  )\n}\n\nexport default ImageCarousel\n\nconst Content: FC<Combo> = ({ imageUrl, text }) => (\n  <div className=\"w-full flex justify-center items-center bg-yellow-100 h-96\">\n    <div\n      className=\"w-full h-full grid place-items-center bg-center\"\n      style={{\n        backgroundImage: `url(${imageUrl})`,\n      }}\n    >\n      <div className=\"font-extrabold text-5xl\">{text}</div>\n    </div>\n  </div>\n)\n","import React, { FC } from 'react'\nimport WidthLimiter from 'layouts/main/components/width-limiter'\n\nconst Features: FC = () => {\n  return (\n    <WidthLimiter className=\"flex flex-wrap gap-4 p-4\">\n      {Array.from(Array(6).keys()).map((a) => (\n        <Feature\n          key={`feature${a}`}\n          icon=\"ICON\"\n          text=\"Брошур танилцуулга гэх мэт зөвхөн олон тоогоор хэвлэгдэх боломжтой зүйлийг ч нэг ширхгээр хэвлэнэ\"\n        />\n      ))}\n    </WidthLimiter>\n  )\n}\n\nexport default Features\n\ninterface Feature {\n  icon: React.ReactNode\n  text: string\n}\n\nconst Feature: FC<Feature> = ({ icon, text }) => {\n  return (\n    <div className=\"flex flex-col rounded-sm bg-white space-y-2 p-2 w-80 mx-auto ease-in transition-shadow hover:shadow-lg\">\n      <div className=\"h-40 w-full text-center grid place-items-center\">\n        <span className=\"font-bold text-5xl\">{icon}</span>\n      </div>\n      <p className=\"font-semibold text-gray-600 text-center\">{text}</p>\n    </div>\n  )\n}\n","/* eslint-disable react/jsx-curly-brace-presence */\nimport React, { FC } from 'react'\nimport WidthLimiter from 'layouts/main/components/width-limiter'\nimport { Carousel } from 'antd'\n\ninterface Review {\n  author: string\n  text: string\n}\n\ninterface Feature {\n  icon: React.ReactNode\n  text: string\n  subText: string\n}\n\ninterface Props {\n  reviews: Review[]\n  features: Feature[]\n}\n\nconst SocialProof: FC<Props> = ({ reviews, features }) => {\n  return (\n    <div className=\"flex justify-center items-center bg-blue-100\">\n      {/* bg-gradient-to-tr from-blue-300 to-green-300 */}\n      <WidthLimiter className=\"flex flex-col justify-center items-center py-6 px-2\">\n        <p className=\"font-semibold text-gray-800 text-xl\">What our Customers Are Saying</p>\n        <Carousel className=\"w-96 md:w-full max-w-lg\" autoplay autoplaySpeed={4000}>\n          {reviews.map(({ author, text }) => (\n            <Review key={author} author={author} text={text} />\n          ))}\n        </Carousel>\n        <div className=\"flex flex-wrap justify-evenly py-10\">\n          {features.map(({ icon, subText, text }) => (\n            <Content key={subText} icon={icon} subText={subText} text={text} />\n          ))}\n        </div>\n      </WidthLimiter>\n    </div>\n  )\n}\n\nexport default SocialProof\n\nconst Review: FC<Review> = ({ author, text }) => {\n  return (\n    <figure className=\"rounded shadow p-8 w-full max-w-lg bg-white\">\n      <blockquote className=\"text-lg font-semibold h-24\">\n        <p>{text}</p>\n      </blockquote>\n      <figcaption className=\"font-semibold \">\n        <div className=\"text-blue-600\">{author}</div>\n      </figcaption>\n    </figure>\n  )\n}\n\nconst Content: FC<Feature> = ({ icon, text, subText }) => {\n  return (\n    <figure className=\"flex flex-col w-full max-w-xs items-center\">\n      <div>{icon}</div>\n      <figcaption className=\"text-center\">\n        <div className=\"font-semibold text-gray-700 text-sm\">{text}</div>\n        <div className=\"text-gray-600 text-xs\">{subText}</div>\n      </figcaption>\n    </figure>\n  )\n}\n","/* eslint-disable react/jsx-curly-brace-presence */\nimport React from 'react'\nimport './style.scss'\nimport { Features, Hero, ImageCarousel, ShowCaseProducts, SocialProof } from 'page-components/landing-page'\n\nconst tempHeroData = [\n  {\n    imageUrl: 'https://media1.pbwwcdn.net/pages/imagewrap-book/imagewrap_banner.jpg',\n    text: 'CREATE CUSTOM WALL ART',\n  },\n  {\n    imageUrl:\n      'https://fiverr-res.cloudinary.com/images/q_auto,f_auto/gigs/133758452/original/f9d2136ee29d58d55d35f2184569edeceabaa05b/do-wedding-album-layout-design.jpg',\n    text: 'CAROUSEL',\n  },\n  {\n    imageUrl:\n      'https://fiverr-res.cloudinary.com/images/q_auto,f_auto/gigs/133758452/original/f9d2136ee29d58d55d35f2184569edeceabaa05b/do-wedding-album-layout-design.jpg',\n    text: 'CAROUSEL',\n  },\n  {\n    imageUrl:\n      'https://prd-static-default-2.sf-cdn.com/resources/images/store/2020/global/2000x852/xWF-168120_Site-Update_Linen_Photo_Books_2000x852.jpg.pagespeed.ic.ndblXZXI6l.jpg',\n    text: 'CREATE ',\n  },\n]\n\nconst tempDatas = [\n  {\n    author: 'Yesulen G.',\n    text: `“CSS is the only framework that I've seen scale\n  on large teams. It’s easy to customize, adapts to any design,\n  and the build size is tiny.”`,\n  },\n  {\n    author: 'Yesulen G.',\n    text: `“CSS is the only framework that I've seen scale\n  on large teams. It’s easy to customize, adapts to any design,\n  and the build size is tiny.”`,\n  },\n  {\n    author: 'Yesulen G.',\n    text: `“CSS is the only framework that I've seen scale\n  on large teams. It’s easy to customize, adapts to any design,\n  and the build size is tiny.”`,\n  },\n]\n\nconst datas = [\n  {\n    icon: 'ICON',\n    text: '7-day Guaranteed Shipping*',\n    subText: 'Your merchandise will be produced within the shortest period of time and delivered to you',\n  },\n  {\n    icon: 'ICON',\n    text: 'Free Shipping*',\n    subText: 'You are entitled for FREE shipping upon spending a qualifying amount on our products.',\n  },\n  {\n    icon: 'ICON',\n    text: '100% Quality Guarantee',\n    subText: '100% Quality Guarantee is all about your satisfaction. We want you to be HAPPY.',\n  },\n  {\n    icon: 'ICON',\n    text: 'Free Personalization Options',\n    subText: 'Providing you with full personalization and creative control is the nature of our business.',\n  },\n]\nconst Home = () => {\n  return (\n    <>\n      <Hero datas={tempHeroData} />\n      <ShowCaseProducts />\n      <ImageCarousel datas={tempHeroData} />\n      <Features />\n      <SocialProof reviews={tempDatas} features={datas} />\n    </>\n  )\n}\n\nexport default Home\n"],"sourceRoot":""}