Check server response of

Server response
NS records
Whois domain
Response headers
Request headers
Raw HTML code
301 Moved Permanently - cd2c.com
HTTP Status: 301
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Server: nginx
Date: Wed, 30 Apr 2025 02:05:21 GMT
Content-Type: text/html; charset=iso-8859-1
Content-Length: 225
Connection: keep-alive
Location: https://cd2c.com/

HTTP Code 301 Moved Permanently

301 status code means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.

When is Code 301 used?

  • When changing a website domain
  • When modifying URL structures
  • When setting up redirects for SEO

What does Code 301 mean for the user?

The browser will automatically redirect the user to the new address, and search engines will update their indexes.

200 OK - https://cd2c.com/
HTTP Status: 200
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Server: nginx
Date: Wed, 30 Apr 2025 02:05:22 GMT
Content-Type: text/html; charset=UTF-8
Transfer-Encoding: chunked
Connection: keep-alive
Vary: Accept-Encoding
Cache-Control: no-cache, private
X-Frame-Options: SAMEORIGIN
Set-Cookie: XSRF-TOKEN=eyJpdiI6InoxcVlIYkJiVVpDSlJmYitDYnZodlE9PSIsInZhbHVlIjoiZkFjVGZlZ1EyaHU5ZThpWVFIVUJHMFJWb1dCbXBSUE5PRjY0akdmekZleVFRclhGejVwb09aZ1QvSG1rRjM5a1JWOHR3Nm05WWc4b3hKa0tWQkp6WnVtV0dhR3JBSmlZbEM0V01vbG5kQWRkbElOdzVhQitZc3BYM01USHloM0siLCJtYWMiOiI5ZjIzNGI2MzQ5YWRiOTBmMWExYzcxOWYxNDBmMmQ2Yzc0YTA4ODViNTQ3MTU5YmFlNWE3MDI0MDFmM2JiMzRhIiwidGFnIjoiIn0%3D; expires=Wed, 30 Apr 2025 04:05:22 GMT; Max-Age=7200; path=/; secure; samesite=lax
Set-Cookie: cd2c_session=eyJpdiI6ImJpeFJ0ZmI0V0pRM3dTZ3dUOU5xREE9PSIsInZhbHVlIjoibHJBVTdmTHQxS2xnVmY0UWlWbTFyUWdZUVRxOEtxQlNzMEoxdXFxeXA4R0dTbHhKYVZtcDBxazhXUWNrTXJDZTNuK2M3eDNYMHd1U2V2ZlB1U3l2eVpZblRhNmRCM1VJeXpLSnNWZmZaT2VnOGEyeWFMVUh4YXA1UlNmbjZhNHIiLCJtYWMiOiJmNTc3ZDliZGNmZDdhNzE3NTMwYjUxZDYzODc1M2JjNWM0ZDhmNTljZTJhNzE3NjM3ODc4ODUxODcwODBhZDZlIiwidGFnIjoiIn0%3D; expires=Wed, 30 Apr 2025 04:05:22 GMT; Max-Age=7200; path=/; secure; httponly; samesite=lax
Vary: Accept-Encoding

HTTP Code 200 OK

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.

When is Code 200 used?

  • When loading a web page
  • When successfully receiving an API response
  • When processing a form or another HTTP request

What does Code 200 mean for the user?

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>
                               

Whois info of domain

Domain Name: CD2C.COM
Registry Domain ID: 2762321588_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.name.com
Registrar URL: http://www.name.com
Updated Date: 2025-03-04T10:15:08Z
Creation Date: 2023-03-02T20:18:08Z
Registry Expiry Date: 2026-03-02T20:18:08Z
Registrar: Name.com, Inc.
Registrar IANA ID: 625
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: 7202492374
Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Name Server: NS0.THUNDERCLOUD.UK
Name Server: NS1.THUNDERCLOUD.UK
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-04-30T02:05:07Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass