{"version":3,"file":"static/js/0.992140d8.chunk.js","mappings":"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","sources":["webpack://retailloop-landing-page/./src/app/home/styles.module.css?9d81","app/home/components/fourthSection.js","webpack://retailloop-landing-page/./src/app/home/components/styles.module.css?48a4","app/home/data.js","app/home/components/reviews.js","app/home/components/testimonial.js","app/home/components/secondSection.js","app/home/components/data.js","app/home/components/slides.js","assets/createStore/addIcon.js","assets/createStore/discountIcon.js","assets/createStore/liveIcon.js","assets/createStore/paymentIcon.js","app/home/components/createStore.js","app/home/components/moreOffers.js","assets/video.js","assets/loan.svg","app/home/components/loans.js","app/home/index.js","webpack://retailloop-landing-page/./src/components/card/styles.module.css?6aff","components/card/index.js"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"bg\":\"styles_bg__4j0Ic\",\"card\":\"styles_card__f6pEu\",\"wrap\":\"styles_wrap__vWySz\",\"card_big\":\"styles_card_big__GYLt1\",\"swiper_container\":\"styles_swiper_container__Mchxn\"};","import React, { useEffect } from 'react';\nimport {\n  Box,\n  Text,\n  Container,\n  Image,\n  Grid,\n  GridItem,\n  useMediaQuery,\n  Flex,\n} from '@chakra-ui/react';\nimport styles from '../styles.module.css';\nimport teamImage from 'assets/team_snip.png';\nimport repImage from 'assets/rep_snip.png';\nimport codeImage from 'assets/code_snip.png';\nimport telegram from 'assets/telegram.png';\nimport Card from 'components/card';\nimport { Slide } from 'react-awesome-reveal';\nimport Aos from 'aos';\nimport 'aos/dist/aos.css';\n\nconst FourthSection = () => {\n  const [isLargerThan800] = useMediaQuery('(min-width: 800px)');\n\n  useEffect(() => {\n    Aos.init();\n  }, []);\n\n  return (\n    <Box bg=\"#6A3CEE\" pt=\"80px\" pb=\"80px\" mt=\"104px\">\n      <Container maxW=\"container.xl\">\n        <div data-aos=\"fade-up\" data-aos-duration=\"1000\">\n          <Text\n            color=\"#fff\"\n            fontSize={isLargerThan800 ? '40px' : '32px'}\n            textAlign=\"center\"\n            fontWeight={'700'}\n          >\n            Delivering The Swiftest Approach To {isLargerThan800 ? <br /> : null}{' '}\n            Developing And Expanding Retail Management\n          </Text>\n        </div>\n\n        <div data-aos=\"fade-down\" data-aos-duration=\"2000\">\n          <Text\n            mt=\"16px\"\n            textAlign=\"center\"\n            color=\"#FFFFFF99\"\n            fontWeight=\"500\"\n            fontSize=\"16px\"\n            mb=\"48px\"\n          >\n            We present a versatile platform that helps businesses transform their\n            retail visions {isLargerThan800 ? <br /> : null} into tangible results\n            with minimal time to market.\n          </Text>\n        </div>\n\n        <Slide direction=\"up\" cascade triggerOnce>\n          <Flex\n            flexDir={isLargerThan800 ? 'row' : 'column'}\n            gap=\"16px\"\n            alignItems={'stretch'}\n          >\n            <Box w={isLargerThan800 ? '400px' : 'auto'} flex={1}>\n              <Card>\n                <Box className={styles.wrap}>\n                  <Image src={teamImage} alt=\"team\" objectFit=\"contain\" />\n                </Box>\n\n                <Text color=\"#000\" fontSize=\"24px\" fontWeight=\"500\" mt=\"53px\">\n                  Members\n                </Text>\n                <Text color=\"#707070\" fontSize=\"16px\" mt=\"8px\">\n                  Add members to your project to support your team’s success and\n                  achieve your goals.\n                </Text>\n              </Card>\n            </Box>\n\n            <Box>\n              <Box\n                className={styles.card_big}\n                borderRadius={'10px'}\n                border=\"0.5px solid #D9D8DA\"\n              >\n                <Box\n                  pl={isLargerThan800 ? '24px' : '8px'}\n                  pr={isLargerThan800 ? '24px' : '8px'}\n                  pt={isLargerThan800 ? '24px' : '16px'}\n                >\n                  <Box\n                    className={styles.wrap}\n                    border=\"0.5px solid #D9D8DA\"\n                    borderRadius=\"8px\"\n                  >\n                    <Image\n                      src={repImage}\n                      alt=\"team\"\n                      objectFit={isLargerThan800 ? 'cover' : 'center'}\n                      height={isLargerThan800 ? '444px' : '200px'}\n                      borderRadius=\"8px\"\n                    />\n                  </Box>\n                </Box>\n                <Box\n                  position={'relative'}\n                  bottom={0}\n                  bgGradient={'linear(to-t, white, rgba(255,255,255,0.8))'}\n                  borderBottomRadius={'10px'}\n                  pl={isLargerThan800 ? '24px' : '8px'}\n                  pr={isLargerThan800 ? '24px' : '8px'}\n                  mt={isLargerThan800 ? '-219px' : null}\n                  pb=\"24px\"\n                >\n                  <Text color=\"#000\" fontSize=\"24px\" fontWeight=\"500\" mt=\"53px\">\n                    Get detailed reports\n                  </Text>\n                  <Text\n                    color=\"#707070\"\n                    fontSize=\"16px\"\n                    mt=\"8px\"\n                    width={isLargerThan800 ? '467px' : null}\n                  >\n                    Our detailed sales report will provide an overview of a company's\n                    sales activity, ranging from customer sales, product sales, sales\n                    trends, sales projections, and other important metrics.\n                  </Text>\n                </Box>\n              </Box>\n            </Box>\n          </Flex>\n        </Slide>\n\n        <Grid\n          templateColumns={isLargerThan800 ? '816px auto' : 'auto'}\n          gap=\"16px\"\n          mt=\"16px\"\n        >\n          <Slide direction=\"up\" cascade triggerOnce>\n            <GridItem>\n              <Box\n                className={styles.card_big}\n                borderRadius={'10px'}\n                border=\"0.5px solid #D9D8DA\"\n              >\n                <Box pl=\"24px\" pr=\"24px\" pt=\"24px\">\n                  <Box className={styles.wrap}>\n                    <Image src={codeImage} alt=\"team\" objectFit=\"contain\" />\n                  </Box>\n                </Box>\n                <Box\n                  pr={isLargerThan800 ? '24px' : '8px'}\n                  pb=\"24px\"\n                  pl={isLargerThan800 ? '24px' : '8px'}\n                  bgGradient={'linear(to-t, white, rgba(255,255,255,0.7))'}\n                  borderBottomRadius={'10px'}\n                >\n                  <Text color=\"#000\" fontSize=\"24px\" fontWeight=\"500\" mt=\"53px\">\n                    Public APIs\n                  </Text>\n                  <Text\n                    color=\"#707070\"\n                    fontSize=\"16px\"\n                    mt=\"8px\"\n                    width={isLargerThan800 ? '467px' : null}\n                  >\n                    Our detailed sales report will provide an overview of a company's\n                    sales activity, ranging from customer sales, product sales, sales\n                    trends, sales projections, and other important metrics.\n                  </Text>\n                </Box>\n              </Box>\n            </GridItem>\n\n            <GridItem>\n              <Box\n                className={styles.card}\n                borderRadius={'10px'}\n                border=\"0.5px solid #D9D8DA\"\n                h=\"100%\"\n              >\n                <a\n                  href=\"https://t.me/RetailLoopCircle\"\n                  target={'_blank'}\n                  rel=\"noreferrer noopener\"\n                >\n                  <Image\n                    src={telegram}\n                    alt=\"telegram\"\n                    mt=\"178px\"\n                    ml=\"62px\"\n                    cursor=\"pointer\"\n                  />\n                </a>\n\n                <Box\n                  h=\"280px\"\n                  p=\"24px\"\n                  position={'relative'}\n                  bottom={0}\n                  bg=\"rgba(255, 255, 255, 0.1)\"\n                  bgGradient={'linear(to-t, white, rgba(255,255,255,0.6))'}\n                  borderBottomRadius={'10px'}\n                >\n                  <Text color=\"#000\" fontSize=\"24px\" fontWeight=\"500\" mt=\"53px\">\n                    Join our community\n                  </Text>\n                  <Text color=\"#707070\" fontSize=\"16px\" mt=\"8px\">\n                    In our community, you will learn more about what retailloop does,\n                    receive the latest updates on our products, engage in interactive\n                    sessions and meet diverse group of developers and SMEs\n                  </Text>\n                </Box>\n              </Box>\n            </GridItem>\n          </Slide>\n        </Grid>\n      </Container>\n    </Box>\n  );\n};\n\nexport default FourthSection;\n","// extracted by mini-css-extract-plugin\nexport default {\"moving_text\":\"styles_moving_text__YBItc\",\"slide\":\"styles_slide__IZ00H\",\"marquee\":\"styles_marquee__TBoaM\"};","export const enum_reviews = [\n  {\n    name: 'Emmanuel Justine',\n    position: 'Business owner',\n    comment:\n      'Retailloop solution impresses. With its exceptional team, ground-breaking AI solutions, strategic approach, partnerships, and adaptability. The combination of these factors creates a compelling narrative for success and I would be rooting for them to be successful and one of the top startups in the coming years',\n  },\n  {\n    name: 'Glory Enyinnaya ',\n    position: 'Business owner',\n    comment:\n      \"Retailloop Technologies, led by CEO Emeka Ehinze, is a company I highly recommend. I had the opportunity to coach Emeka during 54Collective's Business Support Accelerator in 2024, and he truly impressed me with his strategic thinking, execution skills, and ability to navigate complex business challenges. His leadership at Retailloop Technologies demonstrates a strong commitment to innovation and growth in the retail technology space\",\n  },\n];\n","import React from 'react';\nimport { Box, Text } from '@chakra-ui/react';\nimport styles from './styles.module.css';\nimport { enum_reviews } from '../data';\n\nconst Reviews = () => {\n  return (\n    <Box mt=\"60px\">\n      <div className={styles.slide}>\n        {enum_reviews.map((data, idx) => (\n          <Box key={idx}>\n            <Box display=\"flex\" gap=\"16px\">\n              <Box>\n                <Text\n                  color=\"#060212CC\"\n                  fontSize=\"16px\"\n                  fontWeight=\"500\"\n                  mb=\"32px\"\n                  w=\"408px\"\n                >\n                  {data.comment}\n                </Text>\n                <Text\n                  textTransform={'capitalize'}\n                  color=\"#060212\"\n                  fontSize=\"16px\"\n                  fontWeight={'500'}\n                >\n                  {data.name}\n                </Text>\n                <Text\n                  color=\"#060212\"\n                  fontSize=\"20px\"\n                  fontWeight=\"700\"\n                  textTransform=\"capitalize\"\n                >\n                  {data.position}\n                </Text>\n              </Box>\n            </Box>\n          </Box>\n        ))}\n      </div>\n    </Box>\n  );\n};\n\nexport default Reviews;\n","import React from 'react';\nimport { Box, Text, useMediaQuery, Image } from '@chakra-ui/react';\nimport {\n  angelikas,\n  lisa,\n  bus_1,\n  bus_4,\n  bus_5,\n  bus_8,\n  torilo,\n  your_health,\n} from 'assets/partners';\nimport symbol from 'assets/symbol.png';\nimport Reviews from './reviews';\nimport Marquee from 'react-fast-marquee';\n\nconst Testimonial = ({ pb }) => {\n  const [isLargerThan800] = useMediaQuery('(min-width: 800px)');\n\n  return (\n    <Box mt={isLargerThan800 ? '184px' : '104px'} pb={pb || 0}>\n      <Box display=\"flex\" gap=\"4px\">\n        <Image src={symbol} alt=\"symbol\" />\n        <Image src={symbol} alt=\"symbol\" />\n      </Box>\n      <Text\n        fontSize={isLargerThan800 ? '40px' : '32px'}\n        fontWeight=\"700\"\n        textAlign=\"left\"\n        mt=\"28px\"\n        width={isLargerThan800 ? '715px' : 'auto'}\n      >\n        Business Owners have expanded their enterprises with our assistance\n      </Text>\n      <Reviews />\n\n      {window.location.pathname === '/white-label' ? null : (\n        <>\n          <Text\n            fontSize={isLargerThan800 ? '40px' : '32px'}\n            fontWeight=\"700\"\n            textAlign=\"center\"\n            mt=\"104px\"\n          >\n            Businesses That Trust Us\n          </Text>\n\n          <Box display=\"flex\" justifyContent=\"center\" mt=\"48px\">\n            <Marquee gradient={true}>\n              <Box display=\"flex\" gap=\"40px\">\n                <Image src={angelikas} alt=\"angelikas_store\" />\n                <Image src={lisa} alt=\"angelikas_store\" />\n                <Image\n                  src={bus_4}\n                  alt=\"store\"\n                  h=\"48px\"\n                  objectFit=\"contain\"\n                  width=\"192px\"\n                />\n                <Image\n                  src={bus_8}\n                  alt=\"store\"\n                  h=\"48px\"\n                  objectFit=\"contain\"\n                  width=\"192px\"\n                />\n                <Image src={bus_1} alt=\"store\" />\n                <Image\n                  src={your_health}\n                  alt=\"store\"\n                  h=\"48px\"\n                  objectFit=\"contain\"\n                  width=\"192px\"\n                />\n                <Image\n                  src={torilo}\n                  alt=\"store\"\n                  h=\"48px\"\n                  objectFit=\"cover\"\n                  width=\"192px\"\n                />\n                <Image\n                  src={bus_5}\n                  alt=\"store\"\n                  h=\"48px\"\n                  objectFit=\"contain\"\n                  width=\"192px\"\n                />\n              </Box>\n            </Marquee>\n          </Box>\n        </>\n      )}\n    </Box>\n  );\n};\n\nexport default Testimonial;\n","import React, { useEffect } from 'react';\nimport { Box, Container, Text, Image, useMediaQuery } from '@chakra-ui/react';\nimport orderImage from 'assets/grow.png';\nimport dashboard from 'assets/prdt_pop.png';\nimport { Slide } from 'react-awesome-reveal';\nimport trans from 'assets/partners/trans.png';\nimport Aos from 'aos';\nimport 'aos/dist/aos.css';\n\nconst SecondSection = () => {\n  const [isLargerThan800] = useMediaQuery('(min-width: 800px)');\n\n  useEffect(() => {\n    Aos.init();\n  }, []);\n\n  return (\n    <Box>\n      <Box pt=\"80px\" pb=\"80px\" bg=\"#F4F4FC4D\" mt=\"104px\">\n        <Image\n          src={trans}\n          alt=\"transform\"\n          position=\"absolute\"\n          zIndex=\"-1\"\n          mt=\"-300px\"\n          right=\"0\"\n        />\n\n        <Container maxW=\"container.xl\">\n          <div data-aos=\"fade-up\" data-aos-duration=\"1000\">\n            <Text\n              color=\"#060212\"\n              fontSize={isLargerThan800 ? '40px' : '32px'}\n              textAlign=\"center\"\n              fontWeight={'700'}\n            >\n              Grow On A Global Scale. Ensure {isLargerThan800 ? <br /> : null} You’re\n              Ahead Of The Competition\n            </Text>\n          </div>\n\n          <div data-aos=\"fade-down\" data-aos-duration=\"1000\">\n            <Text\n              mt=\"16px\"\n              textAlign=\"center\"\n              color=\"#060212CC\"\n              fontSize=\"16px\"\n              fontWeight=\"500\"\n              mb=\"48px\"\n            >\n              Flexible API architecture for growth markets. We provide merchants with{' '}\n              {isLargerThan800 ? <br /> : null}\n              tailored solutions that are customized to their individual needs.\n            </Text>\n          </div>\n\n          <Slide direction=\"up\" triggerOnce>\n            <Box display=\"grid\" placeItems=\"center\">\n              <Image src={orderImage} alt=\"order\" objectFit={'cover'} />\n            </Box>\n          </Slide>\n        </Container>\n      </Box>\n\n      <Box pt=\"80px\" pb=\"80px\" id=\"inventory\">\n        <Container maxW=\"container.xl\">\n          <div data-aos=\"fade-up\" data-aos-duration=\"2000\">\n            <Text\n              color=\"#060212\"\n              fontSize={isLargerThan800 ? '40px' : '32px'}\n              textAlign=\"center\"\n              fontWeight={'700'}\n            >\n              Save Time And Money With {isLargerThan800 ? <br /> : null} Automated\n              Inventory Management\n            </Text>\n          </div>\n\n          <div data-aos=\"fade-down\" data-aos-duration=\"1000\">\n            <Text\n              mt=\"16px\"\n              textAlign=\"center\"\n              color=\"#060212CC\"\n              fontSize=\"16px\"\n              fontWeight=\"500\"\n              mb=\"48px\"\n            >\n              Flexible API architecture for growth markets. We provide merchants{' '}\n              {isLargerThan800 ? <br /> : null}with tailored solutions that are\n              customized to their individual needs.\n            </Text>\n          </div>\n\n          <div data-aos=\"fade-up-left\" data-aos-durtion=\"1000\">\n            <Image\n              src={dashboard}\n              alt=\"dashboard_pop\"\n              border=\"1px solid #E5E4E2\"\n              borderRadius=\"6px\"\n              w=\"100%\"\n              h=\"auto\"\n            />\n          </div>\n        </Container>\n      </Box>\n    </Box>\n  );\n};\n\nexport default SecondSection;\n","import first from 'assets/slide/first.png';\nimport second from 'assets/prdt_pop.png';\nimport third from 'assets/orders.png';\nimport fourth from 'assets/discount_pop.png';\n\nexport const imageSlide = [\n  {\n    image: first,\n    title: 'Multi-stores',\n  },\n  {\n    image: second,\n    title: 'Products',\n  },\n  {\n    image: third,\n    title: 'Orders',\n  },\n  {\n    image: fourth,\n    title: 'Discounts',\n  },\n];\n","import React, { useState, useEffect } from 'react';\nimport {\n  Box,\n  Text,\n  Image,\n  Center,\n  useMediaQuery,\n  Container,\n} from '@chakra-ui/react';\nimport { imageSlide } from './data';\nimport Aos from 'aos';\nimport 'aos/dist/aos.css';\n\nconst Slides = () => {\n  const [step, setStep] = useState(0);\n  const [isLargerThan800] = useMediaQuery('(min-width: 800px)');\n\n  useEffect(() => {\n    Aos.init();\n  }, []);\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      if (step === 3) {\n        setStep(0);\n      } else {\n        setStep(step + 1);\n      }\n    }, 5000);\n    return () => clearTimeout(timer);\n  }, [step]);\n\n  const next = (i) => {\n    setStep(i);\n  };\n  return (\n    <Box\n      h={isLargerThan800 ? 'auto' : 'auto'}\n      bg=\"#6A3CEE\"\n      pt=\"80px\"\n      pb=\"80px\"\n      id=\"integrations\"\n    >\n      <Container maxW=\"container.xl\">\n        <div data-aos=\"fade-up\" data-aos-duration=\"1000\">\n          <Text\n            fontSize={isLargerThan800 ? '40px' : '32px'}\n            fontWeight=\"700\"\n            textAlign=\"center\"\n            color=\"#fff\"\n          >\n            All The Tools To Set Your Business {isLargerThan800 ? <br /> : null} Up\n            For Growth\n          </Text>\n        </div>\n\n        <div data-aos=\"fade-down\" data-aos-duration=\"1000\">\n          <Text\n            color=\"#FFFFFF99\"\n            fontSize=\"16px\"\n            fontWeight=\"500\"\n            mb=\"48px\"\n            mt=\"16px\"\n            textAlign=\"center\"\n          >\n            Retailloop is a flexible composable engine that gives merchants the{' '}\n            {isLargerThan800 ? <br /> : null} freedom to innovate and grow.\n          </Text>\n        </div>\n\n        <Center>\n          <div data-aos=\"fade-right\" data-aos-duration=\"1000\">\n            <Box p=\"4px\" display=\"flex\" gap=\"21px\">\n              {imageSlide.map((data, i) => (\n                <Box\n                  key={i}\n                  color={step === i ? '#FFFFFF' : '#FFFFFFB2'}\n                  fontSize={isLargerThan800 ? '16px' : '14px'}\n                  fontWeight={step === i ? '500' : '400'}\n                  cursor=\"pointer\"\n                  onClick={() => next(i)}\n                  padding=\"4px\"\n                  borderRadius=\"6px\"\n                >\n                  {data.title}\n                </Box>\n              ))}\n            </Box>\n          </div>\n        </Center>\n\n        <div data-aos=\"fade-up-right\" data-aos-duration=\"1000\">\n          <Box mt=\"32px\" borderRadius=\"5px\">\n            <Image\n              src={imageSlide[step].image}\n              alt=\"slide\"\n              w=\"100%\"\n              borderRadius={'6px'}\n            />\n          </Box>\n        </div>\n      </Container>\n    </Box>\n  );\n};\n\nexport default Slides;\n","import * as React from 'react';\n\nconst AddIcon = (props) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={16}\n    height={16}\n    fill=\"none\"\n    {...props}\n  >\n    <path\n      fill=\"#0F34BA\"\n      d=\"M10.64.169c-.328-.328-.896-.104-.896.352v2.792c0 1.168.992 2.136 2.2 2.136.76.008 1.816.008 2.72.008.456 0 .696-.536.376-.856-1.152-1.16-3.216-3.248-4.4-4.432Z\"\n    />\n    <path\n      fill=\"#0F34BA\"\n      d=\"M14.4 6.552h-2.312a3.445 3.445 0 0 1-3.44-3.44V.8c0-.44-.36-.8-.8-.8H4.456C1.992 0 0 1.6 0 4.456v7.088C0 14.4 1.992 16 4.456 16h6.288c2.464 0 4.456-1.6 4.456-4.456V7.352c0-.44-.36-.8-.8-.8ZM7.2 12.6H4a.604.604 0 0 1-.6-.6c0-.328.272-.6.6-.6h3.2c.328 0 .6.272.6.6 0 .328-.272.6-.6.6Zm1.6-3.2H4a.604.604 0 0 1-.6-.6c0-.328.272-.6.6-.6h4.8c.328 0 .6.272.6.6 0 .328-.272.6-.6.6Z\"\n    />\n  </svg>\n);\nexport default AddIcon;\n","import * as React from 'react';\n\nconst DiscountIcon = (props) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={18}\n    height={16}\n    fill=\"none\"\n    {...props}\n  >\n    <path\n      fill=\"#260A75\"\n      d=\"M17 10.8c.224 0 .4.176.4.4v.8c0 1.328-1.072 2.4-2.4 2.4 0-1.32-1.08-2.4-2.4-2.4-1.32 0-2.4 1.08-2.4 2.4H8.6c0-1.32-1.08-2.4-2.4-2.4-1.32 0-2.4 1.08-2.4 2.4A2.397 2.397 0 0 1 1.4 12v-1.6c0-.44.36-.8.8-.8h7.6a2 2 0 0 0 2-2V3.2c0-.44.36-.8.8-.8h.672c.576 0 1.104.312 1.392.808l.512.896A.202.202 0 0 1 15 4.4a2 2 0 0 0-2 2v2.4a2 2 0 0 0 2 2h2Z\"\n    />\n    <path\n      fill=\"#260A75\"\n      d=\"M6.2 16a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2ZM12.6 16a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2ZM17.4 8.424V9.6H15c-.44 0-.8-.36-.8-.8V6.4c0-.44.36-.8.8-.8h1.032l1.16 2.032c.136.24.208.512.208.792ZM10.264 0H4.352a2.953 2.953 0 0 0-2.896 2.384h3.496c.304 0 .544.248.544.552a.54.54 0 0 1-.544.544H1.4v1.104h2.08c.304 0 .552.248.552.552a.546.546 0 0 1-.552.544H1.4v1.104h.616c.304 0 .552.248.552.552a.546.546 0 0 1-.552.544H1.4v.184c0 .44.36.8.8.8h7.32c.816 0 1.48-.664 1.48-1.48V.736A.734.734 0 0 0 10.264 0ZM1.456 2.384H.552A.553.553 0 0 0 0 2.936c0 .304.248.544.552.544H1.4v-.528c0-.192.024-.384.056-.568ZM1.28 4.584H.552A.553.553 0 0 0 0 5.136c0 .304.248.544.552.544H1.4V4.584h-.12ZM1.28 6.785H.552A.553.553 0 0 0 0 7.337c0 .304.248.544.552.544H1.4V6.785h-.12Z\"\n    />\n  </svg>\n);\nexport default DiscountIcon;\n","import * as React from 'react';\n\nconst LiveIcon = (props) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={16}\n    height={16}\n    fill=\"none\"\n    {...props}\n  >\n    <path\n      fill=\"#D1A713\"\n      d=\"M12.08 0H8.72C6.252 0 5.095.875 4.854 2.991c-.05.443.316.809.762.809h1.662c3.36 0 4.92 1.56 4.92 4.92v1.662c0 .446.367.813.81.762 2.115-.24 2.99-1.398 2.99-3.864V3.92C16 1.12 14.88 0 12.08 0Z\"\n    />\n    <path\n      fill=\"#D1A713\"\n      d=\"M7.28 4.8H3.92C1.12 4.8 0 5.92 0 8.72v3.36C0 14.88 1.12 16 3.92 16h3.36c2.8 0 3.92-1.12 3.92-3.92V8.72c0-2.8-1.12-3.92-3.92-3.92Zm.952 4.52-2.968 2.968a.569.569 0 0 1-.408.168.569.569 0 0 1-.408-.168L2.96 10.8a.57.57 0 0 1 0-.808.57.57 0 0 1 .808 0l1.08 1.08 2.568-2.568a.57.57 0 0 1 .808 0 .58.58 0 0 1 .008.816Z\"\n    />\n  </svg>\n);\nexport default LiveIcon;\n","import * as React from 'react';\n\nconst PaymentIcon = (props) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={18}\n    height={16}\n    fill=\"none\"\n    {...props}\n  >\n    <path\n      fill=\"#0D8E57\"\n      d=\"M0 8.138v4.3A3.557 3.557 0 0 0 3.561 16h10.073c1.97 0 3.57-1.6 3.57-3.57V8.138c0-.577-.464-1.041-1.04-1.041H1.04C.465 7.097 0 7.56 0 8.137Zm5.161 4.98h-1.72a.65.65 0 0 1-.645-.645.65.65 0 0 1 .645-.645h1.72a.65.65 0 0 1 .645.645.65.65 0 0 1-.645.645Zm5.592 0H7.312a.65.65 0 0 1-.645-.645.65.65 0 0 1 .645-.645h3.44a.65.65 0 0 1 .646.645.65.65 0 0 1-.645.645ZM9.892 2.244v2.52c0 .576-.464 1.04-1.04 1.04H1.04C.456 5.805 0 5.325 0 4.748a3.568 3.568 0 0 1 1.04-2.503 3.557 3.557 0 0 1 2.521-1.041h5.29c.577 0 1.041.464 1.041 1.04ZM15.458 0h-2.53c-1.092 0-1.745.654-1.745 1.746v2.53c0 1.092.653 1.746 1.746 1.746h2.529c1.092 0 1.746-.654 1.746-1.747V1.746C17.204.654 16.55 0 15.458 0Zm.809 3.38a.556.556 0 0 1-.353.155H14.7l.008 1.196a.544.544 0 0 1-.163.37.508.508 0 0 1-.353.146.518.518 0 0 1-.516-.516V3.527l-1.204.008a.525.525 0 0 1-.516-.524c0-.284.232-.516.516-.516l1.204.008V1.3c0-.284.232-.525.516-.525.284 0 .517.241.517.525l-.01 1.196h1.214c.284 0 .516.232.516.516a.585.585 0 0 1-.163.37Z\"\n    />\n  </svg>\n);\nexport default PaymentIcon;\n","import React, { useEffect } from 'react';\nimport {\n  Box,\n  Container,\n  Text,\n  Grid,\n  GridItem,\n  useMediaQuery,\n  Image,\n} from '@chakra-ui/react';\nimport AddIcon from 'assets/createStore/addIcon';\nimport DiscountIcon from 'assets/createStore/discountIcon';\nimport LiveIcon from 'assets/createStore/liveIcon';\nimport PaymentIcon from 'assets/createStore/paymentIcon';\nimport ima from 'assets/createStore/images.png';\nimport Aos from 'aos';\nimport 'aos/dist/aos.css';\n\nconst CreateStore = () => {\n  const [isLargerThan800] = useMediaQuery('(min-width: 800px)');\n\n  useEffect(() => {\n    Aos.init();\n  }, []);\n\n  const info = [\n    {\n      title: 'Configure Tax',\n      description:\n        'Add appropriate tax (e.g VAT) required for business which would be attached to your store.',\n      color: '#D0D9F9',\n      icon: <AddIcon />,\n    },\n    {\n      title: 'Set Up Shipping',\n      description:\n        'Create locations that you can deliver your customers’ orders to along with their fees. ',\n      color: '#DBD0FB',\n      icon: <DiscountIcon />,\n    },\n    {\n      title: 'Set Payment Method',\n      description:\n        'How will you receive payments? Explore the available options and pick the one that best suits your business',\n      color: '#CFEEE1',\n      icon: <PaymentIcon />,\n    },\n    {\n      title: 'Go Live!',\n      description:\n        'Then you are ready to go live! This is all you need to own a store on the Retailoop platform',\n      color: '#FEF4D1',\n      icon: <LiveIcon />,\n    },\n  ];\n\n  return (\n    <Box pt=\"104px\" id=\"store-front\">\n      <Container maxW=\"container.xl\">\n        <div data-aos=\"zoom-in\" data-aos-duration=\"1000\">\n          <Text fontSize=\"40px\" fontWeight=\"700\" textAlign=\"center\" mb=\"16px\">\n            Create A Store Front With No Codes {isLargerThan800 ? <br /> : null} In\n            Four Easy Steps!\n          </Text>\n        </div>\n\n        <div data-aos=\"zoom-in\" data-aos-duration=\"2000\">\n          <Text fontSize=\"16px\" fontWeight=\"500\" textAlign=\"center\" mb=\"56px\">\n            Grow your business as a retailer. Develop and control your product{' '}\n            {isLargerThan800 ? <br /> : null}\n            inventory, orders tracking, customer information and delivery details\n          </Text>\n        </div>\n\n        <Box mt=\"51px\">\n          <Grid\n            templateColumns={isLargerThan800 ? 'repeat(2, 1fr)' : ' auto'}\n            gap=\"162px\"\n          >\n            <GridItem>\n              <div data-aos=\"fade-right\" data-aos-duration=\"1000\">\n                <Box\n                  bg=\"#F2F2EC\"\n                  border=\"1px solid #E5E4E2\"\n                  p=\"24px\"\n                  borderRadius={'6px'}\n                  mt=\"110px\"\n                  position={isLargerThan800 ? 'relative' : 'relative'}\n                  pb=\"16px\"\n                  h={isLargerThan800 ? '426px' : '426px'}\n                  w={isLargerThan800 ? '400px' : 'auto'}\n                >\n                  <Image\n                    src={ima}\n                    alt=\"i\"\n                    position=\"absolute\"\n                    margin=\"0\"\n                    left={isLargerThan800 ? '5.2%' : '1%'}\n                    mt=\"-123px\"\n                    w=\"352px\"\n                    h=\"512px\"\n                  />\n                </Box>\n              </div>\n            </GridItem>\n\n            <GridItem>\n              <Grid\n                templateColumns={isLargerThan800 ? 'repeat(2, 1fr)' : ' auto'}\n                gap=\"64px\"\n              >\n                {info.map((data, index) => (\n                  <GridItem key={`${index}+${data.title}`}>\n                    <div>\n                      <Box\n                        border=\"1px solid #E5E4E2\"\n                        bg=\"#fff\"\n                        p=\"20px\"\n                        borderRadius=\"6px\"\n                        w={isLargerThan800 ? '311px' : 'auto'}\n                        h={isLargerThan800 ? '222px' : 'auto'}\n                      >\n                        <Box\n                          bg={data.color}\n                          w=\"32px\"\n                          h=\"32px\"\n                          borderRadius={'full'}\n                          mb=\"8px\"\n                          display=\"grid\"\n                          placeItems=\"center\"\n                        >\n                          {data?.icon}\n                        </Box>\n\n                        <Text mb=\"16px\" fontSize=\"20px\" fontWeight=\"700\">\n                          {data.title}\n                        </Text>\n                        <Text color=\"#06021299\" fontSize=\"16px\" fontWeight=\"500\">\n                          {data.description}\n                        </Text>\n                      </Box>\n                    </div>\n                  </GridItem>\n                ))}\n              </Grid>\n            </GridItem>\n          </Grid>\n        </Box>\n      </Container>\n    </Box>\n  );\n};\n\nexport default CreateStore;\n","import React, { useEffect } from 'react';\nimport {\n  Box,\n  Text,\n  GridItem,\n  Grid,\n  Button,\n  Container,\n  useMediaQuery,\n  Image,\n} from '@chakra-ui/react';\nimport ima from 'assets/off_1.png';\nimport off2 from 'assets/off_2.png';\nimport trans from 'assets/partners/trans.png';\nimport Aos from 'aos';\nimport 'aos/dist/aos.css';\n\nconst MoreOffers = () => {\n  const [isLargerThan800] = useMediaQuery('(min-width: 800px)');\n\n  useEffect(() => {\n    Aos.init();\n  }, []);\n\n  return (\n    <Box bg=\"#F4F4FC4D\" pt=\"80px\" mt=\"104px\">\n      <Image\n        src={trans}\n        alt=\"transform\"\n        position=\"absolute\"\n        zIndex=\"-1\"\n        mt=\"300px\"\n        right=\"0\"\n      />\n      <Image\n        src={trans}\n        alt=\"transform\"\n        position=\"absolute\"\n        zIndex=\"-1\"\n        mt=\"100px\"\n        left=\"-10%\"\n      />\n      <Image\n        src={trans}\n        alt=\"transform\"\n        position=\"absolute\"\n        zIndex=\"-1\"\n        mt=\"900px\"\n        left=\"0\"\n      />\n      <Container maxW=\"container.xl\">\n        <Box id=\"pos\" pb=\"104px\">\n          <Box\n            display=\"flex\"\n            flexDir={isLargerThan800 ? 'row' : 'column'}\n            gap=\"88px \"\n            alignItems={isLargerThan800 ? 'center' : null}\n          >\n            <div data-aos=\"fade-right\" data-aos-duration=\"1000\">\n              <Box\n                bg=\"#F2F2EC\"\n                border=\"1px solid #E5E4E2\"\n                p=\"24px\"\n                borderRadius={'6px'}\n                mt=\"110px\"\n                position={isLargerThan800 ? 'relative' : 'relative'}\n                pb=\"16px\"\n                h={isLargerThan800 ? '426px' : '426px'}\n                w={isLargerThan800 ? '400px' : 'auto'}\n              >\n                <Image\n                  src={ima}\n                  alt=\"i\"\n                  position=\"absolute\"\n                  margin=\"0\"\n                  left={isLargerThan800 ? '5%' : '1%'}\n                  mt=\"-123px\"\n                  w=\"352px\"\n                  h=\"512px\"\n                />\n              </Box>\n            </div>\n\n            <Box>\n              <div data-aos=\"fade-left\" data-aos-duration=\"2000\">\n                <Text\n                  fontSize={isLargerThan800 ? '40px' : '30px'}\n                  fontWeight=\"700\"\n                  mb=\"16px\"\n                  w={isLargerThan800 ? '600px' : null}\n                >\n                  Offer Fast And Hassle Free Transactions To Your Customers With A\n                  Reliable POS Service\n                </Text>\n              </div>\n\n              <div data-aos=\"fade-left\" data-aos-duration=\"1000\">\n                <Text\n                  mb=\"40px\"\n                  fontSize=\"16px\"\n                  fontWeight=\"500\"\n                  color=\"#060212CC\"\n                  width={isLargerThan800 ? '499px' : 'auto'}\n                >\n                  Our efficient Point of Sale system ensures quick transactions,\n                  reduced wait times, and offers features like real-time inventory\n                  tracking and customer management. It's not just a payment\n                  processor, it's a tool to enhance your business operations and\n                  customer satisfaction. Switch now for a seamless shopping\n                  experience.\n                </Text>\n              </div>\n\n              <div data-aos=\"fade-left\" data-aos-duration=\"1000\">\n                <a\n                  href=\"https://app.retailloop.co\"\n                  target={'_blank'}\n                  rel=\"noreferrer noopener\"\n                >\n                  <Button\n                    bg=\"none\"\n                    color=\"#3F12C4\"\n                    border=\"1px solid #3F12C4\"\n                    borderRadius={'6px'}\n                    fontSize=\"14px\"\n                    fontWeight=\"700\"\n                    _hover={{\n                      background: 'none',\n                    }}\n                  >\n                    Check It Out\n                  </Button>\n                </a>\n              </div>\n            </Box>\n          </Box>\n        </Box>\n\n        <Box id=\"scan\" pb=\"80px\">\n          <Grid\n            templateColumns={isLargerThan800 ? 'repeat(2, 1fr)' : 'auto'}\n            gap=\"88px\"\n            alignItems={isLargerThan800 ? 'center' : null}\n          >\n            <GridItem>\n              <div data-aos=\"fade-right\" data-aos-duration=\"2000\">\n                <Text\n                  fontSize={isLargerThan800 ? '40px' : '30px'}\n                  fontWeight=\"700\"\n                  mb=\"16px\"\n                  w={isLargerThan800 ? '600px' : null}\n                >\n                  You Can Easily Upload Products And Generate Orders Just By Scanning\n                  The Barcodes!\n                </Text>\n              </div>\n\n              <div data-aos=\"fade-right\" data-aos-duration=\"1000\">\n                <Text\n                  mb=\"40px\"\n                  fontSize=\"16px\"\n                  fontWeight=\"500\"\n                  color=\"#060212CC\"\n                  width={isLargerThan800 ? '499px' : 'auto'}\n                >\n                  With our system, uploading product details and generating orders\n                  becomes effortless, as all it requires is a simple barcode scan.\n                  Say goodbye to tedious manual data entries and associated errors.\n                  This state-of-the-art feature not only streamlines your operations,\n                  but also improves the efficiency of your business. Brace yourself\n                  for a revolution in product management with our pioneering barcode\n                  scanning functionality!\n                </Text>\n              </div>\n\n              <div data-aos=\"zoom-in-down\" data-aos-duration=\"1000\">\n                <a\n                  href=\"https://app.retailloop.co\"\n                  target={'_blank'}\n                  rel=\"noreferrer noopener\"\n                >\n                  <Button\n                    bg=\"none\"\n                    color=\"#3F12C4\"\n                    border=\"1px solid #3F12C4\"\n                    borderRadius={'6px'}\n                    fontSize=\"14px\"\n                    fontWeight=\"700\"\n                    _hover={{\n                      background: 'none',\n                    }}\n                  >\n                    Check It Out\n                  </Button>\n                </a>\n              </div>\n            </GridItem>\n\n            <GridItem>\n              <div data-aos=\"fade-left\" data-aos-duration=\"1000\">\n                <Box\n                  bg=\"#F2F2EC\"\n                  border=\"1px solid #E5E4E2\"\n                  p=\"24px\"\n                  borderRadius={'6px'}\n                  mt=\"110px\"\n                  position={isLargerThan800 ? 'relative' : 'relative'}\n                  pb=\"16px\"\n                  h={isLargerThan800 ? '426px' : '426px'}\n                  w={isLargerThan800 ? '400px' : 'auto'}\n                >\n                  <Image\n                    src={off2}\n                    alt=\"i\"\n                    position=\"absolute\"\n                    margin=\"0\"\n                    right={isLargerThan800 ? '5%' : '1%'}\n                    mt=\"-123px\"\n                    w=\"352px\"\n                    h=\"512px\"\n                  />\n                </Box>\n              </div>\n            </GridItem>\n          </Grid>\n        </Box>\n      </Container>\n    </Box>\n  );\n};\n\nexport default MoreOffers;\n","import * as React from 'react';\n\nconst VideoIcon = (props) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={16}\n    height={16}\n    fill=\"none\"\n    {...props}\n  >\n    <path\n      stroke=\"#3F12C4\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeMiterlimit={10}\n      d=\"M8.317 5.427h-.001c-.642-.37-1.34-.467-1.911-.139-.572.329-.839.982-.839 1.725v1.974c0 .74.268 1.393.838 1.722.57.329 1.269.235 1.912-.136h0l.854-.494.853-.492s0 0 0 0c.643-.37 1.075-.928 1.075-1.587 0-.659-.432-1.216-1.075-1.586 0 0 0 0 0 0L9.17 5.92l-.853-.493Z\"\n      opacity={0.4}\n    />\n    <path\n      stroke=\"#3F12C4\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      d=\"M8 15.167A7.167 7.167 0 1 0 8 .833a7.167 7.167 0 0 0 0 14.334Z\"\n    />\n  </svg>\n);\nexport default VideoIcon;\n","var _path, _path2, _path3;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgLoan(_ref, svgRef) {\n  var title = _ref.title,\n      titleId = _ref.titleId,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 301,\n    height: 300,\n    viewBox: \"0 0 301 300\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M194.991 28.5723V85.717H171.308V28.5723C171.308 24.5121 167.519 22.5571 164.993 22.5571C164.203 22.5571 163.414 22.7075 162.624 23.0083L37.4194 67.9721C29.0514 70.9797 23.6832 78.4988 23.6832 87.0705V97.146C9.31538 107.372 0 123.764 0 142.26V87.0705C0 69.1751 11.5258 53.2348 29.0514 46.9188L154.414 1.80457C157.888 0.601521 161.519 0 164.993 0C180.782 0 194.991 12.1808 194.991 28.5723Z\",\n    fill: \"#DBD0FB\",\n    fillOpacity: 0.1\n  })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M300.005 187.21V202.248C300.005 206.308 296.689 209.617 292.268 209.767H269.217C260.849 209.767 253.27 203.902 252.639 196.082C252.165 191.421 254.06 187.06 257.217 184.052C260.059 181.195 264.007 179.691 268.269 179.691H292.111C296.689 179.841 300.005 183.15 300.005 187.21Z\",\n    fill: \"#DBD0FB\",\n    fillOpacity: 0.1\n  })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M268.093 163.906H284.198C292.882 163.906 299.987 157.138 299.987 148.867V142.251C299.987 111.122 273.304 85.7075 240.621 85.7075H59.3658C45.9454 85.7075 33.6301 89.9182 23.6832 97.1365C9.31538 107.362 0 123.754 0 142.251V243.457C0 274.586 26.683 300 59.3658 300H240.621C273.304 300 299.987 274.586 299.987 243.457V240.6C299.987 232.329 292.882 225.562 284.198 225.562H270.462C255.305 225.562 240.779 216.689 236.832 202.704C233.516 191.275 237.463 180.297 245.358 172.928C251.2 167.214 259.252 163.906 268.093 163.906ZM181.571 160.898H71.0495C64.5761 160.898 59.2079 155.785 59.2079 149.619C59.2079 143.454 64.5761 138.341 71.0495 138.341H181.571C188.044 138.341 193.413 143.454 193.413 149.619C193.413 155.785 188.044 160.898 181.571 160.898Z\",\n    fill: \"#DBD0FB\",\n    fillOpacity: 0.1\n  })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgLoan);\nexport default __webpack_public_path__ + \"static/media/loan.d94c3d168a4a509d16488d770e05d3b7.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useEffect } from 'react';\nimport { Box, Image, Text, Container, useMediaQuery } from '@chakra-ui/react';\nimport dashboard from 'assets/loans.png';\nimport loan from 'assets/loan.svg';\nimport Aos from 'aos';\nimport 'aos/dist/aos.css';\n\nconst Loans = () => {\n  const [isLargerThan800] = useMediaQuery('(min-width: 800px)');\n\n  useEffect(() => {\n    Aos.init();\n  }, []);\n\n  return (\n    <Box h=\"auto\" pt=\"104px\" id=\"loans\">\n      <Container maxW=\"container.xl\">\n        <Image src={loan} alt=\"loan_image\" position=\"absolute\" right=\"0\" />\n        <Image src={loan} alt=\"loan_image\" position=\"absolute\" left=\"0\" top=\"69%\" />\n        <div data-aos=\"fade-up\" data-aos-duration=\"1000\">\n          <Text\n            color=\"#060212\"\n            fontSize={isLargerThan800 ? '40px' : '32px'}\n            textAlign=\"center\"\n            fontWeight={'700'}\n          >\n            With Retailoop, Money Problem Is {isLargerThan800 ? <br /> : null} No\n            Problem\n          </Text>\n        </div>\n\n        <div data-aos=\"fade-down\" data-aos-duration=\"2000\">\n          <Text\n            mt=\"16px\"\n            textAlign=\"center\"\n            color=\"#060212CC\"\n            fontSize=\"16px\"\n            fontWeight=\"500\"\n            mb=\"48px\"\n          >\n            Get instant loans to fund your business. Money Problems don’t have to\n            stop {isLargerThan800 ? <br /> : null} you from reaching short-term and\n            long-term goals.\n          </Text>\n        </div>\n\n        <Box>\n          <div data-aos=\"zoom-in-right\" data-aso-duration=\"1000\">\n            <Image src={dashboard} alt=\"dashboard_pop\" w=\"100%\" h=\"auto\" />\n          </div>\n        </Box>\n      </Container>\n    </Box>\n  );\n};\n\nexport default Loans;\n","import React from 'react';\nimport Layout from 'Layout';\nimport styles from './styles.module.css';\nimport {\n  Text,\n  Button,\n  Box,\n  Center,\n  Container,\n  useMediaQuery,\n} from '@chakra-ui/react';\nimport FourthSection from './components/fourthSection';\nimport TransformCard from 'components/transformCard';\nimport Testimonial from './components/testimonial';\nimport SecondSection from './components/secondSection';\nimport { Slide } from 'react-awesome-reveal';\nimport Slides from './components/slides';\nimport CreateStore from './components/createStore';\nimport MoreOffers from './components/moreOffers';\nimport VideoIcon from 'assets/video';\nimport Loans from './components/loans';\n\nconst Home = () => {\n  const [isLargerThan800] = useMediaQuery('(min-width: 800px)');\n\n  return (\n    <Layout>\n      <Box\n        className={styles.bg}\n        pt={isLargerThan800 ? '120px' : '40px'}\n        pb=\"104px\"\n        h=\"100vh\"\n        w=\"100%\"\n      >\n        <Container maxW=\"container.xl\">\n          <Slide direction=\"down\" duration=\"1000\" triggerOnce>\n            <Text\n              fontSize={{ base: '40px', md: '64px' }}\n              fontWeight={700}\n              textAlign=\"center\"\n            >\n              AI powered Commerce Platform for Enterprise in Global Markets...\n            </Text>\n\n            <Text fontSize=\"16px\" fontWeight=\"400\" textAlign=\"center\" mt=\"16px\">\n              Empower your business with Retailloop's AI-driven solutions and witness\n              a dramatic {isLargerThan800 ? <br /> : null} improvement in efficiency,\n              customer satisfaction, and profitability.\n            </Text>\n            <Center>\n              <Box display=\"flex\" flexDir=\"row\" gap=\"16px\" mt=\"40px\">\n                <Button\n                  bg=\"#3F12C4\"\n                  borderRadius=\"6px\"\n                  color=\"#fff\"\n                  _hover={{ background: '#6A3CEE', color: '#fff' }}\n                >\n                  <a\n                    href=\"https://app.retailloop.co/sign-up\"\n                    target={'_blank'}\n                    rel=\"noreferrer noopener\"\n                  >\n                    Get Started\n                  </a>\n                </Button>\n                <Button\n                  bg=\"#fff\"\n                  leftIcon={<VideoIcon />}\n                  border=\"1px solid #3F12C4\"\n                  borderRadius=\"6px\"\n                  color=\"#3F12C4\"\n                  _hover={{ background: '#6A3CEE', color: '#fff', border: 'none' }}\n                >\n                  <a\n                    href=\"https://www.youtube.com/watch?v=M-g_P20TV6s&t=11s\"\n                    target={'_blank'}\n                    rel=\"noreferrer noopener\"\n                  >\n                    How To Use Retailloop\n                  </a>\n                </Button>\n              </Box>\n            </Center>\n          </Slide>\n        </Container>\n      </Box>\n\n      <Slides />\n      <SecondSection />\n      <MoreOffers />\n      <CreateStore />\n      <Loans />\n      <FourthSection />\n      <Container maxW=\"container.xl\">\n        <Testimonial />\n        <TransformCard />\n      </Container>\n    </Layout>\n  );\n};\n\nexport default Home;\n","// extracted by mini-css-extract-plugin\nexport default {\"card\":\"styles_card__RfQ0b\"};","import React from 'react';\nimport { Box } from '@chakra-ui/react';\nimport styles from './styles.module.css';\n\nconst Card = ({ children, width }) => {\n  return (\n    <Box\n      className={styles.card}\n      bg=\"#fff\"\n      borderRadius={'10px'}\n      border=\"0.5px solid #D9D8DA\"\n      p=\"24px\"\n      w={width || 'auto'}\n    >\n      {children}\n    </Box>\n  );\n};\n\nexport default Card;\n"],"names":["useMediaQuery","isLargerThan800","useEffect","Aos","bg","pt","pb","mt","maxW","color","fontSize","textAlign","fontWeight","mb","direction","cascade","triggerOnce","flexDir","gap","alignItems","w","flex","className","styles","src","teamImage","alt","objectFit","borderRadius","border","pl","pr","repImage","height","position","bottom","bgGradient","borderBottomRadius","width","templateColumns","codeImage","h","href","target","rel","ml","cursor","p","enum_reviews","name","comment","map","data","idx","display","textTransform","symbol","window","location","pathname","justifyContent","gradient","angelikas","lisa","bus_4","bus_8","bus_1","your_health","torilo","bus_5","trans","zIndex","right","placeItems","orderImage","id","dashboard","imageSlide","image","first","title","second","third","fourth","useState","step","setStep","timer","setTimeout","clearTimeout","i","onClick","next","padding","props","xmlns","fill","d","info","description","icon","ima","margin","left","index","_hover","background","off2","stroke","strokeLinecap","strokeLinejoin","strokeMiterlimit","opacity","loan","top","Layout","duration","base","md","leftIcon","children"],"sourceRoot":""}