update alert added

src/App.css

@@ -0,0 +1 @@
+/* No CSS *//*# sourceMappingURL=App.css.map */

src/App.css.map

@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "",
+    "sources": [
+        "App.scss"
+    ],
+    "names": [],
+    "file": "App.css"
+}

src/App.js

@@ -19,7 +19,6 @@ import VodProductDesign from "./components/vodProductDesign/VodProductDesign";
 import ContactInfoSection from "./components/contactInfoSection/ContactInfoSection";
 import FooterDesign1 from "./components/footer/design1/FooterDesign1";
 import Testttt from "./components/testtttt/Testttt";
-import Test2 from "./components/Test2/";
 import Design2D from "./components/Design2D/Design2D";
 import Features from "./components/Features/index";
 import Feedback from "./components/Feedback/index";
@@ -50,45 +49,45 @@ function App() {
   return (
     <Provider store={store}>
       <div className="App">
-        <ProductDesign />
+        {/* <ProductDesign /> */}
-        <VodProductDesign />
+        {/* <VodProductDesign /> */}
         {/* <VodProduct /> */}
-        <VodProductNew />
+        {/* <VodProductNew /> */}
-        <BookDesign />
+        {/* <BookDesign /> */}
-        <ButtonDesign />
+        {/* <ButtonDesign /> */}
-        <ProductTags />
+        {/* <ProductTags /> */}
-        <CounterDesign />
+        {/* <CounterDesign /> */}
-        <BlogDesign1 />
+        {/* <BlogDesign1 /> */}
-        <BlogDesign2 />
+        {/* <BlogDesign2 /> */}
-        <BlogDesign3 />
+        {/* <BlogDesign3 /> */}
-        <BlogDesign4 />
+        {/* <BlogDesign4 /> */}
-        <BlogDesign5 />
+        {/* <BlogDesign5 /> */}
-        <BlogDesign6 />
+        {/* <BlogDesign6 /> */}
-        <HeaderDesign1 />
+        {/* <HeaderDesign1 /> */}
-        <ContactInfoSection />
+        {/* <ContactInfoSection /> */}
-        <FooterDesign1 />
+        {/* <FooterDesign1 /> */}
-        <Testttt />
+        {/* <Testttt /> */}
-        <Design2D />
+        {/* <Design2D /> */}
-        <Features />
+        {/* <Features /> */}
-        <Feedback />
+        {/* <Feedback /> */}
         <Alert />
-        <Toast />
+        {/* <Toast /> */}
-        <ProductSuggestion />
+        {/* <ProductSuggestion /> */}
-        <ProductImage />
+        {/* <ProductImage /> */}
-        <ProductTab />
+        {/* <ProductTab /> */}
-        <ProductStatusCard />
+        {/* <ProductStatusCard /> */}
-        <AdvertisementDesign1 />
+        {/* <AdvertisementDesign1 /> */}
-        <AdvertisementDesign2 />
+        {/* <AdvertisementDesign2 /> */}
-        <AdvertisementDesign3 />
+        {/* <AdvertisementDesign3 /> */}
-        <CourseChapter />
+        {/* <CourseChapter /> */}
-        <SidebarMenu />
+        {/* <SidebarMenu /> */}
-        <SidebarDesign2 />
+        {/* <SidebarDesign2 /> */}
-        <SimpleBarChart />
+        {/* <SimpleBarChart /> */}
-        <SpecifiedDomainRadarChart />
+        {/* <SpecifiedDomainRadarChart /> */}
-        <Design1 />
+        {/* <Design1 /> */}
-        <Design2 />
+        {/* <Design2 /> */}
-        <TableDesign1 />
+        {/* <TableDesign1 /> */}
-        <ReactTable2 />
+        {/* <ReactTable2 /> */}
       </div>
     </Provider>
   );

src/App.scss

@@ -1,3 +0,0 @@
-* {
-  direction: rtl;
-}

src/components/Alert/index.css

@@ -0,0 +1,321 @@
+@charset "UTF-8";
+.swal2-container.swal2-center > .swal2-popup {
+  border: solid 2px #707070 !important;
+  border-top-right-radius: 10px !important;
+  border-top-left-radius: 10px !important;
+}
+
+/* ? کلاس تمامی تایتل ها */
+.swal2-title {
+  text-align: right !important;
+  font-size: 20px !important;
+  padding: 15px !important;
+  font-weight: 400 !important;
+  margin-top: -4px;
+  border-top-right-radius: 10px !important;
+  border-top-left-radius: 10px !important;
+}
+
+/* ? کلاس متن داخل الرت باکس */
+.swal2-html-container {
+  text-align: justify !important;
+  line-height: 1.8 !important;
+  color: #646464 !important;
+  font-size: 16px !important;
+}
+
+/* ? کلاس ایکن کنسل یا ضربدر بالا سمت چپ الرت باکس */
+.swal2-rtl .swal2-close {
+  width: 31px !important;
+  height: 30px !important;
+  margin-top: 11px;
+  margin-left: 24px !important;
+  padding: 0;
+  border-radius: 5px;
+  cursor: pointer;
+  -ms-grid-column-align: end;
+      justify-self: end;
+  font-size: 33px !important;
+  border-radius: 4px !important;
+  -webkit-transition: all 0.2s !important;
+  transition: all 0.2s !important;
+  z-index: 2;
+}
+
+/* ? کلاس کانفرم باتن */
+.swal2-styled.swal2-confirm {
+  -webkit-transition: all 0.4s !important;
+  transition: all 0.4s !important;
+  outline: none !important;
+}
+
+/* ? کلاس هاور کانفرم باتن */
+.swal2-styled.swal2-confirm:hover {
+  -webkit-transform: translateY(-5px) !important;
+          transform: translateY(-5px) !important;
+}
+
+/* ? کلاس کنسل باتن */
+.swal2-styled.swal2-cancel {
+  -webkit-transition: all 0.4s !important;
+  transition: all 0.4s !important;
+}
+
+/* ? کلاس هاور کنسل باتن */
+.swal2-styled.swal2-cancel:hover {
+  -webkit-transform: translateY(-5px) !important;
+          transform: translateY(-5px) !important;
+}
+
+/* ? ایکن اررور  */
+.swal2-icon.swal2-error {
+  border-color: #e92424 !important;
+  color: #e92424 !important;
+}
+
+.title-error-1 {
+  color: #06bace !important;
+  background-color: #dfe6e9 !important;
+}
+
+.eroorr:focus {
+  outline: none !important;
+  -webkit-box-shadow: 0px 0px 0px black !important;
+          box-shadow: 0px 0px 0px black !important;
+  border: 0px !important;
+}
+
+/* ? دکمه ضربدر بالا سمت چپ */
+.close-button-1 {
+  background-color: #06bace !important;
+  color: #fff !important;
+}
+
+/* ?  هاور دکمه ضربدر بالا سمت چپ */
+.close-button-1:hover {
+  background-color: var(--white) !important;
+  color: #06bace !important;
+  border: solid 2px #06bace !important;
+}
+
+/* ? کانفرم باتن */
+.confirm-button-1 {
+  background-color: var(--white) !important;
+  border: solid 2px var(--error-color1) !important;
+  color: var(--error-color1) !important;
+  text-align: left !important;
+}
+
+/* ? هاور کانفرم باتن */
+.confirm-button-1:hover {
+  background-color: var(--error-color1) !important;
+  color: var(--white) !important;
+}
+
+/* !error 2 */
+/* ? کنسل باتن */
+.cancle-button1 {
+  background-color: var(--error-color1) !important;
+  color: var(--white) !important;
+  border: solid 2px var(--error-color1) !important;
+}
+
+/* ? هاور کنسل باتن */
+.cancle-button1:hover {
+  background-color: var(--white) !important;
+  color: var(--error-color1) !important;
+}
+
+/* !error3 */
+/* ? تایتل */
+.title-error-2 {
+  color: var(--error-color2) !important;
+}
+
+/* ? دکمه ضربدر بالا سمت چپ */
+.close-button-2 {
+  background-color: var(--error-color2) !important;
+  color: var(--white) !important;
+}
+
+/* ?  هاور دکمه ضربدر بالا سمت چپ */
+.close-button-2:hover {
+  background-color: var(--white) !important;
+  color: var(--error-color2) !important;
+  border: solid 4px var(--error-color2) !important;
+}
+
+/* ? کانفرم باتن */
+.confirm-button-2 {
+  background-color: var(--white) !important;
+  border: solid 2px var(--error-color2) !important;
+  color: var(--error-color2) !important;
+}
+
+/* ? هاور کانفرم باتن */
+.confirm-button-2:hover {
+  background-color: var(--error-color2) !important;
+  color: var(--white) !important;
+}
+
+/* ? کنسل باتن */
+.cancle-button2 {
+  background-color: var(--error-color2) !important;
+  color: var(--white) !important;
+  border: solid 2px var(--error-color2) !important;
+}
+
+/* ? هاور کنسل باتن */
+.cancle-button2:hover {
+  background-color: var(--white) !important;
+  color: var(--error-color2) !important;
+}
+
+/* !error4 */
+/* ? تایتل */
+.title-error-4 {
+  text-align: center !important;
+  color: var(--error-color2) !important;
+}
+
+.alert-popup4 {
+  width: 440px !important;
+}
+
+/* !error5 */
+/* ? کانفرم باتن */
+.confirm-button-5 {
+  background-color: var(--error-color2) !important;
+  margin-top: -81px !important;
+  margin-left: -260px !important;
+  padding: 12px 15px !important;
+  border-top-right-radius: 0px !important;
+  border-bottom-right-radius: 0px !important;
+}
+
+/* ? اینپوت فیلد */
+.input-error-5 {
+  width: 70% !important;
+  height: 47px !important;
+  border-top-left-radius: 0px !important;
+  border-bottom-left-radius: 0px !important;
+}
+
+/* !error6 */
+/* ? دکمه ضربدر بالا سمت چپ */
+.close-button-6 {
+  color: var(--error-color1) !important;
+}
+
+/* ?  هاور دکمه ضربدر بالا سمت چپ */
+.close-button-6:hover {
+  background-color: var(--error-color1) !important;
+  color: var(--white) !important;
+  border: solid 4px var(--error-color1) !important;
+}
+
+/* !error7 */
+/* ? تایتل */
+.title-error-7 {
+  color: var(--error-color7) !important;
+}
+
+/* ? دکمه ضربدر بالا سمت چپ */
+.close-button-7 {
+  background-color: var(--error-color7-button) !important;
+  color: var(--white) !important;
+}
+
+/* ?  هاور دکمه ضربدر بالا سمت چپ */
+.close-button-7:hover {
+  background-color: var(--white) !important;
+  color: var(--error-color7) !important;
+  border: solid 4px var(--error-color7-button) !important;
+}
+
+/* ? کانفرم باتن */
+.confirm-button-7 {
+  background-color: var(--white) !important;
+  border: solid 2px var(--error-color7-button) !important;
+  color: var(--error-color7) !important;
+}
+
+/* ? هاور کانفرم باتن */
+.confirm-button-7:hover {
+  background-color: var(--error-color7-button) !important;
+  color: var(--white) !important;
+}
+
+/* ? کنسل باتن */
+.cancle-button7 {
+  background-color: var(--error-color7-button) !important;
+  color: var(--white) !important;
+  border: solid 2px var(--error-color7-button) !important;
+}
+
+/* ? هاور کنسل باتن */
+.cancle-button7:hover {
+  background-color: var(--white) !important;
+  color: var(--error-color7-button) !important;
+}
+
+/* !error8 */
+.title-error-8 {
+  color: var(--error-color7-button) !important;
+  text-align: center !important;
+}
+
+.alert-popup8 {
+  width: 440px !important;
+}
+
+/* !error9 */
+.title-error-9 {
+  color: var(--white) !important;
+}
+
+.alert-popup9 {
+  background-color: var(--error-color2) !important;
+  border-color: var(--error-color2) !important;
+}
+
+.close-button-9 {
+  background-color: var(--toast-bg-success) !important;
+  color: var(--toast-success-color) !important;
+}
+
+.confirm-button-9 {
+  background-color: #35bb20 !important;
+}
+
+.cancle-button9 {
+  background-color: var(--white) !important;
+  color: var(--error-color2) !important;
+}
+
+.footer-error-9 a {
+  color: var(--white) !important;
+  border-bottom-color: var(--white) !important;
+  font-size: 18px !important;
+}
+
+/* !error10 */
+.alert-popup10 {
+  background-color: var(--error-color7-button) !important;
+  border-color: var(--error-color7-button) !important;
+}
+
+.close-button-10 {
+  background-color: #fd6a6a !important;
+  color: var(--white) !important;
+}
+
+.confirm-button-10 {
+  background-color: #bb2020 !important;
+}
+
+.cancle-button10 {
+  background-color: var(--white) !important;
+  color: var(--error-color7-button) !important;
+}
+/*# sourceMappingURL=index.css.map */

src/components/Alert/index.js

@@ -7,9 +7,10 @@ import { connect } from "react-redux";
 function Alert(props) {
   return (
     <div className="">
+      <h2 className="mt-4 mx-7 bg-pink-600 rounded p-4 text-center text-white">inside Alert Components</h2>
       {/* 1 */}
       <button
-        className="bg-red-600 p-4 rounded text-white "
+        className="bg-red-600 p-4 rounded text-white m-4"
         onClick={() =>
           props.customAlert({
             title: "اررور شماره 1",
@@ -29,7 +30,7 @@ function Alert(props) {
       </button>
       {/* 2 */}
       <button
-        className="bg-red-600"
+        className="bg-red-600 p-4 rounded text-white m-4"
         onClick={() =>
           props.customAlert({
             title: "اررور شماره 1",
@@ -51,7 +52,7 @@ function Alert(props) {
       </button>
       {/* 3 */}
       <button
-        className="bg-red-600"
+        className="bg-red-600 p-4 rounded text-white m-4"
         onClick={() =>
           props.customAlert({
             title: "اررور شماره 1",
@@ -73,7 +74,7 @@ function Alert(props) {
       </button>
       {/* 4 */}
       <button
-        className="bg-red-600"
+        className="bg-red-600 p-4 rounded text-white m-4"
         onClick={() =>
           props.customAlert({
             icon: "success",
@@ -96,7 +97,7 @@ function Alert(props) {
       </button>
       {/* 5 */}
       <button
-        className="bg-red-600"
+        className="bg-red-600 p-4 rounded text-white m-4"
         onClick={() =>
           props.customAlert({
             input: "email",
@@ -122,7 +123,7 @@ function Alert(props) {
       </button>
       {/* 6 */}
       <button
-        className="bg-red-600"
+        className="bg-red-600 p-4 rounded text-white m-4"
         onClick={() =>
           props.customAlert({
             title: "اررور شماره 1",
@@ -142,7 +143,7 @@ function Alert(props) {
       </button>
       {/* 7 */}
       <button
-        className="bg-red-500"
+        className="bg-red-600 p-4 rounded text-white m-4"
         onClick={() =>
           props.customAlert({
             title: "اررور شماره 1",
@@ -164,7 +165,7 @@ function Alert(props) {
       </button>
       {/* 8 */}
       <button
-        className="bg-red-500"
+        className="bg-red-600 p-4 rounded text-white m-4"
         onClick={() =>
           props.customAlert({
             icon: "error",
@@ -187,7 +188,7 @@ function Alert(props) {
       </button>
       {/* 9 */}
       <button
-        className="bg-red-500"
+        className="bg-red-600 p-4 rounded text-white m-4"
         onClick={() =>
           props.customAlert({
             title: "این ارور بسیار مهم ",
@@ -212,7 +213,7 @@ function Alert(props) {
       </button>
       {/* 10 */}
       <button
-        className="bg-red-500"
+        className="bg-red-600 p-4 rounded text-white m-4"
         onClick={() =>
           props.customAlert({
             title: "این ارور بسیار مهم ",

src/components/Alert/index.scss

@@ -1,55 +1,105 @@
-/* TODO common styles */
+// varibale Colors
+
+// ? common colors:
+$alertBorderClr: #707070;
+$alertContentColor: #646464;
+$white: #fff;
+// $BgHeaderColor
+
+// ? bluee alert Box , error1
+$lightBlue: #06bace;
+$darkRed: #e92424;
+$headerBgClr: #dfe6e9;
+
+// $errorcolor1: #06bace;
+// $errorcolor2: #3ee924;
+// $errorcolor7: #c70000;
+// $errorcolor7button: #e92424;
+// $white: #fff;
+// $black: #000;
+// $contentcolor: #646464;
+// $toastbgerror: #ffeaea;
+// $toastbgsuccess: #c3ffb9;
+// $toastsuccesscolor: #21ae0b;
+
+// ! common styles
+
+// alert box
 .swal2-container.swal2-center > .swal2-popup {
-  border: solid 2px #707070 !important;
+  border: solid 2px $alertBorderClr !important;
-  padding: 10px !important;
+  border-top-right-radius: 10px !important;
+  border-top-left-radius: 10px !important;
 }
+
 /* ? کلاس تمامی تایتل ها */
 .swal2-title {
   text-align: right !important;
-  font-size: 26px !important;
+  font-size: 20px !important;
+  padding: 15px !important;
+  font-weight: 400 !important;
+  margin-top: -4px;
+  border-top-right-radius: 10px !important;
+  border-top-left-radius: 10px !important;
 }
+
 /* ? کلاس متن داخل الرت باکس */
 .swal2-html-container {
   text-align: justify !important;
   line-height: 1.8 !important;
-  color: red !important;
+  color: $alertContentColor !important;
-  font-weight: 600 !important;
+  font-size: 16px !important;
 }
+
 /* ? کلاس ایکن کنسل یا ضربدر بالا سمت چپ الرت باکس */
 .swal2-rtl .swal2-close {
-  border-radius: 10px !important;
+  width: 31px !important;
-  margin-left: 10px !important;
+  height: 30px !important;
-  margin-top: 13px !important;
+  margin-top: 11px;
-  transition: all 0.4s !important;
+  margin-left: 24px !important;
+  padding: 0;
+  border-radius: 5px;
+  cursor: pointer;
+  justify-self: end;
+  font-size: 33px !important;
+  border-radius: 4px !important;
+  transition: all 0.2s !important;
+  z-index: 2;
 }
+
 /* ? کلاس کانفرم باتن */
 .swal2-styled.swal2-confirm {
   transition: all 0.4s !important;
   outline: none !important;
 }
+
 /* ? کلاس هاور کانفرم باتن */
 .swal2-styled.swal2-confirm:hover {
   transform: translateY(-5px) !important;
 }
+
 /* ? کلاس کنسل باتن */
 .swal2-styled.swal2-cancel {
   transition: all 0.4s !important;
 }
+
 /* ? کلاس هاور کنسل باتن */
 .swal2-styled.swal2-cancel:hover {
   transform: translateY(-5px) !important;
 }
+
 /* ? ایکن اررور  */
 .swal2-icon.swal2-error {
-  border-color: var(--error-color7-button) !important;
+  border-color: $darkRed !important;
-  color: var(--error-color7-button) !important;
+  color: $darkRed !important;
 }
-/* !error 1 */
+
-/* به اررور های ابی رنگ کلاس هایی دادم که اخرش با 1 تمام میشود */
+// ? error 1 lightBlue
-/* TODO باکس اول از سمت راست در فایل پی اس دی */
+// به اررور های ابی رنگ کلاس هایی دادم که اخرش با 1 تمام میشود
-/* ? تایتل */
+//  TODO باکس اول از سمت راست در فایل پی اس دی
+//  ? تایتل
 .title-error-1 {
-  color: var(--error-color1) !important;
+  color: $lightBlue !important;
+  background-color: $headerBgClr !important;
 }
 
 .eroorr:focus {
@@ -57,16 +107,18 @@
   box-shadow: 0px 0px 0px black !important;
   border: 0px !important;
 }
+
 /* ? دکمه ضربدر بالا سمت چپ */
 .close-button-1 {
-  background-color: var(--error-color1) !important;
+  background-color: $lightBlue !important;
-  color: var(--white) !important;
+  color: $white !important;
 }
+
 /* ?  هاور دکمه ضربدر بالا سمت چپ */
 .close-button-1:hover {
   background-color: var(--white) !important;
-  color: var(--error-color1) !important;
+  color: $lightBlue !important;
-  border: solid 4px var(--error-color1) !important;
+  border: solid 2px $lightBlue !important;
 }
 /* ? کانفرم باتن */
 .confirm-button-1 {

src/components/Blogs/design2/BlogDesign2.css

@@ -0,0 +1,12 @@
+.child-text {
+  -webkit-transition: all 0.4s;
+  transition: all 0.4s;
+}
+
+.parent:hover .child-text {
+  -webkit-transition: all 0.4s;
+  transition: all 0.4s;
+  -webkit-transform: translateY(-7px) !important;
+          transform: translateY(-7px) !important;
+}
+/*# sourceMappingURL=BlogDesign2.css.map */

src/components/Blogs/design2/BlogDesign2.css.map

@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "AAAA,AAAA,WAAW,CAAC;EACV,UAAU,EAAE,QAAQ;CACrB;;AACD,AAAA,OAAO,AAAA,MAAM,CAAC,WAAW,CAAC;EACxB,UAAU,EAAE,QAAQ;EACpB,SAAS,EAAE,gBAAgB,CAAC,UAAU;CACvC",
+    "sources": [
+        "BlogDesign2.scss"
+    ],
+    "names": [],
+    "file": "BlogDesign2.css"
+}

src/components/Chart/SimpleBarChart/index.css

@@ -0,0 +1 @@
+/* No CSS *//*# sourceMappingURL=index.css.map */

src/components/Chart/SimpleBarChart/index.css.map

@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "",
+    "sources": [
+        "index.scss"
+    ],
+    "names": [],
+    "file": "index.css"
+}

src/components/ProductImage/index.css

@@ -0,0 +1,12 @@
+.no-scrollbar::-webkit-scrollbar {
+  display: none;
+}
+
+/* Hide scrollbar for IE, Edge and Firefox */
+.no-scrollbar {
+  -ms-overflow-style: none;
+  /* IE and Edge */
+  scrollbar-width: none;
+  /* Firefox */
+}
+/*# sourceMappingURL=index.css.map */

src/components/ProductImage/index.css.map

@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "AAAA,AAAA,aAAa,AAAA,mBAAmB,CAAC;EAC/B,OAAO,EAAE,IAAI;CACd;;AAED,6CAA6C;AAC7C,AAAA,aAAa,CAAC;EACZ,kBAAkB,EAAE,IAAI;EAAE,iBAAiB;EAC3C,eAAe,EAAE,IAAI;EAAE,aAAa;CACrC",
+    "sources": [
+        "index.scss"
+    ],
+    "names": [],
+    "file": "index.css"
+}

src/components/Sidebar/SidebarDesign2/index.css

@@ -0,0 +1,12 @@
+.no-scrollbar::-webkit-scrollbar {
+  display: none;
+}
+
+/* Hide scrollbar for IE, Edge and Firefox */
+.no-scrollbar {
+  -ms-overflow-style: none;
+  /* IE and Edge */
+  scrollbar-width: none;
+  /* Firefox */
+}
+/*# sourceMappingURL=index.css.map */

src/components/Sidebar/SidebarDesign2/index.css.map

@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "AAAA,AAAA,aAAa,AAAA,mBAAmB,CAAC;EAC/B,OAAO,EAAE,IAAI;CACd;;AAED,6CAA6C;AAC7C,AAAA,aAAa,CAAC;EACZ,kBAAkB,EAAE,IAAI;EAAE,iBAAiB;EAC3C,eAAe,EAAE,IAAI;EAAE,aAAa;CACrC",
+    "sources": [
+        "index.scss"
+    ],
+    "names": [],
+    "file": "index.css"
+}

src/components/Sidebar/SidebarMenu/index.css

@@ -0,0 +1,12 @@
+.no-scrollbar::-webkit-scrollbar {
+  display: none;
+}
+
+/* Hide scrollbar for IE, Edge and Firefox */
+.no-scrollbar {
+  -ms-overflow-style: none;
+  /* IE and Edge */
+  scrollbar-width: none;
+  /* Firefox */
+}
+/*# sourceMappingURL=index.css.map */

src/components/Sidebar/SidebarMenu/index.css.map

@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "AAAA,AAAA,aAAa,AAAA,mBAAmB,CAAC;EAC/B,OAAO,EAAE,IAAI;CACd;;AAED,6CAA6C;AAC7C,AAAA,aAAa,CAAC;EACZ,kBAAkB,EAAE,IAAI;EAAE,iBAAiB;EAC3C,eAAe,EAAE,IAAI;EAAE,aAAa;CACrC",
+    "sources": [
+        "index.scss"
+    ],
+    "names": [],
+    "file": "index.css"
+}

src/components/Switch/index.css

@@ -0,0 +1,57 @@
+.switch {
+  position: relative;
+}
+
+.switch input[type="checkbox"] {
+  visibility: hidden;
+  position: absolute;
+}
+
+.switch input[type="checkbox"]:checked + label {
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  background-color: #000;
+}
+
+.switch input[type="checkbox"]:checked + label:before {
+  -webkit-transform: translateX(35.5px);
+          transform: translateX(35.5px);
+  background-color: #fff;
+}
+
+.switch label {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 70px;
+  height: 34px;
+  border: 3px solid;
+  border-radius: 99em;
+  position: relative;
+  -webkit-transition: -webkit-transform 0.3s ease-in-out;
+  transition: -webkit-transform 0.3s ease-in-out;
+  transition: transform 0.3s ease-in-out;
+  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
+  -webkit-transform-origin: 50% 50%;
+          transform-origin: 50% 50%;
+  cursor: pointer;
+}
+
+.switch label:before {
+  -webkit-transition: -webkit-transform 0.3s ease;
+  transition: -webkit-transform 0.3s ease;
+  transition: transform 0.3s ease;
+  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
+  -webkit-transition-delay: 0s;
+          transition-delay: 0s;
+  content: "";
+  display: block;
+  position: absolute;
+  width: 24px;
+  height: 24px;
+  background-color: #000;
+  border-radius: 50%;
+  top: 2px;
+  left: 3px;
+}
+/*# sourceMappingURL=index.css.map */

src/components/Switch/index.css.map

@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "AAWA,AAAA,OAAO,CAAC;EACP,QAAQ,EAAE,QAAQ;CAuClB;;AAxCD,AAEE,OAFK,CAEL,KAAK,CAAA,AAAA,IAAC,CAAK,UAAU,AAAf,EAAiB;EACrB,UAAU,EAAE,MAAM;EACrB,QAAQ,EAAG,QAAQ;CASjB;;AAbH,AAKI,OALG,CAEL,KAAK,CAAA,AAAA,IAAC,CAAK,UAAU,AAAf,CAGH,QAAQ,GAAG,KAAK,CAAC;EAChB,SAAS,EAAE,YAAY;EACvB,gBAAgB,EAAE,IAAI;CAKvB;;AAZL,AAQM,OARC,CAEL,KAAK,CAAA,AAAA,IAAC,CAAK,UAAU,AAAf,CAGH,QAAQ,GAAG,KAAK,AAGd,OAAO,CAAC;EACP,SAAS,EAAE,kBAAkB;EAC7B,gBAAgB,EAAE,IAAI;CACvB;;AAXP,AAeE,OAfK,CAeL,KAAK,CAAC;EACJ,OAAO,EAAE,IAAI;EACb,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,MAAM,EAAE,SAAS;EACjB,aAAa,EAAE,IAAI;EACnB,QAAQ,EAAE,QAAQ;EAClB,UAAU,EAAE,0BAA0B;EACtC,gBAAgB,EAAE,OAAO;EACzB,MAAM,EAAE,OAAO;CAehB;;AAvCH,AA0BI,OA1BG,CAeL,KAAK,AAWF,OAAO,CAAC;EACP,UAAU,EAAE,mBAAmB;EAC/B,gBAAgB,EAAE,EAAE;EACpB,OAAO,EAAE,EAAE;EACX,OAAO,EAAE,KAAK;EACd,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,gBAAgB,EAAE,IAAI;EACtB,aAAa,EAAE,GAAG;EAClB,GAAG,EAAE,GAAG;EACR,IAAI,EAAE,GAAG;CACV",
+    "sources": [
+        "index.scss"
+    ],
+    "names": [],
+    "file": "index.css"
+}

src/components/bookDesign/BookDesign.css

@@ -0,0 +1 @@
+/* No CSS *//*# sourceMappingURL=BookDesign.css.map */

src/components/bookDesign/BookDesign.css.map

@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "",
+    "sources": [
+        "BookDesign.scss"
+    ],
+    "names": [],
+    "file": "BookDesign.css"
+}

src/components/buttonDesign/ButtonDesign.css

@@ -0,0 +1 @@
+/* No CSS *//*# sourceMappingURL=ButtonDesign.css.map */

src/components/buttonDesign/ButtonDesign.css.map

@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "",
+    "sources": [
+        "ButtonDesign.scss"
+    ],
+    "names": [],
+    "file": "ButtonDesign.css"
+}

src/components/contactInfoSection/ContactInfoSection.css

@@ -0,0 +1,10 @@
+.customer-support {
+  -webkit-transition: all 0.4s;
+  transition: all 0.4s;
+}
+
+.customer-support:hover {
+  -webkit-transform: translateY(-7px) !important;
+          transform: translateY(-7px) !important;
+}
+/*# sourceMappingURL=ContactInfoSection.css.map */

src/components/contactInfoSection/ContactInfoSection.css.map

@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "AAAA,AAAA,iBAAiB,CAAC;EAChB,UAAU,EAAE,QAAQ;CACrB;;AACD,AAAA,iBAAiB,AAAA,MAAM,CAAC;EACtB,SAAS,EAAE,gBAAgB,CAAC,UAAU;CACvC",
+    "sources": [
+        "ContactInfoSection.scss"
+    ],
+    "names": [],
+    "file": "ContactInfoSection.css"
+}

src/components/counterDesign/CounterDesign.css

@@ -0,0 +1 @@
+/* No CSS *//*# sourceMappingURL=CounterDesign.css.map */

src/components/counterDesign/CounterDesign.css.map

@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "",
+    "sources": [
+        "CounterDesign.scss"
+    ],
+    "names": [],
+    "file": "CounterDesign.css"
+}

src/components/footer/design1/FooterDesign1.css

@@ -0,0 +1,10 @@
+.footer-items {
+  -webkit-transition: all 0.4s;
+  transition: all 0.4s;
+}
+
+.footer-items:hover {
+  -webkit-transform: translateY(-2px) !important;
+          transform: translateY(-2px) !important;
+}
+/*# sourceMappingURL=FooterDesign1.css.map */

src/components/footer/design1/FooterDesign1.css.map

@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "AAAA,AAAA,aAAa,CAAC;EACZ,UAAU,EAAE,QAAQ;CACrB;;AACD,AAAA,aAAa,AAAA,MAAM,CAAC;EAClB,SAAS,EAAE,gBAAgB,CAAC,UAAU;CACvC",
+    "sources": [
+        "FooterDesign1.scss"
+    ],
+    "names": [],
+    "file": "FooterDesign1.css"
+}

src/components/productDesign/ProductDesign.css

@@ -0,0 +1 @@
+/* No CSS *//*# sourceMappingURL=ProductDesign.css.map */

src/components/productDesign/ProductDesign.css.map

@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "",
+    "sources": [
+        "ProductDesign.scss"
+    ],
+    "names": [],
+    "file": "ProductDesign.css"
+}

src/components/productTags/ProductTags.css

@@ -0,0 +1 @@
+/* No CSS *//*# sourceMappingURL=ProductTags.css.map */

src/components/productTags/ProductTags.css.map

@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "",
+    "sources": [
+        "ProductTags.scss"
+    ],
+    "names": [],
+    "file": "ProductTags.css"
+}

src/components/starRating/StarRating.css

@@ -0,0 +1,8 @@
+.on {
+  color: #ffbd35;
+}
+
+.off {
+  color: #ccc;
+}
+/*# sourceMappingURL=StarRating.css.map */

src/components/starRating/StarRating.css.map

@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "AAAA,AAAA,GAAG,CAAC;EACF,KAAK,EAAE,OAAO;CACf;;AACD,AAAA,IAAI,CAAC;EACH,KAAK,EAAE,IAAI;CACZ",
+    "sources": [
+        "StarRating.scss"
+    ],
+    "names": [],
+    "file": "StarRating.css"
+}

src/components/vodProductDesign/VodProductDesign.css

@@ -0,0 +1,5 @@
+.playBtnImg {
+  -webkit-transition: all 0.4s;
+  transition: all 0.4s;
+}
+/*# sourceMappingURL=VodProductDesign.css.map */

src/components/vodProductDesign/VodProductDesign.css.map

@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "AAAA,AAAA,WAAW,CAAC;EACV,UAAU,EAAE,QAAQ;CACrB",
+    "sources": [
+        "VodProductDesign.scss"
+    ],
+    "names": [],
+    "file": "VodProductDesign.css"
+}

src/index.css

@@ -0,0 +1,23 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@font-face {
+  font-family: "iransans-medium";
+  src: url(./assets/fonts/iransans/ttf/IRANSansWeb_Medium.ttf);
+}
+
+body {
+  font-family: iransans-medium;
+  direction: rtl;
+  background-color: #f5f5f5;
+}
+
+.comment-num {
+  font-size: 8px;
+  padding-top: 4px;
+  padding-bottom: 2px;
+  padding-left: 4px;
+  padding-right: 4px;
+  border-radius: 50%;
+}
+/*# sourceMappingURL=index.css.map */

src/index.css.map

@@ -0,0 +1,10 @@
+{
+    "version": 3,
+    "mappings": "AAAA,SAAS,CAAT,IAAS;AACT,SAAS,CAAT,UAAS;AACT,SAAS,CAAT,SAAS;AAIT,UAAU;EACR,WAAW,EAAE,iBAAiB;EAC9B,GAAG,EAAE,uDAAuD;;;AAG9D,AAAA,IAAI,CAAC;EACH,WAAW,EAAE,eAAe;EAC5B,SAAS,EAAE,GAAG;EACd,gBAAgB,EAAE,OAAO;CAC1B;;AAED,AAAA,YAAY,CAAC;EACX,SAAS,EAAE,GAAG;EACd,WAAW,EAAE,GAAG;EAChB,cAAc,EAAE,GAAG;EACnB,YAAY,EAAE,GAAG;EACjB,aAAa,EAAE,GAAG;EAClB,aAAa,EAAE,GAAG;CACnB",
+    "sources": [
+        "index.scss",
+        "components/productDesign/ProductDesign.scss"
+    ],
+    "names": [],
+    "file": "index.css"
+}

src/index.scss

@@ -23,14 +23,3 @@ body {
   padding-right: 4px;
   border-radius: 50%;
 }
-
-// $errorcolor1: #06bace;
-// $errorcolor2: #3ee924;
-// $errorcolor7: #c70000;
-// $errorcolor7button: #e92424;
-// $white: #fff;
-// $black: #000;
-// $contentcolor: #646464;
-// $toastbgerror: #ffeaea;
-// $toastbgsuccess: #c3ffb9;
-// $toastsuccesscolor: #21ae0b;