fascano/web-menu-react-version-
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Mohammed Al-yaseen
2025-10-04 18:22:24 +03:00
commit 2852c2c054
291 changed files with 38109 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/Icons/cart/CartIcon.tsx Normal file
View File

@@ -0,0 +1,28 @@
interface CartType {
className?: string;
onClick?: () => void;
}
const CartIcon = ({ className, onClick }: CartType) => {
return (
<svg
width="17"
height="16"
viewBox="0 0 17 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className={className}
onClick={onClick}
>
<path
d="M11.1664 5.33333C11.1664 6.04058 10.8855 6.71885 10.3854 7.21895C9.88527 7.71905 9.20699 8 8.49975 8C7.7925 8 7.11422 7.71905 6.61413 7.21895C6.11403 6.71885 5.83308 6.04058 5.83308 5.33333M2.92189 4.93426L2.45522 10.5343C2.35497 11.7373 2.30485 12.3388 2.5082 12.8028C2.68687 13.2105 2.99643 13.5469 3.38787 13.7588C3.83339 14 4.43699 14 5.64417 14H11.3553C12.5625 14 13.1661 14 13.6116 13.7588C14.0031 13.5469 14.3126 13.2105 14.4913 12.8028C14.6946 12.3388 14.6445 11.7373 14.5443 10.5343L14.0776 4.93426C13.9913 3.89917 13.9482 3.38162 13.719 2.9899C13.5171 2.64496 13.2166 2.3684 12.8561 2.1959C12.4467 2 11.9273 2 10.8887 2L6.11084 2C5.07216 2 4.55282 2 4.14342 2.1959C3.78291 2.3684 3.48234 2.64496 3.2805 2.9899C3.05128 3.38162 3.00815 3.89917 2.92189 4.93426Z"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
};
export default CartIcon;

28
src/components/Icons/cart/CouponHeart.tsx Normal file
View File

@@ -0,0 +1,28 @@
interface CouponHeartType {
className?: string;
onClick?: () => void;
}
const CouponHeartIcon = ({ className, onClick }: CouponHeartType) => {
return (
<svg
width="15"
height="14"
viewBox="0 0 15 14"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className={className}
onClick={onClick}
>
<path
d="M5.49992 6.08333L6.83325 7.41667L9.83325 4.41667M7.49535 2.17388C6.16245 0.6156 3.93975 0.196428 2.26972 1.62334C0.599681 3.05026 0.364564 5.43598 1.67605 7.1236C2.66665 8.39829 5.48078 10.9573 6.79859 12.1333C7.04084 12.3494 7.16197 12.4575 7.30381 12.5001C7.42694 12.537 7.56377 12.537 7.6869 12.5001C7.82874 12.4575 7.94986 12.3494 8.19211 12.1333C9.50993 10.9573 12.3241 8.39829 13.3147 7.1236C14.6261 5.43598 14.4197 3.03525 12.721 1.62334C11.0223 0.211438 8.82826 0.6156 7.49535 2.17388Z"
stroke="white"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
};
export default CouponHeartIcon;

53
src/components/Icons/cart/DonateHandIcon.tsx Normal file
View File

@@ -0,0 +1,53 @@
interface DonateHandIconType {
className?: string;
onClick?: (e: any) => void;
}
const DonateHandIcon = ({ className, onClick }: DonateHandIconType) => {
return (
<svg
width="48"
height="49"
viewBox="0 0 48 49"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className={className}
onClick={onClick}
>
<rect
y="0.75"
width="48"
height="48"
rx="24"
fill="#FFB700"
fillOpacity="0.08"
/>
<rect x="18" y="27.75" width="6.75" height="4.5" fill="#FFB700" />
<path
d="M28.5 22.75C30.433 22.75 32 21.183 32 19.25C32 17.317 30.433 15.75 28.5 15.75C26.567 15.75 25 17.317 25 19.25C25 21.183 26.567 22.75 28.5 22.75Z"
fill="#FFB700"
/>
<path
d="M16.4 34.75C16.9601 34.75 17.2401 34.75 17.454 34.641C17.6422 34.5451 17.7951 34.3922 17.891 34.204C18 33.9901 18 33.7101 18 33.15V27.35C18 26.7899 18 26.5099 17.891 26.296C17.7951 26.1078 17.6422 25.9549 17.454 25.859C17.2401 25.75 16.9601 25.75 16.4 25.75L15.6 25.75C15.0399 25.75 14.7599 25.75 14.546 25.859C14.3578 25.9549 14.2049 26.1078 14.109 26.296C14 26.5099 14 26.7899 14 27.35L14 33.15C14 33.7101 14 33.9901 14.109 34.204C14.2049 34.3922 14.3578 34.5451 14.546 34.641C14.7599 34.75 15.0399 34.75 15.6 34.75H16.4Z"
fill="#FFB700"
/>
<path
d="M25.2855 29.7998H27.7137C28.1643 29.7998 28.6025 29.6581 28.9626 29.3949L31.4771 27.5603C32.1047 27.1027 32.9832 27.1634 33.5379 27.7031C34.154 28.3024 34.154 29.2734 33.5379 29.8717L31.3803 31.9705C30.7996 32.5354 30.0585 32.9212 29.253 33.0781L26.2035 33.6714C25.5988 33.7888 24.9753 33.7747 24.3769 33.6289L21.6188 32.9586C21.2889 32.8777 20.9506 32.8372 20.6103 32.8372H18"
fill="#FFB700"
/>
<path
d="M25.2855 29.7998L26.8311 29.7998C27.7022 29.7998 28.4079 29.1133 28.4079 28.2659V27.9591C28.4079 27.2555 27.9156 26.642 27.2141 26.4719L24.8286 25.8917C24.4404 25.7976 24.0428 25.75 23.6431 25.75C22.6783 25.75 20.9319 26.5488 20.9319 26.5488L18 27.7749"
fill="#FFB700"
/>
<path
d="M25.5295 21.1019C24.9571 21.5099 24.2566 21.75 23.5 21.75C21.567 21.75 20 20.183 20 18.25C20 16.317 21.567 14.75 23.5 14.75C24.753 14.75 25.8522 15.4084 26.4705 16.3981M18 32.8372H20.6103C20.9506 32.8372 21.2889 32.8777 21.6188 32.9586L24.3769 33.6289C24.9753 33.7747 25.5988 33.7888 26.2035 33.6714L29.253 33.0781C30.0585 32.9212 30.7996 32.5354 31.3803 31.9705L33.5379 29.8717C34.154 29.2734 34.154 28.3024 33.5379 27.7031C32.9832 27.1634 32.1047 27.1027 31.4771 27.5603L28.9626 29.3949C28.6025 29.6581 28.1643 29.7998 27.7137 29.7998H25.2855L26.8311 29.7998C27.7022 29.7998 28.4079 29.1133 28.4079 28.2659V27.9591C28.4079 27.2555 27.9156 26.642 27.2141 26.4719L24.8286 25.8917C24.4404 25.7976 24.0428 25.75 23.6431 25.75C22.6783 25.75 20.9319 26.5488 20.9319 26.5488L18 27.7749M32 19.25C32 21.183 30.433 22.75 28.5 22.75C26.567 22.75 25 21.183 25 19.25C25 17.317 26.567 15.75 28.5 15.75C30.433 15.75 32 17.317 32 19.25ZM14 27.35L14 33.15C14 33.7101 14 33.9901 14.109 34.204C14.2049 34.3922 14.3578 34.5451 14.546 34.641C14.7599 34.75 15.0399 34.75 15.6 34.75H16.4C16.9601 34.75 17.2401 34.75 17.454 34.641C17.6422 34.5451 17.7951 34.3922 17.891 34.204C18 33.9901 18 33.7101 18 33.15V27.35C18 26.7899 18 26.5099 17.891 26.296C17.7951 26.1078 17.6422 25.9549 17.454 25.859C17.2401 25.75 16.9601 25.75 16.4 25.75L15.6 25.75C15.0399 25.75 14.7599 25.75 14.546 25.859C14.3578 25.9549 14.2049 26.1078 14.109 26.296C14 26.5099 14 26.7899 14 27.35Z"
stroke="#333333"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
};
export default DonateHandIcon;

40
src/components/Icons/cart/DonateIcon.tsx Normal file
View File

@@ -0,0 +1,40 @@
interface DonateIconType {
className?: string;
onClick?: () => void;
}
const DonateIcon = ({ className, onClick }: DonateIconType) => {
return (
<svg
width="16"
height="17"
viewBox="0 0 16 17"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className={className}
onClick={onClick}
>
<g clipPath="url(#clip0_2465_8443)">
<path
d="M3.99992 13.641H5.74011C5.967 13.641 6.19251 13.668 6.41246 13.722L8.25118 14.1689C8.65015 14.2661 9.06577 14.2755 9.4689 14.1972L11.5019 13.8017C12.0389 13.6971 12.533 13.4399 12.9201 13.0633L14.3585 11.6641C14.7693 11.2652 14.7693 10.6179 14.3585 10.2183C13.9887 9.85856 13.4031 9.81806 12.9847 10.1231L11.3083 11.3462C11.0682 11.5217 10.7761 11.6162 10.4757 11.6162H8.85692L9.8873 11.6161C10.4681 11.6161 10.9385 11.1585 10.9385 10.5935V10.389C10.9385 9.91994 10.6103 9.51091 10.1426 9.39752L8.55231 9.01077C8.29351 8.94799 8.02845 8.91627 7.76201 8.91627C7.11881 8.91627 5.95451 9.44881 5.95451 9.44881L3.99992 10.2662M1.33325 9.98294L1.33325 13.8496C1.33325 14.223 1.33325 14.4097 1.40591 14.5523C1.46983 14.6777 1.57182 14.7797 1.69726 14.8436C1.83987 14.9163 2.02655 14.9163 2.39992 14.9163H2.93325C3.30662 14.9163 3.4933 14.9163 3.63591 14.8436C3.76135 14.7797 3.86334 14.6777 3.92726 14.5523C3.99992 14.4097 3.99992 14.223 3.99992 13.8496V9.98294C3.99992 9.60957 3.99992 9.42289 3.92726 9.28028C3.86334 9.15484 3.76135 9.05285 3.63591 8.98893C3.4933 8.91627 3.30662 8.91627 2.93325 8.91627H2.39992C2.02655 8.91627 1.83987 8.91627 1.69726 8.98893C1.57182 9.05285 1.46983 9.15484 1.40591 9.28028C1.33325 9.42289 1.33325 9.60957 1.33325 9.98294ZM11.4608 2.64444C11.063 1.81187 10.1456 1.37079 9.25354 1.79652C8.36144 2.22225 7.98138 3.23186 8.35489 4.11816C8.58572 4.66591 9.24708 5.72961 9.71864 6.46229C9.89288 6.73301 9.98 6.86837 10.1072 6.94756C10.2164 7.01548 10.353 7.05209 10.4815 7.04784C10.6313 7.04289 10.7744 6.96922 11.0607 6.82189C11.8354 6.42315 12.94 5.83264 13.4138 5.47369C14.1804 4.89288 14.3703 3.82532 13.7964 3.01376C13.2224 2.20221 12.2217 2.12235 11.4608 2.64444Z"
stroke="#FFB700"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
<defs>
<clipPath id="clip0_2465_8443">
<rect
width="16"
height="16"
fill="white"
transform="translate(0 0.25)"
/>
</clipPath>
</defs>
</svg>
);
};
export default DonateIcon;

28
src/components/Icons/cart/LoyaltyIcons.tsx Normal file
View File

@@ -0,0 +1,28 @@
interface LoyaltyType {
className?: string;
onClick?: () => void;
}
const LoyaltyIcon = ({ className, onClick }: LoyaltyType) => {
return (
<svg
width="16"
height="16"
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className={className}
onClick={onClick}
>
<path
d="M3.99998 13.392H5.74017C5.96706 13.392 6.19257 13.419 6.41252 13.473L8.25124 13.9198C8.65021 14.017 9.06583 14.0265 9.46896 13.9482L11.502 13.5527C12.039 13.448 12.533 13.1909 12.9202 12.8143L14.3586 11.4151C14.7693 11.0162 14.7693 10.3689 14.3586 9.96929C13.9887 9.60954 13.4031 9.56904 12.9847 9.87412L11.3084 11.0972C11.0683 11.2726 10.7762 11.3671 10.4757 11.3671H8.85698L9.88736 11.3671C10.4681 11.3671 10.9386 10.9095 10.9386 10.3445V10.14C10.9386 9.67091 10.6104 9.26189 10.1427 9.14849L8.55238 8.76174C8.29357 8.69897 8.02851 8.66725 7.76207 8.66725C7.11887 8.66725 5.95458 9.19979 5.95458 9.19979L3.99998 10.0172M1.33331 9.73391L1.33331 13.6006C1.33331 13.9739 1.33331 14.1606 1.40598 14.3032C1.46989 14.4287 1.57188 14.5307 1.69732 14.5946C1.83993 14.6672 2.02661 14.6672 2.39998 14.6672H2.93331C3.30668 14.6672 3.49337 14.6672 3.63597 14.5946C3.76141 14.5307 3.8634 14.4287 3.92732 14.3032C3.99998 14.1606 3.99998 13.9739 3.99998 13.6006V9.73391C3.99998 9.36055 3.99998 9.17386 3.92732 9.03125C3.8634 8.90581 3.76141 8.80383 3.63597 8.73991C3.49337 8.66725 3.30668 8.66725 2.93331 8.66725H2.39998C2.02661 8.66725 1.83993 8.66725 1.69732 8.73991C1.57188 8.80383 1.46989 8.90581 1.40598 9.03125C1.33331 9.17386 1.33331 9.36055 1.33331 9.73391ZM11.4609 2.39542C11.063 1.56285 10.1457 1.12177 9.2536 1.5475C8.3615 1.97322 7.98144 2.98283 8.35495 3.86913C8.58579 4.41689 9.24714 5.48058 9.71871 6.21327C9.89294 6.48399 9.98006 6.61935 10.1073 6.69853C10.2165 6.76645 10.3531 6.80307 10.4816 6.79882C10.6314 6.79386 10.7745 6.7202 11.0607 6.57287C11.8355 6.17412 12.9401 5.58362 13.4139 5.22466C14.1805 4.64386 14.3704 3.5763 13.7964 2.76474C13.2225 1.95318 12.2218 1.87333 11.4609 2.39542Z"
stroke="#333333"
strokeWidth="0.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);
};
export default LoyaltyIcon;

78
src/components/Icons/cart/PresentIcon.tsx Normal file
View File

@@ -0,0 +1,78 @@
interface PresentIconType {
className?: string;
onClick?: () => void;
dimensions?: number;
}
const PresentIcon = ({
className,
onClick,
dimensions = 40,
}: PresentIconType) => {
return (
<svg
width={dimensions}
height={dimensions}
viewBox="0 0 36 38"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className={className}
onClick={onClick}
>
<path
d="M3.12498 8.91553C3.12498 8.91553 1.10935 9.0749 0.840601 9.52803C0.568726 9.98115 0.553101 10.678 0.553101 11.4437C0.553101 12.2124 0.521851 13.9749 0.521851 13.9749L1.0031 15.0093C1.0031 15.0093 1.09373 28.1937 1.09373 28.603C1.09373 29.0093 1.09373 29.5062 1.68123 29.8218C2.26873 30.1374 17.2 37.3499 17.6656 37.5437C18.3687 37.8343 18.7031 37.7249 18.7031 37.7249L35.2937 9.97803C35.2937 9.97803 35.2406 9.21865 34.55 9.0374C34.1531 8.9374 3.12498 8.91553 3.12498 8.91553Z"
fill="#F5B03E"
/>
<path
d="M18.5251 18.0374C18.2719 18.7343 18.3876 25.9405 18.4313 31.1811C18.4751 36.4186 18.2969 37.503 18.4313 37.6843C18.5657 37.8655 18.9313 37.6905 19.9657 37.2311C21.8876 36.3811 31.1188 31.8124 31.7969 31.4061C32.4751 30.9999 34.1313 30.1593 34.4032 29.7061C34.6751 29.253 34.8219 25.0374 34.9126 21.653C35.0032 18.2655 35.0938 15.5561 35.0938 15.5561L35.5001 14.3374C35.5001 14.3374 35.4125 11.0436 35.3969 10.6811C35.3688 10.0811 35.3032 9.77176 35.15 9.84676C34.9313 9.94988 33.1063 11.4468 28.2751 13.7968C25.2407 15.2686 18.7001 17.5561 18.5251 18.0374Z"
fill="#E07F14"
/>
<path
d="M18.5687 2.50305C17.2156 2.44055 13.5125 4.58117 9.9437 5.75305C6.37496 6.92492 0.987455 9.28117 0.94058 9.41867C0.89683 9.55305 3.10933 10.5437 4.52183 11.2218C6.19995 12.0249 12.6062 15.0593 13.7781 15.5562C14.9531 16.053 17.7531 17.2155 18.2031 17.1812C18.8343 17.1374 24.7968 14.7874 27.8218 13.3437C30.8468 11.8999 34.6281 9.66242 34.6781 9.11867C34.7 8.87492 29.1156 6.79055 26.3312 5.53117C20.9562 3.0968 19.5593 2.54992 18.5687 2.50305Z"
fill="#FDD717"
/>
<path
d="M0.537451 14.5531C0.584326 15.1406 0.906201 15.35 1.72495 15.7062C2.5437 16.0625 18.0218 24.1031 18.3781 24.1031C18.7343 24.1031 18.8406 22.8281 18.4499 22.8625C18.2374 22.8812 13.1531 20.4656 8.40308 18.0531C4.37183 16.0094 0.512451 13.9688 0.512451 13.9688L0.537451 14.5531Z"
fill="#E37D14"
/>
<path
d="M35.5032 14.3093C35.5032 14.3093 18.975 22.7156 18.8125 22.7968C18.65 22.8781 18.3907 22.85 18.3907 22.85L18.3782 24.1031C18.3782 24.1031 18.5313 24.1374 18.7032 24.0843C18.8032 24.0531 35.025 15.6562 35.0969 15.6312C35.1688 15.6062 35.4813 15.4187 35.5469 15.0218C35.6032 14.7031 35.5032 14.3093 35.5032 14.3093Z"
fill="#BA5E0D"
/>
<path
d="M7.0187 29.4437L10.2531 34.2562L11.6687 34.7406C11.6687 34.7406 11.7843 29.4906 11.8312 25.6C11.8968 19.9156 11.8718 14.7312 11.9531 14.4375C12.0875 13.9406 18.3781 11.9 18.3781 11.9C18.3781 11.9 25.4843 14.1281 25.7093 14.625C25.8093 14.8437 25.7312 18.525 25.7093 22.8156C25.6812 28.2343 25.6906 34.4906 25.6906 34.4906C25.6906 34.4906 26.4249 34.4875 26.5124 34.2156C26.6031 33.9437 26.9656 31.8468 26.9656 31.8468L29.7218 13.475L31.1218 11.6687L29.1781 7.9687L21.2031 4.0437L18.4625 4.65933L15.4968 4.2062L6.09058 10.9656L7.18745 13.1906L9.87808 14.5625L7.0187 29.4437Z"
fill="#AF0F1B"
/>
<path
d="M26.525 14.4345C26.3531 14.8126 26.4531 34.297 26.4531 34.297C26.4531 34.297 27.3125 33.822 28.4187 33.2907C29.5187 32.7626 30.3094 32.4345 30.3781 32.1595C30.4469 31.8845 30.5687 12.6157 30.5687 12.6157L26.525 14.4345Z"
fill="#DC0D28"
/>
<path
d="M10.9218 14.0313C11.025 14.1438 10.8562 34.3625 10.6468 34.4094C10.4812 34.45 6.71558 32.7688 6.71558 32.5969C6.71558 32.425 7.0187 13.1031 7.0187 13.1031C7.0187 13.1031 10.6156 13.6875 10.9218 14.0313ZM18.3843 3.45312C17.3437 3.45312 16.1937 3.75 15.8593 4.62188C15.525 5.49375 15.45 6.79063 15.45 7.75938C15.45 8.6875 15.3 11.0625 18.1593 11.025C21.0187 10.9875 21.1031 9.92813 21.1468 7.59063C21.1843 5.64063 20.925 4.69375 20.6656 4.2875C20.4343 3.92188 19.6656 3.45312 18.3843 3.45312Z"
fill="#FF2A23"
/>
<path
d="M16.7312 8.27807C17.3812 8.31557 17.6594 6.88745 18.1594 6.1062C18.6594 5.32807 19.1812 4.8062 18.9937 4.39995C18.8406 4.06245 17.4812 3.95307 16.7469 4.97495C16.2312 5.69682 16.1406 8.2437 16.7312 8.27807Z"
fill="#FCC9D2"
/>
<path
d="M20.9156 4.13128C20.9156 4.13128 21.8375 5.06878 22.0781 6.90628C22.3188 8.74378 22.0406 10.1719 22.0406 10.1719C22.0406 10.1719 26.6219 10.0344 28.2031 10.3375C29.7625 10.6407 30.3063 11.3282 30.3063 11.8282C30.3063 12.3282 29.2813 12.7313 28.2406 12.6563C27.2 12.5813 26.4969 12.525 26.3656 12.7875C26.2344 13.05 26.4219 13.4563 27.8688 13.5657C29.3156 13.6782 30.9875 13.4719 31.5063 11.6719C32.025 9.87191 32.0438 6.75316 31.8594 4.50628C31.675 2.25941 31.2688 0.975034 30.2625 0.487534C29.2031 -0.021841 26.55 -0.106216 24.0438 1.30316C21.5375 2.71253 20.9156 4.13128 20.9156 4.13128Z"
fill="#FF2A23"
/>
<path
d="M26.1063 1.99372C25.7813 1.57497 24.7344 1.58747 24.175 2.23434C23.5813 2.92184 23.45 5.53747 24.2125 5.68747C25.075 5.85622 24.9188 4.44372 25.55 3.57184C26.1688 2.71872 26.4219 2.40309 26.1063 1.99372Z"
fill="#FCC9D2"
/>
<path
d="M15.6187 4.22195C15.6187 4.22195 12.1094 0.131324 8.09999 0.193824C5.68749 0.231324 5.07499 1.62195 4.94374 2.19695C4.81249 2.77195 3.81249 8.4907 5.14687 11.5876C6.48124 14.6844 9.24999 13.8813 9.68437 13.7813C10.2406 13.6501 11.425 13.2438 11.3125 12.8157C11.2 12.3876 7.26562 13.9282 7.22812 12.1657C7.19062 10.4032 10.0125 10.2157 11.3125 10.1782C12.6125 10.1407 14.8406 10.4376 14.8406 10.4376C14.8406 10.4376 14.45 8.3032 14.7094 6.78132C14.9687 5.25945 15.6187 4.22195 15.6187 4.22195Z"
fill="#FF2A23"
/>
<path
d="M7.02495 1.67811C6.52495 2.19686 6.3187 5.18748 6.63433 6.67186C6.94995 8.15624 7.22808 8.78749 7.87808 8.65936C8.42183 8.54999 8.74995 5.63748 9.00933 4.61248C9.28745 3.51873 9.97495 2.35623 9.69683 1.84686C9.27183 1.06561 7.54683 1.13748 7.02495 1.67811Z"
fill="#FCC9D2"
/>
</svg>
);
};
export default PresentIcon;