{"version":3,"file":"static/chunks/pages/index-ba19e5596a35d3a3.js","mappings":"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","sources":["webpack://_N_E/","webpack://_N_E/./node_modules/@heroicons/react/24/outline/esm/QuestionMarkCircleIcon.js","webpack://_N_E/./src/components/Home/Hero/HeroComponent.tsx","webpack://_N_E/./src/components/Home/What/WhatComponent.tsx","webpack://_N_E/./src/components/Home/Steps/StepsComponent.tsx","webpack://_N_E/./src/components/Home/Explain/ExplainComponent.tsx","webpack://_N_E/./node_modules/@heroicons/react/24/outline/esm/ArrowLeftIcon.js","webpack://_N_E/./src/components/Home/Pricing/PriceCardComponent.tsx","webpack://_N_E/./src/components/Home/Pricing/PricingComponent.tsx","webpack://_N_E/./src/components/Home/Numbers/NumbersComponent.tsx","webpack://_N_E/./node_modules/@heroicons/react/24/solid/esm/PhoneArrowUpRightIcon.js","webpack://_N_E/./node_modules/@heroicons/react/24/solid/esm/EnvelopeIcon.js","webpack://_N_E/./node_modules/@heroicons/react/24/solid/esm/MapPinIcon.js","webpack://_N_E/./src/components/Home/Contact/ContactComponent.tsx","webpack://_N_E/./src/components/Home/HomeComponent.tsx","webpack://_N_E/./src/pages/index.tsx","webpack://_N_E/./node_modules/next/head.js"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/\",\n      function () {\n        return require(\"private-next-pages/index.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/\"])\n      });\n    }\n  ","import * as React from \"react\";\nfunction QuestionMarkCircleIcon({\n  title,\n  titleId,\n  ...props\n}, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    strokeWidth: 1.5,\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n    strokeLinecap: \"round\",\n    strokeLinejoin: \"round\",\n    d: \"M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z\"\n  }));\n}\nconst ForwardRef = React.forwardRef(QuestionMarkCircleIcon);\nexport default ForwardRef;","import { scrollToSection, scrollToSectionMobile } from \"@lib/general.utils\";\nimport { QuestionMarkCircleIcon } from \"@heroicons/react/24/outline\";\nimport { useTranslation } from \"next-i18next\";\nimport Image from \"next/image\";\nimport { useEffect, useState } from \"react\";\nimport { useRouter } from \"next/router\";\nimport useGeneralStore from \"@/store/General/useGeneralStore\";\n\nconst HeroComponent = () => {\n    const [width, setWidth] = useState<number | null>(null);\n    const { t, i18n } = useTranslation(\"common\");\n    const [direction, setDirection] = useState<any>(\"\");\n    useEffect(() => {\n        if (i18n.language) {\n            setDirection(i18n.language === \"ar\" ? \"rtl\" : \"ltr\");\n        }\n    }, [i18n.language]);\n    function handleWindowSizeChange() {\n        setWidth(window?.innerWidth);\n    }\n    useEffect(() => {\n        if (window) {\n            setWidth(window?.innerWidth);\n            window.addEventListener(\"resize\", handleWindowSizeChange);\n            return () => {\n                window.removeEventListener(\"resize\", handleWindowSizeChange);\n            };\n        }\n    }, []);\n    const router = useRouter();\n    const { Socials } = useGeneralStore((state) => state);\n    return (\n        <div\n            style={{ direction: direction ? direction : \"rtl\" }}\n            className=\"gap-5 grid grid-cols-1 pb-[6rem] md:pb-[2rem] md:grid-cols-2 px-[1.5rem]  w-full relative z-20 overflow-hidden\"\n        >\n            <div\n                data-aos=\"fade-left\"\n                className=\" my-[1rem] md:my-[6rem] ml-0 md:ml-[2rem] text-primary flex items-start justify-center px-[1rem] md:px-[5rem] \"\n            >\n                <div className=\"mb-[3rem] mt-[0rem] md:mt-[3rem]  relative z-20 \">\n                    <div className=\"text-[2.5rem]  md:text-[3.5rem]\">\n                        {t(\"home.hero.title\")}\n                    </div>\n                    <div className=\"font-normal text-[2.5rem] md:text-[2.5rem]\">\n                        {t(\"home.hero.subtitle-1\")}{\" \"}\n                        <span className=\"text-[#00B8FF]\">\n                            {t(\"home.hero.subtitle-2\")}\n                        </span>\n                    </div>\n                    <p className=\"text-black text-[1.0rem] md:text-[1.7rem] my-[1.5rem] font-thin w-[70%] md:w-full\">\n                        {t(\"home.hero.desc\")}\n                    </p>\n                    <button\n                        onClick={() => router.push(\"/sign\")}\n                        className=\"mt-[1rem] px-[4rem] py-[1rem] rounded-md bg-secondary normal-case text-[1rem] md:text-[1.5rem] font-[500] text-[white]\"\n                    >\n                        {t(\"home.hero.signup\")}\n                    </button>\n                    <a\n                        href={`https://wa.me/${Socials?.partnerWhatsApp}`}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                    >\n                        <div className=\"text-[1.5rem] text-[#00B8FF] mt-[1rem] flex items-center gap-[0.3rem]\">\n                            <QuestionMarkCircleIcon className=\"w-[1.5rem]\" />\n                            <p>{t(\"home.hero.help\")}</p>\n                        </div>\n                    </a>\n                </div>\n                <Image\n                    width={1000}\n                    height={1000}\n                    alt=\"hero\"\n                    className=\"w-[30rem] -bottom-[1rem] float-right right-[0rem]  object-contain absolute\"\n                    src=\"/icons/smoke-2.svg\"\n                />\n            </div>\n            <div className=\"hidden mt-[-3rem]  md:flex items-start justify-center relative\">\n                <Image\n                    data-aos=\"fade-right\"\n                    data-aos-duration=\"700\"\n                    width={1000}\n                    height={1000}\n                    alt=\"hero\"\n                    className=\"h-[60rem] object-contain \"\n                    src=\"/home/hero.png\"\n                />\n                <Image\n                    data-aos=\"fade-right\"\n                    width={1000}\n                    height={1000}\n                    alt=\"hero\"\n                    className=\"w-[10rem] bottom-[8rem] left-[35rem] object-contain absolute\"\n                    src=\"/home/hero-ico-bg-1.svg\"\n                />\n                <Image\n                    data-aos=\"zoom-in\"\n                    width={1000}\n                    height={1000}\n                    alt=\"hero\"\n                    className=\"w-[8rem] bottom-[9rem] left-[36rem] object-contain absolute\"\n                    src=\"/home/hero-ico-1.svg\"\n                />\n                <Image\n                    width={1000}\n                    height={1000}\n                    alt=\"hero\"\n                    className=\"w-[40rem] bottom-[1rem] -left-[0rem] object-contain absolute\"\n                    src=\"/icons/smoke-1.svg\"\n                />\n                <Image\n                    data-aos=\"fade-left\"\n                    width={1000}\n                    height={1000}\n                    alt=\"hero\"\n                    className=\"w-[10rem] top-[17rem] left-[17rem] object-contain absolute\"\n                    src=\"/home/hero-ico-bg-2.svg\"\n                />\n                <Image\n                    data-aos=\"zoom-in\"\n                    width={1000}\n                    height={1000}\n                    alt=\"hero\"\n                    className=\"w-[10rem] top-[19rem] left-[17rem] object-contain absolute\"\n                    src=\"/home/hero-ico-2.svg\"\n                />\n                <Image\n                    width={1000}\n                    height={1000}\n                    alt=\"hero\"\n                    className=\"w-[8rem] bottom-[1rem] left-[2rem] object-contain absolute\"\n                    src=\"/icons/dots.svg\"\n                />\n                <Image\n                    width={1000}\n                    height={1000}\n                    alt=\"hero\"\n                    className=\"w-[8rem] top-[10rem] left-[15rem] object-contain absolute\"\n                    src=\"/icons/square-dots.svg\"\n                />\n            </div>\n        </div>\n    );\n};\n\nexport default HeroComponent;\n","import Image from \"next/image\";\n\nconst WhatComponent = () => {\n    return (\n        <div className=\"overflow-hidden mt-[5rem] w-full h-auto md:h-[30rem] bg-primary text-[white] flex items-center justify-center child:flex child:items-center child:justify-center py-[5rem] px-[1rem] md:px-[15rem]\">\n            <div data-aos=\"fade-up\" data-aos-duration=\"700\" className=\"\">\n                <Image\n                    src={\"/icons/logo.svg\"}\n                    width={1000}\n                    height={1000}\n                    alt=\"logo\"\n                    className=\" w-[5rem] md:w-[10rem]\"\n                />\n                <Image\n                    src={\"/icons/bzaaarz-logo.svg\"}\n                    width={1000}\n                    height={1000}\n                    alt=\"logo\"\n                    className=\"w-[27rem] md:w-[40rem]\"\n                />\n            </div>\n            <Image\n                data-aos=\"fade-left\"\n                width={1000}\n                height={1000}\n                alt=\"hero\"\n                className=\"w-[4rem] md:w-[7rem] -right-[2.5rem] bottom-[2.7rem] md:bottom-0 object-contain absolute\"\n                src=\"/icons/dots.svg\"\n            />\n        </div>\n    );\n};\n\nexport default WhatComponent;\n","import { scrollToSection, scrollToSectionMobile } from \"@/lib/general.utils\";\nimport Image from \"next/image\";\nimport { useEffect, useState } from \"react\";\nimport { useTranslation } from \"next-i18next\";\nimport { useRouter } from \"next/router\";\n\nconst StepsComponent = () => {\n    const { t } = useTranslation();\n    const [width, setWidth] = useState<number | null>(\n        typeof window !== \"undefined\" ? window?.innerWidth : null\n    );\n\n    function handleWindowSizeChange() {\n        setWidth(window?.innerWidth);\n    }\n    useEffect(() => {\n        if (typeof window !== \"undefined\")\n            window.addEventListener(\"resize\", handleWindowSizeChange);\n        return () => {\n            if (typeof window !== \"undefined\")\n                window.removeEventListener(\"resize\", handleWindowSizeChange);\n        };\n    }, []);\n    const isMobile = width ? width <= 768 : false;\n    const router = useRouter();\n    return (\n        <div\n            style={{ direction: \"rtl\" }}\n            className=\"w-full h-auto md:h-[90rem] mt-[4rem] text-primary child:flex child:items-center child:justify-center py-[5rem] px-[2rem] md:px-[8rem] mx-auto md:max-w-[120rem] relative\"\n        >\n            <div className=\"text-[2rem] font-bold\">{t(\"home.steps.title\")}</div>\n            <div className=\"text-[1.5rem] font-thin mt-[1rem] text-center text-[#636363]\">\n                <p className=\"w-[80%]\">{t(\"home.steps.subtitle\")}</p>\n            </div>\n            <div className=\"flex md:grid flex-wrap  grid-cols-3 mt-[5rem] md:mt-[10rem] gap-[5.5rem]  w-full h-auto md:h-[26rem] relative text-[1rem]\">\n                <div className=\"border-primary border-[0.10rem] w-full md:h-full h-[25rem]  rounded-[1.2rem] grid grid-rows-3 child:flex child:items-center child:justify-center\">\n                    <div className=\"flex flex-col row-span-2 relative\">\n                        <div className=\"absolute -top-[2.5rem] w-[3.7rem] h-[3.7rem] pb-[0.2rem] rounded-full text-[2rem] flex items-center justify-center bg-primary text-[white]\">\n                            1\n                        </div>\n                        <div className=\"bg-[#00B8FF] rounded-full p-[0.5rem]\">\n                            <Image\n                                data-aos=\"zoom-in\"\n                                src={\"/steps/step-1.svg\"}\n                                width={1000}\n                                height={1000}\n                                alt=\"step-1\"\n                                className=\"w-[7rem]\"\n                            />\n                        </div>\n                        <div className=\"font-bold text-[1.5rem] mt-[0.5rem]\">\n                            {t(\"home.steps.step1.title\")}\n                        </div>\n                    </div>\n                    <div className=\"text-center text-[#636363] text-[1.2rem] !items-start\">\n                        <p className=\"text-center w-[80%]\">\n                            {t(\"home.steps.step1.description\")}\n                        </p>\n                    </div>\n                </div>\n\n                <div className=\"border-primary border-[0.10rem] w-full md:h-full h-[25rem] rounded-[1.2rem] grid grid-rows-3 child:flex child:items-center child:justify-center\">\n                    <div className=\"flex flex-col row-span-2 relative\">\n                        <div className=\"absolute -top-[2.5rem] w-[3.7rem] h-[3.7rem] pb-[0.2rem] rounded-full text-[2rem] flex items-center justify-center bg-primary text-[white]\">\n                            2\n                        </div>\n                        <div className=\"bg-[#00B8FF] rounded-full p-[0.5rem]\">\n                            <Image\n                                data-aos=\"zoom-in\"\n                                src={\"/steps/step-2.svg\"}\n                                width={1000}\n                                height={1000}\n                                alt=\"step-2\"\n                                className=\"w-[7rem]\"\n                            />\n                        </div>\n                        <div className=\"font-bold text-[1.5rem] mt-[0.5rem]\">\n                            {t(\"home.steps.step2.title\")}\n                        </div>\n                    </div>\n                    <div className=\"text-center text-[#636363] text-[1.2rem] !items-start\">\n                        <p className=\"text-center w-[80%]\">\n                            {t(\"home.steps.step2.description\")}\n                        </p>\n                    </div>\n                </div>\n\n                <div className=\"border-primary border-[0.10rem] w-full md:h-full h-[25rem] rounded-[1.2rem] grid grid-rows-3 child:flex child:items-center child:justify-center\">\n                    <div className=\"flex flex-col row-span-2 relative\">\n                        <div className=\"absolute -top-[2.5rem] w-[3.7rem] h-[3.7rem] pb-[0.2rem] rounded-full text-[2rem] flex items-center justify-center bg-primary text-[white]\">\n                            3\n                        </div>\n                        <div className=\"bg-[#00B8FF] rounded-full p-[0.5rem]\">\n                            <Image\n                                data-aos=\"zoom-in\"\n                                src={\"/steps/step-3.svg\"}\n                                width={1000}\n                                height={1000}\n                                alt=\"step-3\"\n                                className=\"w-[7rem]\"\n                            />\n                        </div>\n                        <div className=\"font-bold text-[1.5rem] mt-[0.5rem]\">\n                            {t(\"home.steps.step3.title\")}\n                        </div>\n                    </div>\n                    <div className=\"text-center text-[#636363] text-[1.2rem] !items-start\">\n                        <p className=\"text-center w-[80%]\">\n                            {t(\"home.steps.step3.description\")}\n                        </p>\n                    </div>\n                </div>\n                {/* \n                <Image\n                    data-aos=\"fade-left\"\n                    data-aos-duration=\"700\"\n                    src={\"/steps/left-arrow.svg\"}\n                    width={1000}\n                    height={1000}\n                    alt=\"left-arrow\"\n                    className=\"w-[10rem] absolute -top-[4rem] right-[27rem] hidden md:block\"\n                />\n                <Image\n                    data-aos=\"fade-left\"\n                    src={\"/steps/left-arrow.svg\"}\n                    width={1000}\n                    height={1000}\n                    alt=\"left-arrow\"\n                    className=\"w-[10rem] absolute -top-[4rem] left-[27rem] hidden md:block\"\n                />\n                <Image\n                    data-aos=\"fade-down\"\n                    src={\"/steps/down-arrow.svg\"}\n                    width={1000}\n                    height={1000}\n                    alt=\"down-arrow\"\n                    className=\"w-[3rem] absolute top-[20rem] -left-[3rem] hidden md:block\"\n                /> */}\n            </div>\n\n            <div className=\"flex md:grid flex-wrap flex-col-reverse grid-cols-3 mt-[3.5rem] md:mt-[10rem] gap-[5.5rem] w-full h-auto md:h-[26rem] relative  text-[1rem]\">\n                <div className=\"w-full md:h-full h-[25rem] rounded-[1.2rem] grid grid-rows-3 child:flex child:items-center child:justify-center\">\n                    <div className=\"flex flex-col row-span-1 relative\"></div>\n                    <div className=\"grid-rows-2 h-full row-span-2 relative flex items-end\">\n                        <div className=\"grid-rows-3 child:flex child:items-end child:justify-center\">\n                            <div className=\"row-span-2\">\n                                <div className=\"rounded-full p-[0.5rem]\">\n                                    <Image\n                                        data-aos=\"fade-right\"\n                                        src={\"/steps/step-sign.svg\"}\n                                        width={1000}\n                                        height={1000}\n                                        alt=\"step-sign\"\n                                        className=\"w-[7rem]\"\n                                    />\n                                </div>\n                            </div>\n                            <div>\n                                <div\n                                    onClick={() => {\n                                        isMobile\n                                            ? window.open(\n                                                  \"https://onelink.to/bzaaarz-partner\",\n                                                  \"_blank\"\n                                              )\n                                            : router.push(\"/sign\");\n                                    }}\n                                    data-aos=\"fade-right\"\n                                    data-aos-duration=\"700\"\n                                    className=\"font-thin text-[1.5rem] cursor-pointer bg-secondary h-[4rem] w-[9rem] pb-[0.2rem] px-[1rem] text-[white] rounded-full flex items-center justify-center\"\n                                >\n                                    {t(\"home.steps.signUp\")}\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div className=\"border-primary border-[0.10rem] w-full md:h-full h-[25rem] rounded-[1.2rem] grid grid-rows-3 child:flex child:items-center child:justify-center\">\n                    <div className=\"flex flex-col row-span-2 relative\">\n                        <div className=\"absolute -top-[2.5rem] w-[3.7rem] h-[3.7rem] pb-[0.2rem] rounded-full text-[2rem] flex items-center justify-center bg-primary text-[white]\">\n                            5\n                        </div>\n                        <div className=\"bg-[#00B8FF] rounded-full p-[0.5rem]\">\n                            <Image\n                                data-aos=\"zoom-in\"\n                                src={\"/steps/step-5.svg\"}\n                                width={1000}\n                                height={1000}\n                                alt=\"step-5\"\n                                className=\"w-[7rem]\"\n                            />\n                        </div>\n                        <div className=\"font-bold text-[1.5rem] mt-[0.5rem]\">\n                            {t(\"home.steps.step5.title\")}\n                        </div>\n                    </div>\n                    <div className=\"text-center text-[#636363] text-[1.2rem] !items-start\">\n                        <p className=\"text-center w-[80%]\">\n                            {t(\"home.steps.step5.description\")}\n                        </p>\n                    </div>\n                </div>\n\n                <div className=\"border-primary border-[0.10rem] w-full md:h-full h-[25rem] rounded-[1.2rem] grid grid-rows-3 child:flex child:items-center child:justify-center\">\n                    <div className=\"flex flex-col row-span-2 relative\">\n                        <div className=\"absolute -top-[2.5rem] w-[3.7rem] h-[3.7rem] pb-[0.2rem] rounded-full text-[2rem] flex items-center justify-center bg-primary text-[white]\">\n                            4\n                        </div>\n                        <div className=\"bg-[#00B8FF] rounded-full p-[0.5rem]\">\n                            <Image\n                                data-aos=\"zoom-in\"\n                                src={\"/steps/step-4.svg\"}\n                                width={1000}\n                                height={1000}\n                                alt=\"step-4\"\n                                className=\"w-[7rem]\"\n                            />\n                        </div>\n                        <div className=\"font-bold text-[1.5rem] mt-[0.5rem]\">\n                            {t(\"home.steps.step4.title\")}\n                        </div>\n                    </div>\n                    <div className=\"text-center text-[#636363] text-[1.2rem] !items-start\">\n                        <p className=\"text-center w-[80%]\">\n                            {t(\"home.steps.step4.description\")}\n                        </p>\n                    </div>\n                </div>\n\n                {/* <Image\n                    data-aos=\"fade-right\"\n                    src={\"/steps/down-right-arrow.svg\"}\n                    width={1000}\n                    height={1000}\n                    alt=\"down-right-arrow\"\n                    className=\"w-[10rem] absolute -top-[3rem] right-[28rem] hidden md:block \"\n                />\n                <Image\n                    data-aos=\"fade-right\"\n                    src={\"/steps/right-arrow.svg\"}\n                    width={1000}\n                    height={1000}\n                    alt=\"right-arrow\"\n                    className=\"w-[10rem] absolute -top-[4rem] left-[27rem] hidden md:block\"\n                /> */}\n            </div>\n            <Image\n                src={\"/icons/dots.svg\"}\n                width={1000}\n                height={1000}\n                alt=\"dots\"\n                className=\"w-[8rem] absolute bottom-0 -left-[2rem] hidden md:block\"\n            />\n            <Image\n                src={\"/icons/smoke-1.svg\"}\n                width={1000}\n                height={1000}\n                alt=\"smoke\"\n                className=\"w-[40rem] absolute -top-[5rem] -right-[2rem]\"\n            />\n        </div>\n    );\n};\n\nexport default StepsComponent;\n","import Image from \"next/image\";\nimport { useRef, useState, useEffect } from \"react\";\nimport { useTranslation } from \"next-i18next\";\n\nconst ExplainComponent = () => {\n    const { t } = useTranslation();\n    const explainVidRef = useRef<HTMLIFrameElement | null>(null);\n    const [isVideoIconShown, setIsVideoIconShown] = useState(false);\n\n    useEffect(() => {\n        const observer = new IntersectionObserver(\n            (entries) => {\n                entries.forEach((entry) => {\n                    if (explainVidRef.current) {\n                        const src = explainVidRef.current.src;\n                        if (entry.isIntersecting) {\n                            if (!src.includes(\"autoplay=1\")) {\n                                explainVidRef.current.src = `${src}?autoplay=1`;\n                            }\n                            setIsVideoIconShown(true);\n                        } else {\n                            const pausedSrc = src.replace(\"?autoplay=1\", \"\");\n                            explainVidRef.current.src = pausedSrc;\n                            setIsVideoIconShown(false);\n                        }\n                    }\n                });\n            },\n            {\n                threshold: 0.5, // Adjust this value as needed\n            }\n        );\n\n        if (explainVidRef.current) {\n            observer.observe(explainVidRef.current);\n        }\n\n        return () => {\n            if (explainVidRef.current) {\n                observer.unobserve(explainVidRef.current);\n            }\n        };\n    }, []);\n\n    return (\n        <div className=\"w-full text-primary child:flex child:items-center child:justify-center py-[5rem] px-[1rem] md:px-[15rem] overflow-hidden \">\n            <div className=\"text-[2rem] font-bold\">\n                {t(\"home.explain.title\")}\n            </div>\n            <div className=\"text-center text-[#636363] !items-start\">\n                <p className=\"text-center w-[80%] mt-[1rem] text-[1.5rem]\">\n                    {t(\"home.explain.subtitle\")}\n                </p>\n            </div>\n\n            <div className=\"h-[32rem] text-[1rem]\">\n                <div className=\"bg-primary text-[white] h-auto md:h-[25rem] mt-[5rem] p-[4rem] rounded-[3rem] relative\">\n                    <Image\n                        data-aos=\"fade-left\"\n                        src={\"/explain/loudIco.svg\"}\n                        width={1000}\n                        height={1000}\n                        alt=\"explain\"\n                        className=\"w-[10rem]\"\n                    />\n                    <div className=\"text-[1.1rem] md:text-[1.5rem] w-[42%] md:w-[40%] mt-[1rem]\">\n                        {t(\"home.explain.videoDescription\")}\n                    </div>\n                    <div className=\"[&_.ytp-large-play-button-red-bg]:!hidden text-[1.2rem] md:text-[1rem] relative\">\n                        <iframe\n                            ref={explainVidRef}\n                            className=\"absolute -top-[18.0rem] left-[2rem] md:left-[6rem] w-[12rem] md:w-[15rem] h-[20rem] md:h-[27rem] rounded-[1rem] z-[15]\"\n                            src=\"https://www.youtube.com/embed/7f8mL7esPe4\"\n                            title=\"YouTube video player\"\n                            frameBorder=\"0\"\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n                            allowFullScreen\n                        ></iframe>\n                        <Image\n                            data-aos=\"zoom-out\"\n                            data-aos-duration=\"600\"\n                            onClick={() => {\n                                if (explainVidRef.current) {\n                                    const src = explainVidRef.current.src;\n                                    if (!src.includes(\"autoplay=1\")) {\n                                        explainVidRef.current.src = `${src}?autoplay=1`;\n                                    }\n                                    setIsVideoIconShown(true);\n                                }\n                            }}\n                            src={\"/icons/videoIco.svg\"}\n                            width={1000}\n                            height={1000}\n                            alt=\"explain\"\n                            className={`w-[12rem] md:w-[8rem] absolute -top-[10.5rem] md:-top-[8.5rem] left-[7.5rem] md:left-[9.5rem] cursor-pointer z-[20] ${\n                                isVideoIconShown && \"hidden\"\n                            }`}\n                        />\n                    </div>\n                    <Image\n                        data-aos=\"fade-right\"\n                        src={\"/explain/mobile-trans.svg\"}\n                        width={1000}\n                        height={1000}\n                        alt=\"explain\"\n                        className=\"w-[10rem] md:w-[12rem] absolute -top-[0rem] left-[2rem] md:left-[7rem]\"\n                    />\n                    <Image\n                        data-aos=\"zoom-in\"\n                        data-aos-duration=\"700\"\n                        src={\"/explain/mobile.svg\"}\n                        width={1000}\n                        height={1000}\n                        alt=\"explain\"\n                        className=\"w-[14rem] absolute -top-[2rem] left-[15rem] hidden\"\n                    />\n\n                    <Image\n                        src={\"/icons/dots.svg\"}\n                        width={1000}\n                        height={1000}\n                        alt=\"explain\"\n                        className=\"w-[6rem] absolute -bottom-[2rem] left-[2.3rem]\"\n                    />\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default ExplainComponent;\n","import * as React from \"react\";\nfunction ArrowLeftIcon({\n  title,\n  titleId,\n  ...props\n}, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    strokeWidth: 1.5,\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n    strokeLinecap: \"round\",\n    strokeLinejoin: \"round\",\n    d: \"M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18\"\n  }));\n}\nconst ForwardRef = React.forwardRef(ArrowLeftIcon);\nexport default ForwardRef;","import { ReactNode } from \"react\";\nimport { useTranslation } from \"next-i18next\";\nimport {\n    ArrowLeftIcon,\n    QuestionMarkCircleIcon,\n} from \"@heroicons/react/24/outline\";\nimport { useRouter } from \"next/router\";\nfunction CheckIcon() {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            strokeWidth={2}\n            stroke=\"currentColor\"\n            className=\"w-[1.5em] h-[1.5em] text-[#68D585]\"\n        >\n            <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                d=\"M4.5 12.75l6 6 9-13.5\"\n            />\n        </svg>\n    );\n}\n\nconst PricingCardComponent: React.FC<{\n    className: string;\n    transIndex: string;\n}> = ({ className, transIndex }) => {\n    const { t } = useTranslation(\"common\");\n    const router = useRouter();\n    return (\n        <div\n            className={\n                \"w-full h-[85em] 2xl:h-[95em] flex flex-col p-[5em]  text-[0.4rems] md:text-[0.6rem] shadow-lg border-primary border-[0.2em]\" +\n                \" \" +\n                className\n            }\n        >\n            <div className=\"h-[75%]\">\n                <div\n                    color=\"transparent\"\n                    className=\"m-0 mb-8 text-[1em] text-center\"\n                >\n                    <div className=\"quota font-bold text-[black] text-right mb-[2em] text-[2.5em]\">\n                        {t(`home.pricing.${transIndex}.starter`)}\n                    </div>\n                    <div className=\"mt-2 flex justify-start gap-1 text-[6em] font-bold\">\n                        {t(`home.pricing.${transIndex}.price`)}\n                        <span className=\"mt-2 self-end  text-[0.5em]\">\n                            {t(`home.pricing.${transIndex}.currency`)}\n                        </span>\n                        <span className=\"self-end text-[0.5em] font-normal\">\n                            {t(`home.pricing.${transIndex}.perMonth`)}\n                        </span>\n                    </div>\n                </div>\n                <div className=\"p-0 text-[2em] \">\n                    <ul className=\"flex flex-col gap-[1.5em] md:gap-[2em]\">\n                        <li className=\"flex items-center gap-[1.5em] text-[1em]\">\n                            <CheckIcon />\n\n                            <div className=\"font-normal text-[1em] \">\n                                {t(`home.pricing.${transIndex}.features.f1`)}\n                            </div>\n                        </li>\n                        <li className=\"flex items-center gap-[1.5em]\">\n                            <CheckIcon />\n\n                            <div className=\"font-normal\">\n                                {t(`home.pricing.${transIndex}.features.f2`)}\n                            </div>\n                        </li>\n                        <li className=\"flex items-center gap-[1.5em]\">\n                            <CheckIcon />\n\n                            <div className=\"font-normal\">\n                                {t(`home.pricing.${transIndex}.features.f3`)}\n                            </div>\n                        </li>\n                        <li className=\"flex items-center gap-[1.5em]\">\n                            <CheckIcon />\n\n                            <div className=\"font-normal\">\n                                {t(`home.pricing.${transIndex}.features.f4`)}\n                            </div>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n            <div className=\"p-0  mt-auto\">\n                <button\n                    color=\"white\"\n                    onClick={() => router.push(\"/sign\")}\n                    className=\"hover:scale-[1.02] w-[90%] bg-transparent text-secondary normal-case h-[9em] rounded-[1em] transition-all duration-500 focus:scale-[1.02] active:scale-100 flex justify-between items-center px-[4em] text-[1em] font-bold\"\n                >\n                    <p className=\"text-[2em]\">\n                        {t(`home.pricing.${transIndex}.buyNow`)}{\" \"}\n                    </p>\n                    <ArrowLeftIcon className=\"w-[3em]\" />\n                </button>\n                <div className=\"hidden text-[2.5em] mt-[1em]  items-center gap-[0.3em]\">\n                    <QuestionMarkCircleIcon className=\"w-[1.5em]\" />\n                    <p>المزيد من التفاصيل</p>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default PricingCardComponent;\n","import Image from \"next/image\";\nimport { useTranslation } from \"next-i18next\";\nimport PricingCardComponent from \"./PriceCardComponent\";\n\nconst PricesComponent = () => {\n    const { t } = useTranslation(\"common\"); // 'common' is the namespace\n\n    return (\n        <div className=\"w-full text-[1em] mt-[5em] mb-[2em]\">\n            <div className=\"flex items-center justify-center \">\n                <div className=\"text-primary  px-2 text-[0.5em] md:text-[0.8em]\">\n                    <div className=\"text-center font-bold text-primary my-[0.2em] text-[3.5em]\">\n                        {t(\"home.pricing.1.subtitle\")}\n                    </div>\n                    <p className=\"text-center text-[2em] font-thin w-[40em] md:w-[40em] text-[#737373] mx-auto\">\n                        {t(\"home.pricing.1.desc\")}\n                    </p>\n                </div>\n            </div>\n            <div className=\"flex  items-center justify-center w-full text-[0.4em] mt-[10em] \">\n                <div className=\"grid gap-[5em]  md:gap-[10em] grid-cols-2 md:grid-cols-3 px-[4em] w-full md:w-[80%] \">\n                    <div\n                        data-aos=\"flip-left\"\n                        className=\"col-span-2 md:col-span-1\"\n                    >\n                        <PricingCardComponent\n                            transIndex={\"1\"}\n                            className=\"!bg-[#F7F7FA] text-primary child:!text-black rounded-[2em] [&_button]:hover:w-full [&_button]:bg-[#E8E8F1] [&_button]:text-primary [&_button]:hover:h-[10em] [&_button]:hover:text-white \"\n                        />\n                    </div>\n                    <div data-aos=\"flip-right\">\n                        <PricingCardComponent\n                            transIndex={\"2\"}\n                            className=\"!bg-primary [&_.quota]:text-secondary  text-[white] top-anim rounded-[2em] [&_button]:hover:w-full [&_button]:bg-[#FAA330] [&_button]:text-[white] [&_button]:hover:h-[10em] [&_button]:hover:text-white\"\n                        />\n                    </div>\n                    <div data-aos=\"flip-left\">\n                        <PricingCardComponent\n                            transIndex={\"3\"}\n                            className=\"!bg-[#F7F7FA] text-primary child:!text-black bottom-anim rounded-[2em] [&_button]:hover:w-full [&_button]:bg-[#E8E8F1] [&_button]:text-primary [&_button]:hover:h-[10em] [&_button]:hover:text-white\"\n                        />\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default PricesComponent;\n","import Image from \"next/image\";\nimport { useTranslation } from \"next-i18next\";\n\nconst NumbersComponent = () => {\n    const { t } = useTranslation();\n\n    return (\n        <div className=\"w-full mt-[3rem] bg-primary text-[white] overflow-hidden child:flex child:items-center child:justify-center pb-[5rem] pt-[3rem] px-[1rem] md:px-[15rem] relative\">\n            <div className=\"text-[2rem]\">{t(\"home.numbers.title\")}</div>\n            <div className=\"text-center text-[white] !items-start\">\n                <p className=\"text-center w-[80%] mt-[1rem] text-[1.2rem]\">\n                    {t(\"home.numbers.subtitle\")}\n                </p>\n            </div>\n            <div className=\"w-full mt-[5rem] mb-[7rem] text-[0.8rem] md:text:[1rem]\">\n                <div className=\"flex flex-wrap flex-row items-center justify-center gap-[2rem] w-full child:flex child:items-center child:justify-center\">\n                    <div\n                        data-aos=\"zoom-in\"\n                        data-aos-duration=\"700\"\n                        className=\" flex flex-col gap-[1rem]\"\n                    >\n                        <div className=\"bg-[white] text-primary w-[12rem] h-[6rem] rounded-full flex flex-col items-center justify-center\">\n                            <p className=\"text-[0.8rem]\">\n                                {t(\"home.numbers.moreThan\")}\n                            </p>\n                            <p className=\"text-[2rem] font-bold\">\n                                {t(\"home.numbers.productCount\")}\n                            </p>\n                        </div>\n                        <p className=\"text-[2rem] text-[#00B8FF]\">\n                            {t(\"home.numbers.products\")}\n                        </p>\n                    </div>\n                    <div\n                        data-aos=\"zoom-in\"\n                        data-aos-duration=\"600\"\n                        className=\" flex flex-col gap-[1rem]\"\n                    >\n                        <div className=\"bg-[white] text-primary w-[12rem] h-[6rem]  rounded-full flex flex-col items-center justify-center\">\n                            <p className=\"text-[0.8rem]\">\n                                {t(\"home.numbers.moreThan\")}\n                            </p>\n                            <p className=\"text-[2rem] font-bold\">\n                                {t(\"home.numbers.storeCount\")}\n                            </p>\n                        </div>\n                        <p className=\"text-[2rem] text-[#00B8FF]\">\n                            {t(\"home.numbers.stores\")}\n                        </p>\n                    </div>\n                    <div\n                        data-aos=\"zoom-in\"\n                        data-aos-duration=\"500\"\n                        className=\" flex flex-col gap-[1rem]\"\n                    >\n                        <div className=\"bg-[white] text-primary w-[12rem] h-[6rem] rounded-full flex flex-col items-center justify-center\">\n                            <p className=\"text-[0.8rem]\">\n                                {t(\"home.numbers.moreThan\")}\n                            </p>\n                            <p className=\"text-[2rem] font-bold\">\n                                {t(\"home.numbers.userCount\")}\n                            </p>\n                        </div>\n                        <p className=\"text-[2rem] text-[#00B8FF]\">\n                            {t(\"home.numbers.users\")}\n                        </p>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <Image\n                    data-aos=\"fade-up\"\n                    src={\"/icons/waveIco.svg\"}\n                    width={1000}\n                    height={1000}\n                    alt=\"explain\"\n                    className=\"w-full bottom-0 absolute left-0\"\n                />\n            </div>\n        </div>\n    );\n};\n\nexport default NumbersComponent;\n","import * as React from \"react\";\nfunction PhoneArrowUpRightIcon({\n  title,\n  titleId,\n  ...props\n}, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 24 24\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    d: \"M15 3.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0V5.56l-4.72 4.72a.75.75 0 1 1-1.06-1.06l4.72-4.72h-2.69a.75.75 0 0 1-.75-.75Z\",\n    clipRule: \"evenodd\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    d: \"M1.5 4.5a3 3 0 0 1 3-3h1.372c.86 0 1.61.586 1.819 1.42l1.105 4.423a1.875 1.875 0 0 1-.694 1.955l-1.293.97c-.135.101-.164.249-.126.352a11.285 11.285 0 0 0 6.697 6.697c.103.038.25.009.352-.126l.97-1.293a1.875 1.875 0 0 1 1.955-.694l4.423 1.105c.834.209 1.42.959 1.42 1.82V19.5a3 3 0 0 1-3 3h-2.25C8.552 22.5 1.5 15.448 1.5 6.75V4.5Z\",\n    clipRule: \"evenodd\"\n  }));\n}\nconst ForwardRef = React.forwardRef(PhoneArrowUpRightIcon);\nexport default ForwardRef;","import * as React from \"react\";\nfunction EnvelopeIcon({\n  title,\n  titleId,\n  ...props\n}, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 24 24\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M1.5 8.67v8.58a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3V8.67l-8.928 5.493a3 3 0 0 1-3.144 0L1.5 8.67Z\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M22.5 6.908V6.75a3 3 0 0 0-3-3h-15a3 3 0 0 0-3 3v.158l9.714 5.978a1.5 1.5 0 0 0 1.572 0L22.5 6.908Z\"\n  }));\n}\nconst ForwardRef = React.forwardRef(EnvelopeIcon);\nexport default ForwardRef;","import * as React from \"react\";\nfunction MapPinIcon({\n  title,\n  titleId,\n  ...props\n}, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 24 24\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    d: \"m11.54 22.351.07.04.028.016a.76.76 0 0 0 .723 0l.028-.015.071-.041a16.975 16.975 0 0 0 1.144-.742 19.58 19.58 0 0 0 2.683-2.282c1.944-1.99 3.963-4.98 3.963-8.827a8.25 8.25 0 0 0-16.5 0c0 3.846 2.02 6.837 3.963 8.827a19.58 19.58 0 0 0 2.682 2.282 16.975 16.975 0 0 0 1.145.742ZM12 13.5a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z\",\n    clipRule: \"evenodd\"\n  }));\n}\nconst ForwardRef = React.forwardRef(MapPinIcon);\nexport default ForwardRef;","import { useState } from \"react\";\nimport axios from \"axios\";\nimport { useTranslation } from \"next-i18next\";\nimport {\n    EnvelopeIcon,\n    MapPinIcon,\n    PhoneArrowUpRightIcon,\n} from \"@heroicons/react/24/solid\";\nimport Image from \"next/image\";\nimport useGeneralStore from \"@/store/General/useGeneralStore\";\n\nconst ContactComponent = () => {\n    const { t, i18n } = useTranslation();\n    const isAr = i18n.language === \"ar\";\n    const { Socials } = useGeneralStore((state) => state);\n\n    const [formData, setFormData] = useState({\n        name: \"\",\n        email: \"\",\n        phone: \"\",\n        subject: \"\",\n    });\n    const [formStatus, setFormStatus] = useState<any>({});\n    const handleFormSubmit = async (event: any) => {\n        event.preventDefault();\n        setFormStatus({ status: \"\", message: \"\" });\n        try {\n            await axios.post(\n                `${process.env.NEXT_PUBLIC_API_URL}/General/PartnerContactUs`,\n                formData\n            );\n            setFormStatus({\n                status: \"success\",\n                message: t(\"home.contactForm.successMessage\"),\n            });\n            setFormData({\n                name: \"\",\n                email: \"\",\n                phone: \"\",\n                subject: \"\",\n            });\n        } catch (error) {\n            setFormStatus({\n                status: \"error\",\n                message: t(\"home.contactForm.errorMessage\"),\n            });\n        }\n    };\n\n    const handleInputChange = (event: any) => {\n        const { name, value } = event.target;\n        setFormData({\n            ...formData,\n            [name]: value,\n        });\n    };\n\n    return (\n        <div className=\"w-full bg-[#F4F7FA] text-primary flex justify-center py-[5rem] \">\n            <div className=\"w-[80%] grid grid-cols-1 md:grid-cols-3\">\n                <div className=\"col-span-2\">\n                    <div className=\"text-[2rem] w-[70%] font-bold\">\n                        {t(\"home.contactForm.title\")}\n                    </div>\n                    <div>\n                        <div className=\"w-[50%] mt-[2rem]\">\n                            {t(\"home.contactForm.subtitle\")}\n                        </div>\n                        <div\n                            className=\"font-bold text-right mt-2\"\n                            style={{ direction: \"ltr\" }}\n                        >\n                            {Socials?.partnerWhatsApp}\n                        </div>\n                    </div>\n                    <div className=\"text-white mt-[2rem] flex w-full gap-[2rem]\">\n                        <div className=\"flex text-left text-[1] gap-[0.5rem] items-center justify-center\">\n                            <PhoneArrowUpRightIcon className=\"w-[1.5rem] text-primary\" />\n                            {t(\"home.contactForm.phone\")}\n                        </div>\n                        <div className=\"flex text-left text-[1] gap-[0.5rem] items-center justify-center\">\n                            <EnvelopeIcon className=\"w-[1.5rem] text-primary\" />\n                            {t(\"home.contactForm.email\")}\n                        </div>\n                        <div\n                            className={`flex ${\n                                isAr ? \"text-right\" : \"text-left\"\n                            } text-[1] gap-[0.5rem] items-center justify-start`}\n                        >\n                            <MapPinIcon className=\"w-[1.5rem] text-primary\" />\n                            <p className=\"w-[80%] text-[0.7rem] md:text-[1rem]\">\n                                {t(\"home.contactForm.address\")}\n                            </p>\n                        </div>\n                    </div>\n                </div>\n                <div className=\"w-full md:w-[28rem] h-[40rem] text-[0.7rem] mt-[4rem] md:mt-0\">\n                    <form\n                        data-aos=\"fade-right\"\n                        className=\"bg-[white] h-full w-full rounded-[0.5rem] grid grid-rows-5 p-[1.5rem] gap-[1rem] shadow-xl\"\n                        onSubmit={handleFormSubmit}\n                    >\n                        <div className=\"mt-[1rem]\">\n                            <label\n                                className=\"block text-[black] text-[1rem] mb-[0.5rem]\"\n                                htmlFor=\"username\"\n                            >\n                                {t(\"home.contactForm.name\")}\n                            </label>\n                            <input\n                                required\n                                className=\"appearance-none border-[0.1rem] border-[#E7E9ED] text-[#5c616c] rounded w-full pt-[1rem] pb-[1.3rem] px-[0.9rem] leading-tight focus:outline-none focus:shadow-outline\"\n                                id=\"username\"\n                                type=\"text\"\n                                name=\"name\"\n                                placeholder={t(\n                                    \"home.contactForm.namePlaceholder\"\n                                )}\n                                value={formData.name}\n                                onChange={handleInputChange}\n                            />\n                        </div>\n                        <div className=\"mt-[1rem]\">\n                            <label\n                                className=\"block text-[black] text-[1rem] mb-[0.5rem]\"\n                                htmlFor=\"email\"\n                            >\n                                {t(\"home.contactForm.email\")}\n                            </label>\n                            <input\n                                required\n                                className=\"appearance-none border-[0.1rem] border-[#E7E9ED] text-[#5c616c] rounded w-full pt-[1rem] pb-[1.3rem] px-[0.9rem] leading-tight focus:outline-none focus:shadow-outline\"\n                                id=\"email\"\n                                type=\"text\"\n                                name=\"email\"\n                                placeholder={t(\n                                    \"home.contactForm.emailPlaceholder\"\n                                )}\n                                value={formData.email}\n                                onChange={handleInputChange}\n                            />\n                        </div>\n                        <div className=\"mt-[1rem]\">\n                            <label\n                                className=\"block text-[black] text-[1rem] mb-[0.5rem]\"\n                                htmlFor=\"phone\"\n                            >\n                                {t(\"home.contactForm.phone\")}\n                            </label>\n                            <input\n                                required\n                                className=\"appearance-none border-[0.1rem] border-[#E7E9ED] text-[#5c616c] rounded w-full pt-[1rem] pb-[1.3rem] px-[0.9rem] leading-tight focus:outline-none focus:shadow-outline\"\n                                id=\"phone\"\n                                type=\"text\"\n                                name=\"phone\"\n                                placeholder={t(\n                                    \"home.contactForm.phonePlaceholder\"\n                                )}\n                                value={formData.phone}\n                                onChange={handleInputChange}\n                            />\n                        </div>\n                        <div className=\"mt-[1rem]\">\n                            <label\n                                className=\"block text-[black] text-[1rem] mb-[0.5rem]\"\n                                htmlFor=\"subject\"\n                            >\n                                {t(\"home.contactForm.subject\")}\n                            </label>\n                            <input\n                                required\n                                className=\"appearance-none border-[0.1rem] border-[#E7E9ED] text-[#5c616c] rounded w-full pt-[1rem] pb-[1.3rem] px-[0.9rem] leading-tight focus:outline-none focus:shadow-outline\"\n                                id=\"subject\"\n                                type=\"text\"\n                                name=\"subject\"\n                                placeholder={t(\n                                    \"home.contactForm.subjectPlaceholder\"\n                                )}\n                                value={formData.subject}\n                                onChange={handleInputChange}\n                            />\n                        </div>\n                        <div>\n                            {formStatus.status && (\n                                <div\n                                    className={`font-bold text-[1rem] mb-[1.0rem] ${\n                                        formStatus.status === \"success\"\n                                            ? \"text-[green]\"\n                                            : \"text-[red]\"\n                                    }`}\n                                >\n                                    {formStatus.message}\n                                </div>\n                            )}\n                            <button className=\"bg-primary text-[white] w-full h-[5rem] rounded-[0.7rem]\">\n                                {t(\"home.contactForm.submit\")}\n                            </button>\n                        </div>\n                    </form>\n                </div>\n            </div>\n            <Image\n                src={\"/icons/waveIco-2.svg\"}\n                width={1000}\n                height={1000}\n                alt=\"explain\"\n                className=\"w-full -bottom-[0.8rem] absolute left-0\"\n            />\n        </div>\n    );\n};\n\nexport default ContactComponent;\n","import Image from \"next/image\";\nimport { Inter } from \"next/font/google\";\nimport { serverSideTranslations } from \"next-i18next/serverSideTranslations\";\nimport HeroComponent from \"@/components/Home/Hero/HeroComponent\";\nimport ContainerLayout from \"@/components/Layout/ContainerLayout\";\nimport WhatComponent from \"./What/WhatComponent\";\nimport StepsComponent from \"./Steps/StepsComponent\";\nimport ExplainComponent from \"./Explain/ExplainComponent\";\nimport PricingComponent from \"./Pricing/PricingComponent\";\nimport NumbersComponent from \"./Numbers/NumbersComponent\";\nimport ContactComponent from \"./Contact/ContactComponent\";\n\nconst inter = Inter({ subsets: [\"latin\"] });\n\nexport default function HomeComponent() {\n    return (\n        <div>\n            <ContainerLayout containerId=\"hero\">\n                <HeroComponent />\n            </ContainerLayout>\n            <ContainerLayout containerId=\"\">\n                <ExplainComponent />\n            </ContainerLayout>\n            <ContainerLayout containerId=\"steps\">\n                <StepsComponent />\n            </ContainerLayout>\n            <ContainerLayout containerId=\"what\">\n                <WhatComponent />\n            </ContainerLayout>\n            <ContainerLayout containerId=\"pricing\">\n                <PricingComponent />\n            </ContainerLayout>\n            <ContainerLayout containerId=\"hero\">\n                <NumbersComponent />\n            </ContainerLayout>\n            <ContainerLayout containerId=\"contact\">\n                <ContactComponent />\n            </ContainerLayout>\n        </div>\n    );\n}\n","import { serverSideTranslations } from \"next-i18next/serverSideTranslations\";\nimport HomeComponent from \"@/components/Home/HomeComponent\";\nimport Head from \"next/head\";\n\nexport default function Home() {\n    return (\n        <div>\n            <Head>\n                <title>Bzaaarz Partner</title>\n            </Head>\n\n            <HomeComponent />\n        </div>\n    );\n}\n\nexport const getServerSideProps = async ({ locale }: any) => ({\n    props: {\n        ...(await serverSideTranslations(locale, [\"common\"])),\n    },\n});\n","module.exports = require('./dist/shared/lib/head')\n"],"names":["window","__NEXT_P","push","QuestionMarkCircleIcon","svgRef","title","titleId","props","React","Object","assign","xmlns","fill","viewBox","strokeWidth","stroke","ref","id","strokeLinecap","strokeLinejoin","d","width","setWidth","useState","t","i18n","useTranslation","direction","setDirection","handleWindowSizeChange","innerWidth","useEffect","language","addEventListener","removeEventListener","router","useRouter","Socials","useGeneralStore","state","div","style","className","data-aos","span","p","button","onClick","a","href","partnerWhatsApp","target","rel","Image","height","alt","src","data-aos-duration","isMobile","open","explainVidRef","useRef","isVideoIconShown","setIsVideoIconShown","observer","IntersectionObserver","entries","forEach","entry","current","isIntersecting","includes","pausedSrc","replace","threshold","observe","unobserve","iframe","frameBorder","allow","allowFullScreen","ArrowLeftIcon","CheckIcon","svg","path","transIndex","color","ul","li","PricingCardComponent","PhoneArrowUpRightIcon","fillRule","clipRule","EnvelopeIcon","MapPinIcon","isAr","formData","setFormData","name","email","phone","subject","formStatus","setFormStatus","handleInputChange","event","value","form","onSubmit","async","preventDefault","status","message","axios","post","process","error","label","htmlFor","input","required","type","placeholder","onChange","HomeComponent","ContainerLayout","containerId","HeroComponent","ExplainComponent","StepsComponent","WhatComponent","PricingComponent","NumbersComponent","ContactComponent","Home","Head","module","exports"],"sourceRoot":""}