= ({ menuItems, title }) => {
+ const renderMenuItems = () => {
+ return menuItems.map((item) => (
+
+
+ {item.name}
+
+
+ ));
+ };
+
+ const menu = {renderMenuItems()} ;
+
+ return (
+
+
+ {title}
+
+
+ );
+};
+
+export default DropDown;
diff --git a/src/Components/Ui/DropdownMenu.tsx b/src/Components/Ui/DropdownMenu.tsx
new file mode 100644
index 0000000..f2565c8
--- /dev/null
+++ b/src/Components/Ui/DropdownMenu.tsx
@@ -0,0 +1,87 @@
+import React from 'react';
+import {Dropdown, Button } from 'antd';
+import { AppstoreOutlined, DownOutlined } from '@ant-design/icons';
+import MenuItems from './MenuItems';
+import { useTranslation } from 'react-i18next';
+
+const DropdownMenu = () => {
+ const {t} = useTranslation();
+ return (
+
+
+
+
+ );
+};
+
+export default DropdownMenu;
+
+
+//////////// you can use this file when you connect with backend just change the response and api endpoint //////////////////
+
+// import React from 'react';
+// import { Dropdown, Button, Menu } from 'antd';
+// import { AppstoreOutlined, DownOutlined, MailOutlined } from '@ant-design/icons';
+// import { useGetAllCategories } from '../../api/categories';
+// import { Link, useNavigate } from 'react-router-dom';
+// import { useTranslation } from 'react-i18next';
+// import type { MenuProps } from 'antd';
+
+// const DropdownMenu = () => {
+// const { data, isError, isLoading } = useGetAllCategories();
+// const navigate = useNavigate();
+// const [t] = useTranslation();
+
+// if (isLoading) {
+// return Loading...
;
+// }
+
+// if (isError || !data?.data?.data) {
+// return Error loading categories
;
+// }
+
+
+// const CategoriesArry = data.data.data.map((item: any) => ({
+// value: item?.category_translations[0]?.name,
+// label: item?.id,
+// }));
+
+
+// const items: any = CategoriesArry?.map((item: any) => ({
+// key: item.key,
+// label: (
+//
+// {items.map((menuItem: any) => (
+//
+// {menuItem.label}
+//
+// ))}
+//
+// );
+
+
+// return (
+//
+//
+//
+//
+// );
+// };
+
+// export default DropdownMenu;
diff --git a/src/Components/Ui/FooterTItleWithSeperator.tsx b/src/Components/Ui/FooterTItleWithSeperator.tsx
new file mode 100644
index 0000000..53c7253
--- /dev/null
+++ b/src/Components/Ui/FooterTItleWithSeperator.tsx
@@ -0,0 +1,11 @@
+const FooterTItleWithSeparator = ({ title }: { title: string }) => {
+ const {t} = useTranslation()
+ return (
+
+
{t(title)}
+
+ {t(text)}
+
+ )
+}
+
+export default HeaderLink
\ No newline at end of file
diff --git a/src/Components/Ui/MediaButton.tsx b/src/Components/Ui/MediaButton.tsx
new file mode 100644
index 0000000..df35562
--- /dev/null
+++ b/src/Components/Ui/MediaButton.tsx
@@ -0,0 +1,14 @@
+import { BaseURL_IMAGE } from "../../api/config";
+
+const MediaButton = ({ img:Image,link,isStatic }:any) => {
+
+ return (
+
+
{isStatic ? { :
+
+ {generateMenuItems(item.children)}
+
+ );
+ } else {
+ return (
+
+ {item.label}
+
+ );
+ }
+ });
+};
+
+const MenuItems: React.FC<{ items: MenuItem[] }> = ({ items }) => {
+ return {generateMenuItems(items)} ;
+};
+
+
+const App = () => {
+ return
+
+ {(`${label}`)}
+
+
+
+
+
+
+ )
+}
+
+export default File
\ No newline at end of file
diff --git a/src/Components/Utils/Loading/Loading.scss b/src/Components/Utils/Loading/Loading.scss
new file mode 100644
index 0000000..1c80ef6
--- /dev/null
+++ b/src/Components/Utils/Loading/Loading.scss
@@ -0,0 +1,117 @@
+.Loading{
+
+ .wrapper {
+ width: 200px;
+ height: 60px;
+ position: relative;
+ left: 40%;
+ z-index: 1;
+ }
+
+ .circle {
+ width: 20px;
+ height: 20px;
+ position: absolute;
+ border-radius: 50%;
+ background-color: var(--fifthly);
+ left: 15%;
+ transform-origin: 50%;
+ animation: circle7124 .5s alternate infinite ease;
+ }
+
+ @keyframes circle7124 {
+ 0% {
+ top: 60px;
+ height: 5px;
+ border-radius: 50px 50px 25px 25px;
+ transform: scaleX(1.7);
+ }
+
+ 40% {
+ height: 20px;
+ border-radius: 50%;
+ transform: scaleX(1);
+ }
+
+ 100% {
+ top: 0%;
+ }
+ }
+
+ .circle:nth-child(2) {
+ left: 45%;
+ animation-delay: .2s;
+ }
+
+ .circle:nth-child(3) {
+ left: auto;
+ right: 15%;
+ animation-delay: .3s;
+ }
+
+ .shadow {
+ width: 20px;
+ height: 4px;
+ border-radius: 50%;
+ background-color: var(--fifthly);
+ position: absolute;
+ opacity: .5;
+ top: 62px;
+ transform-origin: 50%;
+ z-index: -1;
+ left: 15%;
+ filter: blur(1px);
+ animation: shadow046 .5s alternate infinite ease;
+ }
+
+ @keyframes shadow046 {
+ 0% {
+ transform: scaleX(1.5);
+ }
+
+ 40% {
+ transform: scaleX(1);
+ opacity: .7;
+ }
+
+ 100% {
+ transform: scaleX(.2);
+ opacity: .4;
+ }
+ }
+
+ .shadow:nth-child(4) {
+ left: 45%;
+ animation-delay: .2s
+ }
+
+ .shadow:nth-child(5) {
+ left: auto;
+ right: 15%;
+ animation-delay: .3s;
+ }
+
+}
+
+
+
+
+
+.loading_page{
+ width: 100vw !important;height: 50vh !important;
+ display: flex !important;justify-content: space-between !important;align-items: center !important; flex-direction: column;
+}
+
+
+:where(.css-dev-only-do-not-override-1ae8k9u).ant-spin .ant-spin-dot-item ,:where(.css-1adbn6x).ant-spin .ant-spin-dot-item{
+ background-color: var(--primary);
+}
+:where(.css-dev-only-do-not-override-1ae8k9u).ant-spin, :where(.css-1adbn6x).ant-spin .ant-spin-dot-item{
+ color: var(--primary);
+}
+
+
+.spinner{
+ color: var(--primary);
+ padding-block: 30px;
+}
\ No newline at end of file
diff --git a/src/Components/Utils/Loading/Loading.tsx b/src/Components/Utils/Loading/Loading.tsx
new file mode 100644
index 0000000..19651b4
--- /dev/null
+++ b/src/Components/Utils/Loading/Loading.tsx
@@ -0,0 +1,19 @@
+import React from 'react'
+import './Loading.scss'
+const Loading = () => {
+
+ return (
+
+ )
+}
+
+export default Loading
\ No newline at end of file
diff --git a/src/Components/Utils/Loading/LoadingAntd.tsx b/src/Components/Utils/Loading/LoadingAntd.tsx
new file mode 100644
index 0000000..d98f6d5
--- /dev/null
+++ b/src/Components/Utils/Loading/LoadingAntd.tsx
@@ -0,0 +1,17 @@
+import { Spin } from 'antd';
+import './Loading.scss'
+import { useGetHome } from '../../../api/home';
+import { BaseURL_IMAGE } from '../../../api/config';
+
+const LoadingAntd = () => {
+ const {data} = useGetHome();
+ const Logo = data?.Static_info[5]
+ return (
+
+
+
+
+ {isLoading ? {props.children}
+
+ );
+};
+
+
+
+export { LoadingButton };
diff --git a/src/Components/Utils/Loading/Spinner.tsx b/src/Components/Utils/Loading/Spinner.tsx
new file mode 100644
index 0000000..47dbfc0
--- /dev/null
+++ b/src/Components/Utils/Loading/Spinner.tsx
@@ -0,0 +1,8 @@
+import React from 'react'
+import { Spin } from 'antd';
+
+const Spinner: React.FC = () =>
+ <>
+
+
+ {t(label)}
+
+
+
+ )
+}
+
+export default CheckboxField
\ No newline at end of file
diff --git a/src/Components/Utils/TalabeeField/View/DataRange.tsx b/src/Components/Utils/TalabeeField/View/DataRange.tsx
new file mode 100644
index 0000000..1bd5968
--- /dev/null
+++ b/src/Components/Utils/TalabeeField/View/DataRange.tsx
@@ -0,0 +1,40 @@
+import { Form, DatePicker } from 'antd'
+
+import React from 'react'
+import useFormField from '../../../../Hooks/useFormField';
+
+const { RangePicker } = DatePicker;
+
+const DataRange = ({ name, label, isDisabled, option, isMulti,Format ,props }: any) => {
+
+ const { errorMsg, isError, t, formik } = useFormField(name, props)
+ const onCalendarChange = (value: any) => {
+
+ formik.setFieldValue(name, value)
+
+ };
+ return (
+
+
+
+ {t(`${label}`)}
+
+
+
+
+ )
+}
+
+export default DataRange
\ No newline at end of file
diff --git a/src/Components/Utils/TalabeeField/View/Date.tsx b/src/Components/Utils/TalabeeField/View/Date.tsx
new file mode 100644
index 0000000..25e5299
--- /dev/null
+++ b/src/Components/Utils/TalabeeField/View/Date.tsx
@@ -0,0 +1,40 @@
+import { Form, DatePicker } from 'antd'
+import React from 'react'
+import useFormField from '../../../../Hooks/useFormField';
+import dayjs from 'dayjs';
+
+const Date = ({ name, label, isDisabled, option, isMulti,picker="date" ,props }: any) => {
+
+ const { errorMsg, isError, t, formik } = useFormField(name, props)
+ const onCalendarChange = (value: any) => {
+
+ formik.setFieldValue(name, value)
+
+ };
+ return (
+
+
+
+ {t(`${label}`)}
+
+
+
+
+ )
+}
+
+export default Date
\ No newline at end of file
diff --git a/src/Components/Utils/TalabeeField/View/Default.tsx b/src/Components/Utils/TalabeeField/View/Default.tsx
new file mode 100644
index 0000000..eafeef3
--- /dev/null
+++ b/src/Components/Utils/TalabeeField/View/Default.tsx
@@ -0,0 +1,32 @@
+import { Form, Input } from 'antd'
+import React from 'react'
+import useFormField from '../../../../Hooks/useFormField';
+
+const Default = ({ name, label, placeholder, isDisabled, onChange, props,inputType }: any) => {
+ const { Field, formik, isError, errorMsg, t } = useFormField(name, props);
+
+
+ return (
+
+
+ {t(`${label ? label : name}`)}
+
+
+
+
+ );
+};
+
+export default Default;
diff --git a/src/Components/Utils/TalabeeField/View/File.tsx b/src/Components/Utils/TalabeeField/View/File.tsx
new file mode 100644
index 0000000..693cde1
--- /dev/null
+++ b/src/Components/Utils/TalabeeField/View/File.tsx
@@ -0,0 +1,58 @@
+import { Button, Upload, UploadFile } from 'antd'
+import useFormField from '../../../../Hooks/useFormField';
+import { UploadOutlined } from '@ant-design/icons';
+import { BaseURL, BaseURL_IMAGE } from '../../../../api/config';
+import { useTranslation } from 'react-i18next';
+import { ErrorMessage } from 'formik';
+
+
+const File = ({ name, label, onChange, isDisabled, props }: any) => {
+ const { formik, t } = useFormField(name, props)
+ const imageUrl = formik.values[name] ? BaseURL_IMAGE + formik.values[name] : '';
+
+ const fileList: UploadFile[] = [
+
+ {
+ uid: '-1',
+ name: '',
+ status: 'done',
+ url: imageUrl,
+ thumbUrl: imageUrl,
+ }
+ ];
+ const FilehandleChange = (value:any) => {
+
+ formik.setFieldValue(name, value.file.originFileObj)
+
+ };
+ const customRequest = async ({ onSuccess}: any) => {
+ onSuccess();
+ };
+ return (
+
+
+ {t(`${label || name}`)}
+
+
+
+ {msg => {t(msg)}
}
+
+
+
+
+
+
+
+ )
+}
+
+export default SearchField
\ No newline at end of file
diff --git a/src/Components/Utils/TalabeeField/View/SelectField.tsx b/src/Components/Utils/TalabeeField/View/SelectField.tsx
new file mode 100644
index 0000000..04f8002
--- /dev/null
+++ b/src/Components/Utils/TalabeeField/View/SelectField.tsx
@@ -0,0 +1,37 @@
+import { Form, Select } from 'antd'
+import React from 'react'
+import useFormField from '../../../../Hooks/useFormField';
+
+const SelectField = ({ name, label, placeholder, isDisabled,option,isMulti,onChange, props}: any) => {
+
+ const { errorMsg, isError, t ,formik} = useFormField(name, props)
+ const SelecthandleChange = (value: { value: string; label: React.ReactNode }) => {
+ formik.setFieldValue(name, value)
+
+ };
+ return (
+
+
+ {t(`${label? label : ''}`)}
+
+
+
+
+ )
+}
+
+export default SelectField
\ No newline at end of file
diff --git a/src/Components/Utils/TalabeeField/View/Time.tsx b/src/Components/Utils/TalabeeField/View/Time.tsx
new file mode 100644
index 0000000..f186670
--- /dev/null
+++ b/src/Components/Utils/TalabeeField/View/Time.tsx
@@ -0,0 +1,38 @@
+import { Form, TimePicker } from 'antd'
+import React from 'react'
+import useFormField from '../../../../Hooks/useFormField';
+
+const Time = ({ name, label,props }: any) => {
+
+ const { errorMsg, isError, t, formik } = useFormField(name, props)
+ const onCalendarChange = (value: any) => {
+
+ formik.setFieldValue(name, value)
+
+ };
+ return (
+
+
+
+ {t(`${label}`)}
+
+
+
+
+ )
+}
+
+export default Time
\ No newline at end of file
diff --git a/src/Components/Utils/TalabeeField/View/index.tsx b/src/Components/Utils/TalabeeField/View/index.tsx
new file mode 100644
index 0000000..ca46bc9
--- /dev/null
+++ b/src/Components/Utils/TalabeeField/View/index.tsx
@@ -0,0 +1,22 @@
+import Time from "./Time";
+import SelectField from "./SelectField";
+import Date from "./Date";
+import DataRange from "./DataRange";
+import CheckboxField from "./CheckboxField";
+import Default from "./Default";
+import File from "./File";
+
+
+
+
+
+export {
+ Time,
+ SelectField,
+ Date,
+ DataRange,
+ CheckboxField,
+ Default,
+ File
+
+}
\ No newline at end of file
diff --git a/src/Components/Utils/TalabeeField/index.tsx b/src/Components/Utils/TalabeeField/index.tsx
new file mode 100644
index 0000000..0691755
--- /dev/null
+++ b/src/Components/Utils/TalabeeField/index.tsx
@@ -0,0 +1,16 @@
+import { useState } from 'react';
+import { ErrorMessage, useField, Field, useFormikContext } from 'formik';
+import { useTranslation } from 'react-i18next';
+import { FaExclamationCircle } from 'react-icons/fa';
+
+
+
+
+
+export {
+ useState,
+ ErrorMessage, useField, Field, useFormikContext,
+ useTranslation,
+ FaExclamationCircle
+
+}
\ No newline at end of file
diff --git a/src/Components/Utils/Theme.tsx b/src/Components/Utils/Theme.tsx
new file mode 100644
index 0000000..e22305f
--- /dev/null
+++ b/src/Components/Utils/Theme.tsx
@@ -0,0 +1,41 @@
+import React from 'react';
+import { MenuProps } from 'antd';
+import { Button, Dropdown, Space } from 'antd';
+import { useTranslation } from 'react-i18next';
+import { BsFillMoonStarsFill, BsFillSunFill } from 'react-icons/bs';
+import { useChangeTheme } from '../../Hooks/useChangeTheme';
+import { ChangeModeHelper, ChangeModeComp } from '../../helper/ChangeMode';
+import { ThemeModeEnum } from '../../enums/ThemeMode';
+
+const Theme: React.FC = () => {
+ const { currentTheme, changeTheme } = useChangeTheme();
+ const { DARK_MODE, LIGHT_MODE } = ThemeModeEnum;
+ const { t } = useTranslation();
+
+ const themeClickHandler =(theme:string) =>{
+ return ChangeModeHelper({
+ ChangeModeFunction: changeTheme,
+ ChangeFunctionAttr: theme
+ });
+ }
+ const items: MenuProps['items'] = [
+ {
+ key: '1',
+ label: } modeText={LIGHT_MODE} />,
+ },
+ {
+ key: '2',
+ label: } modeText={DARK_MODE} />,
+ },
+ ];
+
+ return (
+
+
+ {t(currentTheme || 'Theme Mode')}
+
+
+ );
+};
+
+export default Theme;
diff --git a/src/Components/Utils/Translate.tsx b/src/Components/Utils/Translate.tsx
new file mode 100644
index 0000000..7fc549d
--- /dev/null
+++ b/src/Components/Utils/Translate.tsx
@@ -0,0 +1,40 @@
+import React from 'react';
+import type { MenuProps } from 'antd';
+import { Button, Dropdown, Space } from 'antd';
+import { useChangeLanguage } from '../../Hooks/useChangeLanguage';
+import { useTranslation } from 'react-i18next';
+import { ChangeModeHelper, ChangeModeComp } from '../../helper/ChangeMode';
+import { TranslateEnum } from '../../enums/Translate';
+
+const Translate: React.FC = () => {
+ const { currentLanguage, changeLanguage } = useChangeLanguage();
+ const { ARABIC, ENGLISH } = TranslateEnum;
+ const { t } = useTranslation();
+
+ const handleLanguageChange = (language: string) => {
+ return ChangeModeHelper({
+ ChangeModeFunction: changeLanguage,
+ ChangeFunctionAttr: language
+ });
+ };
+
+ const items = [
+ {
+ key: '1',
+ label:
+
+ {t(currentLanguage)}
+
+
+ );
+};
+
+export default Translate;
diff --git a/src/Components/Works/Works.tsx b/src/Components/Works/Works.tsx
new file mode 100644
index 0000000..247bbeb
--- /dev/null
+++ b/src/Components/Works/Works.tsx
@@ -0,0 +1,31 @@
+import CustomTitle from "../Ui/CustomTitle"
+import WorksSwiper from "./WorksSwiper";
+
+const Works = ({data, isLoading}:{data:any,isLoading:boolean}) => {
+ const {t} = useTranslation();
+ const worksData = data?.Works
+
+ return (
+
+
+
+
+
+
+
+
+
{t("What")} {t("OUR WORKS")}
+
{t("We design and develop professional educational applications that help parents follow their children's progress in study, track attendance and absence, and submit academic reports ")}
+
+
+
+
+
+
+
(null);
+
+
+ return (
+
+
(swiperRef.current = swiper)} // Store swiper instance
+ >
+ {
+ isLoading ?
+
+ ))}
+
+
+
+
+
+ {
+ isHaveHeader ?
: ""
+ }
+
+
+
+
+
+
+
+
{t(isLoading ?
+
{t("We are specialists in financial planning and reporting.")}
+
{isLoading ?
+
+
} text="Learn More Now" />
+
+
+
+
+
+
+
+
+ {isHaveHeader ?
+
+
+
+
+
+
+ {t(text)} { t(subText)}
+ {t(bottomText)}
+ {isHaveButton ?
+
+
} text="Contact Us Now" />
+
+
+
= ({
+ button,
+ children,
+ title = "Basic Drawer",
+ className,
+ width = 250,
+ turn_off,
+}) => {
+ const [open, setOpen] = useState(false);
+ const [placement, setPlacement] = useState('right');
+
+ const closeDrawer = () => {
+ setOpen(false);
+ };
+
+ return (
+ <>
+
+ {React.cloneElement(button as React.ReactElement, {
+ onClick: () => setOpen(true),
+ })}
+
+
+
+ {children({ closeDrawer })}
+
+
+
+ );
+};
+
+export default WithDrawer;
diff --git a/src/HighOrderComponent/WithFormik.tsx b/src/HighOrderComponent/WithFormik.tsx
new file mode 100644
index 0000000..8dc6343
--- /dev/null
+++ b/src/HighOrderComponent/WithFormik.tsx
@@ -0,0 +1,36 @@
+import { Form, Formik } from 'formik'
+import React from 'react'
+import * as Yup from "yup";
+
+
+const WithFormik = ({children , handleSubmit , getInitialValues , getValidationSchema,FormClassName}:WithFormikProps) => {
+
+ return (
+ <>
+ {
+
+ {(formik) => (
+
+ )}
+
+ }
+
+ )
+}
+
+export default WithFormik
+
+interface WithFormikProps {
+ children: React.ReactNode;
+ handleSubmit: (values: any, formikHelpers: any) => void;
+ getInitialValues: () => any;
+ getValidationSchema: () => Yup.Schema;
+ FormClassName?:string;
+}
\ No newline at end of file
diff --git a/src/Hooks/mapTranslatedProperties.tsx b/src/Hooks/mapTranslatedProperties.tsx
new file mode 100644
index 0000000..24f85af
--- /dev/null
+++ b/src/Hooks/mapTranslatedProperties.tsx
@@ -0,0 +1,28 @@
+export const mapTranslatedProperties = (
+ arrayOfDetails :any,
+ properties:any ,
+ language_id : '1'|'2' |1 |2
+ ) => {
+
+ if (!arrayOfDetails || !properties || !language_id) return "";
+ if (Array.isArray(arrayOfDetails) && arrayOfDetails.length === 0) return "";
+
+ const target = arrayOfDetails.find(
+ (item:any) => item.locale == language_id
+ );
+ if (!target) {
+ return "";
+ }
+
+ if (!Array.isArray(properties)) {
+ return target[properties];
+ }
+
+ // [prop1, prop2, prop3, ....] is passed
+ const ret:any = {};
+ properties.forEach((prop:string) => {
+ ret[prop] = target[prop];
+ });
+ return ret;
+ };
+
\ No newline at end of file
diff --git a/src/Hooks/useAuth.ts b/src/Hooks/useAuth.ts
new file mode 100644
index 0000000..a923c00
--- /dev/null
+++ b/src/Hooks/useAuth.ts
@@ -0,0 +1,22 @@
+import { useSelector } from "react-redux";
+import { authStorage } from "../auth/AuthStorage";
+
+export const useAuth = () => {
+ const { user, token, isAuthenticated } = useSelector(
+ (state:any) => state.auth
+ );
+
+ const logout = () => {
+ authStorage.remove()
+ };
+
+ return {
+ user,
+ token,
+ isAuthenticated,
+ logout,
+
+ };
+};
+
+
diff --git a/src/Hooks/useChangeLanguage.tsx b/src/Hooks/useChangeLanguage.tsx
new file mode 100644
index 0000000..0da1cf9
--- /dev/null
+++ b/src/Hooks/useChangeLanguage.tsx
@@ -0,0 +1,65 @@
+import { useCallback, useEffect, useState } from "react";
+import translationEN from '../translate/en.json';
+import translationAR from '../translate/ar.json';
+import { initReactI18next } from 'react-i18next';
+import i18n from 'i18next';
+import { TranslateEnum } from "../enums/Translate";
+
+i18n.use(initReactI18next).init({
+ resources: {
+ en: {
+ translation: translationEN
+ },
+ ar: {
+ translation: translationAR
+ }
+ },
+ lng: localStorage.getItem('language') ?? 'en',
+ interpolation: {
+ escapeValue: false
+ }
+});
+
+export const useChangeLanguage = () => {
+ const { ARABIC, ENGLISH } = TranslateEnum;
+ const [currentLanguage, setCurrentLanguage] = useState(localStorage.getItem('language') ?? ENGLISH);
+ const [userSelectedLanguage, setUserSelectedLanguage] = useState(false);
+
+ useEffect(() => {
+ const storedLanguage = localStorage.getItem('language');
+
+ if (storedLanguage) {
+ setCurrentLanguage(storedLanguage);
+ setUserSelectedLanguage(true);
+ } else {
+ const languageMediaQuery = window.matchMedia('(prefers-language: ar)');
+ setCurrentLanguage(languageMediaQuery.matches ? ARABIC : ENGLISH);
+ setUserSelectedLanguage(false);
+ }
+ }, []);
+
+ useEffect(() => {
+ if (userSelectedLanguage) {
+ if (currentLanguage === ARABIC) {
+ i18n.changeLanguage(ARABIC);
+ document.body.setAttribute('dir', 'rtl');
+ document.body.classList.add(ARABIC);
+ document.body.classList.remove(ENGLISH);
+ } else {
+ i18n.changeLanguage(ENGLISH);
+ document.body.setAttribute('dir', 'ltr');
+ document.body.classList.add(ENGLISH);
+ document.body.classList.remove(ARABIC);
+ }
+
+ localStorage.setItem('language', currentLanguage);
+ }
+ }, [currentLanguage, ARABIC, ENGLISH, userSelectedLanguage]);
+
+ const changeLanguage = useCallback((newLanguage: string) => {
+ setCurrentLanguage(newLanguage);
+ setUserSelectedLanguage(true);
+ }, []);
+
+ return { currentLanguage, changeLanguage };
+};
diff --git a/src/Hooks/useChangeTheme.tsx b/src/Hooks/useChangeTheme.tsx
new file mode 100644
index 0000000..eb4a0e0
--- /dev/null
+++ b/src/Hooks/useChangeTheme.tsx
@@ -0,0 +1,31 @@
+import React, { useEffect, useState } from "react";
+import { ThemeModeEnum } from "../enums/ThemeMode";
+
+export const useChangeTheme = () => {
+ const { DARK_MODE, LIGHT_MODE } = ThemeModeEnum;
+ const [currentTheme, setCurrentTheme] = useState(null);
+
+ useEffect(() => {
+ const storedTheme = localStorage.getItem('theme');
+
+ if (storedTheme) {
+ setCurrentTheme(storedTheme as ThemeModeEnum);
+ } else {
+ const darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+ setCurrentTheme(darkModeMediaQuery.matches ? DARK_MODE : LIGHT_MODE);
+ }
+ }, []);
+
+ useEffect(() => {
+ if (currentTheme) {
+ document.body.classList.toggle(DARK_MODE, currentTheme === DARK_MODE);
+ localStorage.setItem('theme', currentTheme);
+ }
+ }, [currentTheme]);
+
+ const changeTheme = (newTheme: ThemeModeEnum) => {
+ setCurrentTheme(newTheme);
+ };
+
+ return { currentTheme, changeTheme };
+};
diff --git a/src/Hooks/useFormField.tsx b/src/Hooks/useFormField.tsx
new file mode 100644
index 0000000..57d8cbf
--- /dev/null
+++ b/src/Hooks/useFormField.tsx
@@ -0,0 +1,16 @@
+import { useField, useFormikContext } from 'formik';
+import { useTranslation } from 'react-i18next';
+import { Field } from 'formik';
+
+const useFormField = (name: string, props?: any) => {
+ const [field, meta] = useField({ name, ...props });
+ const { t } = useTranslation();
+ const formik = useFormikContext();
+ const isError = meta.touched && meta.error;
+
+ const errorMsg = meta.error ? t(meta.error.toString()) : '';
+
+ return { Field, field, meta, formik, isError, errorMsg, t };
+};
+
+export default useFormField;
diff --git a/src/Hooks/useImageError.tsx b/src/Hooks/useImageError.tsx
new file mode 100644
index 0000000..ef52a16
--- /dev/null
+++ b/src/Hooks/useImageError.tsx
@@ -0,0 +1,9 @@
+import React from 'react'
+import { UserImageURL } from '../Layout/app/Const';
+
+const useImageError = ({currentTarget}:any) => {
+ currentTarget.onerror = null;
+ currentTarget.src=`${UserImageURL}`;
+}
+
+export default useImageError
\ No newline at end of file
diff --git a/src/Hooks/useLangCode.ts b/src/Hooks/useLangCode.ts
new file mode 100644
index 0000000..8012b45
--- /dev/null
+++ b/src/Hooks/useLangCode.ts
@@ -0,0 +1,13 @@
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+
+function useLangCode() {
+
+ const {i18n} = useTranslation()
+
+ return (
+ i18n.language == 'en' ?'1' :'2'
+ )
+}
+
+export default useLangCode
\ No newline at end of file
diff --git a/src/Hooks/useLoadingState.tsx b/src/Hooks/useLoadingState.tsx
new file mode 100644
index 0000000..dfda80d
--- /dev/null
+++ b/src/Hooks/useLoadingState.tsx
@@ -0,0 +1,21 @@
+import { useState, useEffect } from 'react';
+
+function useLoadingState(initialValue: boolean, duration: number): [boolean, () => void] {
+ const [loading, setLoading] = useState(initialValue);
+
+ useEffect(() => {
+ const timeoutId = setTimeout(() => {
+ setLoading(false);
+ }, duration);
+
+ return () => clearTimeout(timeoutId);
+ }, [duration]);
+
+ const resetLoading = () => {
+ setLoading(true);
+ };
+
+ return [loading, resetLoading];
+}
+
+export default useLoadingState;
diff --git a/src/Hooks/useSearchResults.tsx b/src/Hooks/useSearchResults.tsx
new file mode 100644
index 0000000..a4b31b2
--- /dev/null
+++ b/src/Hooks/useSearchResults.tsx
@@ -0,0 +1,22 @@
+import { useEffect, useState } from 'react';
+
+const useSearchResults = (data: any[] | undefined, query: string | null) => {
+ const [results, setResults] = useState([]);
+
+ useEffect(() => {
+ const filteredResults = data?.filter((item: any) =>
+ item?.toLowerCase()?.includes(query?.toLowerCase())
+ ) ?? [];
+
+ setResults(filteredResults);
+
+ if(results?.length === 0 && query != null && query?.length > 1 ){
+ }
+ }, [query]);
+
+ return results;
+};
+
+export default useSearchResults;
+
+
diff --git a/src/Hooks/useWindowResize.tsx b/src/Hooks/useWindowResize.tsx
new file mode 100644
index 0000000..3585264
--- /dev/null
+++ b/src/Hooks/useWindowResize.tsx
@@ -0,0 +1,20 @@
+import React, { useEffect, useState } from 'react'
+
+export const useWindowResize = () => {
+ const [windowWidth, setWindowWidth] = useState(window.innerWidth);
+
+ useEffect(() => {
+ window.addEventListener('resize', handleResize);
+ // Cleanup function to remove the event listener
+ return () => {
+ window.removeEventListener('resize', handleResize);
+ };
+ }, [windowWidth]);
+
+ const handleResize = () => {
+ setWindowWidth(window.innerWidth);
+ };
+
+ return {windowWidth , handleResize};
+}
+
diff --git a/src/Layout/Footer.tsx b/src/Layout/Footer.tsx
new file mode 100644
index 0000000..e7af0e3
--- /dev/null
+++ b/src/Layout/Footer.tsx
@@ -0,0 +1,90 @@
+import MediaButton from '../Components/Ui/MediaButton';
+import SingleLink from '../Components/Ui/SingleLink';
+import { HomelinksArray, QuicklinksArray, ServicelinksArray } from '../data/Links';
+import FooterTItleWithSeparator from '../Components/Ui/FooterTItleWithSeperator';
+import ContactInfo from '../Components/Ui/ContactInfo';
+import { useGetHome } from '../api/home';
+import { BaseURL_IMAGE } from '../api/config';
+
+const Footer = () => {
+ const { t } = useTranslation();
+ const {data} = useGetHome();
+ const mediaArray = data?.Social_media
+ const contactNumber = data?.Static_info[3]
+ const contactEmail = data?.Static_info[4]
+ const Logo = data?.Static_info[5]
+
+ return (
+
+
+
+
+
+
{t("We implement the corporate performance software for consolidation, planning and reporting porspises.")}
+
+
+ {mediaArray?.map((media: { id: number; image: string; link:string}) => (
+
+
+
+
+
+
+ {HomelinksArray.map((link, index) => (
+
+
+
+
+
+
+ {ServicelinksArray.map((link, index) => (
+
+
+
+
+
+
+ {QuicklinksArray.map((link, index) => (
+
+
+
+
+
+
+
+
+
+ {mediaArray?.map((media: { id: number; image: string; link:string}) => (
+
+
+
+
+
+
+
+
+
+
+
+ {
+ HedaerLinksArray.map((link,index) => (
+
{link.name}
+ ))
+ }
+
+
+
+
+
+
} type='primary' />}
+ >
+ {({ closeDrawer }) => (
+ <>
+
+
+
+
+ {HedaerLinksArray.map((drawerLink, index) => (
+
+
+ )}
+
+
+
+
+ {children}
+
+
+
+ );
+});
+
+export default Layout;
diff --git a/src/Pages/About/Page.tsx b/src/Pages/About/Page.tsx
new file mode 100644
index 0000000..3f86d54
--- /dev/null
+++ b/src/Pages/About/Page.tsx
@@ -0,0 +1,13 @@
+import About from '../../Components/about/About'
+import { useGetHome } from '../../api/home';
+
+const AboutUS = () => {
+ const {data} = useGetHome();
+ return (
+ <>
+
+
+
+ )
+}
+
+export default Page
\ No newline at end of file
diff --git a/src/Pages/Home/Page.tsx b/src/Pages/Home/Page.tsx
new file mode 100644
index 0000000..65d5f6a
--- /dev/null
+++ b/src/Pages/Home/Page.tsx
@@ -0,0 +1,27 @@
+import HeroSection from "../../Components/Home/HeroSection";
+import Recent from "../../Components/Recent/Recent";
+import Service from "../../Components/Service/Service";
+import Works from "../../Components/Works/Works";
+import About from "../../Components/about/About";
+import Contact from "../../Components/contact/Contact";
+import { useGetHome } from "../../api/home";
+
+
+const Page = () => {
+ const {data,isLoading} = useGetHome()
+ console.log(data);
+
+ return (
+ <>
+
+
+
+
+
{t("Explore the premium apps we offer for you.")}
+
+
+ {
+ isLoading ?
:
+ data?.map((item:any,index:number)=>(
+
+ ))
+ }
+
+
+
+
} text="View More" />
+
+
+
+
+ )
+}
+
+export default Services
\ No newline at end of file
diff --git a/src/Pages/SingleProject/Page.tsx b/src/Pages/SingleProject/Page.tsx
new file mode 100644
index 0000000..5c56936
--- /dev/null
+++ b/src/Pages/SingleProject/Page.tsx
@@ -0,0 +1,40 @@
+import { useState } from 'react';
+import { useParams } from 'react-router-dom';
+import { IoIosArrowDroprightCircle } from "react-icons/io";
+import AnimationButton from "../../Components/Ui/AnimationButton";
+import HeaderLink from "../../Components/Ui/HeaderLink";
+import { useGetProject } from '../../api/project';
+import { BaseURL_IMAGE } from '../../api/config';
+import Spinner from '../../Components/Utils/Loading/Spinner';
+import ReactPlayer from 'react-player';
+
+const SingleProjectPage = () => {
+ const { id } = useParams<{ id: string }>();
+ const { data, isLoading } = useGetProject();
+ const [playing, setPlaying] = useState(false);
+
+ const project = data?.find((p: { id: { toString: () => string | undefined; }; }) => p.id.toString() === id);
+
+ const handlePlayPause = () => {
+ setPlaying(!playing);
+ };
+
+ return (
+
+
+
+
{isLoading ?
+
+
+
+
+
+
} text="Contact Us Now" />
+
+
+
+
+
+
+ {children}
+
+
+
+
+ )
+}
+
+export default ProviderContainer
\ No newline at end of file
diff --git a/src/Styles/AppStyle/App.scss b/src/Styles/AppStyle/App.scss
new file mode 100644
index 0000000..55f2ae3
--- /dev/null
+++ b/src/Styles/AppStyle/App.scss
@@ -0,0 +1,24 @@
+html,body {
+ background: var(--bg);
+ max-width: 100vw;
+ color: var(--text);
+ font-family: 'Ubuntu', sans-serif;
+}
+
+*{
+ padding: 0;
+ margin: 0;
+}
+
+a {
+ color: inherit;
+ font-weight: bold;
+ text-decoration: none !important;
+ cursor: pointer;
+}
+
+button,
+svg {
+ cursor: pointer;
+}
+
diff --git a/src/Styles/AppStyle/Import.scss b/src/Styles/AppStyle/Import.scss
new file mode 100644
index 0000000..742fa28
--- /dev/null
+++ b/src/Styles/AppStyle/Import.scss
@@ -0,0 +1,19 @@
+
+@import './Variables.scss';
+@import './Mixing.scss';
+@import './App.scss';
+@import '../Layout/Layout.scss';
+
+@import '../Layout/Header.scss';
+@import '../Layout/Footer.scss';
+
+@import '../Component/index.scss';
+@import '../Pages/index.scss';
+
+
+@font-face {
+ font-family: 'Ubuntu';
+ src: url('../../../public/fonts/Ubuntu/Ubuntu-Regular.ttf') format('truetype');
+ font-weight: normal;
+ font-style: normal;
+}
\ No newline at end of file
diff --git a/src/Styles/AppStyle/Mixing.scss b/src/Styles/AppStyle/Mixing.scss
new file mode 100644
index 0000000..a8d210a
--- /dev/null
+++ b/src/Styles/AppStyle/Mixing.scss
@@ -0,0 +1,54 @@
+
+@mixin Shadow {
+ box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.07);
+
+}
+
+
+@mixin Flex {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+}
+
+
+@mixin Hover {
+
+ &:hover{
+ color: var(--secondary);
+ }
+}
+
+@mixin Hover_outline_characters {
+
+ &:hover{
+text-shadow: 2px 2px var(--secondary);
+
+ }
+}
+
+
+@mixin underLineText($color1,$color2){
+ background-image: linear-gradient(90deg, $color1 , $color2);
+ background-size: 0% 3px;
+ background-repeat: no-repeat;
+ background-position: left bottom;
+ transition: background-size 500ms ease-in-out;
+ &:hover{
+ background-size: 100% 3px;
+
+ }
+}
+
+.underLineText{
+ background-image: linear-gradient(90deg, var(--primary) , var(--secondary));
+ background-size: 0% 3px;
+ background-repeat: no-repeat;
+ background-position: left bottom;
+ transition: background-size 500ms ease-in-out;
+ &:hover{
+ background-size: 100% 3px;
+
+ }
+}
\ No newline at end of file
diff --git a/src/Styles/AppStyle/Variables.scss b/src/Styles/AppStyle/Variables.scss
new file mode 100644
index 0000000..4210018
--- /dev/null
+++ b/src/Styles/AppStyle/Variables.scss
@@ -0,0 +1,95 @@
+
+
+
+
+:root {
+ // used
+ // --
+ --primary: #50A3EF;
+ --secondary : #3531AA;
+
+
+
+ --thirdly:#81dcda;
+ --fourthly:#35c6c2;
+ --fifthly:#35c6c2;
+ --sixthly:#fff;
+ --seven:#d90217;
+ --eight:rgba(0, 0, 0, 0.45);
+ --nine:#2ecc71;
+ --ten: #f0f0f0;
+ --eleven: #333;
+ --twelve: #d3d3d3;
+ --textGray: #757575;
+ --WhiteGray:#A5A5A5;
+ --DarkGray:#626262;
+ --midGray:#5E6770;
+
+ --text: black;
+
+ --bg: #fafafa;
+ --bg2: #e7ecf2;
+ --bg3:#fafafa;
+ --bg4:#e7ecf2;
+ --bg5:#e7ecf2;
+ --bg6:#e7ecf2;
+
+ --border:#647285cb;
+ --border2:rgba(0,0,0,0.3);
+ --shadow: rgba(0, 0, 0, 0.15);
+
+ --gray : rgb(207, 210, 214);
+ --graytoblack : rgb(207, 210, 214);
+ --whiteandblack:#fff;
+ --blacktowhite:#000;
+ --white:#fff;
+ --black:#000;
+
+ --svgAbout: #d90217;
+ --svgAbout2: #35c6c2;
+
+
+
+ --responsive-width: 1000px;
+
+}
+
+:root:has(.dark) {
+ --primary: #000;
+ --secondary: #d90217;
+ --thirdly:#35c6c2;
+ --fourthly:#35c6c2;
+ --fifthly:#35c6c2;
+ --sixthly:#35c6c2;
+ --seven:#35c6c2;
+ --eight:#Fff;
+
+
+ --text: #ffffff;
+
+ --bg: #1f1f1f;
+ --bg2: #000;
+ --bg3:#000;
+ --bg4:#1f1f1f;
+ --bg5:#35c6c2;
+ --bg5:#e7ecf2;
+
+
+ --border:#fff;
+ --border2:#35c6c2;
+ --shadow: #ffffff26;
+
+ --white:#fff;
+ --black:#000;
+ --gray: #a0aec0;
+ --graytoblack : #000;
+ --whiteandblack:#000;
+ --blacktowhite:#fff;
+
+ --svgAbout: #d90217;
+ --svgAbout2: #fff;
+
+}
+
+
+
diff --git a/src/Styles/Component/AnimationButton.scss b/src/Styles/Component/AnimationButton.scss
new file mode 100644
index 0000000..8c5f59e
--- /dev/null
+++ b/src/Styles/Component/AnimationButton.scss
@@ -0,0 +1,92 @@
+.button {
+ display: flex;
+ justify-content: center;
+ position: relative;
+ background: var(--primary);
+ border-radius: 45px;
+ padding-block: 11px;
+ cursor: pointer;
+ transition: ease-in-out 0.4s;
+ a{
+ width: 100%;
+ @include Flex;
+ }
+ p {
+ z-index: 9999;
+ color: var(--white);
+ font-size: 14px;
+ margin-bottom: 0;
+ font-weight: normal;
+ z-index: 9999;
+ }
+
+ span {
+ z-index: 999;
+ transition: ease-in-out 0.2s;
+ visibility: hidden;
+
+ svg {
+ position: absolute;
+ bottom: 6px;
+ right: -10px;
+ font-size: 30px;
+ color: transparent;
+ transition: ease-in-out 0.2s;
+ }
+
+ &::after {
+ content: "";
+ background-color: var(--primary);
+ position: absolute;
+ right: 0px;
+ bottom: 0px;
+ height: 43px;
+ width: 40px;
+ border-radius: 0 45px 45px 0;
+ z-index: -1;
+ transition: ease-in 0.2s;
+ }
+ }
+
+ &:hover {
+ background: var(--secondary);
+
+ span {
+ z-index: 999;
+ right: -5px;
+ visibility: visible;
+
+ svg {
+ color: var(--white);
+ }
+
+ &::after {
+ background: var(--secondary);
+ right: -20px;
+ }
+ }
+ }
+}
+
+@media screen and (max-width:600px) {
+ .button {
+ border-radius: 45px;
+ padding-block: 8px;
+ p {
+ font-size: 10px;
+ }
+
+ span {
+ svg {
+ right: -12px;
+ bottom: 5px;
+ font-size: 20px;
+ }
+
+ &::after {
+ height: 31px;
+ width: 40px;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/Styles/Component/ContactInfo.scss b/src/Styles/Component/ContactInfo.scss
new file mode 100644
index 0000000..644e690
--- /dev/null
+++ b/src/Styles/Component/ContactInfo.scss
@@ -0,0 +1,19 @@
+.single_contact_info{
+ display: flex; align-items: center;
+ .MediaButton{
+ margin-right: 12px;
+ background: var(--primary);
+ color: var(--white);
+ }
+ div{
+ h2{
+ font-size: 18px;
+ font-weight: bold;
+ margin: 0 !important;
+ }
+ p{
+ font-size: 16px;
+ color: var(--DarkGray);
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/Styles/Component/CustomTitle.scss b/src/Styles/Component/CustomTitle.scss
new file mode 100644
index 0000000..f30470e
--- /dev/null
+++ b/src/Styles/Component/CustomTitle.scss
@@ -0,0 +1,33 @@
+.Custom_Title{
+ display: flex;align-items: center;
+ &::before{
+ content: "";
+ width: 140px;
+ height: 2.5px;
+ border-radius: 10px;
+ background: linear-gradient(90deg, var(--primary) -8.57%, rgba(80, 163, 239, 0) 100%);
+ rotate: 180deg;
+ }
+ p{
+ margin-bottom: 0;
+ padding-inline: 8px;
+ color: var(--primary);
+ text-transform: uppercase;
+ font-weight: 550;
+ }
+ &::after{
+ content: "";
+ width: 140px;
+ height: 2.5px;
+ border-radius: 12px;
+ background: linear-gradient(90deg, var(--primary) -8.57%, rgba(80, 163, 239, 0) 100%);
+ }
+}
+
+@media screen and (max-width:700px) {
+ .Custom_Title{
+ &::before ,&::after{
+ width: 80px;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/Styles/Component/FooterTItleWithSeparator.scss b/src/Styles/Component/FooterTItleWithSeparator.scss
new file mode 100644
index 0000000..5101b8e
--- /dev/null
+++ b/src/Styles/Component/FooterTItleWithSeparator.scss
@@ -0,0 +1,25 @@
+.FooterTItleWithSeparator{
+ position: relative;
+ h1{
+ font-size: 18px;
+ font-weight: bold;
+ padding-bottom: 0 !important;
+ margin-bottom: 0 !important;
+ }
+ hr{
+ width: 44px;
+ opacity:1;
+ border: 1px solid gray ;
+ margin: 10px 0 20px 0 !important;
+ border-radius: 5px;
+ &::after {
+ width: 15px;height: 3px;
+ border-radius: 5px;
+ position: absolute;
+ background: var(--primary);
+ content: "";
+ // bottom: 0px !important;
+ left:0;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/Styles/Component/HeaderLink.scss b/src/Styles/Component/HeaderLink.scss
new file mode 100644
index 0000000..462392e
--- /dev/null
+++ b/src/Styles/Component/HeaderLink.scss
@@ -0,0 +1,47 @@
+.header_link{
+ margin-top: 20px;
+ display: flex;justify-content: start;align-items: center;
+ color: var(--whiteGray);
+ font-size: 14px;
+ letter-spacing: .7px;
+ padding-bottom: 20px;
+ z-index: 99;
+ .first_link{
+ cursor: pointer;
+ transition: ease-in-out .1s;
+ color: var(--DarkGray);
+ font-weight: 500;
+ &:hover{
+ color: var(--primary);
+ }
+ }
+ svg{
+ color: var(--DarkGray);
+ }
+ .page_title_link{
+ color: var(--primary);
+ padding-left: 4px;
+ cursor: pointer;
+ }
+ }
+
+ .ar{
+ .header_link{
+ svg{
+ transform: rotate(180deg) ;
+ }
+ }
+ .ant-pagination{
+ .anticon svg{
+ transform: rotate(180deg) ;
+ }
+ }
+ }
+
+
+
+@media screen and (max-width:600px) {
+ .header_link{
+ font-size: 12px;
+ }
+}
\ No newline at end of file
diff --git a/src/Styles/Component/MediaButton.scss b/src/Styles/Component/MediaButton.scss
new file mode 100644
index 0000000..7e543bd
--- /dev/null
+++ b/src/Styles/Component/MediaButton.scss
@@ -0,0 +1,16 @@
+.MediaButton{
+ width:38px;height:38px;
+ padding: 10px;
+ @include Flex;
+ font-size: 18px;
+ border: 1.5px solid var(--primary);
+ border-radius: 50%;
+ background: var(--white);
+ color: var(--primary);
+ margin-bottom: 10px;
+ transition: ease-in-out .4s;
+ &:hover{
+ background: var(--primary);
+ color: var(--white);
+ }
+}
\ No newline at end of file
diff --git a/src/Styles/Component/PreviewButton.scss b/src/Styles/Component/PreviewButton.scss
new file mode 100644
index 0000000..07fe80e
--- /dev/null
+++ b/src/Styles/Component/PreviewButton.scss
@@ -0,0 +1,34 @@
+.preview_button {
+ display: flex;
+ justify-content: center;
+ position: relative;
+ background: transparent;
+ border-radius: 45px;
+ padding-block: 11px;
+ cursor: pointer;
+ transition: ease-in-out 0.4s;
+ border: 2px solid var(--white);
+ padding: 9.5px 17px;
+ a{
+ width: 100%;
+ @include Flex;
+ }
+ p {
+ z-index: 9999;
+ color: var(--white);
+ font-size: 13px;
+ margin-bottom: 0;
+ font-weight: normal;
+ z-index: 9999;
+ }
+}
+
+
+@media screen and (max-width:600px) {
+ .preview_button {
+ padding: 7.5px 12px;
+ p {
+ font-size: 10px;
+ }
+}
+}
\ No newline at end of file
diff --git a/src/Styles/Component/ProjectCard.scss b/src/Styles/Component/ProjectCard.scss
new file mode 100644
index 0000000..e48d602
--- /dev/null
+++ b/src/Styles/Component/ProjectCard.scss
@@ -0,0 +1,103 @@
+.project_card{
+ @include Flex; flex-direction: column;
+ position: relative;
+ padding-top: 15px;
+ border-block: 1.5px solid var(--DarkGray);
+ .project_card_container{
+ position: relative;
+ .images{
+ width: 100%;
+ &::after{
+ content: "";
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ z-index: 2;
+ background-color: rgba(0, 0, 0, 0.381);
+ left: 0;
+ opacity: 0;
+ top: 0;
+ transition: .3s ease-in-out;
+ }
+
+ .main_img,.hover_img{
+ width: 367px;
+ height: 230px;
+ }
+ .hover_img{
+ position: absolute;
+ top: 0;left: 0;
+ visibility: hidden;
+ }
+ .buttons{
+ width: 100%;
+ display: flex;
+ justify-content: center;align-items: center;
+ position: absolute;
+ top: 50%;right: 50%;
+ transform: translate(50%,-50%);
+ opacity: 0;
+ transition: ease-in-out .3s;
+ z-index: 9999;
+ .button{
+ width: 120px;
+ margin-inline: 5px;
+ position: relative;
+ }
+ }
+ }
+ }
+ h1{
+ text-align: center;
+ padding-block: 16px 4px;
+ font-size: 17px;
+ border-bottom: 1px solid transparent;
+ transition: ease-in-out .3s;
+ }
+
+ &:hover{
+ .images{
+ &::after{
+ opacity: 1;
+ }
+ .main_img{
+ opacity: 0;
+ }
+ .hover_img{
+ visibility: visible;
+ }
+ }
+ .buttons{
+ opacity: 1 !important;
+ }
+ h1{
+ color: var(--primary);
+ border-color: var(--primary);
+ }
+ }
+}
+
+@media screen and (max-width:600px) {
+ .project_card{
+ .project_card_container{
+ .images{
+ .main_img,.hover_img{
+ width: 280px;
+ height: 170px;
+ }
+ .buttons{
+ .button{
+ width: 100px;
+ p{
+ font-size: 10px;
+ }
+ }
+ }
+ }
+ }
+ h1{
+ padding-block: 12px 4px;
+ font-size: 17px !important;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/Styles/Component/SingleLink.scss b/src/Styles/Component/SingleLink.scss
new file mode 100644
index 0000000..9667b5e
--- /dev/null
+++ b/src/Styles/Component/SingleLink.scss
@@ -0,0 +1,22 @@
+.SingleLink{
+ margin-bottom: 10px;
+ .link{
+ display: flex;
+ transition: ease-in-out .4s;
+ div{
+ width: 22px;
+ }
+ svg{
+ color: var(--secondary);
+ font-size: 20px;
+ }
+ h5{
+ opacity: .7;
+ text-transform: capitalize;
+ font-size: 15px;
+ }
+ &:hover{
+ margin-left: 15px;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/Styles/Component/SingleService.scss b/src/Styles/Component/SingleService.scss
new file mode 100644
index 0000000..7d6fa5f
--- /dev/null
+++ b/src/Styles/Component/SingleService.scss
@@ -0,0 +1,30 @@
+.Single_Service{
+ display: flex; align-items: center; flex-direction: column;
+ z-index: 99;
+ width: 33%;
+ .icon_container{
+ position: relative;
+ padding-bottom: 15px;
+ span{
+ position: absolute;
+ top: 50%;right: 50%;
+ transform: translate(50%, -50%);
+ svg{
+ font-size: 50px;
+ }
+ }
+ }
+ h2{
+ width: 50%;
+ text-align: center;
+ font-size: 18px;
+ font-weight: bold;
+ text-transform: capitalize;
+ }
+ p{
+ width: 80%;
+ font-size: 13.9px;
+ text-align: center;
+ color: var(--DarkGray);
+ }
+}
\ No newline at end of file
diff --git a/src/Styles/Component/index.scss b/src/Styles/Component/index.scss
new file mode 100644
index 0000000..04a0f96
--- /dev/null
+++ b/src/Styles/Component/index.scss
@@ -0,0 +1,10 @@
+@import './AnimationButton.scss';
+@import './MediaButton.scss';
+@import './SingleLink.scss';
+@import './FooterTItleWithSeparator.scss';
+@import './ContactInfo.scss';
+@import './CustomTitle.scss';
+@import './SingleService.scss';
+@import './HeaderLink.scss';
+@import './ProjectCard.scss';
+@import './PreviewButton.scss';
diff --git a/src/Styles/Layout/Footer.scss b/src/Styles/Layout/Footer.scss
new file mode 100644
index 0000000..51f3357
--- /dev/null
+++ b/src/Styles/Layout/Footer.scss
@@ -0,0 +1,120 @@
+.footer_contianer{
+ width: 100%;
+ position: relative;
+ .footer_image{
+ height: 100%;
+ width: 100%;
+ position: absolute;
+ left: 0;
+ opacity: .06;
+ }
+ .Footer{
+ width: 90%;
+ margin-inline: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center !important;
+ padding-block: 90px;
+ }
+ .logo_section{
+ z-index: 999999;
+ width: 25%;
+ p{
+ font-size: 15px;
+ margin-top: 10px;
+ opacity: .7;
+ }
+ }
+ .media_container{
+ display: flex;
+ .MediaButton{
+ margin-right: 10px;
+ background: transparent;
+ &:hover{
+ background: var(--primary);
+ }
+ }
+ }
+
+ .home_links_section ,
+ .service_links_section,
+ .contact_links_section,
+ .quick_links_section{
+ z-index: 999999;
+ height: 143px;
+ border-left: 1.5px solid var(--WhiteGray);
+ padding-left: 25px;
+ }
+ .home_links_section{
+ width: 10%;
+ }
+ .service_links_section{
+ width: 15%;
+ }
+ .contact_links_section{
+ width: 20%;
+ .responsive_sections{
+ display: none;
+ }
+ }
+ .quick_links_section{
+ width: 18%;
+ }
+}
+
+
+@media screen and (max-width:1000px) {
+ .footer_contianer{
+ .Footer{
+ align-items: start !important;
+ flex-wrap: wrap;
+ }
+ .home_links_section ,
+ .service_links_section,
+ .contact_links_section,
+ .quick_links_section,
+ .logo_section{
+ margin-top: 20px;
+ width: 40%;
+ }
+ }
+}
+
+@media screen and (max-width:500px) {
+ .footer_contianer{
+ .Footer{
+ width: 90%;
+ margin-inline: auto;
+ display: flex;
+ justify-content: center;
+ align-items: center !important;
+ flex-direction: column;
+ padding-block: 50px 180px;
+ }
+ .logo_section{
+ width: 100%;
+ @include Flex;
+ p,
+ .FooterTItleWithSeparator,
+ .media_container{
+ display: none;
+ }
+ }
+ .contact_links_section{
+ width: 100%;
+ border: none;
+ .responsive_sections{
+ @include Flex;
+ flex-direction: column;
+ // height: 200px;
+ }
+ }
+ .home_links_section ,
+ .service_links_section,
+ .quick_links_section{
+ display: none;
+ }
+ }
+
+
+}
\ No newline at end of file
diff --git a/src/Styles/Layout/Header.scss b/src/Styles/Layout/Header.scss
new file mode 100644
index 0000000..6a534ae
--- /dev/null
+++ b/src/Styles/Layout/Header.scss
@@ -0,0 +1,122 @@
+.header_container{
+ height: 76px;
+ width: 100%;
+ display: flex;align-items: center;justify-content: space-around;
+ .image_container{
+ img{
+ width: 50px;
+ }
+ }
+ .Header_links{
+ display:flex;
+ .Link{
+ display: flex;justify-content: center;align-items: center;
+ border-right: 2px solid #CCCCCC;
+ padding-inline: 2.5vw;
+ h4{
+ @include underLineText(#50A3EF00,var(--primary));
+ font-size:1vw;
+ font-weight: bold;
+ letter-spacing: .5px;
+ }
+ }
+ .Link:last-child{
+ border-right: 0px !important;
+ }
+ }
+ .button_container{
+ width: 150px;
+ }
+ .menu_nav{
+ display: none;
+ .ant-btn-primary{
+ background: transparent;
+ box-shadow: 0px 0 0 ;
+ &:hover{
+ background: transparent;
+ }
+ svg{
+ color: var(--DarkGray);
+ font-size: 30px;
+ }
+ }
+ }
+}
+.header_logo{
+ width: 80%;
+ display: flex;align-items: end;justify-content: end;
+ margin-inline:auto;
+ margin-bottom: 10px;
+}
+
+.nav_link_drawer{
+ width: 85%;
+ display: flex;
+ align-items: center;
+ margin-inline: auto;
+ margin-bottom: 10px;
+ cursor: pointer;
+ p{
+ width: 100% !important;
+ margin-bottom: 0 !important;
+ }
+ z-index: 99999 !important;
+ .drawer_link{
+ display: flex;
+ align-items: center;
+ font-weight: normal;
+ font-size: 14px;
+ padding-left: 10px !important;
+ width: 100%;
+ padding: 8px 18px;
+ border-radius: 10px;
+
+ svg{
+ margin-right: 10px;
+ }
+ &:hover{
+ color: var(--white);
+ background: var(--primary);
+ }
+ }
+ .active_link{
+ color: var(--white);
+ background: var(--primary);
+ border-radius: 10px;
+ }
+}
+
+ul{
+ margin-bottom: 0;
+ padding-left: 0px !important;
+}
+
+.ant-float-btn-primary .ant-float-btn-body{
+ background: var(--primary) !important;
+}
+.ant-drawer-body{
+ padding: 0 !important;
+ padding-top: 20px !important;
+}
+
+
+
+@media screen and (max-width:1000px) {
+ .header_container{
+ width: 90vw;
+ margin-inline: auto ;
+ justify-content: space-between;
+ .Header_links{
+ display: none;
+ }
+ .menu_nav{
+ display: inline;
+ }
+ .button_container{
+ display: none;
+ }
+ }
+ .button_container_menu_nav{
+ width: 170px !important;
+ }
+}
\ No newline at end of file
diff --git a/src/Styles/Layout/HeaderComponent.scss b/src/Styles/Layout/HeaderComponent.scss
new file mode 100644
index 0000000..a3775f9
--- /dev/null
+++ b/src/Styles/Layout/HeaderComponent.scss
@@ -0,0 +1,39 @@
+.header_component {
+ margin-top: 20px;
+ width: 100%;
+ display: flex ;
+ justify-content: space-around !important;
+ align-items: center;
+ .Translate{
+ background-color: var(--secondary) !important;
+ border-radius: 5px;
+ padding: 5px;
+ transition: all 0.2s ease-in-out;
+ &:hover {
+ background-color: var(--nine) !important;
+ color: var(--white) !important;
+ }
+ }
+ span {
+ color: var(--white);
+ opacity: 1 !important;
+ font-weight: bold;
+ }
+}
+
+
+.auth_header{
+ display: flex; justify-content: space-between;align-items: center;
+ width: 100%;
+ margin-bottom: 10px;
+ .Translate{
+ background-color: var(--secondary) !important;
+ border-radius: 5px !important;
+ padding: 5px !important;
+ transition: all 0.2s ease-in-out !important;
+ &:hover {
+ background-color: var(--nine) !important;
+ color: var(--white) !important;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/Styles/Layout/Layout.scss b/src/Styles/Layout/Layout.scss
new file mode 100644
index 0000000..29afc52
--- /dev/null
+++ b/src/Styles/Layout/Layout.scss
@@ -0,0 +1,3 @@
+.Layout_Body{
+ // height: 200vh;
+}
\ No newline at end of file
diff --git a/src/Styles/Layout/Table.scss b/src/Styles/Layout/Table.scss
new file mode 100644
index 0000000..c505157
--- /dev/null
+++ b/src/Styles/Layout/Table.scss
@@ -0,0 +1,34 @@
+ .sc-hKwDye,.card-body div nav{
+ background-color:var(--bg) !important;
+ color: var(--text) !important;
+ }
+ .glass{
+ /* Hmcd */
+ .sc-dkPtRN .sc-hKwDye .sc-crHmcD{
+ background-color:transparent;
+ }
+
+ /* Ptrn */
+ .sc-bdvvtL .sc-gsDKAQ .sc-dkPtRN{
+ background-color:transparent;
+ }
+
+ /* Card */
+ #root .card{
+ transform:translatex(0px) translatey(0px);
+ }
+
+ /* Bdvvtl */
+ .sc-dlVxhl .sc-fKVqWL .sc-bdvvtL{
+ background-color:transparent;
+ }
+
+
+ /* Row 12 */
+ .rdt_TableRow{
+ background-color:transparent !important;
+ }
+
+
+ }
+
diff --git a/src/Styles/Pages/About.scss b/src/Styles/Pages/About.scss
new file mode 100644
index 0000000..f8958ab
--- /dev/null
+++ b/src/Styles/Pages/About.scss
@@ -0,0 +1,93 @@
+.about{
+ width: 100%;
+ position: relative;
+ display: flex;justify-content: center;align-items: center !important; flex-direction: column;
+ padding-bottom: 100px !important;
+ .about_image{
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ left: 0;
+ }
+ .main_container{
+ display: flex; justify-content: start;align-items: start;flex-direction: column;
+ width: 90%;
+ margin-inline: auto;
+ }
+ .about_container{
+ padding-top: 25px;
+ width: 100%;
+ margin-inline: auto;
+ display: flex;
+ z-index: 99;
+ .about_left{
+ width: 50%;
+ img{
+ width: 80%;
+ }
+ }
+
+ .about_right{
+ width: 50%;
+ display: flex; justify-content: center; flex-direction: column;
+ .Custom_Title{
+ p{
+ padding-left: 0;
+ }
+ &::before{
+ display: none;
+ }
+ }
+ h1{
+ font-weight: 700;
+ font-size: 35px;
+ }
+ > p{
+ color: var(--DarkGray);
+ font-size: 13.5px;
+ letter-spacing: .2px;
+ line-height: 30px;
+ }
+ .button_container{
+ width: 160px;
+ }
+ }
+ }
+}
+
+@media screen and (max-width:800px) {
+ .about{
+ .about_container{
+ display: flex; flex-direction: column-reverse;justify-content: center;align-items: center;
+ .about_left,
+ .about_right{
+ text-align: center;
+ width: 90%;
+ img{
+ width: 280px;
+ }
+ }
+ .about_right{
+ margin-bottom: 20px;
+ h1{
+ font-weight: 700;
+ font-size: 20px;
+ }
+ > p{
+ font-size: 11.5px;
+ line-height: 20px;
+ }
+ .Custom_Title{
+ justify-content: center;
+ }
+ .button_container{
+ @include Flex;
+ width: 100%;
+ .button{
+ width: 155px;
+ }
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/Styles/Pages/Contact.scss b/src/Styles/Pages/Contact.scss
new file mode 100644
index 0000000..2dd5b12
--- /dev/null
+++ b/src/Styles/Pages/Contact.scss
@@ -0,0 +1,95 @@
+.contact{
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ padding-bottom: 130px;
+ position: relative;
+ .contact_image{
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ left: 0;
+ }
+
+ .contact_container{
+ padding-top: 20px;
+ width: 90%;
+ margin-inline: auto;
+ z-index: 99 !important;
+ .contact_section{
+ display: flex; justify-content: space-between;
+ padding-bottom: 50px;
+ .image_container{
+ width: 32%;
+ img{
+ width: 100%;
+ }
+ }
+ .right{
+ width:60%;
+ .Custom_Title{
+ p{
+ padding-left: 0;
+ }
+ &::before{
+ display: none;
+ }
+ }
+ h1{
+ font-weight: 700;
+ font-size: 35px;
+ padding-bottom: 25px;
+ span{
+ font-weight: normal;
+ }
+ }
+ > p{
+ color: var(--DarkGray);
+ font-size: 13.5px;
+ letter-spacing: .2px;
+ }
+ .button_container{
+ width: 160px;
+ }
+ }
+ }
+ }
+}
+
+@media screen and (max-width:700px) {
+ .contact{
+ .contact_container{
+ .contact_section{
+ display: flex;align-items: center;justify-content: center;
+ flex-direction: column-reverse !important;
+ padding-bottom: 0;
+ .image_container,
+ .right{
+ margin-bottom: 20px;
+ text-align: center;
+ width: 100%;
+ img{
+ width: 270px;
+ }
+ .Custom_Title{
+ justify-content: center;
+ }
+ .button_container{
+ @include Flex;
+ width: 100%;
+ .button{
+ width: 155px;
+ }
+ }
+ h1{
+ font-size: 20px;
+ padding-bottom: 5px;
+ }
+ > p{
+ font-size: 10.5px;
+ }
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/Styles/Pages/Home.scss b/src/Styles/Pages/Home.scss
new file mode 100644
index 0000000..490ff95
--- /dev/null
+++ b/src/Styles/Pages/Home.scss
@@ -0,0 +1,226 @@
+.HeroSection{
+ width: 100%;
+ position: relative;
+ display: flex;
+ background: #000;
+ border-bottom: 1px solid var(--white);
+ padding-bottom: 120px;
+ &::after{
+ width: 100%;
+ height: 100%;
+ content: "";
+ position: absolute;
+ background-image: url('/public/Home/HeroBg.png');
+ background-repeat: no-repeat !important;
+ background-position: right;
+ background-size: cover;
+ }
+ a{
+ scroll-behavior: smooth !important;
+ }
+ .scroll_down_img{
+ position: absolute;
+ z-index: 999;
+ bottom: -35px;
+ right: 50%;
+ transform: translateX(50%);
+ cursor: pointer;
+ }
+ .media_section{
+ display: flex;justify-content: end; flex-direction:column;
+ padding-left: 20px;
+ z-index: 99999 !important;
+ position: absolute;
+ bottom: 0;
+ // position: relative;
+ p, hr{
+ margin-left: -30px;
+ color: var(--white);
+ rotate: 90deg;
+ margin-bottom: 60px;
+ // position: relative;
+ font-size: 18px;
+ }
+ hr{
+ width: 100px;
+ // position: relative;
+ &::after {
+ content: "";
+ // width: 15px;height: 3px;
+ border-radius: 5px;
+ // position: absolute;
+ background: var(--primary);
+ bottom: -1px !important;
+ left:0;
+ }
+ }
+ .media_container{
+ display: flex;align-items: start;justify-content: start; flex-direction: column;
+ .MediaButton{
+ border-color:var(--midGray);
+ color: var(--midGray);
+ background: transparent;
+ transition: ease-in-out .3;
+ img{
+ opacity: .3;
+ }
+ &:hover{
+ border-color:var(--white);
+ color: var(--white);
+ img{
+ opacity: 1;
+ }
+ }
+ }
+ }
+ }
+ .main_text_section{
+ display: flex;justify-content: center; flex-direction: column;
+ height: 90%;
+ padding-left: 100px;
+ z-index: 999 !important;
+ color: var(--white);
+ position: relative;
+ img{
+ position: absolute;
+ top: 80px;
+ width: 13vw;
+ }
+ h1{
+ margin-left: 8vw;
+ font-size:3.8vw;
+ font-weight: bold;
+ z-index: 9999 !important;
+ &:nth-child(2){
+ padding-top: 13.5vw;
+ }
+ }
+ .bottom_text_container{
+ z-index: 9999;
+ width: 90.5%;
+ display: flex;justify-content: start;align-items: start; flex-direction: column;
+ padding-left: 15vw;
+ > p{
+ width: 54%;
+ font-size: 1.1vw;
+ }
+ .button_container{
+ width: 160px;
+
+ }
+ .button{
+ transition: ease-in-out .4s;
+ }
+ }
+ }
+
+}
+
+
+
+
+@media screen and (max-width:800px) {
+ .HeroSection{
+ // &::after{
+ // padding-bottom: 150px !important;
+ // width: 100%;
+ // // max-height: 10vh;
+ // content: "";
+ // position: absolute;
+ // background-image: url('/public/Home/HeroBg.png');
+ // background-repeat: no-repeat !important;
+ // background-size: contain !important;
+ // }
+ .main_text_section{
+ img{
+ width: 19vw;
+ }
+ h1{
+ margin-left:14vw;
+ font-size:4.8vw;
+ &:nth-child(2){
+ padding-top: 18vw;
+ }
+ }
+ .bottom_text_container{
+ // margin-left: 20vw;
+ padding-left: 21vw;
+ > p{
+ width: 90%;
+ font-size: 1.6vw;
+ }
+ .button_container{
+ width: 140px;
+ }
+ }
+ }
+ }
+}
+
+
+
+
+
+@media screen and (max-width:600px) {
+ .HeroSection{
+ width: 100%;
+ border-bottom: 2px solid var(--white);
+ &::after{
+ background-image: url('/public/Home/HeroBgRes.png') !important;
+ background-repeat: no-repeat !important;
+ background-position: right;
+ background-size: cover !important;
+ }
+ .media_section{
+ padding-left: 10px;
+ p, hr{
+ margin-bottom: 30px;
+ font-size: 10px;
+ }
+ hr{
+ width:85px;
+ margin-bottom: 50px;
+ &::after {
+ width: 15px;height: 3px;
+ border-radius: 5px;
+ left:0;
+ }
+ }
+ .media_container{
+ .MediaButton{
+ width: 20px;height: 20px;
+ font-size: 10px;
+ }
+ }
+ }
+
+ .main_text_section{
+ padding-left: 50px;
+ img{
+ top: 40px;
+ width: 87px;
+ }
+ h1{
+ margin-left: 65px;
+ font-size:15px;
+ &:nth-child(2){
+ padding-top: 80px;
+ }
+ }
+ .bottom_text_container{
+ width: 100%;
+ padding-left: 100px;
+ // margin-left: 100px;
+ > p{
+ width: 70%;
+ font-size: 10px;
+ }
+ .button_container{
+ width: 120px;
+
+ }
+ }
+ }
+
+ }
+}
\ No newline at end of file
diff --git a/src/Styles/Pages/Info.scss b/src/Styles/Pages/Info.scss
new file mode 100644
index 0000000..312b954
--- /dev/null
+++ b/src/Styles/Pages/Info.scss
@@ -0,0 +1,44 @@
+.info{
+ width: 100%;
+ position: relative;
+ .info_image{
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ opacity: .2;
+ }
+ .info_content{
+ position: relative;
+ width: 90%;
+ display: flex;justify-content: center; flex-direction: column;
+ margin-inline: auto;
+ .first_link ,.header_link_svg{
+ color: var(--text);
+ }
+ h1{
+ font-size: 30px;
+ font-weight: 600;
+ }
+ p{
+ font-size: 14px;
+ color: var(--DarkGray);
+ line-height: 30px;
+ letter-spacing: .3px;
+ padding-block: 30px 50px;
+ }
+ }
+}
+@media screen and (max-width:500px) {
+ .info{
+ .info_content{
+ h1{
+ font-size: 18px;
+ }
+ p{
+ font-size: 11px;
+ padding-block: 10px 20px;
+ line-height: 20px;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/Styles/Pages/Projects.scss b/src/Styles/Pages/Projects.scss
new file mode 100644
index 0000000..e01a6e9
--- /dev/null
+++ b/src/Styles/Pages/Projects.scss
@@ -0,0 +1,66 @@
+.projects{
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ position: relative;
+ padding-bottom: 110px;
+ transition: ease-in-out .4s;
+ &::after{
+ content: "";
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ background-image: url("/App/DarkBlueBg.png");
+ }
+ .projects_container{
+ width: 90%;
+ display: flex; flex-direction: column;
+ margin-inline: auto;
+ z-index: 99 !important;
+ color: var(--white);
+ padding-top: 40px;
+ .first_link, .header_link_svg{
+ color: var(--white);
+ }
+ h1{
+ font-weight: 500;
+ }
+
+ .single_project_container{
+ width: 100%;
+ position: relative;
+ display: flex; justify-content: center;align-items: center;
+ margin-inline: auto;
+ flex-wrap: wrap;
+ gap: 0 12px ;
+ margin-block: 20px;
+ }
+
+ .button_container{
+ @include Flex;
+ width: 100%;
+ .button{
+ width: 150px;
+ }
+ }
+ }
+}
+
+@media screen and (max-width:600px) {
+ .projects{
+ &::after{
+ background-image: url("/App/DarkBlueBgRes.png");
+ }
+ .projects_container{
+ padding-top: 20px;
+ h1{
+ font-size: 20px;
+ }
+ .button_container{
+ .button{
+ width: 120px;
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/Styles/Pages/Recent.scss b/src/Styles/Pages/Recent.scss
new file mode 100644
index 0000000..fec8e09
--- /dev/null
+++ b/src/Styles/Pages/Recent.scss
@@ -0,0 +1,198 @@
+.Recent {
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ position: relative;
+ // padding-bottom: 220px !important;
+ .recent_image {
+ width: 100%;
+ background: cover;
+ height: 100%;
+ position: absolute;
+ left: 0;
+ z-index: 0 !important;
+ }
+
+ .recent_container {
+ width: 90%;
+ display: flex;
+ flex-direction: column;
+ margin-inline: auto;
+ z-index: 99999 !important;
+ color: var(--white);
+ padding-top: 60px;
+
+ .recent_top {
+ text-align: center;
+ width: 70%;
+ padding-bottom: 19px;
+ margin-inline: auto;
+ .Custom_Title {
+ justify-content: center;
+ }
+
+ h1 {
+ font-weight: 700;
+
+ span {
+ font-weight: 100;
+ }
+ }
+
+ p {
+ font-size: 16.3px;
+ }
+ }
+
+ .recent_bottom {
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ text-align: center;
+
+ .arrow_svg {
+ width: 40px;
+ height: 40px;
+ color: var(--DarkGray);
+ font-size: 10px !important;
+ border: 1.4px solid var(--DarkGray);
+ border-radius: 50%;
+ padding: 7px;
+ transition: ease-in-out 0.4s;
+
+ &:hover {
+ color: var(--white);
+ border-color: var(--white);
+ }
+ }
+ .fake_arrow{
+ display: none;
+ }
+
+ .data_section {
+ width: 85%;
+ position: relative;
+ height: 50vh;
+ }
+
+ .data_section_content {
+ width: 100%;
+ margin-inline: auto;
+ display: flex;
+ justify-content: space-between;
+ position: absolute;
+
+ .data_section_left {
+ width: 48%;
+ display: flex;
+ justify-content: start;
+ align-items: start;
+ flex-direction: column;
+ text-align: start;
+
+ h1 {
+ text-transform: capitalize;
+ font-size: 34px;
+ padding-bottom: 20px;
+ }
+
+ .data_text {
+ line-height: 18px;
+ }
+
+ .button_container {
+ width: 150px;
+ }
+ }
+
+ .data_section_right {
+ width: 48%;
+
+ img {
+ width: 100%;
+ }
+ }
+ }
+ }
+ }
+}
+
+.fade-enter {
+ opacity: 0;
+}
+
+.fade-enter-active {
+ opacity: 1;
+ transition: opacity 500ms ease-in-out;
+}
+
+.fade-exit {
+ opacity: 1;
+}
+
+.fade-exit-active {
+ opacity: 0;
+ transition: opacity 500ms ease-in-out;
+}
+
+@media screen and (max-width:800px) {
+ .Recent {
+ padding-bottom: 20px;
+ .recent_container {
+ padding-top: 30px;
+ .recent_top {
+ h1 {
+ font-size: 20px;
+ }
+
+ p {
+ font-size: 12.3px;
+ }
+ }
+ .recent_bottom {
+ flex-direction: column;
+ .fake_arrow_none{
+ display: none;
+ }
+ .arrow_responsive_container{
+ display: flex;justify-content: space-between;align-items: center;
+ width: 100px;
+ z-index: 99;
+ .fake_arrow{
+ display: block;
+ }
+ }
+ .data_section {
+ width: 100%;
+ position: relative;
+ // height: 60vh;
+ }
+ .data_section_content {
+ justify-content: center;
+ flex-direction: column;
+ .data_section_left {
+ width: 100%;
+ padding-bottom: 30px;
+ h1 {
+ font-size: 20px;
+ padding-bottom: 10px;
+ }
+ p{
+ font-size: 10px;
+ }
+ .data_text {
+ line-height: 16px;
+ }
+ }
+ .data_section_right {
+ width: 100%;
+ img{
+ width: 290px;
+ }
+ }
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/Styles/Pages/Service.scss b/src/Styles/Pages/Service.scss
new file mode 100644
index 0000000..1ff3c36
--- /dev/null
+++ b/src/Styles/Pages/Service.scss
@@ -0,0 +1,76 @@
+.Service{
+ width: 100%;
+ display: flex;justify-content: center;align-items: center; flex-direction: column;
+ position: relative;
+ .service_image{
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ left: 0;
+ opacity: .2;
+ }
+ .Title_link_container{
+ width: 90%;
+ display: flex;justify-content: start;align-items: start;
+ }
+ .service_top_container{
+ padding-top: 20px;
+ width: 90%;
+ display: flex;justify-content: center;align-items: center; flex-direction: column;
+ z-index: 99 !important;
+ line-height: 30px;
+ .title_container{
+ display: flex;align-items: center;
+ h1{
+ margin: 0;
+ padding: 0;
+ padding-left: 13px;
+ }
+ }
+ > p{
+ color: var(--DarkGray);
+ font-size: 14px;
+ }
+ }
+
+ .service_bottom_container{
+ width: 84%;
+ display: flex;
+ justify-content: center;
+ margin-inline: auto;
+ padding-block: 50px;
+ flex-wrap: wrap;
+ }
+}
+
+@media screen and (max-width:800px) {
+ .Service{
+ .service_image{
+ opacity: .3;
+ }
+ .service_top_container{
+ .title_container{
+ img{
+ width: 110px;
+ }
+ h1{
+ padding-left: 5px;
+ font-size: 20px;
+ }
+ }
+ > p{
+ font-size: 12px;
+ }
+ }
+
+ .service_bottom_container{
+ width: 90%;
+ padding-block: 20px;
+ flex-direction: column;
+ .Single_Service{
+ width: 100%;
+ padding-bottom: 15px;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/Styles/Pages/SingleProjects.scss b/src/Styles/Pages/SingleProjects.scss
new file mode 100644
index 0000000..09113a5
--- /dev/null
+++ b/src/Styles/Pages/SingleProjects.scss
@@ -0,0 +1,66 @@
+.single_projects{
+ .video_section {
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-block: 20px;
+ position: relative;
+ width: 100%;
+ height: 400px;
+ &::after {
+ content: ""; /* Font Awesome unicode for the "play" icon */
+ font-weight: 900; /* Font Awesome font weight */
+ color: white;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ z-index: -1;
+ background-color: rgba(0, 0, 0, 0.55);
+ left: 0;
+ top: 0;
+ transition: .3s ease-in-out;
+ font-size: 40px;
+ cursor: pointer;
+ }
+
+ div{
+ width: 100% !important;
+ height: 100% !important;
+ z-index: 99;
+ video{
+ width: 100% !important;
+ height: 100% !important;
+ z-index: 99;
+ object-fit: fill;
+ }
+ }
+ }
+}
+
+@media screen and (max-width:900px) {
+ .single_projects{
+ .video_section {
+ .video {
+ height: 300px;
+ }
+ }
+ }
+}
+
+@media screen and (max-width:600px) {
+ .single_projects{
+ .video_section {
+ margin-block: 20px;
+ &::after {
+ font-size: 20px;
+ }
+ .video {
+ height: 200px;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/Styles/Pages/Works.scss b/src/Styles/Pages/Works.scss
new file mode 100644
index 0000000..2278c3d
--- /dev/null
+++ b/src/Styles/Pages/Works.scss
@@ -0,0 +1,81 @@
+.works{
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ position: relative;
+ padding-bottom: 110px;
+ transition: ease-in-out .4s;
+ .works_image{
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ left: 0;
+ z-index: 0 !important;
+ }
+ .works_container{
+ width: 90%;
+ @include Flex; flex-direction: column;
+ margin-inline: auto;
+ z-index: 99999 !important;
+ color: var(--white);
+ padding-top: 80px;
+ .works_top{
+ text-align: center;
+ width: 70%;
+ padding-bottom: 19px;
+ .Custom_Title{
+ justify-content: center;
+ }
+ h1{
+ font-weight: 700;
+ span{
+ font-weight: 100;
+ }
+ }
+ p{
+ font-size: 16.3px;
+ }
+ }
+
+ .swiper_container{
+ width: 86%;
+ }
+ }
+}
+.works_Swiper{
+ img{
+ width: 138px;
+ }
+}
+
+@media screen and (max-width:500px) {
+ .works{
+ padding-bottom: 100px;
+ .works_container{
+ .works_top{
+ padding-bottom: 10px;
+ h1{
+ font-size: 20px;
+ }
+ p{
+ font-size: 10px;
+ }
+ }
+
+ .swiper_container{
+ width: 90%;
+ }
+ }
+ }
+ .works_Swiper{
+ padding-top: 90px;
+ padding-right: 5px;
+ img{
+ width: 37vw;
+ height: 270px;
+ }
+ .swiper-slide{
+ @include Flex;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/Styles/Pages/index.scss b/src/Styles/Pages/index.scss
new file mode 100644
index 0000000..c7a2663
--- /dev/null
+++ b/src/Styles/Pages/index.scss
@@ -0,0 +1,9 @@
+@import './Home.scss';
+@import './About.scss';
+@import './Contact.scss';
+@import './Service.scss';
+@import './Works.scss';
+@import './Recent.scss';
+@import './Projects.scss';
+@import './SingleProjects.scss';
+@import './Info.scss';
diff --git a/src/api/Route/Get.tsx b/src/api/Route/Get.tsx
new file mode 100644
index 0000000..cbed6d1
--- /dev/null
+++ b/src/api/Route/Get.tsx
@@ -0,0 +1,18 @@
+import { useQuery } from 'react-query';
+import useAxios from '../helper/useAxios';
+
+function useGetQuery(Api: string) {
+ const axios = useAxios();
+
+ return useQuery(Api, async () => {
+ const response = await axios.get(Api);
+ return response.data;
+ }, {
+ onError: (error) => {
+ console.error('An error occurred:', error);
+ },
+ refetchOnWindowFocus: false,
+ });
+}
+export const useGetDynamic =(Api:string)=>useGetQuery(Api)
+
diff --git a/src/api/config.ts b/src/api/config.ts
new file mode 100644
index 0000000..326e1cd
--- /dev/null
+++ b/src/api/config.ts
@@ -0,0 +1,3 @@
+export const BaseURL = `http://127.0.0.1:8000/`
+
+export const BaseURL_IMAGE = BaseURL.slice(0,-1);
diff --git a/src/api/helper/buildFormData.ts b/src/api/helper/buildFormData.ts
new file mode 100644
index 0000000..eb1f736
--- /dev/null
+++ b/src/api/helper/buildFormData.ts
@@ -0,0 +1,27 @@
+
+
+export const buildFormData = (
+ formData: FormData,
+ data: any,
+ parentKey?: string
+ ): void => {
+ if (
+ data &&
+ typeof data === "object" &&
+ !(data instanceof Date) &&
+ !(data instanceof File)
+ ) {
+ Object.keys(data).forEach((key) => {
+ buildFormData(
+ formData,
+ data[key],
+ parentKey ? `${parentKey}[${key}]` : key
+ );
+ });
+ } else {
+ const value = data == null ? "" : data;
+
+ formData.append(parentKey as string, value);
+ }
+ };
+
\ No newline at end of file
diff --git a/src/api/helper/index.ts b/src/api/helper/index.ts
new file mode 100644
index 0000000..a9637d6
--- /dev/null
+++ b/src/api/helper/index.ts
@@ -0,0 +1,8 @@
+export * as buildFormData from './buildFormData'
+export * as useAxios from './useAxios'
+export * as useAddMutation from './useAddMutation'
+export * as useDeleteMutation from './useDeleteMutation'
+export * as useGetQuery from './useGetQuery'
+export * as useUpdateMutation from './useUpdateMutation'
+
+
diff --git a/src/api/helper/useAddMutation.ts b/src/api/helper/useAddMutation.ts
new file mode 100644
index 0000000..152a193
--- /dev/null
+++ b/src/api/helper/useAddMutation.ts
@@ -0,0 +1,38 @@
+import { useMutation, useQueryClient, UseMutationResult } from 'react-query';
+import { toast } from 'react-toastify';
+import useAxios from './useAxios';
+import { useTranslation } from 'react-i18next';
+
+type AxiosResponse = {
+ message: string;
+ data:any
+};
+
+function useAddMutation(key: string, url: string): UseMutationResult {
+ const axios = useAxios();
+ const [t] = useTranslation();
+ const queryClient = useQueryClient();
+
+ return useMutation(
+ async (dataToSend) => {
+ const { data } = await axios.post(url, dataToSend);
+ return data;
+ },
+ {
+ onSuccess: (data) => {
+ queryClient.invalidateQueries([key]);
+ },
+ onError: (error:any) => {
+ if(error.response.status == 401 || error?.response?.status == 403){
+ toast.error(t("Please Login First"))
+ }else{
+
+ const message = error?.response?.data?.message || t("failed_to_add_data");
+ toast.error(message);
+ }
+ }
+ }
+ );
+}
+
+export default useAddMutation;
diff --git a/src/api/helper/useAxios.ts b/src/api/helper/useAxios.ts
new file mode 100644
index 0000000..33e7053
--- /dev/null
+++ b/src/api/helper/useAxios.ts
@@ -0,0 +1,18 @@
+import axios from 'axios'
+import { TOKEN_KEY } from '../../config/AppKey'
+import { BaseURL } from '../config'
+function useAxios() {
+
+ return (
+ axios.create({
+ baseURL:BaseURL,
+ headers:{
+ Authorization:"Bearer " + localStorage.getItem(TOKEN_KEY),
+ 'language' : localStorage.getItem('language')
+ }
+ })
+ )
+}
+
+export default useAxios
+
diff --git a/src/api/helper/useDeleteMutation.ts b/src/api/helper/useDeleteMutation.ts
new file mode 100644
index 0000000..03e0d41
--- /dev/null
+++ b/src/api/helper/useDeleteMutation.ts
@@ -0,0 +1,28 @@
+import { useMutation, useQueryClient, UseMutationResult } from 'react-query';
+import { toast } from 'react-toastify';
+import useAxios from './useAxios';
+
+type AxiosResponse = {
+ message: string;
+ // Add other properties as needed
+};
+
+function useDeleteMutation(key:any , url: string): UseMutationResult {
+ const axios = useAxios();
+ const queryClient = useQueryClient();
+
+ return useMutation(
+ async (dataToSend) => {
+ const { data } = await axios.delete(url);
+ return data;
+ },
+ {
+ onSuccess: (data) => {
+ queryClient.invalidateQueries(key);
+ toast.success('Deleted');
+ }
+ }
+ );
+}
+
+export default useDeleteMutation;
diff --git a/src/api/helper/useGetQuery.ts b/src/api/helper/useGetQuery.ts
new file mode 100644
index 0000000..e387385
--- /dev/null
+++ b/src/api/helper/useGetQuery.ts
@@ -0,0 +1,33 @@
+import { useQuery } from 'react-query';
+import useAxios from './useAxios';
+import { useNavigate } from 'react-router-dom';
+import { useTranslation } from 'react-i18next';
+import { toast } from 'react-toastify';
+import { useDispatch } from 'react-redux';
+
+function useGetQuery(key: string, url: string , params?:any , options?:any) {
+ const axios = useAxios();
+ const navigate = useNavigate()
+ const {t , i18n} = useTranslation()
+
+ return useQuery(
+ params ? [key , params , i18n.language] : [key , i18n.language], async () => {
+ const response = await axios.get(url , {params});
+ return response.data;
+ }, {
+ onError: (error:any) => {
+ if(error.response.status == 401 || error.response.status == 403){
+ toast.error(t('please_login_first'))
+ navigate('/')
+ }
+
+ console.error('An error occurred:', error);
+ },
+ refetchOnWindowFocus: false,
+ // cacheTime,
+ ...options
+
+ });
+}
+
+export default useGetQuery;
diff --git a/src/api/helper/useGetQueryPagination.tsx b/src/api/helper/useGetQueryPagination.tsx
new file mode 100644
index 0000000..3487e51
--- /dev/null
+++ b/src/api/helper/useGetQueryPagination.tsx
@@ -0,0 +1,20 @@
+import { useQuery } from 'react-query';
+import useAxios from './useAxios';
+import { useLocation } from 'react-router-dom';
+
+export default function useGetQueryPagination(KEY:string , Api: string , params:any={},options:any={}) {
+ const axios = useAxios();
+ const location = useLocation();
+ const pagination = location?.search || '';
+
+ return useQuery(
+ [KEY, pagination], async () => {
+ const response = await axios.get(Api + pagination , {params});
+ return response.data.data;
+ },
+ {
+ ...options
+ }
+
+ );
+}
diff --git a/src/api/helper/useUpdateMutation.ts b/src/api/helper/useUpdateMutation.ts
new file mode 100644
index 0000000..aab5b63
--- /dev/null
+++ b/src/api/helper/useUpdateMutation.ts
@@ -0,0 +1,40 @@
+import { useQueryClient, useMutation, UseMutationResult } from "react-query";
+import { toast } from "react-toastify";
+import useAxios from "./useAxios";
+import { useTranslation } from "react-i18next";
+
+type AxiosResponse = {
+ message: string;
+ // Add other properties as needed
+};
+
+const useUpdateMutation = (
+ key: string,
+ url: string,
+ toastMessage: boolean = true
+): UseMutationResult => {
+ const axios = useAxios();
+ const queryClient = useQueryClient();
+ const [t] = useTranslation();
+
+ return useMutation(
+ async (dataToSend) => {
+ const { data } = await axios.put(url, dataToSend);
+ return data;
+ },
+ {
+ onSuccess: (data) => {
+ if (toastMessage) {
+ toast.success(data.message || t("updated_successfully"));
+ }
+ queryClient.invalidateQueries([key]);
+ },
+ onError: (err:any) => {
+ const message = err?.response?.data?.message || t("failed_to_update_data");
+ toast.error(message);
+ },
+ }
+ );
+};
+
+export default useUpdateMutation;
diff --git a/src/api/home.ts b/src/api/home.ts
new file mode 100644
index 0000000..1dc79ba
--- /dev/null
+++ b/src/api/home.ts
@@ -0,0 +1,9 @@
+import useGetQuery from "./helper/useGetQuery"
+
+const API = {
+ GET:"/api/home",
+}
+
+const KEY = "Home"
+
+export const useGetHome = (params?:any) => useGetQuery(KEY , API.GET, params)
diff --git a/src/api/project.ts b/src/api/project.ts
new file mode 100644
index 0000000..51b7a4d
--- /dev/null
+++ b/src/api/project.ts
@@ -0,0 +1,9 @@
+import useGetQuery from "./helper/useGetQuery"
+
+const API = {
+ GET:"/api/project",
+}
+
+const KEY = "PROJECT"
+
+export const useGetProject = (params?:any) => useGetQuery(KEY , API.GET, params)
diff --git a/src/auth/AuthStorage.ts b/src/auth/AuthStorage.ts
new file mode 100644
index 0000000..835be5d
--- /dev/null
+++ b/src/auth/AuthStorage.ts
@@ -0,0 +1,70 @@
+// Import statements for TypeScript
+
+import { TOKEN_KEY, USER_KEY } from "../config/AppKey";
+
+// ==================== TOKEN =====================
+const storeToken = (token: string | null): void => {
+ localStorage.setItem(TOKEN_KEY, token || "");
+};
+
+const getToken = (): string | null => {
+ return localStorage.getItem(TOKEN_KEY);
+};
+
+const removeToken = (): void => {
+ localStorage.removeItem(TOKEN_KEY);
+};
+
+// ==================== USER =====================
+interface User {
+ // Define the structure of your user object here
+ // For example:
+ // id: number;
+ // username: string;
+ // email: string;
+}
+
+const storeUser = (user: User | null): void => {
+ localStorage.setItem(USER_KEY, JSON.stringify(user));
+};
+
+const getUser = (): User | null => {
+ const userString = localStorage.getItem(USER_KEY) == 'undefined' ? "": localStorage.getItem(USER_KEY) ;
+
+ return userString ? JSON.parse(userString || " ") : null;
+};
+
+const removeUser = (): void => {
+ localStorage.removeItem(USER_KEY);
+};
+
+// ==================== BOTH =====================
+const store = (user: User | null, token: string | null): void => {
+ storeUser(user);
+ storeToken(token);
+};
+
+const remove = (): void => {
+ removeToken();
+ removeUser();
+};
+
+const get = (): { user: User | null; token: string | null } => {
+ return {
+ user: getUser(),
+ token: getToken(),
+ };
+};
+
+// ==================== EXPORT =====================
+export const authStorage = {
+ storeToken,
+ getToken,
+ removeToken,
+ storeUser,
+ getUser,
+ removeUser,
+ store,
+ remove,
+ get,
+};
diff --git a/src/auto-imports.d.ts b/src/auto-imports.d.ts
new file mode 100644
index 0000000..b5dd03d
--- /dev/null
+++ b/src/auto-imports.d.ts
@@ -0,0 +1,36 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+export {}
+declare global {
+ const CiMail: typeof import('react-icons/ci')['CiMail']
+ const FaTelegram: typeof import('react-icons/fa6')['FaTelegram']
+ const Link: typeof import('react-router-dom')['Link']
+ const MdLocalPhone: typeof import('react-icons/md')['MdLocalPhone']
+ const RiArrowRightDoubleLine: typeof import('react-icons/ri')['RiArrowRightDoubleLine']
+ const createRef: typeof import('react')['createRef']
+ const forwardRef: typeof import('react')['forwardRef']
+ const lazy: typeof import('react')['lazy']
+ const memo: typeof import('react')['memo']
+ const startTransition: typeof import('react')['startTransition']
+ const useCallback: typeof import('react')['useCallback']
+ const useContext: typeof import('react')['useContext']
+ const useDebugValue: typeof import('react')['useDebugValue']
+ const useDeferredValue: typeof import('react')['useDeferredValue']
+ const useEffect: typeof import('react')['useEffect']
+ const useHistory: typeof import('react-router-dom')['useHistory']
+ const useId: typeof import('react')['useId']
+ const useImperativeHandle: typeof import('react')['useImperativeHandle']
+ const useInsertionEffect: typeof import('react')['useInsertionEffect']
+ const useLayoutEffect: typeof import('react')['useLayoutEffect']
+ const useLocation: typeof import('react-router-dom')['useLocation']
+ const useMemo: typeof import('react')['useMemo']
+ const useReducer: typeof import('react')['useReducer']
+ const useRef: typeof import('react')['useRef']
+ const useState: typeof import('react')['useState']
+ const useSyncExternalStore: typeof import('react')['useSyncExternalStore']
+ const useTransition: typeof import('react')['useTransition']
+ const useTranslation: typeof import('react-i18next')['useTranslation']
+}
diff --git a/src/config/AppKey.ts b/src/config/AppKey.ts
new file mode 100644
index 0000000..9a45e6f
--- /dev/null
+++ b/src/config/AppKey.ts
@@ -0,0 +1,10 @@
+
+const PROJECT_NAME = "Misbar"
+
+export const TOKEN_KEY = PROJECT_NAME + "_TOKEN"
+
+
+export const USER_KEY = PROJECT_NAME + "_USER"
+
+
+export const USER_EMAIL = USER_KEY + "_EMAIL"
diff --git a/src/config/QueryStatus.ts b/src/config/QueryStatus.ts
new file mode 100644
index 0000000..83b02ab
--- /dev/null
+++ b/src/config/QueryStatus.ts
@@ -0,0 +1,6 @@
+
+export enum QueryStatusEnum {
+ LOADING="loading",
+ ERROR ="error",
+ SUCCESS="success"
+}
diff --git a/src/config/RoutesArray.ts b/src/config/RoutesArray.ts
new file mode 100644
index 0000000..d4c0b3c
--- /dev/null
+++ b/src/config/RoutesArray.ts
@@ -0,0 +1,33 @@
+import { lazy, LazyExoticComponent } from "react";
+
+interface RouteProps {
+ path: string;
+ ComponentElement: LazyExoticComponent>;
+ LayoutClassName?: string;
+ isLayoutExist?: boolean;
+}
+
+const createRoute = (
+ path: string,
+ ComponentElement: LazyExoticComponent>,
+ LayoutClassName?: string,
+ isLayoutExist: boolean = true
+ ): RouteProps => ({
+ path,
+ ComponentElement,
+ LayoutClassName,
+ isLayoutExist
+ });
+
+ export const routesArray: RouteProps[] = [
+ createRoute("", lazy(() => import("../Pages/Home/Page"))),
+ createRoute("contact", lazy(() => import("../Pages/Contact/Page"))),
+ createRoute("about", lazy(() => import("../Pages/About/Page"))),
+ createRoute("services", lazy(() => import("../Pages/Services/Page"))),
+ createRoute("projects", lazy(() => import("../Pages/Projects/Page"))),
+ createRoute("single_project/:id", lazy(() => import("../Pages/SingleProject/Page"))),
+ createRoute("privacy", lazy(() => import("../Pages/Privacy/Page"))),
+ createRoute("terms", lazy(() => import("../Pages/Terms/Page"))),
+
+ ];
+
\ No newline at end of file
diff --git a/src/data/ContactInfo.ts b/src/data/ContactInfo.ts
new file mode 100644
index 0000000..801b29e
--- /dev/null
+++ b/src/data/ContactInfo.ts
@@ -0,0 +1,12 @@
+export const ContactInfoArray = [
+ {
+ contact_info_icon: MdLocalPhone,
+ title:"Call Us",
+ info:"+963 683052004"
+ },
+ {
+ contact_info_icon: CiMail,
+ title:"Email Us",
+ info:"Mesbar@gmail.com"
+ },
+]
\ No newline at end of file
diff --git a/src/data/Footer.ts b/src/data/Footer.ts
new file mode 100644
index 0000000..c9bf209
--- /dev/null
+++ b/src/data/Footer.ts
@@ -0,0 +1,2 @@
+export const FooterData = [
+ {name:"logo_section",title:"Follow Us", text:"kmakldnsalk casnlkasj salnaljn"}
diff --git a/src/data/HeaderLinks.tsx b/src/data/HeaderLinks.tsx
new file mode 100644
index 0000000..67f046e
--- /dev/null
+++ b/src/data/HeaderLinks.tsx
@@ -0,0 +1,16 @@
+import { AiOutlineHome } from "react-icons/ai";
+import { TbDeviceMobileCog, TbDeviceMobileMessage } from "react-icons/tb";
+import { LiaQuestionCircleSolid } from "react-icons/lia";
+import { AiOutlineExclamationCircle } from "react-icons/ai";
+import { MdOutlinePrivacyTip } from "react-icons/md";
+
+export const HedaerLinksArray: HedaerLinksProps[] = [
+ { isOnlyDrawer: false, icon: AiOutlineHome, name: 'Home', href: '/' },
+ { isOnlyDrawer: false, icon: TbDeviceMobileMessage, name: 'Projects', href: '/projects' },
+ { isOnlyDrawer: false, icon: TbDeviceMobileCog, name: 'Services', href: '/services' },
+ { isOnlyDrawer: false, icon: AiOutlineExclamationCircle, name: 'About', href: '/about' },
+ { isOnlyDrawer: false, icon: LiaQuestionCircleSolid, name: 'Contact', href: '/contact' },
+ { isOnlyDrawer: true, icon: LiaQuestionCircleSolid, name: 'Terms & Conditions', href: '/terms' },
+ { isOnlyDrawer: true, icon: MdOutlinePrivacyTip, name: 'Privacy Policy', href: '/privacy' },
+];
+
diff --git a/src/data/Info.ts b/src/data/Info.ts
new file mode 100644
index 0000000..981c6d0
--- /dev/null
+++ b/src/data/Info.ts
@@ -0,0 +1,3 @@
+export const PrivacyData = {text:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."}
+
+export const TermsData = {text:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."}
diff --git a/src/data/Links.ts b/src/data/Links.ts
new file mode 100644
index 0000000..81fa08f
--- /dev/null
+++ b/src/data/Links.ts
@@ -0,0 +1,52 @@
+export const HomelinksArray :FooterLinksProps[]= [
+ {
+ name: "home",
+ href:"/",
+ },
+ {
+ name: "Project",
+ href:"/projects",
+ },
+ {
+ name: "Service",
+ href:"/service",
+ },
+ {
+ name: "About",
+ href:"/about",
+ },
+ {
+ name: "Contact",
+ href:"/contact",
+ },
+];
+
+export const ServicelinksArray :FooterLinksProps[]= [
+ {
+ name: "Building Apps",
+ href:"/",
+ },
+ {
+ name: "Improve Result",
+ href:"/",
+ },
+ {
+ name: "Others",
+ href:"/",
+ },
+];
+
+export const QuicklinksArray :FooterLinksProps[]= [
+ {
+ name: "Terms & Conditions",
+ href:"/terms",
+ },
+ {
+ name: "Privacy Policy",
+ href:"/privacy",
+ },
+ {
+ name: "Contact Us",
+ href:"/",
+ },
+];
\ No newline at end of file
diff --git a/src/data/Projects.ts b/src/data/Projects.ts
new file mode 100644
index 0000000..49ac3b4
--- /dev/null
+++ b/src/data/Projects.ts
@@ -0,0 +1,14 @@
+import { ProjectsArrayProps } from "../type/Projects";
+
+export const ProjectsArray:ProjectsArrayProps[] = [
+ {id:1,mainImg:"/Projects/Projects1.png", OnHoverImg:"/Projects/Projects2.png",name:"School App"},
+ {id:2,mainImg:"/Projects/Projects2.png", OnHoverImg:"/Projects/Projects1.png",name:"Sham Al-maarefa App"},
+ {id:3,mainImg:"/Projects/Projects1.png", OnHoverImg:"/Projects/Projects2.png",name:"School App"},
+ {id:4,mainImg:"/Projects/Projects2.png", OnHoverImg:"/Projects/Projects1.png",name:"Sham Al-maarefa App"},
+ {id:5,mainImg:"/Projects/Projects1.png", OnHoverImg:"/Projects/Projects2.png",name:"School App"},
+ {id:6,mainImg:"/Projects/Projects2.png", OnHoverImg:"/Projects/Projects1.png",name:"Sham Al-maarefa App"},
+ {id:4,mainImg:"/Projects/Projects2.png", OnHoverImg:"/Projects/Projects1.png",name:"Sham Al-maarefa App"},
+ {id:5,mainImg:"/Projects/Projects1.png", OnHoverImg:"/Projects/Projects2.png",name:"School App"},
+ {id:6,mainImg:"/Projects/Projects2.png", OnHoverImg:"/Projects/Projects1.png",name:"Sham Al-maarefa App"},
+
+]
\ No newline at end of file
diff --git a/src/data/ServiceData.tsx b/src/data/ServiceData.tsx
new file mode 100644
index 0000000..9b64377
--- /dev/null
+++ b/src/data/ServiceData.tsx
@@ -0,0 +1,14 @@
+import { CiMobile2 } from "react-icons/ci";
+import { FaComputer } from "react-icons/fa6";
+import { TbListSearch } from "react-icons/tb";
+import { SingleServiceProps } from "../type/app";
+
+export const ServicesArray:SingleServiceProps[] = [
+ {icon:CiMobile2,title:('Mobile App Development') , text:'Design and develop mobile apps, with testing and deployment of apps on app stores such as Google Play and App Store.'},
+ {icon:FaComputer,title:'Custom Software Development' , text:'Scelerisque eget scelerisque lectus orci tempor orci turpis mauris. Cursus venenatis mattis aliquam sed tempus in suspendisse faucibus. Bibendum at sed senectus lectus nunc a. Est eget feugiat eget massa eget tellus tellus. Quis pharetra sed cursus ornare metus quis urna etiam convallis. Et dignissim ultrices at adipiscing at integer gravida.'},
+ {icon:TbListSearch,title:'Improve business results' , text:'Improve work efficiency through the use of appropriate software.'},
+ {icon:TbListSearch,title:'Improve business results' , text:'Improve work efficiency through the use of appropriate software.'},
+ {icon:TbListSearch,title:'Improve business results' , text:'Improve work efficiency through the use of appropriate software.'},
+
+]
+
diff --git a/src/data/Works.ts b/src/data/Works.ts
new file mode 100644
index 0000000..66641fb
--- /dev/null
+++ b/src/data/Works.ts
@@ -0,0 +1,14 @@
+export const WorksArray:any = [
+ {img:"/Works/SwiperMobile.png"},
+ {img:"/Works/SwiperMobile.png"},
+ {img:"/Works/SwiperMobile.png"},
+ {img:"/Works/SwiperMobile.png"},
+ {img:"/Works/SwiperMobile.png"},
+ {img:"/Works/mainSwiper.png"},
+ {img:"/Works/SwiperMobile.png"},
+ {img:"/Works/SwiperMobile.png"},
+ {img:"/Works/SwiperMobile.png"},
+ {img:"/Works/SwiperMobile.png"},
+ {img:"/Works/SwiperMobile.png"},
+
+]
\ No newline at end of file
diff --git a/src/data/media.tsx b/src/data/media.tsx
new file mode 100644
index 0000000..3bcc7b4
--- /dev/null
+++ b/src/data/media.tsx
@@ -0,0 +1,18 @@
+import { FaFacebookF } from "react-icons/fa";
+import { FaInstagram, FaTwitter } from "react-icons/fa6";
+
+
+export const mediaArray :{ icon: any,link:string }[]= [
+ {
+ icon: FaFacebookF,
+ link:"https://www.facebook.com/"
+ },
+ {
+ icon: FaInstagram,
+ link:"https://www.facebook.com/"
+ },
+ {
+ icon: FaTwitter,
+ link:"https://www.facebook.com/"
+ },
+];
\ No newline at end of file
diff --git a/src/enums/FamilyFormFactory.ts b/src/enums/FamilyFormFactory.ts
new file mode 100644
index 0000000..c1e4885
--- /dev/null
+++ b/src/enums/FamilyFormFactory.ts
@@ -0,0 +1,7 @@
+export enum FamilyFormFactoryEnums {
+ BECOME_PARTNER = '1',
+ BECOME_RIDER = '2',
+ BECOME_A_STAR = '3',
+ MARKETPLACE = '4',
+
+}
\ No newline at end of file
diff --git a/src/enums/OrderStatus.ts b/src/enums/OrderStatus.ts
new file mode 100644
index 0000000..ce51b64
--- /dev/null
+++ b/src/enums/OrderStatus.ts
@@ -0,0 +1,8 @@
+
+export enum OrderStatusEnum {
+ PENDDING = 'pending',
+ CANCELED = 'canceled',
+ ACCEPTED = "accepted",
+ DELIVERING = "delivering",
+ DELIVERED = "delivered"
+}
\ No newline at end of file
diff --git a/src/enums/ThemeMode.ts b/src/enums/ThemeMode.ts
new file mode 100644
index 0000000..6bc4b5f
--- /dev/null
+++ b/src/enums/ThemeMode.ts
@@ -0,0 +1,4 @@
+export enum ThemeModeEnum {
+ LIGHT_MODE = 'light',
+ DARK_MODE = 'dark',
+}
\ No newline at end of file
diff --git a/src/enums/Translate.ts b/src/enums/Translate.ts
new file mode 100644
index 0000000..8d6290e
--- /dev/null
+++ b/src/enums/Translate.ts
@@ -0,0 +1,4 @@
+export enum TranslateEnum {
+ ENGLISH = 'en',
+ ARABIC = 'ar',
+}
\ No newline at end of file
diff --git a/src/helper/ChangeMode.tsx b/src/helper/ChangeMode.tsx
new file mode 100644
index 0000000..0b57b4a
--- /dev/null
+++ b/src/helper/ChangeMode.tsx
@@ -0,0 +1,26 @@
+import React, { memo, useCallback } from "react";
+import { ChangeModeProps, ModeIconProps } from "./HelperInterfaces";
+import { useTranslation } from "react-i18next";
+
+
+export const ChangeModeHelper = ({ ChangeModeFunction, ChangeFunctionAttr }:ChangeModeProps) => {
+ const handleClick = useCallback(() => {
+ ChangeModeFunction(ChangeFunctionAttr);
+ }, [ChangeModeFunction, ChangeFunctionAttr]);
+
+ return handleClick;
+};
+
+export const ChangeModeComp = ({onClickFunction, src, modeText,icon, isImage = true}:ModeIconProps) =>{
+ const { t } = useTranslation();
+ const ModeContainer = memo(() => (
+
+ {isImage
+ ?
+ : icon
+ }
+ {t(modeText)}
+
+
+
+);
\ No newline at end of file
diff --git a/src/lib/ReactQueryProvider.tsx b/src/lib/ReactQueryProvider.tsx
new file mode 100644
index 0000000..72e68d4
--- /dev/null
+++ b/src/lib/ReactQueryProvider.tsx
@@ -0,0 +1,16 @@
+import React from 'react'
+import { QueryClient, QueryClientProvider } from 'react-query'
+
+function QueryProvider({ children }: any) {
+
+ const queryClient = new QueryClient()
+
+ return (
+
+ {children}
+
+
+ )
+}
+
+export default QueryProvider
\ No newline at end of file
diff --git a/src/lib/ReduxT.tsx b/src/lib/ReduxT.tsx
new file mode 100644
index 0000000..7403444
--- /dev/null
+++ b/src/lib/ReduxT.tsx
@@ -0,0 +1,18 @@
+//// redux provider comp ////
+
+// import { store } from '../Redux/store'
+import { Provider } from 'react-redux'
+import { Tchildren } from '../Layout/app/Types'
+
+function ReduxT({ children }: Tchildren) {
+
+ return (
+ ''
+ //
+ // {children}
+ //
+
+ )
+}
+
+export default ReduxT
\ No newline at end of file
diff --git a/src/lib/ToastProvider.tsx b/src/lib/ToastProvider.tsx
new file mode 100644
index 0000000..2937558
--- /dev/null
+++ b/src/lib/ToastProvider.tsx
@@ -0,0 +1,26 @@
+import React from 'react'
+import { ToastContainer } from 'react-toastify'
+import 'react-toastify/dist/ReactToastify.css';
+
+function ToastProvider({ children }: any) {
+
+ return (
+ <>
+ ((set) => ({
+ isOpenAddModel: false,
+ isOpenEditModel: false,
+ objectToEdit: null,
+ isThemChanged:false,
+ setThemChange: () =>
+ set((state) => ({ isThemChanged: !state.isThemChanged })),
+ setIsOpenAddModel: () =>
+ set((state) => ({ isOpenAddModel: !state.isOpenAddModel })),
+ setIsOpenEditModel: () =>
+ set((state) => ({ isOpenEditModel: !state.isOpenEditModel })),
+ CloseAllModal: () =>
+ set((state) => ({ isOpenAddModel: false, isOpenEditModel: false })),
+ setObjectToEdit: (data) => set(() => ({ objectToEdit: data })),
+}));
diff --git a/src/translate/ar.json b/src/translate/ar.json
new file mode 100644
index 0000000..01fe86f
--- /dev/null
+++ b/src/translate/ar.json
@@ -0,0 +1,296 @@
+{
+ "Ar": "عربي",
+ "En": "انكليزي",
+ "ar": "عربي",
+ "en": "انكليزي",
+ "Arabic":"عربي",
+"English":"إنجليزي",
+"Login":"تسجيل الدخول",
+"Welcome back, please login to your account.":"مرحبًا بك مرة أخرى ، يرجى تسجيل الدخول إلى حسابك.",
+"Username":"اسم المستخدم",
+"Password":"كلمة المرور",
+"Sign in":"تسجيل الدخول",
+"Karim aldeen © 2022 | All Rights Reserved":"كريم الدين © 2022 |كل الحقوق محفوظة",
+"unknown":"مجهول",
+"super admin":"مشرف سوبر",
+"admin":"مسؤل",
+"Home":"الصفحة الرئيسية",
+"example":"مثال",
+"Log Out" : "تسجيل خروج" ,
+"Example":"مثال",
+"Add":"اضافة",
+"username":"اسم ",
+"password":"كلمة المرور ",
+"name":"اسم",
+"email":"الحساب",
+"cancel":"الغاء",
+"edit":"تعديل",
+"light":"وضع النهاري",
+"dark":"وضع اليلي",
+"delete_are_you_sure":"هل انت متاكد تريد الحذف ",
+"no_revert":"لايوجد عودة",
+"yes_delete_it":"نعم احذفها",
+"Categories":"التصنيفات",
+"home":"الصفحة الرئيسية",
+"about":"من نحن",
+"contact":"تواصل معنا",
+"Products":"المنتجات",
+"Auction Incomming ...":" مزاد وارد ...",
+"Register Now For Auction To Get Notification":"سجل الآن للحصول على المزاد للحصول على إشعار",
+"See more":"شاهد المزيد",
+"Purchase":"الاكثر شراء",
+"Highlight":"تسليط الضوء",
+"NEW ARRIVALS":"الوافدين الجدد",
+"SUMMER SALE":"تخفيضات الصيف",
+"20% OFF":"20% خصم",
+"Shop Now":"تسوق الآن",
+"Weekend Sale":"بيع عطلة نهاية الأسبوع",
+"Fine Smart Speaker":"مكبر صوت ذكي جيد",
+"Starting at":"يبدأ من",
+"Fast Delivery":"توصيل سريع",
+"Start from $10":"ابدأ من 10 دولارات",
+"Money Guarantee":"ضمان المال",
+"7 Days Back":"7 أيام",
+"365 Days":"365 يوما",
+"For free return":"للعودة المجانية",
+"Payment":"قسط",
+"Secure system":"نظام آمن",
+"Final Reduction":"التخفيض النهائي",
+"Sale up to 20% Off":"بيع ما يصل إلى 20 ٪ خصم",
+"Only From ":"فقط من",
+"Search here":"ابحث هنا",
+"Logout":"تسجيل خروج",
+"orders":"الطلبات",
+"About us":"معلومات عنا",
+"Contact us":"اتصل بنا",
+"Our Social Networks:":"شبكاتنا الاجتماعية:",
+"Useful links":"روابط مفيدة",
+"Syria":"سوريا",
+"Damascus":"دمشق",
+"Mazzeh":"مزه",
+"Copyright":"حقوق النشر",
+"UboutUsINfo":"الولايات المتحدة: خبراء في علم النقود.العملات المعدنية والرقم هي شغفنا.نود مشاركة هذا معك.سواء في الذهب أو الفضة أو البرونز: العملات المعدنية أكثر بكثير من الرؤوس أو ذيول.إنها تعبير عن التاريخ والاستثمار الجيد.إن العثور على طريقك في عالم العملات يتطلب المعرفة والخبرة والسمعة.نحن نقدم كل هذه الأشياء ، نتصرف لك بكفاءة وفردية.هل تبحث عن خبراء في علم اليونانية أو الرومانية أو البيزنطية أو العصور الوسطى أو الحديثة؟أنت في المكان المناسب.المزادات: ساعة العملات المعدنية.الربيع والخريف هي مواسم العملات المعدنية للتألق.في هذه المواسم ، يجد المشترين وعشاق الفن وجامعيهم على حد سواء أنفسهم في مزادات LEU في زيوريخ لتجربة التغيير في ملكية الندرة المختارة والخاصة بالرقم. يتم نشر هذه الكنوز في كتالوجات عالية الجودة ، والتي تحصل على اهتمام العملاء الدوليين.تجربة مثيرة لكل محب للعملة.",
+"Who are we":"من نحن",
+"Contact Us" : "اتصل بنا",
+"Send your message and it will be automatically sent to my Gmail" : "أرسل رسالتك وسيتم إرسالها تلقائيًا إلى Gmail",
+"Your Name" : "اسمك",
+"enter Your Name" : "أدخل أسمك",
+"Your Email" : "بريدك الإلكتروني",
+"enter Your Email" : "أدخل بريدك الإلكتروني",
+"Your Message" : "رسالتك",
+"type Your Message" : "اكتب رسالتك",
+"Submit" : "تأكيد",
+"ProductsFilter":"تصفية المنتجات",
+"Filter":"التصفية",
+"Price Range":"نطاق السعر",
+"All":"الجميع",
+"Most Purchased":"معظمهم",
+"Total":"المجموع",
+"items":"عنصر",
+"Your All Order total is :":"مجموع الطلب الخاص بك هو:",
+"order_code":"رمز الطلب",
+"order_total":"الطلب الكلي",
+"payment_status":"حالة السداد",
+"order_status":"حالة الطلب",
+"Sign In":"تسجيل الدخول",
+"Email":"بريد إلكتروني",
+"or Register":"أو سجل",
+"Create Account":"إنشاء حساب",
+"Name":"الاسم",
+"or login":"أو تسجيل الدخول",
+"Hello, Friend!":"مرحبا صديقي!",
+"Register with your personal details to use all of site features":"قم بالتسجيل باستخدام بياناتك الشخصية لاستخدام جميع ميزات الموقع",
+"Welcome Back!":"مرحبًا بعودتك!",
+"Enter your personal details to use all of site features":"أدخل بياناتك الشخصية لاستخدام جميع ميزات الموقع",
+"Sign Up":"اشتراك",
+"cart":"السلة",
+"Loaction":"الموقع",
+"Add To Cart":"اضافة الى السلة",
+
+"Category": "الفئة",
+"Description": "وصف",
+"Price": "السعر",
+"Quantity": "الكمية",
+"Purchasing Count": "عدد الشراء",
+"product Highlight": "منتج مميز",
+"product Most Purchase": "المنتج الأكثر شراء",
+
+"Delete": "حذف",
+"Delete the Item": "حذف العنصر",
+"Are you sure to delete this Item": "هل أنت متأكد من حذف هذا العنصر",
+"Yes": "نعم",
+"No": "لا",
+"Delivery Fees": "رسوم التوصيل",
+"Checkout": "الدفع",
+"Sub Total": "المجموع الفرعي",
+"CartInfo": "معلومات السلة",
+"Details": "تفاصيل",
+"Billing Address": "عنوان الفواتير",
+"Pay with": "الدفع بواسطة",
+"Phone": "الهاتف",
+"phone": "الهاتف",
+"Note": "ملاحظة",
+"Building Number": "رقم المبنى",
+"Zone Number": "رقم المنطقة",
+"Shipping Address": "عنوان الشحن",
+"Proceed To Payment": "الانتقال إلى الدفع",
+"Back to cart": "العودة إلى السلة",
+"Loading...": "جار التحميل...",
+"Review": "مراجعة",
+"back to Details": "العودة إلى التفاصيل",
+"Online": "عبر الإنترنت",
+"Cash On Delivery": "الدفع عند الاستلام",
+"Payment Method":"طريقة الدفع",
+"zone": "المنطقة",
+"building": "المبنى",
+"note": "ملاحظة",
+"dashed": "متقطع",
+"Phone is required": "الهاتف مطلوب",
+"Zone is required": "المنطقة مطلوبة",
+"note is required": "الملاحظة مطلوبة",
+"Building is required": "رقم المبنى مطلوب",
+
+"Please Login First": "الرجاء تسجيل الدخول أولاً",
+"failed_to_add_data": "فشلت إضافة البيانات",
+"Deleted": "تم الحذف",
+"please_login_first": "الرجاء تسجيل الدخول أولاً",
+"updated_successfully": "تم التحديث بنجاح",
+"failed_to_update_data": "فشل تحديث البيانات",
+"Error updating product quantity": "خطأ في تحديث كمية المنتج",
+"Product quantity updated successfully": "تم تحديث كمية المنتج بنجاح",
+"Your Data in proccess": "البيانات الخاصة بك قيد التنفيذ",
+"added to cart": "تمت الإضافة إلى السلة",
+"message_send_successfully": "تم إرسال الرسالة بنجاح",
+"please_fill_all_input": "الرجاء ملء جميع الحقول",
+"Loading Your Order":"تحميل الطلب الخاص بك",
+"Total paid": "الإجمالي المدفوع",
+"Free": "مجاني",
+"Invoice Date": "تاريخ الفاتورة",
+"System Number": "رقم النظام",
+"Discount": "الخصم",
+"Order Details": "تفاصيل الطلب",
+"Order Code": "رمز الطلب",
+"Receipt": "إيصال",
+"Thanks for your Order": "شكرًا لطلبك",
+"Delivery Charges": "رسوم التوصيل",
+
+
+"Buy Again":"اشتري مرة اخرى",
+"Thank You for Try and hope to make another one":"شكرا لك على المحاولة ونأمل أن نصنع واحدة أخرى",
+"Successfully Purchased Order!":"تم شراء الطلب بنجاح!",
+
+"empty":"فارغة",
+"Sorry, your cart is":"عذرا، سلة التسوق الخاصة بك ",
+"added to favourite":"تمت الاضافة الى المفضلة",
+"Removed From Favourite":"تمت الازالة من المفضلة",
+"view cart":"رؤية السلة",
+"favourite":"المفضلة",
+"Become Partner":"كن شريكًا",
+"Coin Price":"سعر العملة",
+"Coin Description":"وصف العملة",
+"Coin Name":"اسم العملة",
+"contactUs": {
+ "title": "اتصل بي",
+ "sendYourMessage": "أرسل رسالتك وسيتم إرسالها تلقائيًا إلى Gmail الخاص بي",
+ "name": "الاسم",
+ "enterYourName": "أدخل اسمك",
+ "email": "البريد الإلكتروني",
+ "enterYourEmail": "أدخل بريدك الإلكتروني",
+ "message": "الرسالة",
+ "typeYourMessage": "اكتب رسالتك هنا",
+ "submit": "إرسال",
+ "emailSentSuccess": "تم إرسال البريد الإلكتروني بنجاح!"
+ },
+
+"enter Coin description":"ادخل وصف العملة",
+"enter Coin Name":"ادخل اسم العملة",
+"enter coin price":"ادخل سعر العملة",
+"Lowest Price":"أقل سعر",
+"products":"منتجات",
+"high quality products":"منتجات ذات جودة عالية",
+"Work Time":"وقت العمل",
+"Online 24 hour":"على الانترنت 24 ساعة",
+
+"Send your Coins and it will be automatically sent to my Gmail":"أرسل عملاتك المعدنية وسيتم إرسالها تلقائيًا إلى Gmail الخاص بي",
+"ClearIMageCoins2":"صور واضحة للعملات 2",
+"ClearIMageCoins":" صور واضحة للعملات",
+"upload_image":"رفع صورة",
+"Your Email has been verfied successfully":"لقد تم التحقق من بريدك الإلكتروني بنجاح",
+"You can continue using the website":"يمكنك الاستمرار في استخدام الموقع",
+"Verify Code Sent to Email":"تحقق من الرمز المرسل إلى البريد الإلكتروني",
+"Please enter the verification code sent to your email to complete the verification process":"الرجاء إدخال رمز التحقق المرسل إلى بريدك الإلكتروني لإكمال عملية التحقق.",
+"Resend Code":"أعد إرسال الرمز",
+"Verification code is invalid":"رمز التحقق غير صالح",
+"Verified Successfully":"تم التحقق بنجاح",
+"Invalid Code":"الرمز غير صحيح",
+"Code has been send successfully":"تم إرسال الرمز بنجاح",
+"Code has been send successfully to your email":"تم إرسال الرمز بنجاح إلى بريدك الإلكتروني",
+"Error while sending code plaese try agian later":"حدث خطأ أثناء إرسال الرمز، يرجى المحاولة لاحقًا",
+"Please verify your email":"يرجى التحقق من البريد الإلكتروني الخاص بك",
+"Failed to send code please try again":"حدث خطأ اُثناء ارسال الكود الرجاء المحاولة لاحقا",
+"Failed to submit code please try again":"حدث خطأ اُثناء تأكيد الكود الرجاء المحاولة لاحقا",
+"Privacy":"الخصوصية",
+"Privacy Policy":"سياسة الخصوصية",
+"View":"العرض",
+"Sort by":"الترتيب حسب",
+"Searching for":"البحث عن",
+"48 results found":"48 نتيجة وجدت",
+"Option":"الخيار",
+"Brand":"الماركة",
+"Ratings":"التقييمات",
+"Featured":"الاحدث",
+"In Stock":"منتهي",
+"On Sale":"خصومات",
+"Add To Favourite":"اضافة الى المفضلة",
+"title":"منتجات مميزة",
+
+"pending":"قيد الانتظار",
+"canceled":"ملغي",
+"accepted":"مقبول",
+"delivering":"قيد التوصيل",
+"delivered":"تم التوصيل",
+"My WishList":"المفضلة",
+"Social Media":"تواصل اجتماعي",
+"Contact":"مغلومات التواصل",
+"Company name":"اسم الشركة",
+"partner":"شركاء",
+"ClearIMages":"صور واضحة",
+"Prouduct Name":"اسم المنتج",
+"Product Description":"وصف المنتج",
+"Product Price":"سعر المنتج",
+"enter Product price":"ادخل سعر المنتج",
+"enter Product description":"ادخل وصف المنتج",
+"enter Product Name":"ادخل اسم المنتج",
+"Get connected with us on social networks":"تواصل معنا على مواقع التواصل الاجتماعي",
+"This page could not be found":"هذه الصفحة غير موجودة",
+"Fast_Delivery":"سرعة التوصيل",
+"upolad_an_image": "رفع صورة",
+"Relevance": "ملائم",
+"Date": "الوقت",
+"Price To Low": "أقل سعر",
+"Price To High": "أعلى سعر",
+"Black Friday Sales Left": "مبيعات الجمعة السوداء المتبقية",
+"PAY ONLY FOR YOUR LOVING ELECTRONICS" : "ادفع فقط مقابل الأجهزة الإلكترونية التي تحبها",
+"Country": "الدولة",
+"Edit your": "تعديل",
+"Profile": "الملف الشخصي",
+"update": "تحديث",
+"Male":"ذكر",
+"Female":"أنثى",
+"Gender":"الجنس",
+"Join Our Family":"انضم الى عائلتنا",
+"Become Rider":"كن سائقا",
+"Order Info":"معلومات الطلب",
+"Your Personal Information":"معلوماتك الشخصية",
+"Become A Star":"كن نجما",
+"Market Place":"متجر",
+"Valid Commercial Registration":"سجل تجاري ساري المفعول",
+"Selection Type":"نوع الاختيار",
+"stores": "المتاجر",
+"Birthday":"يوم ميلادك",
+"is requierd":"مطلوب",
+"user":"المستخدم",
+"role":"دور"
+
+
+}
\ No newline at end of file
diff --git a/src/translate/en.json b/src/translate/en.json
new file mode 100644
index 0000000..20fb803
--- /dev/null
+++ b/src/translate/en.json
@@ -0,0 +1,294 @@
+{
+ "Ar": "AR",
+ "En": "EN",
+ "ar": "AR",
+ "en": "EN",
+ "Arabic":"Arabic",
+"English":"English",
+ "Login":"Login",
+ "Welcome back, please login to your account.":"Welcome back, please login to your account.",
+ "Username":"Username",
+ "Password":"Password",
+ "Sign in":"Sign in",
+ "Karim aldeen © 2022 | All Rights Reserved":"Karim aldeen © 2022 | All Rights Reserved",
+ "unknown":"unknown",
+"super admin":"super admin",
+"admin":"admin",
+"Home":"Home",
+"example":"example",
+"Log Out" : "Log Out" ,
+"Example":"Example",
+"Add":"Add",
+"username":"Username",
+"password":"Password",
+"name":"Name",
+"email":"Email",
+"cancel":"Cancel",
+"edit":"Edit",
+"light":"Light Mode",
+"dark":"Dark Mode",
+"delete_are_you_sure":"Delete Are You Sure",
+"no_revert":"no Revert",
+"yes_delete_it":"Yes Delete it",
+"Categories":"Categories",
+"home":"home",
+"about":"about",
+"contact":"contact",
+"Products":"Products",
+"Auction Incomming ...":"Auction Incomming ...",
+"Register Now For Auction To Get Notification":"Register Now For Auction To Get Notification",
+"See more":"See more",
+"Purchase":"Purchase",
+"Highlight":"Highlight",
+"NEW ARRIVALS":"NEW ARRIVALS",
+"SUMMER SALE":"SUMMER SALE",
+"20% OFF":"20% OFF",
+"Shop Now":"Shop Now",
+"Weekend Sale":"Weekend Sale",
+"Fine Smart Speaker":"Fine Smart Speaker",
+"Starting at":"Starting at ",
+"Fast Delivery":"Fast Delivery",
+"Start from $10":"Start from $10",
+"Money Guarantee":"Money Guarantee",
+"7 Days Back":"7 Days Back",
+"365 Days":"365 Days",
+"For free return":"For free return",
+"Payment":"Payment",
+"Secure system":"Secure system",
+"Final Reduction":"Final Reduction",
+"Sale up to 20% Off":"Sale up to 20% Off",
+"Only From ":"Only From ",
+"Search here":"Search here",
+"Logout":"Logout",
+"orders":"orders",
+"About us":"About us",
+"Contact us":"Contact us",
+"Our Social Networks:":"Our Social Networks:",
+"Useful links":"Useful links",
+"Syria":"Syria",
+"Damascus":"Damascus",
+"Mazzeh":"Mazzeh",
+"Copyright":"Copyright",
+"Who are we":"Who are we",
+"UboutUsINfo":" Us: Experts in numismatics. Coins and numismatics are our passion. We would like to share this with you. Whether in gold, silver or bronze: coins are so much more than heads or tails. They are an expression of history and a good investment. Finding your way in the world of coins requires knowledge, experience and reputability. We offer all of these things, acting for you competently and individually. Are you looking for experts in Greek, Roman, Byzantine, medieval or modern numismatics? You are in the right place. Auctions: The hour of coins. Spring and autumn are the seasons for coins to shine. In these seasons, buyers, art enthusiasts and collectors alike find themselves at Leu auctions in Zurich to experience the change in ownership of selected rarities and numismatic specialities.These treasures are published in high quality catalogues, which receive the attention of an international clientele. A thrilling experience for every coin lover.",
+
+"Contact Us" : "Contact Us",
+"Send your message and it will be automatically sent to my Gmail" : "Send your message and it will be automatically sent to my Gmail",
+"Your Name" : "Your Name",
+"enter Your Name" : "enter Your Name",
+"Your Email" : "Your Email",
+"enter Your Email" : "enter Your Email",
+"Your Message" : "Your Message",
+"type Your Message" : "type Your Message",
+"Submit" : "Submit",
+
+"ProductsFilter":"ProductsFilter",
+"Filter":"Filter",
+"Price Range":"Price Range",
+"All":"All",
+"Most Purchased":"Most Purchased",
+"Total":"Total",
+"items":"items",
+"Your All Order total is :":"Your All Order total is :",
+"order_code":"Order Code",
+"order_total":"Order Total",
+"payment_status":"Payment Status",
+"order_status":"Order Status",
+"Sign In":"Sign In",
+"Email":"Email",
+"or Register":"or Register",
+"Create Account":"Create Account",
+"Name":"Name",
+"or login":"or login",
+"Hello, Friend!":"Hello, Friend!",
+"Register with your personal details to use all of site features":"Register with your personal details to use all of site features",
+"Welcome Back!":"Welcome Back!",
+"Enter your personal details to use all of site features":"Enter your personal details to use all of site features",
+"Sign Up":"Sign Up",
+"cart":"Cart",
+"Loaction":"Loaction",
+"Add To Cart":"Add To Cart",
+
+"Category":"Category",
+"Description":"Description",
+"Price":"Price",
+"Quantity":"Quantity",
+"Purchasing Count":"Purchasing Count",
+"product Highlight":"product Highlight",
+"product Most Purchase":"product Most Purchase",
+
+"Delete":"Delete",
+"Delete the Item":"Delete the Item",
+"Are you sure to delete this Item":"Are you sure to delete this Item",
+"Yes":"Yes",
+"No":"No",
+"Delivery Fees":"Delivery Fees",
+"Checkout":"Checkout",
+"Sub Total":"Sub Total",
+"CartInfo":"CartInfo",
+"Details":"Details",
+"Billing Address":"Billing Address",
+"Pay with":"Pay with",
+"Phone":"Phone",
+"phone": "Phone",
+"Note":"Note",
+"Building Number":"Building Number",
+"Zone Number":"Zone Number",
+"Shipping Address":"Shipping Address",
+"Proceed To Payment":"Proceed To Payment",
+"Back to cart":"Back to cart",
+"Loading...":"Loading...",
+"Review":"Review",
+"back to Details":"back to Details",
+"Online":"Online",
+"Cash On Delivery":"Cash On Delivery",
+"Payment Method":"Payment Method",
+"zone":"Zone",
+"building":"Building Number",
+"note":"Note",
+"dashed":"dashed",
+"Phone is required":"Phone is required",
+"Zone is required":"Zone is required",
+"note is required":"Note is required",
+"Building is required":"Building Number is required",
+
+"Please Login First":"Please Login First",
+"failed_to_add_data":"Failed to add data",
+"Deleted":"Deleted",
+"please_login_first":"Please Login First",
+"updated_successfully":"Updated successfully",
+"failed_to_update_data":"Failed to update data",
+"Error updating product quantity":"Error updating product quantity",
+"Product quantity updated successfully":"Product quantity updated successfully",
+"Your Data in proccess":"Your Data in proccess",
+"added to cart":"added to cart",
+"message_send_successfully":"Message send successfully",
+"please_fill_all_input":"please_fill_all_input",
+"Loading Your Order":"Loading Your Order",
+"Total paid":"Total paid",
+"Free":"Free",
+"Invoice Date":"Invoice Date",
+"System Number":"System Number",
+"Discount":"Discount",
+"Order Details":"Order Details",
+"Order Code":"Order Code",
+"Receipt":"Receipt",
+"Thanks for your Order":"Thanks for your Order",
+"Delivery Charges":"Delivery Charges",
+
+"Buy Again":"Buy Again",
+"Thank You for Try and hope to make another one":"Thank You for Try and hope to make another one",
+"Successfully Purchased Order!":"Successfully Purchased Order!",
+
+"empty":"empty",
+"Sorry, your cart is":"Sorry, your cart is",
+"added to favourite":"Added to favourite",
+"Removed From Favourite":"Removed From Favourite",
+"view cart":"view cart",
+"favourite":"Favourite",
+"Become Partner":"Become Partner",
+"Coin Price":"Coin Price",
+"Coin Description":"Coin Description",
+"Coin Name":"Coin Name",
+"enter Coin description":"enter Coin description",
+"enter Coin Name":"enter Coin Name",
+"enter coin price":"enter coin price",
+
+"contactUs": {
+ "title": "Contact Me",
+ "sendYourMessage": "Send your message and it will be automatically sent to my Gmail",
+ "name": "Name",
+ "enterYourName": "Enter your name",
+ "email": "Email",
+ "enterYourEmail": "Enter your email",
+ "message": "Message",
+ "typeYourMessage": "Type your message here",
+ "submit": "Submit",
+ "emailSentSuccess": "Email sent successfully!"
+ },
+"Lowest Price":"Lowest Price",
+"products":"products",
+"high quality products":"high quality products",
+"Work Time":"Work Time",
+"Online 24 hour":"Online 24 hour",
+"Send your Coins and it will be automatically sent to my Gmail":"Send your Coins and it will be automatically sent to my Gmail",
+"ClearIMageCoins2":"Clear Coins image 2",
+"ClearIMageCoins":"Clear Coins image",
+"upload_image":"Upload image",
+"Your Email has been verfied successfully":"Your Email has been verfied successfully",
+"You can continue using the website":"You can continue using the website",
+"cVerify Code Sent to Email":"Code Send to your Email Verified it",
+"Please enter the verification code sent to your email to complete the verification process":"Please enter the verification code sent to your email to complete the verification process.",
+"Resend Code":"Resend Code",
+"Verification code is invalid":"Verification code is invalid",
+"Verified Successfully":"Verified Successfully",
+"Invalid Code":"Invalid Code",
+"Code has been send successfully":"Code has been send successfully",
+"Code has been send successfully to your email":"Code has been send successfully to your email",
+"Error while sending code plaese try agian later":"Error while sending code plaese try agian later",
+"Please verify your email":"Please verify your email",
+"Failed to send code please try again":"Failed to send code please try again",
+"Failed to submit code please try again":"Failed to submit code please try again",
+"Privacy":"Privacy",
+"Privacy Policy":"Privacy Policy",
+"View":"View",
+"Sort by":"Sort by",
+"Searching for":"Searching for",
+"48 results found":"48 results found",
+"Option":"Option",
+"Brand":"Brand",
+"Ratings":"Ratings",
+"Featured":"Featured",
+"In Stock":"In Stock",
+"On Sale":"On Sale",
+"Add To Favourite":"Add To Favourite",
+"title":"Featured Products",
+
+"pending":"Pending",
+"canceled":"Canceled",
+"accepted":"Accepted",
+"delivering":"Delivering",
+"delivered":"Delivered",
+"My WishList":"My WishList",
+"Social Media":"Social Media",
+"Contact":"Contact",
+"Company name":"Company name",
+"logged in successfully":"Logged in successfully",
+"partner":"Partners",
+"ClearIMages":"Clear Images",
+"Prouduct Name":"Prouduct Name",
+"Product Description":"Product Description",
+"Product Price":"Product Price",
+"enter Product price":"enter Product price",
+"enter Product description":"enter Product description",
+"enter Product Name":"enter Product Name",
+"Get connected with us on social networks":"Get connected with us on social networks",
+"This page could not be found":"This page could not be found",
+"Fast_Delivery":"Fast Delivery",
+"upolad_an_image": "upolad an image",
+"Relevance": "Relevance",
+"Date": "Date",
+"Price To Low": "Price To Low",
+"Price To High": "Price To High",
+"Black Friday Sales Left": "Black Friday Sales Left",
+"PAY ONLY FOR YOUR LOVING ELECTRONICS" : "PAY ONLY FOR YOUR LOVING ELECTRONICS",
+"Country": "Country",
+"Male":"Male",
+"Female":"Female",
+"Gender":"Gender",
+"Join Our Family":"Join Our Family",
+"Become Rider":"Become Rider",
+"Order Info":"Order Info",
+"Your Personal Information":"Your Personal Information",
+"Become A Star":"Become A Star",
+"Market Place":"Market Place",
+"Valid Commercial Registration":"Valid Commercial Registration",
+"Selection Type":"Selection Type",
+"stores": "stores",
+"Birthday":"Birthday",
+"is requierd":"is requierd",
+"user":"User",
+"role":"role"
+
+
+}
\ No newline at end of file
diff --git a/src/type/AnimationButton.ts b/src/type/AnimationButton.ts
new file mode 100644
index 0000000..0fea1db
--- /dev/null
+++ b/src/type/AnimationButton.ts
@@ -0,0 +1,6 @@
+interface AnimationButtonProps {
+ text: string,
+ icon?:any,
+ link:string,
+ withAnimation?:boolean
+}
\ No newline at end of file
diff --git a/src/type/ContactInfoProps.ts b/src/type/ContactInfoProps.ts
new file mode 100644
index 0000000..fd74e5b
--- /dev/null
+++ b/src/type/ContactInfoProps.ts
@@ -0,0 +1,4 @@
+interface ContactInfoProps {
+ title:string,
+ info:string,
+}
\ No newline at end of file
diff --git a/src/type/FooterLinksProps.ts b/src/type/FooterLinksProps.ts
new file mode 100644
index 0000000..975c41d
--- /dev/null
+++ b/src/type/FooterLinksProps.ts
@@ -0,0 +1,4 @@
+interface FooterLinksProps {
+ name: string,
+ href: string,
+}
\ No newline at end of file
diff --git a/src/type/HeaderLinks.ts b/src/type/HeaderLinks.ts
new file mode 100644
index 0000000..e3faf75
--- /dev/null
+++ b/src/type/HeaderLinks.ts
@@ -0,0 +1,8 @@
+interface HedaerLinksProps {
+ name: string,
+ href: string,
+ icon:any,
+ isOnlyDrawer?:boolean,
+ closeDrawer?: () => void;
+
+}
diff --git a/src/type/InfoProps.ts b/src/type/InfoProps.ts
new file mode 100644
index 0000000..b914747
--- /dev/null
+++ b/src/type/InfoProps.ts
@@ -0,0 +1,5 @@
+export interface InfoProps{
+ headerText:string,
+ title:string,
+ response:string,
+}
\ No newline at end of file
diff --git a/src/type/Projects.ts b/src/type/Projects.ts
new file mode 100644
index 0000000..5c36685
--- /dev/null
+++ b/src/type/Projects.ts
@@ -0,0 +1,6 @@
+export interface ProjectsArrayProps {
+ id:number,
+ mainImg: string,
+ OnHoverImg: string,
+ name: string,
+}
\ No newline at end of file
diff --git a/src/type/app.ts b/src/type/app.ts
new file mode 100644
index 0000000..cd14524
--- /dev/null
+++ b/src/type/app.ts
@@ -0,0 +1,28 @@
+export interface TString {
+ name: string,
+}
+export interface TPageHeader {
+ isHaveHeader: boolean,
+}
+export interface CustomTitleProps {
+ title :string
+ }
+
+export interface SingleServiceProps{
+ description: string,
+ title:string
+ image:string,
+}
+
+export type THeaderLink = {
+ text: string;
+ isMulti?:boolean,
+ extraText?:string,
+ extraLink?:string,
+ };
+
+export type THeaderPage = {
+ isHaveHeader?: boolean;
+ data?:any,
+ isLoading?:boolean,
+};
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..f3d90b3
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,29 @@
+{
+ "compilerOptions": {
+ "target": "es5",
+ "lib": [
+ "dom",
+ "dom.iterable",
+ "esnext"
+ ],
+ "allowJs": true,
+ "skipLibCheck": true,
+ "esModuleInterop": true,
+ "allowSyntheticDefaultImports": true,
+ "strict": true,
+ "forceConsistentCasingInFileNames": true,
+ "noFallthroughCasesInSwitch": true,
+ "module": "esnext",
+ "moduleResolution": "node",
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "noEmit": true,
+ "jsx": "react-jsx"
+ },
+ "include": [
+ "src",
+ "**/*.ts",
+ "src/Components/Theme2.tsx",
+ "src/auto-imports.d.ts" // Include the auto-imports.d.ts file here
+ ]
+}
diff --git a/vite.config.js b/vite.config.js
new file mode 100644
index 0000000..0afed46
--- /dev/null
+++ b/vite.config.js
@@ -0,0 +1,23 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import AutoImport from 'unplugin-auto-import/vite';
+
+export default defineConfig({
+ plugins: [
+ react(),
+ AutoImport({
+ imports: [
+ 'react',
+ {
+ 'react-router-dom': ['useHistory', 'useLocation', 'Link'],
+ 'react-i18next': ['useTranslation'],
+ 'react-icons/fa6': ['FaTelegram'],
+ 'react-icons/ri': ['RiArrowRightDoubleLine'],
+ 'react-icons/md': ['MdLocalPhone'],
+ 'react-icons/ci': ['CiMail'],
+ },
+ ],
+ dts: 'src/auto-imports.d.ts', // Ensure this path is correct
+ }),
+ ],
+});
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+