301 status code means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.
The browser will automatically redirect the user to the new address, and search engines will update their indexes.
200 status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: cd2c.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!doctype html> <html lang="ar"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- CSRF Token --> <meta name="csrf-token" content="MMKOUoeauR2lJOqblQM3EMa50Olj55LlSuOgfoSH"> <title>Vcard and WhatsApp Store for Your Business - All-in-One Solution</title> <meta name="description" content="Get a Vcard and WhatsApp Store for your business to streamline your customer interactions. Our all-in-one solution helps you manage your contacts, share your business information, and sell your products. Start now and grow your business with ease!"> <meta name="keywords" content="Vcard, WhatsApp Store, business, customer interactions, all-in-one solution, contacts management, business information sharing, product selling."> <meta property="article:section" content="Home - Vcard and WhatsApp Store for Your Business - All-in-One Solution"> <meta property="og:title" content="Vcard and WhatsApp Store for Your Business - All-in-One Solution"> <meta property="og:description" content="Get a Vcard and WhatsApp Store for your business to streamline your customer interactions. Our all-in-one solution helps you manage your contacts, share your business information, and sell your products. Start now and grow your business with ease!"> <meta property="og:url" content="https://cd2c.com"> <meta property="og:image:url" content="https://cd2c.com/images/web/elements/6563a2e5a1af5.png"> <meta name="twitter:title" content="Vcard and WhatsApp Store for Your Business - All-in-One Solution"> <meta name="twitter:description" content="Get a Vcard and WhatsApp Store for your business to streamline your customer interactions. Our all-in-one solution helps you manage your contacts, share your business information, and sell your products. Start now and grow your business with ease!"> <script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"Vcard and WhatsApp Store for Your Business - All-in-One Solution","description":"Get a Vcard and WhatsApp Store for your business to streamline your customer interactions. Our all-in-one solution helps you manage your contacts, share your business information, and sell your products. Start now and grow your business with ease!","image":"https://cd2c.com/images/web/elements/6563a2e5a1af5.png"}</script> <meta name="google-site-verification" content="254212fdd454"> <link rel="icon" href="https://cd2c.com/images/web/elements/6563a2e5a1e7b.png" sizes="96x96" type="image/png" /> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <!-- CSS files --> <link rel="stylesheet" href="https://cd2c.com/app/css/tailwind.min.css"> <link rel="stylesheet" href="https://cd2c.com/app/css/style.css"> <link rel="stylesheet" href="https://cd2c.com/css/sweetalert.min.css"> <link rel="stylesheet" href="https://cd2c.com/css/fontawesome.min.css" /> <link rel="stylesheet" href="https://cd2c.com/css/tabler-icons.min.css"> <script src="https://cd2c.com/js/theme.bundle.js"></script> <script type="text/javascript" src="https://cd2c.com/app/js/main.js"></script> <script type="text/javascript" src="https://cd2c.com/js/alpine.min.js"></script> <script type="text/javascript" src="https://cd2c.com/js/jquery.min.js"></script> <script type="text/javascript" src="https://cd2c.com/js/sweetalert.min.js"></script> <link rel="stylesheet" href="https://cd2c.com/css/swiper-bundle.min.css"/> <script src="https://cd2c.com/js/swiper-bundle.min.js"></script> <style> .backdrop-blur-2xl { backdrop-filter: blur(48px); } .rounded-2xl { border-radius: 1rem; } </style> </head> <body class="antialiased bg-body text-body font-body" dir="rtl"> <!-- Maintenance Mode Alert (conditionally displayed) --> <div class=""> <style> /* Default: Hide the menu */ .mobile-menu { display: none; } /* Hide scrollbar but allow scrolling */ .scrollbar-hidden { overflow-y: scroll; /* Enable vertical scrolling */ scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer */ } /* For WebKit-based browsers (Chrome, Safari) */ .scrollbar-hidden::-webkit-scrollbar { display: none; } .w-50 { width: 500px !important; } .x-overflow-hidden { overflow-x: hidden; } .y-overflow-scroll { overflow-y: scroll; } /* Show the menu between 1024px and 1435px */ @media screen and (min-width: 1024px) and (max-width: 1435px) { .mobile-menu { display: block; position: fixed; top: 0; left: 0; bottom: 0; width: 66.67%; /* 4/6 width */ max-width: 320px; /* Tailwind sm:max-w-xs equivalent */ z-index: 50; background: white; } .mobile-menu-backdrop { position: fixed; inset: 0; /* shorthand for top: 0; left: 0; bottom: 0; right: 0 */ background: rgba(31, 41, 55, 0.8); /* bg-gray-800 with 80% opacity */ z-index: 49; } } </style> <section class="bg-gradient-blue2 lg:px-20 background-animate"> <section> <div class="flex items-center justify-between px-8 py-5"> <div class="w-auto"> <div class="flex flex-nowrap items-center"> <div class="w-auto mr-14"> <a href="/"> <img src="https://cd2c.com/images/web/elements/6563a2e5a1af5.png" alt="cd2c" width="150"> </a> </div> <div class="w-auto"> <div class="flex flex-wrap items-center"> <div class="w-auto hidden xl:block"> <ul class="flex items-center mr-10"> <li class="font-heading mr-9 text-gray-900 hover:text-gray-700 text-lg truncate"><a href="https://cd2c.com#how-it-works">كيف يعمل؟</a> </li> <li class="font-heading mr-9 text-gray-900 hover:text-gray-700 text-lg"><a href="https://cd2c.com#features">سمات</a></li> <li class="font-heading mr-9 text-gray-900 hover:text-gray-700 text-lg"><a href="https://cd2c.com#pricing">التسعير</a></li> <li class="font-heading mr-9 text-gray-900 hover:text-gray-700 text-lg"><a href="https://cd2c.com/contact-us">اتصال</a></li> <button class="font-heading mr-9 text-gray-900 text-lg text-center inline-flex items-center truncate" type="button" data-dropdown-toggle="dropdown">أدوات الويب<svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <div class="hidden bg-white text-base z-50 list-none divide-y divide-gray-100 rounded shadow my-4 w-40 h-60 scrollbar-hidden" id="dropdown"> <ul class="py-1" aria-labelledby="dropdown"> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/html-beautifier">HTML التجميل</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/html-minifier">HTML المصغر</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/css-beautifier">تجميل CSS</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/css-minifier">المصغر CSS</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/js-beautifier">شبيبة التجميل</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/js-minifier">شبيبة المصغر</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/random-password-generator">مولد كلمة المرور العشوائية</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/bcrypt-password-generator">مولد كلمة المرور Bcrypt</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/md5-password-generator">مولد كلمة المرور MD5</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/text-counter">عداد النص</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/lorem-generator">مولد لوريم</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/emojies">الرموز التعبيرية</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/dns-lookup">بحث DNS</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/ip-lookup">البحث عن عنوان IP</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/whois-lookup">بحث WHOIS</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/qr-maker">صانع رمز الاستجابة السريعة</a> </li> </ul> </div> </ul> </div> </div> </div> </div> </div> <div class="w-auto"> <div class="flex flex-wrap items-center"> <div class="w-auto hidden xl:block"> <div class="flex flex-nowrap"> <div class="w-auto"> <div> <button class="font-heading mr-4 mt-2 text-gray-900 text-lg text-center inline-flex items-center" type="button" data-dropdown-toggle="languageDropdown">AR<svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <div class="hidden bg-white text-base z-50 list-none divide-y divide-gray-100 rounded shadow my-4 w-40 h-60 scrollbar-hidden" id="languageDropdown"> <ul class="py-1" aria-labelledby="dropdown1"> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=en">ENGLISH</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=ar">ARABIC</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=bn">BANGLA</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=bg">BULGARIAN</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=zh">CHINESE</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=nl">DUTCH</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=fr">FRENCH</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=de">GERMAN</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=ht">HAITIAN CREOLE</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=hi">HINDI</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=he">HEBREW</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=hu">HUNGARIAN</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=id">INDONESIAN</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=it">ITALIAN</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=ja">JAPANESE</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=lt">LITHUANIAN</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=ms">MALAY</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=pt">PORTUGUESE</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=pl">POLISH</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=ro">ROMANIAN</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=ru">RUSSIAN</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=es">SPANISH</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=si">SINHALA</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=sv">SWEDISH</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=ta">TAMIL</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=th">THAI</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=tr">TURKISH</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=ur">URDU</a> </li> <li> <a class="block px-4 py-2 mt-2 text-base capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=vi">VIETNAMESE</a> </li> </ul> </div> </div> </div> <div class="w-auto"> <a class="font-heading block py-2 px-5 mr-5 text-lg text-gray-900 rounded-xl truncate" href="https://cd2c.com/login">تسجيل الدخول</a> </div> <div class="w-auto"> <a class="group relative font-heading block py-2 px-5 text-lg text-gray-900 border-2 border-gray-900 overflow-hidden rounded-xl truncate" href="https://cd2c.com/register"> <div class="absolute top-0 left-0 transform -translate-y-full group-hover:-translate-y-0 h-full w-full bg-gray-900 transition ease-in-out duration-500"> </div> <p class="relative z-10 group-hover:text-white">اشتراك</p> </a> </div> </div> </div> <div class="w-auto xl:hidden"> <a href="#"> <svg class="navbar-burger text-gray-800" width="51" height="51" viewbox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="56" height="56" rx="28" fill="currentColor"></rect> <path d="M37 32H19M37 24H19" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </div> </div> </div> </div> <div class="hidden navbar-menu fixed top-0 left-0 bottom-0 w-4/6 sm:max-w-xs z-50"> <div class="navbar-backdrop fixed inset-0 bg-gray-800 opacity-80"></div> <nav class="relative z-10 px-9 py-8 bg-white h-full x-overflow-hidden y-overflow-scroll"> <div class="flex flex-wrap justify-between h-full"> <div class="w-full"> <div class="flex items-center justify-between -m-2"> <div class="w-auto p-2"> <a class="inline-block" href="/"> <img src="https://cd2c.com/images/web/elements/6563a2e5a1af5.png" alt="cd2c" width="100"> </a> </div> <div class="w-auto p-2"> <a class="navbar-burger" href="#"> <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6 18L18 6M6 6L18 18" stroke="#111827" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </div> </div> </div> <div class="flex flex-col justify-center py-8 w-full"> <ul> <li class="mb-6"><a class="font-heading font-medium text-lg text-gray-900 hover:text-gray-700" href="https://cd2c.com#how-it-works">كيف يعمل؟</a></li> <li class="mb-6"><a class="font-heading font-medium text-lg text-gray-900 hover:text-gray-700" href="https://cd2c.com#features">سمات</a></li> <li class="mb-6"><a class="font-heading font-medium text-lg text-gray-900 hover:text-gray-700" href="https://cd2c.com#pricing">التسعير</a></li> <li class="mb-6"><a class="font-heading font-medium text-lg text-gray-900 hover:text-gray-700" href="https://cd2c.com/contact-us">اتصال</a></li> <li @click.away="open = false" class="mb-6 relative" x-data="{ open: false }"> <a @click="open = !open" class="font-heading font-medium text-lg text-gray-900 hover:text-gray-700"> <span>أدوات الويب</span> <svg fill="currentColor" viewBox="0 0 20 20" :class="{ 'rotate-180': open, 'rotate-0': !open }" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path> </svg> </a> <div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="journal-scroll absolute w-full h-40 overflow-y-scroll mt-2 rounded-lg shadow-lg md:w-40 z-50"> <div class="px-2 py-2 bg-white capitalize rounded-sm shadow"> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/html-beautifier">HTML التجميل</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/html-minifier">HTML المصغر</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/css-beautifier">تجميل CSS</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/css-minifier">المصغر CSS</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/js-beautifier">شبيبة التجميل</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/js-minifier">شبيبة المصغر</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/random-password-generator">مولد كلمة المرور العشوائية</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/bcrypt-password-generator">مولد كلمة المرور Bcrypt</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/md5-password-generator">مولد كلمة المرور MD5</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/text-counter">عداد النص</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/lorem-generator">مولد لوريم</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/emojies">الرموز التعبيرية</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/dns-lookup">بحث DNS</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/ip-lookup">البحث عن عنوان IP</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/whois-lookup">بحث WHOIS</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com/qr-maker">رمز الاستجابة السريعة</a> </div> </div> </li> <li @click.away="open = false" class="mb-6 relative" x-data="{ open: false }"> <a @click="open = !open" class="font-heading font-medium text-lg text-gray-900 hover:text-gray-700"> <span>AR</span> <svg fill="currentColor" viewBox="0 0 20 20" :class="{ 'rotate-180': open, 'rotate-0': !open }" class="inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path> </svg> </a> <div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="journal-scroll absolute w-full h-40 overflow-y-scroll mt-2 rounded-lg shadow-lg md:w-40 z-50"> <div class="px-2 py-2 bg-white capitalize rounded-sm shadow"> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=en">ENGLISH</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=ar">ARABIC</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=bn">BANGLA</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=bg">BULGARIAN</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=zh">CHINESE</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=nl">DUTCH</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=fr">FRENCH</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=de">GERMAN</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=ht">HAITIAN CREOLE</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=hi">HINDI</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=he">HEBREW</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=hu">HUNGARIAN</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=id">INDONESIAN</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=it">ITALIAN</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=ja">JAPANESE</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=lt">LITHUANIAN</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=ms">MALAY</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=pt">PORTUGUESE</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=pl">POLISH</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=ro">ROMANIAN</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=ru">RUSSIAN</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=es">SPANISH</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=si">SINHALA</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=sv">SWEDISH</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=ta">TAMIL</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=th">THAI</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=tr">TURKISH</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=ur">URDU</a> <a class="block px-4 py-2 mt-2 text-lg capitalize font-semi-bold bg-transparent rounded-sm dark-mode:bg-transparent md:mt-0 focus:outline-none focus:shadow-outline" href="https://cd2c.com?change_language=vi">VIETNAMESE</a> </div> </div> </li> </ul> </div> <div class="flex flex-col justify-end w-full"> <div class="flex flex-wrap"> <div class="w-full"> <a class="p-0.5 font-heading block w-full text-lg text-gray-900 font-medium rounded-xl" href="https://cd2c.com/login"> <div class="py-2 px-5 rounded-xl"> <p>تسجيل الدخول</p> </div> </a> </div> <div class="w-full"> <a href="https://cd2c.com/register" class="group relative p-0.5 font-heading block w-full text-lg text-gray-900 font-medium bg-gradient-cyan overflow-hidden rounded-xl"> <div class="absolute top-0 left-0 transform -translate-y-full group-hover:-translate-y-0 h-full w-full bg-gradient-cyan transition ease-in-out duration-500"> </div> <div class="py-2 px-5 bg-white rounded-lg"> <p class="relative z-10">حاول الآن</p> </div> </a> </div> </div> </div> </div> </nav> </div> </section> <div class="container mx-auto px-4"> <div class="flex flex-wrap items-center -m-4 lg:pt-24 pt-10 pb-36"> <div class="w-full lg:w-1/2 p-6"> <div class="lg:max-w-xl"> <h1 class="mb-6 font-heading text-5xl md:text-7xl xl:text-7xl text-gray-900 font-bold"> - Create your Digital Business Card</h1> <p class="mb-9 text-gray-600 text-lg">cd2c هو صانع بطاقات العمل الرقمية. يمكنك إنشاء vcard الرقمية الخاصة بك لجذب عملائك. للاستفسار تواصل معنا : 96895700305+.</p> <button class="group relative font-heading px-10 py-5 my-2 w-full lg:w-auto uppercase text-white text-xs font-semibold tracking-px bg-blue-800 overflow-hidden rounded-md"> <a href="#how-it-works" target="_blank"> <div class="absolute top-0 left-0 transform -translate-x-full group-hover:-translate-x-0 h-full w-full transition ease-in-out duration-500 bg-gray-800"> </div> <p class="relative z-10">كيف يعمل</p> </a> </button> <button class="group relative font-heading px-10 py-5 w-full lg:w-auto uppercase text-white text-xs font-semibold tracking-px bg-gray-900 overflow-hidden rounded-md"> <a href="https://cd2c.com/login" target="_blank"> <div class="absolute top-0 left-0 transform -translate-x-full group-hover:-translate-x-0 h-full w-full transition ease-in-out duration-500 bg-gray-800"> </div> <p class="relative z-10">سجل الآن</p> </a> </button> </div> </div> <div class="w-full lg:w-1/2 p-6 hidden md:block"> <img class="block mx-auto w-50" src="https://cd2c.com/frontend/assets/elements/home.png" alt="cd2c"> </div> </div> </div> </section> <section class="pt-32 pb-12 overflow-hidden" id="how-it-works"> <div class="container mx-auto px-4"> <p class="mb-5 font-heading font-semibold text-xs text-gray-400 text-center uppercase tracking-px"> كيف يعمل؟</p> <h2 class="mb-7 font-heading font-semibold text-6xl sm:text-7xl text-gray-900 text-center"> إنشاء ومشاركة والحصول على المزيد من العملاء</h2> <p class="mb-20 font-heading font-semibold text-xs text-gray-400 text-center uppercase tracking-px"> سجل حسابًا جديدًا وأنشئ بطاقة العمل الرقمية الخاصة بك وشارك رابطك الفريد واحصل على المزيد من العملاء.</p> <div class="flex flex-wrap -m-4"> <div class="w-full md:w-1/3 p-4 mb-3"> <div class="md:max-w-xs mx-auto text-center"> <i class="ti ti-album p-3 rounded-lg bg-blue-100 text-blue-600"></i> <h2 class="font-heading font-medium text-xl text-gray-900 mt-8 mb-2"> معرض الصور</h2> <p class="text-gray-500 leading-loose">يمكنك إظهار حالة صور منتجك على بطاقة عملك.</p> </div> </div> <div class="w-full md:w-1/3 p-4 mb-3"> <div class="md:max-w-xs mx-auto text-center"> <i class="ti ti-shopping-cart p-3 rounded-lg bg-blue-100 text-blue-600"></i> <h2 class="font-heading font-medium text-xl text-gray-900 mt-8 mb-2"> قائمة الخدمات</h2> <p class="text-gray-500 leading-loose">يمكنك إدراج خدماتك مع محتوى الشرح وزر الاستفسار. </p> </div> </div> <div class="w-full md:w-1/3 p-4 mb-3"> <div class="md:max-w-xs mx-auto text-center"> <i class="ti ti-id p-3 rounded-lg bg-blue-100 text-blue-600"></i> <h2 class="font-heading font-medium text-xl text-gray-900 mt-8 mb-2"> احفظ vCard</h2> <p class="text-gray-500 leading-loose">يمكن للزائر حفظ رقم هاتفك بتنسيق ملف vCard.</p> </div> </div> <div class="w-full md:w-1/3 p-4"> <div class="md:max-w-xs mx-auto text-center"> <i class="ti ti-users-group p-3 rounded-lg bg-blue-100 text-blue-600"></i> <h2 class="font-heading font-medium text-xl text-gray-900 mt-8 mb-2"> معلومات الاتصال </h2> <p class="text-gray-500 leading-loose">إنشاء بطاقة عمل</p> </div> </div> <div class="w-full md:w-1/3 p-4"> <div class="md:max-w-xs mx-auto text-center"> <i class="ti ti-social p-3 rounded-lg bg-blue-100 text-blue-600"></i> <h2 class="font-heading font-medium text-xl text-gray-900 mt-8 mb-2"> مشاركة الرابط الخاص بك</h2> <p class="text-gray-500 leading-loose">الحصول على المزيد من العملاء</p> </div> </div> <div class="w-full md:w-1/3 p-4"> <div class="md:max-w-xs mx-auto text-center"> <i class="ti ti-briefcase p-3 rounded-lg bg-blue-100 text-blue-600"></i> <h2 class="font-heading font-medium text-xl text-gray-900 mt-8 mb-2"> الأفضل للشركات</h2> <p class="text-gray-500 leading-loose">ستساعدك بطاقات الأعمال الرقمية cd2c على تحويل زوار بطاقتك إلى عملاء.</p> </div> </div> </div> </div> </section> <section class="relative pt-24 pb-12 lg:px-24 overflow-hidden" id="features"> <div class="container mx-auto px-4 mb-12"> <p class="mb-5 font-heading text-xs text-gray-600 font-semibold text-center uppercase tracking-px"> لماذا بطاقة العمل الرقمية؟</p> <h2 class="mb-20 max-w-2xl mx-auto font-heading font-bold text-center text-6xl sm:text-7xl text-gray-900"> ميزات vCard</h2> <div class="flex flex-wrap -m-7"> <div class="w-full md:w-1/4 p-7"> <div class="h-full p-0.5 bg-gradient-to-r from-blue-400 to-blue-500 rounded-xl transform hover:-translate-y-3 transition ease-out duration-1000"> <div class="h-full p-8 bg-white rounded-lg"> <i class="ti ti-brand-whatsapp p-3 rounded-lg bg-blue-100 text-blue-600"></i> <h3 class="mt-16 mb-5 font-heading font-bold text-gray-900 text-xl"> تم تفعيل الواتس اب</h3> <p class="text-gray-600">يمكنك تمكين وتعطيل ميزة دردشة WhatsApp في بطاقة العمل الرقمية الخاصة بك.</p> </div> </div> </div> <div class="w-full md:w-1/4 p-7"> <div class="h-full p-0.5 bg-gradient-to-r from-blue-400 to-blue-500 rounded-xl transform hover:-translate-y-3 transition ease-out duration-1000"> <div class="h-full p-8 bg-white rounded-lg"> <i class="ti ti-aperture p-3 rounded-lg bg-blue-100 text-blue-600"></i> <h3 class="mt-16 mb-5 font-heading font-bold text-gray-900 text-xl"> معرض الصور</h3> <p class="text-gray-600">يمكنك تحميل صور المنتج أو أي صور متعلقة بالعمل في قسم المعرض الخاص بك.</p> </div> </div> </div> <div class="w-full md:w-1/4 p-7"> <div class="h-full p-0.5 bg-gradient-to-r from-blue-400 to-blue-500 rounded-xl transform hover:-translate-y-3 transition ease-out duration-1000"> <div class="h-full p-8 bg-white rounded-lg"> <i class="ti ti-briefcase p-3 rounded-lg bg-blue-100 text-blue-600"></i> <h3 class="mt-16 mb-5 font-heading font-bold text-gray-900 text-xl"> قسم الخدمات</h3> <p class="text-gray-600">يمكنك إدراج جميع خدماتك مع الصورة والوصف في هذا القسم.</p> </div> </div> </div> <div class="w-full md:w-1/4 p-7"> <div class="h-full p-0.5 bg-gradient-to-r from-blue-400 to-blue-500 rounded-xl transform hover:-translate-y-3 transition ease-out duration-1000"> <div class="h-full p-8 bg-white rounded-lg"> <i class="ti ti-credit-card p-3 rounded-lg bg-blue-100 text-blue-600"></i> <h3 class="mt-16 mb-5 font-heading font-bold text-gray-900 text-xl"> تفاصيل الدفع</h3> <p class="text-gray-600">يمكنك إدراج جميع طرق الدفع المقبولة لديك في بطاقة عملك الرقمية.</p> </div> </div> </div> <div class="w-full md:w-1/4 p-7"> <div class="h-full p-0.5 bg-gradient-to-r from-blue-400 to-blue-500 rounded-xl transform hover:-translate-y-3 transition ease-out duration-1000"> <div class="h-full p-8 bg-white rounded-lg"> <i class="ti ti-clock p-3 rounded-lg bg-blue-100 text-blue-600"></i> <h3 class="mt-16 mb-5 font-heading font-bold text-gray-900 text-xl"> ساعات العمل</h3> <p class="text-gray-600">يمكنك عرض ساعات عمل عملك. </p> </div> </div> </div> <div class="w-full md:w-1/4 p-7"> <div class="h-full p-0.5 bg-gradient-to-r from-blue-400 to-blue-500 rounded-xl transform hover:-translate-y-3 transition ease-out duration-1000"> <div class="h-full p-8 bg-white rounded-lg"> <i class="ti ti-briefcase p-3 rounded-lg bg-blue-100 text-blue-600"></i> <h3 class="mt-16 mb-5 font-heading font-bold text-gray-900 text-xl"> يوتيوب لينك التكامل</h3> <p class="text-gray-600">يمكنك دمج رابط YouTube الخاص بك مع بطاقة عملك الرقمية.</p> </div> </div> </div> <div class="w-full md:w-1/4 p-7"> <div class="h-full p-0.5 bg-gradient-to-r from-blue-400 to-blue-500 rounded-xl transform hover:-translate-y-3 transition ease-out duration-1000"> <div class="h-full p-8 bg-white rounded-lg"> <i class="ti ti-map-pin p-3 rounded-lg bg-blue-100 text-blue-600"></i> <h3 class="mt-16 mb-5 font-heading font-bold text-gray-900 text-xl"> خرائط جوجل التكامل</h3> <p class="text-gray-600">يمكنك عرض موقع متجرك / عملك على خرائط جوجل. </p> </div> </div> </div> <div class="w-full md:w-1/4 p-7"> <div class="h-full p-0.5 bg-gradient-to-r from-blue-400 to-blue-500 rounded-xl transform hover:-translate-y-3 transition ease-out duration-1000"> <div class="h-full p-8 bg-white rounded-lg"> <i class="ti ti-share p-3 rounded-lg bg-blue-100 text-blue-600"></i> <h3 class="mt-16 mb-5 font-heading font-bold text-gray-900 text-xl"> روابط وسائل التواصل الاجتماعي</h3> <p class="text-gray-600">تواجدك على وسائل التواصل الاجتماعي في بطاقة عمل رقمية واحدة. </p> </div> </div> </div> <div class="w-full md:w-1/4 p-7"> <div class="h-full p-0.5 bg-gradient-to-r from-blue-400 to-blue-500 rounded-xl transform hover:-translate-y-3 transition ease-out duration-1000"> <div class="h-full p-8 bg-white rounded-lg"> <i class="ti ti-brush p-3 rounded-lg bg-blue-100 text-blue-600"></i> <h3 class="mt-16 mb-5 font-heading font-bold text-gray-900 text-xl"> الموضوع الحديث</h3> <p class="text-gray-600">استخدمنا المظهر الحديث لواجهة المستخدم. </p> </div> </div> </div> <div class="w-full md:w-1/4 p-7"> <div class="h-full p-0.5 bg-gradient-to-r from-blue-400 to-blue-500 rounded-xl transform hover:-translate-y-3 transition ease-out duration-1000"> <div class="h-full p-8 bg-white rounded-lg"> <i class="ti ti-circle-check p-3 rounded-lg bg-blue-100 text-blue-600"></i> <h3 class="mt-16 mb-5 font-heading font-bold text-gray-900 text-xl"> تصميم واجهة المستخدم النظيفة</h3> <p class="text-gray-600">لقد صممنا جميع التصاميم باحترافية. </p> </div> </div> </div> <div class="w-full md:w-1/4 p-7"> <div class="h-full p-0.5 bg-gradient-to-r from-blue-400 to-blue-500 rounded-xl transform hover:-translate-y-3 transition ease-out duration-1000"> <div class="h-full p-8 bg-white rounded-lg"> <i class="ti ti-bolt p-3 rounded-lg bg-blue-100 text-blue-600"></i> <h3 class="mt-16 mb-5 font-heading font-bold text-gray-900 text-xl"> تحميل أسرع</h3> <p class="text-gray-600">نعطي أهمية أكبر لتحميل الصفحة. </p> </div> </div> </div> <div class="w-full md:w-1/4 p-7"> <div class="h-full p-0.5 bg-gradient-to-r from-blue-400 to-blue-500 rounded-xl transform hover:-translate-y-3 transition ease-out duration-1000"> <div class="h-full p-8 bg-white rounded-lg"> <i class="ti ti-link p-3 rounded-lg bg-blue-100 text-blue-600"></i> <h3 class="mt-16 mb-5 font-heading font-bold text-gray-900 text-xl"> رابط فريد</h3> <p class="text-gray-600">اسمك أو عملك مهما كان. </p> </div> </div> </div> </div> </div> </section> <section class="pt-12 pb-32 lg:px-24 overflow-hidden" id="pricing"> <div class="container mx-auto px-4"> <div class="max-w-xl mx-auto"> <p class="text-blue-600 font-bold text-center"> التسعير</p> <h2 class="mb-5 font-heading font-bold text-center text-6xl sm:text-7xl text-gray-900"> اختر أفضل خطة لديك</h2> <p class="mb-20 font-heading text-xs text-gray-600 font-semibold text-center uppercase tracking-px"> ستمنحك الاستثمارات الجيدة إيرادات إضافية بمقدار 10 أضعاف.</p> </div> <div class="flex flex-wrap -m-3"> <div class="w-full md:w-1/2 xl:w-1/3 p-3"> <div class="p-10 bg-white border border-gray-200 rounded-xl"> <span class="bg-blue-600 text-white mb-2 inline-block rounded py-1 px-2 text-sm font-semibold">في كارد والمتجر</span> <h3 class="mb-5 font-heading font-medium text-base text-black"> باقة مجانية</h3> <div class="pb-6 flex"> <span class="font-heading font-bold text-6xl sm:text-7xl text-black"> حر </span> <span class="text-sm text-black self-end"> /للأبد </span> </div> <p class="pb-6 text-black leading-loose border-b border-black"> تجريبي - لمدة 3 ايام</p> <ul class="my-6"> <h3 class="mb-5 font-heading font-large text-base text-blue-600"> ميزات vCard</h3> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> 1 vCards</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> 5 خدمات</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> غير محدود منتجات</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> غير محدود روابط</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> غير محدود قائمة الدفع</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> غير محدود المعارض</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> غير محدود الشهادات</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> ساعات العمل</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-x mr-2.5 text-gray-400" style="font-size: 20px;"></i> <p class="text-black"> المواعيد</p> <span class="bg-green-100 text-green-800 text-xs font-medium mx-1 me-2 px-2 py-0.5 rounded dark:bg-green-900 dark:text-green-300">جديد</span> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> نموذج الاتصال</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> غير محدود الاستفسارات</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> محمية بكلمة مرور</p> </li> <h3 class="mt-5 mb-5 font-heading font-large text-base text-blue-600"> مميزات المتجر</h3> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> 1 متاجر</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> غير محدود فئات</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> غير محدود منتجات</p> </li> <h3 class="mt-5 mb-5 font-heading font-large text-base text-blue-600"> ميزات إضافية</h3> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-x mr-2.5 text-gray-400" style="font-size: 20px;"></i> <p class="text-black"> المجال المخصص</p> <span class="bg-green-100 text-green-800 text-xs font-medium mx-1 me-2 px-2 py-0.5 rounded dark:bg-green-900 dark:text-green-300">جديد</span> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-x mr-2.5 text-gray-400" style="font-size: 20px;"></i> <p class="text-black"> طلب بطاقة NFC</p> <span class="bg-green-100 text-green-800 text-xs font-medium mx-1 me-2 px-2 py-0.5 rounded dark:bg-green-900 dark:text-green-300">جديد</span> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> الإعدادات المتقدمة</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> تطبيق الويب التقدمي (PWA)</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> رابط شخصي</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-x mr-2.5 text-gray-400" style="font-size: 20px;"></i> <p class="text-black"> إخفاء العلامة التجارية</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-x mr-2.5 text-gray-400" style="font-size: 20px;"></i> <p class="text-black"> إعداد مجاني</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-x mr-2.5 text-gray-400" style="font-size: 20px;"></i> <p class="text-black"> دعم مجاني</p> </li> </ul> <button class="mb-3 w-full font-heading font-bold text-base overflow-hidden rounded-md"> <a href="https://cd2c.com/register" class="text-white hover:text-black"> <div class="px-9 py-4 border bg-black hover:bg-white overflow-hidden rounded-md"> اشتراك. </div> </a> </button> </div> </div> <div class="w-full md:w-1/2 xl:w-1/3 p-3"> <div class="p-10 bg-blue-600 border border-gray-200 rounded-xl"> <span class="bg-gray-50 text-dark mb-2 inline-block rounded py-1 px-2 text-sm font-semibold">في كارد والمتجر</span> <h3 class="mb-5 font-heading font-medium text-base text-white"> باقة الأعمال</h3> <div class="pb-6 flex"> <span class="font-heading font-bold text-6xl sm:text-7xl text-white"> ر.ع.10 </span> <span class="text-sm text-white self-end"> /للأبد </span> </div> <p class="pb-6 text-white leading-loose border-b border-white"> باقة الأعمال</p> <ul class="my-6"> <h3 class="mb-5 font-heading font-large text-base text-white"> ميزات vCard</h3> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-white"> 1 vCards</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-white"> غير محدود خدمات</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-white"> غير محدود منتجات</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-white"> غير محدود روابط</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-white"> غير محدود قائمة الدفع</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-white"> غير محدود المعارض</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-white"> غير محدود الشهادات</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-white"> ساعات العمل</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-x mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-white"> المواعيد</p> <span class="bg-green-100 text-green-800 text-xs font-medium mx-1 me-2 px-2 py-0.5 rounded dark:bg-green-900 dark:text-green-300">جديد</span> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-white"> نموذج الاتصال</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-white"> غير محدود الاستفسارات</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-white"> محمية بكلمة مرور</p> </li> <h3 class="mt-5 mb-5 font-heading font-large text-base text-white"> مميزات المتجر</h3> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-white"> 1 متاجر</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-white"> غير محدود فئات</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-white"> غير محدود منتجات</p> </li> <h3 class="mt-5 mb-5 font-heading font-large text-base text-white"> ميزات إضافية</h3> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-x mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-white"> المجال المخصص</p> <span class="bg-green-100 text-green-800 text-xs font-medium mx-1 me-2 px-2 py-0.5 rounded dark:bg-green-900 dark:text-green-300">جديد</span> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-x mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-white"> طلب بطاقة NFC</p> <span class="bg-green-100 text-green-800 text-xs font-medium mx-1 me-2 px-2 py-0.5 rounded dark:bg-green-900 dark:text-green-300">جديد</span> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-white"> الإعدادات المتقدمة</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-white"> تطبيق الويب التقدمي (PWA)</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-white"> رابط شخصي</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-white"> إخفاء العلامة التجارية</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-white"> إعداد مجاني</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-white"> دعم مجاني</p> </li> </ul> <button class="mb-3 w-full font-heading font-bold text-base overflow-hidden rounded-md"> <a href="https://cd2c.com/register" class="text-black hover:text-white"> <div class="px-9 py-4 border bg-white hover:bg-black overflow-hidden rounded-md"> اشتراك. </div> </a> </button> </div> </div> <div class="w-full md:w-1/2 xl:w-1/3 p-3"> <div class="p-10 bg-white border border-gray-200 rounded-xl"> <span class="bg-blue-600 text-white mb-2 inline-block rounded py-1 px-2 text-sm font-semibold">فيكارد</span> <h3 class="mb-5 font-heading font-medium text-base text-black"> بطاقة رقمية</h3> <div class="pb-6 flex"> <span class="font-heading font-bold text-6xl sm:text-7xl text-black"> ر.ع.10 </span> <span class="text-sm text-black self-end"> /للأبد </span> </div> <p class="pb-6 text-black leading-loose border-b border-black"> انشاء بطاقة رقمية</p> <ul class="my-6"> <h3 class="mb-5 font-heading font-large text-base text-blue-600"> ميزات vCard</h3> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> 1 vCards</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> غير محدود خدمات</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> غير محدود منتجات</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> غير محدود روابط</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> غير محدود قائمة الدفع</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> غير محدود المعارض</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> غير محدود الشهادات</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> ساعات العمل</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-x mr-2.5 text-gray-400" style="font-size: 20px;"></i> <p class="text-black"> المواعيد</p> <span class="bg-green-100 text-green-800 text-xs font-medium mx-1 me-2 px-2 py-0.5 rounded dark:bg-green-900 dark:text-green-300">جديد</span> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> نموذج الاتصال</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> غير محدود الاستفسارات</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> محمية بكلمة مرور</p> </li> <h3 class="mt-5 mb-5 font-heading font-large text-base text-blue-600"> ميزات إضافية</h3> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-x mr-2.5 text-gray-400" style="font-size: 20px;"></i> <p class="text-black"> المجال المخصص</p> <span class="bg-green-100 text-green-800 text-xs font-medium mx-1 me-2 px-2 py-0.5 rounded dark:bg-green-900 dark:text-green-300">جديد</span> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-x mr-2.5 text-gray-400" style="font-size: 20px;"></i> <p class="text-black"> طلب بطاقة NFC</p> <span class="bg-green-100 text-green-800 text-xs font-medium mx-1 me-2 px-2 py-0.5 rounded dark:bg-green-900 dark:text-green-300">جديد</span> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> الإعدادات المتقدمة</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> تطبيق الويب التقدمي (PWA)</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> رابط شخصي</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> إخفاء العلامة التجارية</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> إعداد مجاني</p> </li> <li class="flex items-center font-heading font-medium text-base text-gray-400"> <i class="ti ti-check mr-2.5 text-green-500" style="font-size: 20px;"></i> <p class="text-black"> دعم مجاني</p> </li> </ul> <button class="mb-3 w-full font-heading font-bold text-base overflow-hidden rounded-md"> <a href="https://cd2c.com/register" class="text-white hover:text-black"> <div class="px-9 py-4 border bg-black hover:bg-white overflow-hidden rounded-md"> اشتراك. </div> </a> </button> </div> </div> </div> </div> </section> <!-- HTML to display the notification --> <div id="notifications"></div> </div> <section class="relative py-12 lg:px-24 overflow-hidden"> <img class="absolute bottom-0 left-0" src="https://cd2c.com/app/assets/elements/footers/radial.svg" alt=""> <div class="relative z-10 container mx-auto px-4"> <div class="flex flex-wrap -m-6"> <div class="w-full md:w-1/2 lg:w-5/12 p-6"> <div class="flex flex-col justify-between h-full"> <div> <img class="mb-4" src="https://cd2c.com/images/web/elements/6563a2e5a1af5.png" alt="cd2c" width="200"> </div> </div> </div> <div class="w-full md:w-1/2 lg:w-2/12 p-6"> <div class="h-full"> <h3 class="mb-9 font-heading font-semibold text-xs text-gray-500 uppercase tracking-px"> ابدء</h3> <ul> <li class="mb-4"><a class="font-heading font-medium text-base text-gray-900 hover:text-gray-700" href="https://cd2c.com#how-it-works">كيف يعمل؟</a></li> <li class="mb-4"><a class="font-heading font-medium text-base text-gray-900 hover:text-gray-700" href="https://cd2c.com#features">سمات</a></li> <li class="mb-4"><a class="font-heading font-medium text-base text-gray-900 hover:text-gray-700" href="https://cd2c.com#pricing">التسعير</a></li> <li class="mb-4"><a class="font-heading font-medium text-base text-gray-900 hover:text-gray-700" href="https://cd2c.com/blogs">مدونات</a></li> </ul> </div> </div> <div class="w-full md:w-1/2 lg:w-2/12 p-6"> <div class="h-full"> <h3 class="mb-9 font-heading font-semibold text-xs text-gray-500 uppercase tracking-px"> حسابي</h3> <ul> <li class="mb-4"><a class="font-heading font-medium text-base text-gray-900 hover:text-gray-700" href="https://cd2c.com/login">تسجيل الدخول</a></li> <li class="mb-4"><a class="font-heading font-medium text-base text-gray-900 hover:text-gray-700" href="https://cd2c.com/register">يسجل</a></li> <li class="mb-4"><a class="font-heading font-medium text-base text-gray-900 hover:text-gray-700" href="https://cd2c.com/contact-us">اتصل بنا</a></li> <li><a class="font-heading font-medium text-base text-gray-900 hover:text-gray-700" href="mailto:[email protected]">دعم العملاء</a> </li> </ul> </div> </div> <div class="w-full md:w-1/2 lg:w-3/12 p-6"> <div class="h-full"> <h3 class="mb-9 font-heading font-semibold text-xs text-gray-500 uppercase tracking-px">القانونيون</h3> <ul> </ul> </div> </div> <div class="w-full p-6"> <div class="h-full"> <p class="text-gray-600 text-sm">© حقوق الطبع والنشر 2025. جميع الحقوق محفوظة بواسطة cd2c.</p> </div> </div> </div> </div> </section> <!-- Smooth Scroll --> <script type="text/javascript" src="https://cd2c.com/js/smooth-scroll.polyfills.min.js"></script> <script type="text/javascript" src="https://cd2c.com/app/js/footer.js"></script> <script> document.addEventListener('DOMContentLoaded', () => { "use strict"; // Avoids conflicts with other scripts const alert = document.getElementById('failed-alert'); if (alert) { setTimeout(() => { alert.style.opacity = '0'; // Fades out setTimeout(() => alert.remove(), 300); // Removes after fade-out }, 10000); // Auto close after 10 seconds } }); function closeModal() { "use strict"; // Avoids conflicts with other scripts const alert = document.getElementById('failed-alert'); if (alert) alert.remove(); // Removes the modal on close button click } </script> </body> </html>