{"version":3,"file":"static/chunks/app/page-b23e13bafd6b04ff.js","mappings":"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","sources":["webpack://_N_E/?6029","webpack://_N_E/./src/app/page.js"],"sourcesContent":["import(/* webpackMode: \"eager\" */ \"/codebuild/output/src2854184043/src/stashwise-next/src/app/page.js\");\n","\"use client\";\n\nimport {\n  ACCORDION_IMAGE,\n  CORE_VALUES,\n  FEATURED,\n  LANDING_ACCORDION_ITEMS,\n  PARTNERS,\n} from \"@/utils/constants\";\nimport Link from \"next/link\";\nimport { BsArrowRight } from \"react-icons/bs\";\nimport Image from \"next/image\";\nimport Accordion from \"@mui/material/Accordion\";\nimport AccordionSummary from \"@mui/material/AccordionSummary\";\nimport AccordionDetails from \"@mui/material/AccordionDetails\";\nimport { ArrowDropDownIcon } from \"@mui/x-date-pickers\";\nimport LandingPageLayout from \"@/components/layout/LandingPageLayout\";\nimport { useState } from \"react\";\n// import { YouTubeEmbed } from '@next/third-parties/google'\n\nconst Home = () => {\n  const [expanded, setExpanded] = useState(false);\n  const [newIndex, setNewIndex] = useState(0);\n  const handleAccordionChange = (panel, index) => (event, isExpanded) => {\n    setExpanded(isExpanded ? panel : false);\n    setNewIndex(index);\n  };\n\n  return (\n    <LandingPageLayout>\n      <main className=\"lg:pt-20 md:pt-12 pt-6\">\n        <div className=\"lg:px-20 md:px-12 px-6 flex flex-col md:flex-row md:gap-12 lg:gap-20 gap-4\">\n          <section className=\"space-y-4 text-left md:text-left\">\n            <h1 className=\"font-bold text-3xl lg:text-7xl leading-[48px] lg:leading-[90px]\">\n              Gamified Savings Platform for Africa&apos;s Future\n            </h1>\n            <p className=\"text-sm md:text-base lg:text-lg\">\n              Achieve your financial goals effortlessly with Stashwise. Earn\n              high-interest on your savings and collect points you can redeem\n              for exciting rewards. The more you save, the more points you\n              earn—on top of your money and interest!\n            </p>\n            <Link\n              href=\"/signup\"\n              className=\"bg-primary text-white flex items-center gap-2 px-6 py-3 rounded-lg hover:bg-opacity-80 transition-all duration-300 font-bold w-fit\"\n            >\n              Get Early Access <BsArrowRight color=\"#ffffff\" size={20} />\n            </Link>\n          </section>\n          <section>\n            <div className=\"border border-opacity-50 border-black rounded-[20px] p-2\">\n              {/* <YouTubeEmbed \n                videoid=\"x5vDK244c9Y\" \n                height={400}\n                playlabel=\"What Our Users Say About Stashwise\" \n                style=\"width:100%;height:100%;border-radius:20px;\" \n              /> */}\n              <iframe\n                className=\"rounded-[20px] w-full h-[180px] md:w-[300px] md:h-[300px] lg:w-[450px] lg:h-[400px]\"\n                src=\"https://www.youtube.com/embed/x5vDK244c9Y?si=37I_uqZlW2owseuq\"\n                title=\"YouTube video player\"\n                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                allowFullScreen\n              ></iframe>\n            </div>\n          </section>\n        </div>\n\n        <section className=\"flex flex-col items-center gap-6 lg:gap-8 px-6 py-8 md:py-6 bg-white md:mt-8 mt-6\">\n          <h2 className=\"md:text-xl text-base lg:text-2xl font-bold\">\n            Some of Our Partners\n          </h2>\n          <div className=\"flex flex-wrap justify-evenly gap-4 w-full\">\n            {PARTNERS.map((icon, index) => (\n              <Image key={index} src={icon} alt=\"Partner logo\" />\n            ))}\n          </div>\n        </section>\n\n        <section className=\"w-full bg-black mx-auto p-6 lg:px-40 lg:py-20 md:px-12 md:space-y-8 space-y-6 text-white\">\n          <h2 className=\"font-medium text-3xl text-center leading-[47px]\">\n            We do things <span className=\"font-semibold\">differently</span>\n          </h2>\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n            {CORE_VALUES.map(({ title, description, icon }, index) => (\n              <div\n                key={index}\n                className=\"bg-white text-black p-6 rounded-lg space-y-4\"\n              >\n                <Image\n                  src={icon}\n                  alt={`${title} icon`}\n                  width={50}\n                  height={50}\n                />\n                <h3 className=\"font-semibold text-2xl\">{title}</h3>\n                <p className=\"text-sm md:text-base\">{description}</p>\n              </div>\n            ))}\n          </div>\n        </section>\n\n        <section className=\"flex flex-col gap-6 md:gap-8 items-center px-6 lg:px-40 md:px-12 py-12 lg:py-20 w-full bg-[#ffffff]\">\n          <h2 className=\"font-bold text-lg lg:text-3xl text-center\">\n            How Stashwise Gamifies Savings\n          </h2>\n          <div className=\"border border-opacity-30 rounded-[20px] p-2 w-full\">\n            <iframe\n              width=\"560\"\n              height=\"400\"\n              src=\"https://www.youtube.com/embed/a4ogMc5SVS4?si=nt48kfj0r7PNdOiY\"\n              title=\"YouTube video player\"\n              frameborder=\"0\"\n              allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n              referrerpolicy=\"strict-origin-when-cross-origin\"\n              allowfullscreen\n              className=\"w-full rounded-[20px] lg:h-[400px] md:h-[250px] h-[180px]\"\n            ></iframe>\n          </div>\n        </section>\n\n        <section className=\"md:space-y-8 space-y-6 md:px-12 py-12 lg:py-20 lg:px-20 px-6\">\n          <h2 className=\"font-bold text-xl lg:text-3xl text-center\">\n            How it Works\n          </h2>\n          <div className=\"flex flex-col justify-between md:flex-row gap-6\">\n            <div className=\"space-y-4 md:w-1/2 w-full\">\n              {LANDING_ACCORDION_ITEMS.map(({ details, summary }, index) => (\n                <div key={index}>\n                  <Accordion\n                    className=\"bg-[#ffffff]\"\n                    expanded={expanded === `panel1-${index}`}\n                    onChange={handleAccordionChange(`panel1-${index}`, index)}\n                  >\n                    <AccordionSummary\n                      expandIcon={<ArrowDropDownIcon />}\n                      aria-controls={summary}\n                      id={`accordion-${index}`}\n                    >\n                      <p className=\"font-semibold flex items-center gap-2\">\n                        <span>{index + 1}.</span>\n                        <span>{summary}</span>\n                      </p>\n                    </AccordionSummary>\n                    <AccordionDetails>\n                      <p className=\"text-sm\">{details}</p>\n                    </AccordionDetails>\n\n                    {/* mobile */}\n                    {index === newIndex && (\n                      <Image\n                        src={ACCORDION_IMAGE[newIndex]}\n                        alt=\"Phone illustration\"\n                        width={350}\n                        height={350}\n                        className=\"md:hidden block\"\n                      />\n                    )}\n                  </Accordion>\n                </div>\n              ))}\n            </div>\n\n            {/* desktop */}\n            {expanded === `panel1-${newIndex}` && (\n              <div className=\"bg-[#ffffff] hidden md:block\">\n                <Image\n                  src={ACCORDION_IMAGE[newIndex]}\n                  alt=\"Phone illustration\"\n                  width={350}\n                  height={350}\n                />\n              </div>\n            )}\n          </div>\n        </section>\n\n        <section className=\"flex flex-col items-center gap-6 lg:gap-8 px-6 py-8 md:py-6 bg-white\">\n          <h2 className=\"text-xl lg:text-2xl font-bold\">As Featured In</h2>\n          <div className=\"flex flex-wrap justify-evenly gap-4 w-full\">\n            {FEATURED.map((icon, index) => (\n              <Image key={index} src={icon} alt=\"Partner logo\" />\n            ))}\n          </div>\n        </section>\n\n        <section className=\"bg-[#0F0326] px-6 py-12  lg:py-20 lg:px-20 md:px-12 text-white\">\n          <div className=\"flex flex-col md:flex-row gap-4 justify-between items-center md:items-start\">\n            <div className=\"md:w-1/2 space-y-4\">\n              <Image src=\"/ssl.svg\" alt=\"SSL logo\" width={132} height={27} />\n              <h2 className=\"font-bold text-3xl leading-[48px] lg:text-5xl lg:leading-[70px]\">\n                Keeping your money safe is our priority.\n              </h2>\n              <p className=\"text-sm lg:text-base \">\n                Ensuring the safety of your funds and the security of your\n                account is our top priority. We employ advanced Internet\n                Security protocols, including 256-bit SSL encryption.\n              </p>\n              <Link\n                href=\"/security\"\n                className=\"md:text-base text-xs items-center flex gap-2 font-medium\"\n              >\n                Learn more about our security measures\n                <BsArrowRight size={20} />\n              </Link>\n            </div>\n            <Image\n              src=\"/security.svg\"\n              alt=\"Security illustration\"\n              width={300}\n              height={300}\n            />\n          </div>\n        </section>\n      </main>\n    </LandingPageLayout>\n  );\n};\n\nexport default Home;\n"],"names":["Promise","resolve","then","__webpack_require__","bind","__webpack_exports__","expanded","setExpanded","useState","newIndex","setNewIndex","handleAccordionChange","panel","index","event","isExpanded","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsx","LandingPageLayout","jsxs","main","className","div","section","h1","p","Link","href","BsArrowRight","color","size","iframe","src","title","allow","allowFullScreen","h2","PARTNERS","map","icon","Image","alt","span","CORE_VALUES","param","description","concat","width","height","h3","frameborder","referrerpolicy","allowfullscreen","LANDING_ACCORDION_ITEMS","details","summary","Accordion","onChange","AccordionSummary","expandIcon","ArrowDropDownIcon","aria-controls","id","AccordionDetails","ACCORDION_IMAGE","FEATURED"],"sourceRoot":""}