مواقع التجاره الالكترونية

home

about

contact

blog

services

team

pricing

<header class="absolute top-0 left-0 w-full z-50"><div id="inri" class="container mx-auto flex justify-start items-center gap-8 px-8 lg:px-16 xl:px-32 py-8"><a href="/en/" id="header-logo"><img alt="Logo" src="https://noot-ae.s3.me-central-1.amazonaws.com/portfolio-media/az-portfolio.apexcode.info/gallery/logo_themar2.png" id="iqxf" class="max-w-32"></a><nav class="hidden lg:block"><ul class="header-nav flex justify-center items-center gap-4"><li><a href="/en/home" id="ihtk" class="font-light">Home</a></li><li><a href="/en/about" id="ihtk" class="font-light">about</a></li><li><a href="/en/contact" id="ihtk" class="font-light">contact</a></li><li><a href="/en/blog" id="ihtk" class="font-light">Blog</a></li></ul></nav><div class="flex flex-row justify-start items-center gap-4 ml-auto"><div id="language-dropdown" class="relative"><button class="flex flex-row justify-start items-center gap-2 rounded-md transition cursor-pointer active:scale-90"><p class="text-sm select-none">English</p><svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="size-4 transition"><path d="m19.5 8.25-7.5 7.5-7.5-7.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><ul class="absolute top-full right-0 translate-y-2 w-[150%] flex flex-col bg-cp_background_default rounded-md origin-top transition scale-y-0 opacity-0 border overflow-hidden"><li class="px-2 py-1 transition hover:bg-cp_text_secondary"><a dir="rtl" href="/ar/contact" class="w-full text-sm select-none">العربية</a></li><li class="px-2 py-1 transition hover:bg-cp_text_secondary"><a dir="ltr" href="/en/contact" class="w-full text-sm select-none">English</a></li></ul></div><a href="pricing.html" class="hidden md:block bg-cp_palette_primary text-cp_text_tertiary px-4 py-2 rounded-full transition hover:scale-105">Getting started</a><button id="menu-button" class="lg:hidden rounded-sm"><svg fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="size-6 select-none pointer-events-none"><path d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" stroke-linecap="round" stroke-linejoin="round" class="select-none pointer-events-none"></path></svg></button></div></div></header><aside id="menu" class="fixed top-0 left-0 w-full h-dvh flex hidden bg-[#00000040] backdrop-blur-sm z-50"><nav class="w-full h-fit flex flex-col p-8 mt-auto rounded-t-2xl bg-cp_background_default text-cp_text_primary transition opacity-0 translate-y-full"><div class="w-16 h-1.5 mx-auto mb-4 -mt-2 rounded-full bg-gray-400"></div><ul class="header-nav my-auto w-full flex flex-col justify-start items-start gap-4 text-sm"><li class="transition opacity-0 translate-y-full"><a href="/en/home" class="text-xl font-semibold">Home</a></li><li class="transition opacity-0 translate-y-full"><a href="/en/about" class="text-xl font-semibold">about</a></li><li class="transition opacity-0 translate-y-full"><a href="/en/contact" class="text-xl font-semibold">contact</a></li><li class="transition opacity-0 translate-y-full"><a href="/en/blog" class="text-xl font-semibold">Blog</a></li></ul></nav></aside><main class="flex-1"><section><div class="container mx-auto px-8 lg:px-16 xl:px-32 pb-8 pt-32 flex flex-col gap-16" id="i2n8g"><div class="flex flex-col justify-center items-center gap-2"><p class="font-semibold tracking-tight">Contact us</p><h2 class="text-2xl md:text-4xl text-center font-bold tracking-tight leading-6">We would love to hear from you.</h2></div><div id="ictgj" class="flex flex-col md:flex-row md:justify-between md:items-start gap-16"><div class="flex flex-col gap-16"><div class="flex flex-col gap-4"><h2 class="text-2xl lg:text-6xl font-bold tracking-tight leading-8 max-w-[15ch]">Contact us</h2><ul id="iiiq1" class="flex flex-row justify-start items-center gap-4"><li><a href="#" referrerpolicy="no-referrer" target="_blank"><svg color="currentColor" fill="none" height="24px" stroke-width="1.5" viewBox="0 0 24 24" width="24px" xmlns="http://www.w3.org/2000/svg"><path d="M17 2H14C12.6739 2 11.4021 2.52678 10.4645 3.46447C9.52678 4.40215 9 5.67392 9 7V10H6V14H9V22H13V14H16L17 10H13V7C13 6.73478 13.1054 6.48043 13.2929 6.29289C13.4804 6.10536 13.7348 6 14 6H17V2Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></svg></a></li><li><a href="#" referrerpolicy="no-referrer" target="_blank"><svg color="currentColor" fill="none" height="24px" stroke-width="1.5" viewBox="0 0 24 24" width="24px" xmlns="http://www.w3.org/2000/svg"><path d="M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M3 16V8C3 5.23858 5.23858 3 8 3H16C18.7614 3 21 5.23858 21 8V16C21 18.7614 18.7614 21 16 21H8C5.23858 21 3 18.7614 3 16Z" stroke="currentColor" stroke-width="1.5"></path><path d="M17.5 6.51L17.51 6.49889" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></svg></a></li><li><a href="#" referrerpolicy="no-referrer" target="_blank"><svg color="currentColor" fill="none" height="24px" stroke-width="1.5" viewBox="0 0 24 24" width="24px" xmlns="http://www.w3.org/2000/svg"><path d="M16.8198 20.7684L3.75317 3.96836C3.44664 3.57425 3.72749 3 4.22678 3H6.70655C6.8917 3 7.06649 3.08548 7.18016 3.23164L20.2468 20.0316C20.5534 20.4258 20.2725 21 19.7732 21H17.2935C17.1083 21 16.9335 20.9145 16.8198 20.7684Z" stroke="currentColor" stroke-width="1.5"></path><path d="M20 3L4 21" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"></path></svg></a></li><li><a href="#" referrerpolicy="no-referrer" target="_blank"><svg color="currentColor" fill="none" height="24px" stroke-width="1.5" viewBox="0 0 24 24" width="24px" xmlns="http://www.w3.org/2000/svg"><path d="M21 8V16C21 18.7614 18.7614 21 16 21H8C5.23858 21 3 18.7614 3 16V8C3 5.23858 5.23858 3 8 3H16C18.7614 3 21 5.23858 21 8Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M7 17V13.5V10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M11 17V13.75M11 10V13.75M11 13.75C11 10 17 10 17 13.75V17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M7 7.01L7.01 6.99889" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></svg></a></li></ul></div><ul class="flex flex-col gap-4"><li id="iyx0bo" class="flex flex-row justify-start items-center gap-4"><div class="flex flex-row justify-center items-center p-4 rounded-full bg-cp_palette_secondary"><svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="size-4"><path clip-rule="evenodd" d="M1.5 4.5a3 3 0 0 1 3-3h1.372c.86 0 1.61.586 1.819 1.42l1.105 4.423a1.875 1.875 0 0 1-.694 1.955l-1.293.97c-.135.101-.164.249-.126.352a11.285 11.285 0 0 0 6.697 6.697c.103.038.25.009.352-.126l.97-1.293a1.875 1.875 0 0 1 1.955-.694l4.423 1.105c.834.209 1.42.959 1.42 1.82V19.5a3 3 0 0 1-3 3h-2.25C8.552 22.5 1.5 15.448 1.5 6.75V4.5Z" fill-rule="evenodd"></path></svg></div><div class="flex flex-col justify-start items-start"><a href="tel:+123 456 7890">+123 456 7890</a><small id="ikfuvo" class="text-xs text-cp_text_secondary font-extralight">Help and Support Phone</small></div></li><li class="flex flex-row justify-start items-center gap-4" id="i1b527"><div class="flex flex-row justify-center items-center p-4 rounded-full bg-cp_palette_secondary"><svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="size-4"><path d="M1.5 8.67v8.58a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3V8.67l-8.928 5.493a3 3 0 0 1-3.144 0L1.5 8.67Z"></path><path d="M22.5 6.908V6.75a3 3 0 0 0-3-3h-15a3 3 0 0 0-3 3v.158l9.714 5.978a1.5 1.5 0 0 0 1.572 0L22.5 6.908Z"></path></svg></div><div class="flex flex-col justify-start items-start"><a href="mailto:Support@the-az.com" id="io58x2">Support@the-az.com</a><small class="text-xs text-cp_text_secondary font-extralight">Help and Support Email</small></div></li><li id="i7lbi6" class="flex flex-row justify-start items-center gap-4"><div class="flex flex-row justify-center items-center p-4 rounded-full bg-cp_palette_secondary"><svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="size-4"><path clip-rule="evenodd" d="m11.54 22.351.07.04.028.016a.76.76 0 0 0 .723 0l.028-.015.071-.041a16.975 16.975 0 0 0 1.144-.742 19.58 19.58 0 0 0 2.683-2.282c1.944-1.99 3.963-4.98 3.963-8.827a8.25 8.25 0 0 0-16.5 0c0 3.846 2.02 6.837 3.963 8.827a19.58 19.58 0 0 0 2.682 2.282 16.975 16.975 0 0 0 1.145.742ZM12 13.5a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" fill-rule="evenodd"></path></svg></div><div id="i9td3r" class="flex flex-col justify-start items-start"><a href="#" id="ib84if">Amman, Dusseldorf, Casablanca.</a><small class="text-xs text-cp_text_secondary font-extralight">Our office address</small></div></li></ul></div><form id="contact-form" class="w-full md:w-2/4 flex flex-col gap-4 p-8 rounded-md bg-cp_palette_primary"><input id="name" name="name" placeholder="Full name" required="" type="text" class="bg-transparent outline-none border border-cp_borders_main text-cp_text_tertiary p-2 rounded-lg text-sm font-light"><input id="email" name="email" placeholder="Email" required="" type="email" class="bg-transparent outline-none border border-cp_borders_main text-cp_text_tertiary p-2 rounded-lg text-sm font-light"><input id="subject" name="subject" placeholder="Subject" required="" type="text" class="flex-1 bg-transparent outline-none border border-cp_borders_main text-cp_text_tertiary p-2 rounded-lg text-sm font-light"><textarea id="message" name="message" placeholder="Message" required="" rows="5" class="bg-transparent outline-none border border-cp_borders_main text-cp_text_tertiary p-2 rounded-lg text-sm font-light resize-none"></textarea><button href="team.html" class="flex flex-row justify-center items-center self-start gap-3 px-5 py-3 mt-4 rounded-md bg-cp_palette_secondary text-cp_text_primary transition hover:scale-105"><p class="text-sm font-semibold tracking-tight">He presents</p><svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4"><path d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></form></div><iframe frameborder="0" id="i18wgv" src="https://maps.google.com/maps?&amp;q=Amman&amp;z=13&amp;t=q&amp;output=embed"></iframe></div></section></main><footer class="bg-cp_palette_primary text-cp_text_tertiary"><div id="iozn1j" class="container mx-auto px-8 lg:px-16 xl:px-32 py-8 lg:py-16 flex flex-col gap-8"><ul class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-8"><li id="ijlzwj" class="flex flex-col gap-8"><img alt="Logo" src="https://noot-ae.s3.me-central-1.amazonaws.com/portfolio-media/az-portfolio.apexcode.info/gallery/logo_themar2.png" id="i1f3cd" class="max-w-32"><div class="flex flex-col gap-2"><a href="mailto:Sales@the-az.com" id="ifqlxp" class="text-cp_text_tertiary font-light">Sales@the-az.com</a><a href="tel:+123 456 7890" id="ilvpup" class="text-cp_text_tertiary font-light">+123 456 7890</a></div><ul id="itjs4j" class="flex flex-row justify-start items-center gap-4"><li><a href="#" referrerpolicy="no-referrer" target="_blank"><svg color="currentColor" fill="none" height="24px" stroke-width="1.5" viewBox="0 0 24 24" width="24px" xmlns="http://www.w3.org/2000/svg"><path d="M17 2H14C12.6739 2 11.4021 2.52678 10.4645 3.46447C9.52678 4.40215 9 5.67392 9 7V10H6V14H9V22H13V14H16L17 10H13V7C13 6.73478 13.1054 6.48043 13.2929 6.29289C13.4804 6.10536 13.7348 6 14 6H17V2Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></svg></a></li><li><a href="#" referrerpolicy="no-referrer" target="_blank"><svg color="currentColor" fill="none" height="24px" stroke-width="1.5" viewBox="0 0 24 24" width="24px" xmlns="http://www.w3.org/2000/svg"><path d="M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M3 16V8C3 5.23858 5.23858 3 8 3H16C18.7614 3 21 5.23858 21 8V16C21 18.7614 18.7614 21 16 21H8C5.23858 21 3 18.7614 3 16Z" stroke="currentColor" stroke-width="1.5"></path><path d="M17.5 6.51L17.51 6.49889" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></svg></a></li><li><a href="#" referrerpolicy="no-referrer" target="_blank"><svg color="currentColor" fill="none" height="24px" stroke-width="1.5" viewBox="0 0 24 24" width="24px" xmlns="http://www.w3.org/2000/svg"><path d="M16.8198 20.7684L3.75317 3.96836C3.44664 3.57425 3.72749 3 4.22678 3H6.70655C6.8917 3 7.06649 3.08548 7.18016 3.23164L20.2468 20.0316C20.5534 20.4258 20.2725 21 19.7732 21H17.2935C17.1083 21 16.9335 20.9145 16.8198 20.7684Z" stroke="currentColor" stroke-width="1.5"></path><path d="M20 3L4 21" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"></path></svg></a></li><li><a href="#" referrerpolicy="no-referrer" target="_blank"><svg color="currentColor" fill="none" height="24px" stroke-width="1.5" viewBox="0 0 24 24" width="24px" xmlns="http://www.w3.org/2000/svg"><path d="M21 8V16C21 18.7614 18.7614 21 16 21H8C5.23858 21 3 18.7614 3 16V8C3 5.23858 5.23858 3 8 3H16C18.7614 3 21 5.23858 21 8Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M7 17V13.5V10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M11 17V13.75M11 10V13.75M11 13.75C11 10 17 10 17 13.75V17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M7 7.01L7.01 6.99889" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></svg></a></li></ul></li><li class="flex flex-col gap-4"><h5 class="text-lg font-semibold">Useful Links</h5><nav><ul class="footer-nav grid grid-cols-2 gap-2"><li><a href="/en/home" class="text-cp_text_tertiary font-light">Home</a></li><li><a href="/en/about" class="text-cp_text_tertiary font-light">about</a></li><li><a href="/en/contact" class="text-cp_text_tertiary font-light">contact</a></li><li><a href="/en/blog" class="text-cp_text_tertiary font-light">Blog</a></li></ul></nav></li><li id="iuenko" class="flex flex-col gap-4"><h5 class="text-lg font-semibold">Newsletter</h5><form id="newsletter-form" class="flex flex-col"><input name="email" placeholder="Email" required="" type="email" class="bg-transparent outline-none border border-cp_borders_main p-2 rounded-lg text-sm font-light"><button type="submit" class="flex flex-row justify-center items-center self-start gap-3 px-5 py-3 mt-4 rounded-md bg-cp_palette_secondary text-cp_text_primary transition hover:scale-105"><p class="text-sm font-semibold tracking-tight">He presents</p><svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4"><path d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></form></li></ul><div class="flex flex-row justify-center items-center pt-4 border-t border-cp_borders_main"><p id="id6bvv" class="text-sm text-cp_text_tertiary font-light">Copyright © Themar Alataa Alzerae</p></div></div></footer>
		<style type="text/tailwindcss">
			@layer base {
				:root {
					--palette-primary: rgba(223.00000000000003, 231, 218, 1);
					--palette-secondary: rgba(92.00000000000004, 173, 71, 1);
					--background-default: rgba(255, 255, 255, 1);
					--background-paper: rgba(247, 247, 247, 1);
					--text-primary: rgba(0, 0, 0, 1);
					--text-secondary: rgba(131, 131, 131, 1);
					--text-tertiary: rgba(0, 0, 0, 1);
					--border-main: rgba(0, 0, 0, 1);
				}
			}
		</style>

		<script>
			tailwind.config = {
				theme: {
					extend: {
						colors: {
							cp_palette_primary: 'var(--palette-primary)',
							cp_palette_secondary: 'var(--palette-secondary)',
							cp_background_default: 'var(--background-default)',
							cp_background_paper: 'var(--background-paper)',
							cp_text_primary: 'var(--text-primary)',
							cp_text_secondary: 'var(--text-secondary)',
							cp_text_tertiary: 'var(--text-tertiary)',
							cp_borders_main: 'var(--borders-main)'
						}
					}
				}
			};
		</script>
	