It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://www.logodesignvalley.com

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  <head>
  4.    <meta charset="utf-8">
  5.    <link rel="icon" type="image/x-icon" href="../../images/favicon.ico">
  6.    <meta name="viewport" content="width=device-width, initial-scale=1">
  7.    <meta name="description" content="Logo Design Valley is the premier professional logo design agency based in the USA. Our commitment is to provide top-notch company logo designers for brands, delivered by our expert team USA.">
  8.    <meta name="google-site-verification" content="d2xHy39_4XOhEfyvkJ4p8aX6SQppJWirYtATybT7sXw">
  9.  
  10.    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.1/css/bootstrap.min.css" rel="preload" as="style">
  11.    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.1/css/bootstrap.min.css" rel="stylesheet">
  12.    <!-- <link href="/src/css/slick.css" rel="stylesheet" /> -->
  13.    <link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" rel="stylesheet">
  14.    <link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css" rel="stylesheet">
  15.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css">
  16.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
  17.    <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" as="style">
  18.  
  19.    <link rel="stylesheet" href="../../fonts/HelveticaNeue/stylesheet.css">
  20.  
  21.    <title>Custom Logo Design Company &amp; Professional Logo Design Services</title>
  22.  <link rel="stylesheet" href="/_astro/404.88e73d4f.css" />
  23. <link rel="stylesheet" href="/_astro/404.65d8374a.css" />
  24. <link rel="stylesheet" href="/_astro/cms-development.94c24eb2.css" />
  25. <link rel="stylesheet" href="/_astro/branding.12015eff.css" />
  26. <link rel="stylesheet" href="/_astro/index.50cc84da.css" />
  27. <link rel="stylesheet" href="/_astro/branding.3a594856.css" />
  28. <link rel="stylesheet" href="/_astro/cms-development.dfdb19cf.css" />
  29. <link rel="stylesheet" href="/_astro/about-us.beceb8e7.css" />
  30. <link rel="stylesheet" href="/_astro/branding.1a8746c2.css" />
  31. <link rel="stylesheet" href="/_astro/about-us.e4ce1fda.css" />
  32. <link rel="stylesheet" href="/_astro/about-us.cc79b3fa.css" />
  33. <link rel="stylesheet" href="/_astro/branding.1bd3d156.css" />
  34. <link rel="stylesheet" href="/_astro/index.10a37c18.css" />
  35. <link rel="stylesheet" href="/_astro/branding.98371be5.css" />
  36. <link rel="stylesheet" href="/_astro/index.acbccb96.css" /><script type="module" src="/_astro/hoisted.af5b341b.js"></script></head>
  37.  <body class="">
  38.    <!-- Google Tag Manager (noscript) -->
  39.    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-563HKXM" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  40.    <!-- End Google Tag Manager (noscript) -->
  41.  
  42.    <div id="overlay"></div>
  43.    <div class="pre-loader">
  44.      <div class="pre-grid">
  45.        <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="72.000000pt" height="100.000000pt" viewBox="0 0 72.000000 100.000000" preserveAspectRatio="xMidYMid meet">
  46.          <g transform="translate(0.000000,100.000000) scale(0.100000,-0.100000)" fill="#bd202f" stroke="none">
  47.            <path d="M42 928 c3 -7 74 -203 158 -435 84 -233 156 -423 160 -423 4 0 76
  48. 190 160 423 84 232 155 428 158 435 3 10 -14 12 -79 10 l-83 -3 -75 -227 c-42
  49. -126 -78 -228 -81 -228 -3 0 -39 102 -81 228 l-75 227 -83 3 c-65 2 -82 0 -79
  50. -10z"></path>
  51.          </g>
  52.        </svg>
  53.        <ul>
  54.          <li></li>
  55.          <li></li>
  56.          <li></li>
  57.          <li></li>
  58.          <li></li>
  59.          <li></li>
  60.          <li></li>
  61.        </ul>
  62.      </div>
  63.    </div>
  64.    <script type="application/ld+json">
  65. {
  66.  "@context": "http://schema.org/",
  67.  
  68.    "@type": "Organization",
  69.      "name": "Logo Design Valley",
  70.        "url": "https://www.logodesignvalley.com/",
  71.          "logo": "https://www.logodesignvalley.com/images/logo.webp",
  72.            "sameAs": [
  73.              "https://www.facebook.com/LogoDesignValley/",
  74.              "https://twitter.com/LogoDValley",
  75.              "https://www.instagram.com/crowdspringhq/",
  76.              "https://www.pinterest.com/LogoDesignValley/",
  77.              "https://www.linkedin.com/in/logodesignvalley/"
  78.            ],
  79.              "contactPoint": {
  80.    "@type": "ContactPoint",
  81.      "telephone": "+1-844-288-3220",
  82.        "contactType": "customer service"
  83.  }
  84.  
  85. };
  86. {
  87.  "@context": "http://schema.org/",
  88.    "@type": "SiteNavigationElement",
  89.      "hasPart": {
  90.    "@type": "WebPage",
  91.      "url": "https://www.logodesignvalley.com/logo-design/",
  92.    },
  93.  "hasPart": {
  94.    "@type": "WebPage",
  95.      "url": "https://www.logodesignvalley.com/web-design/",
  96.    },
  97.  "hasPart": {
  98.    "@type": "WebPage",
  99.      "url": "https://www.logodesignvalley.com/cms-development/",
  100.    },
  101.  "hasPart": {
  102.    "@type": "WebPage",
  103.      "url": "https://www.logodesignvalley.com/custom-ecommerce-development/",
  104.    },
  105.  "hasPart": {
  106.    "@type": "WebPage",
  107.      "url": "https://www.logodesignvalley.com/hire-a-designer/",
  108.    },
  109.  "hasPart": {
  110.    "@type": "WebPage",
  111.      "url": "https://www.logodesignvalley.com/branding/",
  112.    },
  113.  "hasPart": {
  114.    "@type": "WebPage",
  115.      "url": "https://www.logodesignvalley.com/logo-design-dallas/",
  116.    },
  117.  "hasPart": {
  118.    "@type": "WebPage",
  119.      "url": "https://www.logodesignvalley.com/logo-design-texas/",
  120.    },
  121.  "hasPart": {
  122.    "@type": "WebPage",
  123.      "url": "https://www.logodesignvalley.com/packages/",
  124. },
  125.  "hasPart": {
  126.    "@type": "WebPage",
  127.      "url": "https://www.logodesignvalley.com/blog/",
  128.    }
  129. };
  130. </script>
  131.  
  132. <header class="astro-3EF6KSR2">
  133.  <div class="container astro-3EF6KSR2">
  134.    <div class="offcanvas-menu astro-3EF6KSR2">
  135.      <div class="mobile-logo astro-3EF6KSR2">
  136.        <a href="/" class="astro-3EF6KSR2"><img src="../images/logo.webp" width="178" height="113" alt="header-logo" class="astro-3EF6KSR2"></a>
  137.      </div>
  138.      <input type="checkbox" id="toogle-menu" class="astro-3EF6KSR2">
  139.      <label for="toogle-menu" class="toogle-open astro-3EF6KSR2"><span class="astro-3EF6KSR2"></span></label>
  140.      <nav class="desktop-view astro-3EF6KSR2">
  141.        <div class="astro-3EF6KSR2">
  142.          <a href="/" class="astro-3EF6KSR2"><img src="../images/logo.webp" width="178" height="113" alt="header-logo" class="astro-3EF6KSR2"></a>
  143.          <label for="toogle-menu" class="toogle-close astro-3EF6KSR2">
  144.            <span class="astro-3EF6KSR2"></span>
  145.          </label>
  146.        </div>
  147.        <div class="astro-3EF6KSR2">
  148.          <div class="top-nav astro-3EF6KSR2">
  149.            <ul class="astro-3EF6KSR2">
  150.              <li class="astro-3EF6KSR2">
  151.                <a href="tel: +1-844-288-3220" class="astro-3EF6KSR2"><i class="fas fa-phone astro-3EF6KSR2"></i> +1-844-288-3220</a>
  152.              </li>
  153.              <!-- <li><a href="#">Login</a></li> -->
  154.            </ul>
  155.          </div>
  156.  
  157.          <ul class="cus-ul astro-3EF6KSR2">
  158.            <li class="astro-3EF6KSR2"><a href="/logo-design/" class="astro-3EF6KSR2">Logo Design</a></li>
  159.            <li class="li-hover astro-3EF6KSR2">
  160.              <a href="/web-design/" class="astro-3EF6KSR2">Website Design</a>
  161.              <ul class="sub-menu astro-3EF6KSR2">
  162.                <li class="astro-3EF6KSR2"><a href="/cms-development/" class="astro-3EF6KSR2">CMS Development</a></li>
  163.                <li class="astro-3EF6KSR2">
  164.                  <a href="/custom-ecommerce-development/" class="astro-3EF6KSR2">Custom Ecommerce Development</a>
  165.                </li>
  166.                <li class="astro-3EF6KSR2"><a href="/hire-a-designer/" class="astro-3EF6KSR2">Hire a Designer</a></li>
  167.              </ul>
  168.            </li>
  169.            <li class="astro-3EF6KSR2"><a href="/branding/" class="astro-3EF6KSR2">Branding</a></li>
  170.            <li class="astro-3EF6KSR2"><a href="/packages/" class="astro-3EF6KSR2">Packages</a></li>
  171.            <li class="li-hover astro-3EF6KSR2">
  172.              <a href="javascript:void(0)" class="astro-3EF6KSR2">Location</a>
  173.              <ul class="sub-menu astro-3EF6KSR2">
  174.                <li class="astro-3EF6KSR2"><a href="/logo-design-dallas/" class="astro-3EF6KSR2">Logo Design Dallas</a></li>
  175.                <li class="astro-3EF6KSR2"><a href="/logo-design-texas/" class="astro-3EF6KSR2">Logo Design Texas</a></li>
  176.              </ul>
  177.            </li>
  178.            <li class="li-hover astro-3EF6KSR2">
  179.              <a href="#" class="astro-3EF6KSR2">Insight</a>
  180.              <ul class="sub-menu astro-3EF6KSR2">
  181.                <li class="astro-3EF6KSR2"><a href="/about-us/" class="astro-3EF6KSR2">About</a></li>
  182.                <li class="astro-3EF6KSR2"><a href="/contact-us/" class="astro-3EF6KSR2">Contact Us</a></li>
  183.                <li class="astro-3EF6KSR2"><a href="/blog/" class="astro-3EF6KSR2">Blog</a></li>
  184.              </ul>
  185.            </li>
  186.            <li class="astro-3EF6KSR2"><a href="/portfolio/" class="astro-3EF6KSR2">Portfolio</a></li>
  187.  
  188.            <button type="button" data-bs-toggle="modal" data-bs-target="#getaQoute" class="btn get-a-qoute astro-3EF6KSR2">Get In Touch</button>
  189.          </ul>
  190.  
  191.          <ul class="mobile-cus-ul cus-ul astro-3EF6KSR2">
  192.            <li class="astro-3EF6KSR2"><a href="/logo-design/" class="astro-3EF6KSR2">Logo Design</a></li>
  193.            <li class="mobile-li-hover astro-3EF6KSR2">
  194.              <a href="/web-design/" class="astro-3EF6KSR2">Website Design</a>
  195.              <i class="fas fa-caret-down astro-3EF6KSR2"></i>
  196.              <ul class="sub-menu astro-3EF6KSR2">
  197.                <li class="astro-3EF6KSR2"><a href="/cms-development/" class="astro-3EF6KSR2">CMS Development</a></li>
  198.                <li class="astro-3EF6KSR2">
  199.                  <a href="/custom-ecommerce-development/" class="astro-3EF6KSR2">Custom Ecommerce Development</a>
  200.                </li>
  201.                <li class="astro-3EF6KSR2"><a href="/hire-a-designer/" class="astro-3EF6KSR2">Hire a Designer</a></li>
  202.              </ul>
  203.            </li>
  204.            <li class="astro-3EF6KSR2"><a href="/branding/" class="astro-3EF6KSR2">Branding</a></li>
  205.            <li class="astro-3EF6KSR2"><a href="/packages/" class="astro-3EF6KSR2">Packages</a></li>
  206.            <li class="mobile-li-hover astro-3EF6KSR2">
  207.              <a href="#" class="astro-3EF6KSR2">Location</a>
  208.              <i class="fas fa-caret-down astro-3EF6KSR2"></i>
  209.              <ul class="sub-menu astro-3EF6KSR2">
  210.                <li class="astro-3EF6KSR2"><a href="/logo-design-dallas/" class="astro-3EF6KSR2">Logo Design Dallas</a></li>
  211.                <li class="astro-3EF6KSR2"><a href="/logo-design-texas/" class="astro-3EF6KSR2">Logo Design Texas</a></li>
  212.              </ul>
  213.            </li>
  214.            <li class="mobile-li-hover astro-3EF6KSR2">
  215.              <a href="#" class="astro-3EF6KSR2">Insight</a>
  216.              <i class="fas fa-caret-down astro-3EF6KSR2"></i>
  217.              <ul class="sub-menu astro-3EF6KSR2">
  218.                <li class="astro-3EF6KSR2"><a href="/about-us/" class="astro-3EF6KSR2">About</a></li>
  219.                <li class="astro-3EF6KSR2"><a href="/contact-us/" class="astro-3EF6KSR2">Contact Us</a></li>
  220.                <li class="astro-3EF6KSR2"><a href="/blog/" class="astro-3EF6KSR2">Blog</a></li>
  221.              </ul>
  222.            </li>
  223.            <li class="astro-3EF6KSR2"><a href="/portfolio/" class="astro-3EF6KSR2">Portfolio</a></li>
  224.  
  225.            <button type="button" data-bs-toggle="modal" data-bs-target="#getaQoute" class="btn get-a-qoute astro-3EF6KSR2">Get In Touch</button>
  226.          </ul>
  227.        </div>
  228.      </nav>
  229.    </div>
  230.  </div>
  231. </header>
  232.    
  233.  <script type="application/ld+json">
  234.    {
  235.      "@context": "http://schema.org/",
  236.      "@type": "AggregateRating",
  237.      "itemReviewed": {
  238.        "@type": "Product",
  239.        "name": "Logo design, graphic design, web design, product design and company naming",
  240.        "description": "Logo Design Valley is the leading professional logo design company based in Dallas, Texas. We offer high-quality logo designer agency for brands and companies, delivered by our expert team in the USA.",
  241.        "brand": {
  242.          "@type": "Organization",
  243.          "name": "Logo Design Valley",
  244.          "url": "https://www.logodesignvalley.com/",
  245.          "logo": "https://www.logodesignvalley.com/images/logo.webp",
  246.          "sameAs": [
  247.            "https://www.facebook.com/LogoDesignValley/",
  248.            "https://twitter.com/LogoDValley",
  249.            "https://www.instagram.com/crowdspringhq/",
  250.            "https://www.pinterest.com/LogoDesignValley/",
  251.            "https://www.linkedin.com/in/logodesignvalley/"
  252.          ],
  253.          "contactPoint": {
  254.            "@type": "ContactPoint",
  255.            "telephone": "+1-844-288-3220",
  256.            "contactType": "customer service"
  257.          }
  258.        },
  259.        "aggregateRating": {
  260.          "@type": "AggregateRating",
  261.          "ratingValue": "4.9",
  262.          "reviewCount": 7290
  263.        }
  264.      },
  265.      "ratingValue": "4.9",
  266.      "reviewCount": 7290
  267.    }
  268.  </script>
  269.  
  270.  <section class="bgImg-Sec banner-home-temp astro-KGGSJSM4" style="background: linear-gradient(0deg, rgb(189 30 45), rgba(189, 30, 45, 0.7) 20%), url(../images/main-bg.webp);">
  271.  <div class="container astro-KGGSJSM4">
  272.    
  273.    <div class="main-banner astro-J7PV25F6">
  274.      <div class="banner-info astro-J7PV25F6">
  275.        <h1 class="astro-J7PV25F6">Award Winning Professional Logo Design Company in the US</h1>
  276.        <div class="logo-form astro-J7PV25F6">
  277.          <h4 class="astro-J7PV25F6">
  278.            Use Our Online Logo Maker to Carve a logo design that your audience
  279.            would love to relate with
  280.          </h4>
  281.          <div class="main-banner-form astro-J7PV25F6">
  282.            <form id="home-form" class="astro-J7PV25F6">
  283.              <input type="text" class="form-control first astro-J7PV25F6" required id="input-name" name="name" placeholder="Your Name">
  284.              <input type="email" name="email" required id="email-input" class="form-control second astro-J7PV25F6" placeholder="name@example.com" style="display: none;">
  285.              <input type="tel" name="phone" class="form-control third astro-J7PV25F6" placeholder="0800-123456" style="display: none;" id="phone-input" maxlength="15">
  286.              <button type="button" class="custom-form-btn astro-J7PV25F6" onclick="showNextInput()">
  287.                Next
  288.              </button>
  289.              <button type="submit" class="custom-form-btn submit-btn astro-J7PV25F6" style="display: none;">Submit <i id="loader" class="fa-solid fa-spinner hidden astro-J7PV25F6"></i></button>
  290.            </form>
  291.          </div>
  292.          <div class="error-div astro-J7PV25F6">
  293.            <p id="error-message" style="color: red;" class="astro-J7PV25F6"></p>
  294.          </div>
  295.        </div>
  296.      </div>
  297.      <div class="slider whychoose-img astro-OS5RWSEQ">
  298.  <div class="astro-OS5RWSEQ">
  299.    <img src="../images/google.png" width="158" height="66" alt="slider-img" class="astro-OS5RWSEQ">
  300.  </div>
  301.  <div class="astro-OS5RWSEQ">
  302.    <img src="../images/topdigital.png" width="158" height="59" alt="slider-img" class="astro-OS5RWSEQ">
  303.  </div>
  304.  <div class="astro-OS5RWSEQ">
  305.    <img src="../images/clutch.png" width="125" height="61" alt="slider-img" class="astro-OS5RWSEQ">
  306.  </div>
  307.  <div class="astro-OS5RWSEQ">
  308.    <img src="../images/moz.webp" width="190" height="80" alt="slider-img" class="astro-OS5RWSEQ">
  309.  </div>
  310.  <div class="astro-OS5RWSEQ">
  311.    <img src="../images/bing.webp" width="158" height="66" alt="slider-img" class="astro-OS5RWSEQ">
  312.  </div>
  313.  <div class="astro-OS5RWSEQ">
  314.    <img src="../images/good.png" width="158" height="66" alt="slider-img" class="astro-OS5RWSEQ">
  315.  </div>
  316. </div>
  317.    </div>
  318.    <div class="text-center">
  319.  <div class="basic-modern-dots white-dots" id="banner-dots-link">
  320.    <div class="dot first-circle"></div>
  321.    <div class="dot second-circle"></div>
  322.    <div class="dot third-circle"></div>
  323.  </div>
  324. </div>
  325.  
  326.  </div>
  327. </section>
  328.  <div class="trigger-div astro-J7PV25F6"></div>
  329.  
  330.  <section class="recent-logo-main astro-YCKSZPSV">
  331.  <div class="container astro-YCKSZPSV">
  332.    <div class="short-para head-para astro-WUUCC4YF">
  333.  <h4 class="heading-title astro-WUUCC4YF">Why Choose Us</h4>
  334.  <h2 class="astro-WUUCC4YF">A Glimpse Of Our Recent Professional Logos</h2>
  335.  <p class="astro-WUUCC4YF">Our years of service as logo maker have revealed the crux of distinct logo designs. We have spent years in the market to collect the wisdom of the logo gurus and learned through our experience.</p>
  336. </div>
  337.  </div>
  338.  <div class="recent-logos astro-YCKSZPSV">
  339.    <div class="slider gallery-1 recent-gallery astro-YCKSZPSV">
  340.      
  341.            <div class="img-wrapper astro-YCKSZPSV">
  342.              <a href="../images/recentlogo/LD_Initials_1.webp" data-fancybox="gallery" class="astro-YCKSZPSV">
  343.                <img src="../images/recentlogo/LD_Initials_1.webp" width="338" height="388" loading="lazy" alt="slider-img" loading="lazy" class="astro-YCKSZPSV">
  344.                <div class="img-overlay astro-YCKSZPSV">
  345.                  <i class="fa fa-plus-circle astro-YCKSZPSV" aria-hidden="true"></i>
  346.                </div>
  347.              </a>
  348.            </div>
  349.          
  350.            <div class="img-wrapper astro-YCKSZPSV">
  351.              <a href="../images/recentlogo/LD_Initials_2.webp" data-fancybox="gallery" class="astro-YCKSZPSV">
  352.                <img src="../images/recentlogo/LD_Initials_2.webp" width="338" height="388" loading="lazy" alt="slider-img" loading="lazy" class="astro-YCKSZPSV">
  353.                <div class="img-overlay astro-YCKSZPSV">
  354.                  <i class="fa fa-plus-circle astro-YCKSZPSV" aria-hidden="true"></i>
  355.                </div>
  356.              </a>
  357.            </div>
  358.          
  359.            <div class="img-wrapper astro-YCKSZPSV">
  360.              <a href="../images/recentlogo/LD_Initials_3.webp" data-fancybox="gallery" class="astro-YCKSZPSV">
  361.                <img src="../images/recentlogo/LD_Initials_3.webp" width="338" height="388" loading="lazy" alt="slider-img" loading="lazy" class="astro-YCKSZPSV">
  362.                <div class="img-overlay astro-YCKSZPSV">
  363.                  <i class="fa fa-plus-circle astro-YCKSZPSV" aria-hidden="true"></i>
  364.                </div>
  365.              </a>
  366.            </div>
  367.          
  368.            <div class="img-wrapper astro-YCKSZPSV">
  369.              <a href="../images/recentlogo/LD_Initials_4.webp" data-fancybox="gallery" class="astro-YCKSZPSV">
  370.                <img src="../images/recentlogo/LD_Initials_4.webp" width="338" height="388" loading="lazy" alt="slider-img" loading="lazy" class="astro-YCKSZPSV">
  371.                <div class="img-overlay astro-YCKSZPSV">
  372.                  <i class="fa fa-plus-circle astro-YCKSZPSV" aria-hidden="true"></i>
  373.                </div>
  374.              </a>
  375.            </div>
  376.          
  377.            <div class="img-wrapper astro-YCKSZPSV">
  378.              <a href="../images/recentlogo/LD_Initials_5.webp" data-fancybox="gallery" class="astro-YCKSZPSV">
  379.                <img src="../images/recentlogo/LD_Initials_5.webp" width="338" height="388" loading="lazy" alt="slider-img" loading="lazy" class="astro-YCKSZPSV">
  380.                <div class="img-overlay astro-YCKSZPSV">
  381.                  <i class="fa fa-plus-circle astro-YCKSZPSV" aria-hidden="true"></i>
  382.                </div>
  383.              </a>
  384.            </div>
  385.          
  386.            <div class="img-wrapper astro-YCKSZPSV">
  387.              <a href="../images/recentlogo/LD_Initials_6.webp" data-fancybox="gallery" class="astro-YCKSZPSV">
  388.                <img src="../images/recentlogo/LD_Initials_6.webp" width="338" height="388" loading="lazy" alt="slider-img" loading="lazy" class="astro-YCKSZPSV">
  389.                <div class="img-overlay astro-YCKSZPSV">
  390.                  <i class="fa fa-plus-circle astro-YCKSZPSV" aria-hidden="true"></i>
  391.                </div>
  392.              </a>
  393.            </div>
  394.          
  395.    </div>
  396.    <div class="slider gallery-2 recent-gallery astro-YCKSZPSV">
  397.      <div class="img-wrapper astro-YCKSZPSV">
  398.            <a href="../images/recentlogo/m1.webp" data-fancybox="gallery" class="astro-YCKSZPSV">
  399.              <img src="../images/recentlogo/m1.webp" width="338" height="388" loading="lazy" alt="slider-img" loading="lazy" class="astro-YCKSZPSV">
  400.              <div class="img-overlay astro-YCKSZPSV">
  401.                <i class="fa fa-plus-circle astro-YCKSZPSV" aria-hidden="true"></i>
  402.              </div>
  403.            </a>
  404.          </div><div class="img-wrapper astro-YCKSZPSV">
  405.            <a href="../images/recentlogo/m3.webp" data-fancybox="gallery" class="astro-YCKSZPSV">
  406.              <img src="../images/recentlogo/m3.webp" width="338" height="388" loading="lazy" alt="slider-img" loading="lazy" class="astro-YCKSZPSV">
  407.              <div class="img-overlay astro-YCKSZPSV">
  408.                <i class="fa fa-plus-circle astro-YCKSZPSV" aria-hidden="true"></i>
  409.              </div>
  410.            </a>
  411.          </div><div class="img-wrapper astro-YCKSZPSV">
  412.            <a href="../images/recentlogo/m5.webp" data-fancybox="gallery" class="astro-YCKSZPSV">
  413.              <img src="../images/recentlogo/m5.webp" width="338" height="388" loading="lazy" alt="slider-img" loading="lazy" class="astro-YCKSZPSV">
  414.              <div class="img-overlay astro-YCKSZPSV">
  415.                <i class="fa fa-plus-circle astro-YCKSZPSV" aria-hidden="true"></i>
  416.              </div>
  417.            </a>
  418.          </div><div class="img-wrapper astro-YCKSZPSV">
  419.            <a href="../images/recentlogo/m7.webp" data-fancybox="gallery" class="astro-YCKSZPSV">
  420.              <img src="../images/recentlogo/m7.webp" width="338" height="388" loading="lazy" alt="slider-img" loading="lazy" class="astro-YCKSZPSV">
  421.              <div class="img-overlay astro-YCKSZPSV">
  422.                <i class="fa fa-plus-circle astro-YCKSZPSV" aria-hidden="true"></i>
  423.              </div>
  424.            </a>
  425.          </div><div class="img-wrapper astro-YCKSZPSV">
  426.            <a href="../images/recentlogo/m9.webp" data-fancybox="gallery" class="astro-YCKSZPSV">
  427.              <img src="../images/recentlogo/m9.webp" width="338" height="388" loading="lazy" alt="slider-img" loading="lazy" class="astro-YCKSZPSV">
  428.              <div class="img-overlay astro-YCKSZPSV">
  429.                <i class="fa fa-plus-circle astro-YCKSZPSV" aria-hidden="true"></i>
  430.              </div>
  431.            </a>
  432.          </div><div class="img-wrapper astro-YCKSZPSV">
  433.            <a href="../images/recentlogo/m11.webp" data-fancybox="gallery" class="astro-YCKSZPSV">
  434.              <img src="../images/recentlogo/m11.webp" width="338" height="388" loading="lazy" alt="slider-img" loading="lazy" class="astro-YCKSZPSV">
  435.              <div class="img-overlay astro-YCKSZPSV">
  436.                <i class="fa fa-plus-circle astro-YCKSZPSV" aria-hidden="true"></i>
  437.              </div>
  438.            </a>
  439.          </div>
  440.    </div>
  441.    <div class="slider gallery-3 recent-gallery astro-YCKSZPSV">
  442.      <div class="img-wrapper astro-YCKSZPSV">
  443.            <a href="../images/recentlogo/LD_WordMark_1.webp" data-fancybox="gallery" class="astro-YCKSZPSV">
  444.              <img src="../images/recentlogo/LD_WordMark_1.webp" width="338" height="388" loading="lazy" alt="slider-img" loading="lazy" class="astro-YCKSZPSV">
  445.              <div class="img-overlay astro-YCKSZPSV">
  446.                <i class="fa fa-plus-circle astro-YCKSZPSV" aria-hidden="true"></i>
  447.              </div>
  448.            </a>
  449.          </div><div class="img-wrapper astro-YCKSZPSV">
  450.            <a href="../images/recentlogo/LD_WordMark_2.webp" data-fancybox="gallery" class="astro-YCKSZPSV">
  451.              <img src="../images/recentlogo/LD_WordMark_2.webp" width="338" height="388" loading="lazy" alt="slider-img" loading="lazy" class="astro-YCKSZPSV">
  452.              <div class="img-overlay astro-YCKSZPSV">
  453.                <i class="fa fa-plus-circle astro-YCKSZPSV" aria-hidden="true"></i>
  454.              </div>
  455.            </a>
  456.          </div><div class="img-wrapper astro-YCKSZPSV">
  457.            <a href="../images/recentlogo/LD_WordMark_11.webp" data-fancybox="gallery" class="astro-YCKSZPSV">
  458.              <img src="../images/recentlogo/LD_WordMark_11.webp" width="338" height="388" loading="lazy" alt="slider-img" loading="lazy" class="astro-YCKSZPSV">
  459.              <div class="img-overlay astro-YCKSZPSV">
  460.                <i class="fa fa-plus-circle astro-YCKSZPSV" aria-hidden="true"></i>
  461.              </div>
  462.            </a>
  463.          </div><div class="img-wrapper astro-YCKSZPSV">
  464.            <a href="../images/recentlogo/LD_WordMark_4.webp" data-fancybox="gallery" class="astro-YCKSZPSV">
  465.              <img src="../images/recentlogo/LD_WordMark_4.webp" width="338" height="388" loading="lazy" alt="slider-img" loading="lazy" class="astro-YCKSZPSV">
  466.              <div class="img-overlay astro-YCKSZPSV">
  467.                <i class="fa fa-plus-circle astro-YCKSZPSV" aria-hidden="true"></i>
  468.              </div>
  469.            </a>
  470.          </div><div class="img-wrapper astro-YCKSZPSV">
  471.            <a href="../images/recentlogo/LD_WordMark_12.webp" data-fancybox="gallery" class="astro-YCKSZPSV">
  472.              <img src="../images/recentlogo/LD_WordMark_12.webp" width="338" height="388" loading="lazy" alt="slider-img" loading="lazy" class="astro-YCKSZPSV">
  473.              <div class="img-overlay astro-YCKSZPSV">
  474.                <i class="fa fa-plus-circle astro-YCKSZPSV" aria-hidden="true"></i>
  475.              </div>
  476.            </a>
  477.          </div><div class="img-wrapper astro-YCKSZPSV">
  478.            <a href="../images/recentlogo/LD_WordMark_6.webp" data-fancybox="gallery" class="astro-YCKSZPSV">
  479.              <img src="../images/recentlogo/LD_WordMark_6.webp" width="338" height="388" loading="lazy" alt="slider-img" loading="lazy" class="astro-YCKSZPSV">
  480.              <div class="img-overlay astro-YCKSZPSV">
  481.                <i class="fa fa-plus-circle astro-YCKSZPSV" aria-hidden="true"></i>
  482.              </div>
  483.            </a>
  484.          </div>
  485.    </div>
  486.  </div>
  487. </section>
  488.  <section class="testimonial-top-section  astro-AADLZISC">
  489.  <div class="container astro-AADLZISC">
  490.    <div class="row astro-AADLZISC">
  491.      <div class="col-md-12 astro-AADLZISC">
  492.        <div class="testimonial-carousel astro-AADLZISC">
  493.          <div class="testimonial-stars astro-AADLZISC">
  494.            <i class="fa fa-star astro-AADLZISC"></i>
  495.            <i class="fa fa-star astro-AADLZISC"></i>
  496.            <i class="fa fa-star astro-AADLZISC"></i>
  497.            <i class="fa fa-star astro-AADLZISC"></i>
  498.            <i class="fa fa-star astro-AADLZISC"></i>
  499.          </div>
  500.          <p class="astro-AADLZISC">
  501.            Folks think we're rad. We're rated 4.8/5 from 100+ customer reviews.
  502.          </p>
  503.        </div>
  504.        <div class="view-portfolio-about astro-AADLZISC">
  505.          <a href="/portfolio" class="custom-cta astro-VNZLVQNM">
  506.      Explore More Here
  507.    </a>
  508.          <!-- <a class="custom-cta" href="#">Explore More Here</a> -->
  509.        </div>
  510.      </div>
  511.    </div>
  512.  </div>
  513. </section>
  514.  <div class="trigger-div astro-J7PV25F6"></div>
  515.  <div class="container astro-QZ6TCAR7">
  516.  <div class="key-feature-main astro-QZ6TCAR7">
  517.    <div class="short-para head-para astro-WUUCC4YF">
  518.  <h4 class="heading-title astro-WUUCC4YF">Be Visible</h4>
  519.  <h2 class="astro-WUUCC4YF">Beautify Your Brand with a<br/> Professional Logo Design</h2>
  520.  <p class="astro-WUUCC4YF">Startups, small businesses, and enterprises can brand their offerings through custom logo designs, branding design solutions, and the web design expertise of Logo Design Valley.</p>
  521. </div>
  522.    <div class="delivery-result astro-QZ6TCAR7">
  523.      <div class="delivery-info astro-QZ6TCAR7">
  524.            <img src="../images/satisfaction.webp" width="71" height="71" alt="key-features-img" class="astro-QZ6TCAR7">
  525.            <p class="astro-QZ6TCAR7">100% Satisfaction Guarantee</p>
  526.          </div><div class="delivery-info astro-QZ6TCAR7">
  527.            <img src="../images/unique.webp" width="71" height="71" alt="key-features-img" class="astro-QZ6TCAR7">
  528.            <p class="astro-QZ6TCAR7">Unique Design Guarantee</p>
  529.          </div><div class="delivery-info astro-QZ6TCAR7">
  530.            <img src="../images/money.webp" width="71" height="71" alt="key-features-img" class="astro-QZ6TCAR7">
  531.            <p class="astro-QZ6TCAR7">100% Money Back Guarantee</p>
  532.          </div><div class="delivery-info astro-QZ6TCAR7">
  533.            <img src="../images/time.webp" width="71" height="71" alt="key-features-img" class="astro-QZ6TCAR7">
  534.            <p class="astro-QZ6TCAR7">24/7 Design Consultancy</p>
  535.          </div><div class="delivery-info astro-QZ6TCAR7">
  536.            <img src="../images/award.webp" width="71" height="71" alt="key-features-img" class="astro-QZ6TCAR7">
  537.            <p class="astro-QZ6TCAR7">Award Winning Designers &amp; Developers</p>
  538.          </div>
  539.    </div>
  540.  </div>
  541. </div>
  542.  <div class="trigger-div astro-J7PV25F6"></div>
  543.  <section class=" main-services-tab astro-G5JPLRHU">
  544.  <div class="container astro-G5JPLRHU">
  545.    <div class="services-main astro-G5JPLRHU">
  546.      <div class=" head-para astro-WUUCC4YF">
  547.  <h4 class="heading-title astro-WUUCC4YF">Growth Model</h4>
  548.  <h2 class="astro-WUUCC4YF">Prominence leads to interactions and <br/>forms lasting relationships</h2>
  549.  <p class="astro-WUUCC4YF">Logo Design Valley follows this simple philosophy for logo designs and branding. Give your brand a superior image, better ROI, and faster growth from our proficient logo design services.</p>
  550. </div>
  551.      <div class="Tabs-Title astro-G5JPLRHU">
  552.        <ul class="astro-G5JPLRHU">
  553.          <li class="tab-service astro-G5JPLRHU" data-index="0" onclick="changeTab(this)">
  554.                <div class="Img-Area astro-G5JPLRHU">
  555.                  <img src="../images/ldp.png" width="54" height="54" alt="tab-img" class="astro-G5JPLRHU">
  556.                </div>
  557.                <h4 class="astro-G5JPLRHU">Logo Design Process</h4>
  558.                <p class="astro-G5JPLRHU">Precise and scientific approach</p>
  559.              </li><li class="tab-service astro-G5JPLRHU" data-index="1" onclick="changeTab(this)">
  560.                <div class="Img-Area astro-G5JPLRHU">
  561.                  <img src="../images/br.png" width="54" height="54" alt="tab-img" class="astro-G5JPLRHU">
  562.                </div>
  563.                <h4 class="astro-G5JPLRHU">Brand Recognition</h4>
  564.                <p class="astro-G5JPLRHU">Creating a memorable brand identity</p>
  565.              </li><li class="tab-service astro-G5JPLRHU" data-index="2" onclick="changeTab(this)">
  566.                <div class="Img-Area astro-G5JPLRHU">
  567.                  <img src="../images/lc.png" width="54" height="54" alt="tab-img" class="astro-G5JPLRHU">
  568.                </div>
  569.                <h4 class="astro-G5JPLRHU">Logo Customization</h4>
  570.                <p class="astro-G5JPLRHU">Getting into details and Going beyond the free-size</p>
  571.              </li><li class="tab-service astro-G5JPLRHU" data-index="3" onclick="changeTab(this)">
  572.                <div class="Img-Area astro-G5JPLRHU">
  573.                  <img src="../images/ld.png" width="54" height="54" alt="tab-img" class="astro-G5JPLRHU">
  574.                </div>
  575.                <h4 class="astro-G5JPLRHU">In-House Team Of Logo Designers</h4>
  576.                <p class="astro-G5JPLRHU">A goal-driven team</p>
  577.              </li>
  578.        </ul>
  579.      </div>
  580.      <div class="Tab-Content astro-G5JPLRHU">
  581.        <div class="content-service astro-G5JPLRHU" data-index="0">
  582.              <div class="row astro-G5JPLRHU">
  583.                <div class="col-lg-6 col-md-6  astro-G5JPLRHU">
  584.                  <div class="Content-Box astro-G5JPLRHU">
  585.                    <h2 class="astro-G5JPLRHU">Logo Process:</h2>
  586.                    <h4 class="astro-G5JPLRHU">Precise And Scientific Approach</h4>
  587.                    <p class="astro-G5JPLRHU">The professional logo design process plays a significant role in the development of logos and other visual content. Breaking down the entire project into smaller, manageable chunks helps architects, thinkers, and artists approach their tasks with utmost clarity and creativity.Our designers have developed an effective design strategy after working long and tedious hours. We know the troubles of starting without knowing the yellow brick road. Here is a summary of our design process:</p>
  588.                    <div class="list-type-Content astro-G5JPLRHU">
  589.                      <ul class="astro-G5JPLRHU">
  590.                        <li class="astro-G5JPLRHU">Definition</li><li class="astro-G5JPLRHU">Research</li><li class="astro-G5JPLRHU">DefBrainstorminginition</li><li class="astro-G5JPLRHU">Development</li><li class="astro-G5JPLRHU">Execution</li>
  591.                      </ul>
  592.                    </div>
  593.                    <div class="globle-btn  Btn2-flex astro-G5JPLRHU">
  594.                      <button data-bs-toggle="modal" data-bs-target="#getaQoute" class=" custom-cta astro-VNZLVQNM" id="">
  595.      Get A Custom Logo
  596.    </button>
  597.                      <button onclick="swiftSalesSDK.OpenChat();" class="custom-cta astro-VNZLVQNM">
  598.      Live Chat
  599.    </button>
  600.                    </div>
  601.                  </div>
  602.                </div>
  603.                <div class="col-lg-6 col-md-6  astro-G5JPLRHU">
  604.                  <div class="Image astro-G5JPLRHU">
  605.                    <img src="../images/growth-model-tabs/tabs.webp" width="602" loading="lazy" height="658" alt="Tabs" class="astro-G5JPLRHU">
  606.                  </div>
  607.                </div>
  608.              </div>
  609.            </div><div class="content-service astro-G5JPLRHU" data-index="1">
  610.              <div class="row astro-G5JPLRHU">
  611.                <div class="col-lg-6 col-md-6  astro-G5JPLRHU">
  612.                  <div class="Content-Box astro-G5JPLRHU">
  613.                    <h2 class="astro-G5JPLRHU">Brand Recognition:</h2>
  614.                    <h4 class="astro-G5JPLRHU">Creating a memorable brand identity</h4>
  615.                    <p class="astro-G5JPLRHU">A logo design is the protagonist of your digital presence. It takes center stage and helps in leaving a lasting impression through your logo on the mind of the audience. The logos are not just an image on your site; they represent a succinct tale of your brand. Logos are the curtain raiser, after all.If you are wondering about our theatric introduction, it is because we firmly believe in the Shakespearean ideology of brevity, and its reality of being the soul of wit. The simplicity of designs and the efficiency to accommodate different media is precisely what makes a logo worthy.Professional logos act as your brand identity in itself. They carry the responsibility of not only attracting a consumer but also holding their fascination to the extent that they view your products. It is a tough job, and it gets even daunting when the two edged, aimless sword of competition keeps wandering near the throat of your business. Whether you are a large company or a relatively small entity, the thick competition in the market is sufficient to behead anyone. There is a reason why you need a professional logo maker!</p>
  616.                    <div class="list-type-Content astro-G5JPLRHU">
  617.                      <ul class="astro-G5JPLRHU">
  618.                        
  619.                      </ul>
  620.                    </div>
  621.                    <div class="globle-btn  Btn2-flex astro-G5JPLRHU">
  622.                      <button data-bs-toggle="modal" data-bs-target="#getaQoute" class=" custom-cta astro-VNZLVQNM" id="">
  623.      Get A Custom Logo
  624.    </button>
  625.                      <button onclick="swiftSalesSDK.OpenChat();" class="custom-cta astro-VNZLVQNM">
  626.      Live Chat
  627.    </button>
  628.                    </div>
  629.                  </div>
  630.                </div>
  631.                <div class="col-lg-6 col-md-6  astro-G5JPLRHU">
  632.                  <div class="Image astro-G5JPLRHU">
  633.                    <img src="../images/growth-model-tabs/brand-recognition.webp" width="692" loading="lazy" height="641" alt="Brand Recogniton" class="astro-G5JPLRHU">
  634.                  </div>
  635.                </div>
  636.              </div>
  637.            </div><div class="content-service astro-G5JPLRHU" data-index="2">
  638.              <div class="row astro-G5JPLRHU">
  639.                <div class="col-lg-6 col-md-6  astro-G5JPLRHU">
  640.                  <div class="Content-Box astro-G5JPLRHU">
  641.                    <h2 class="astro-G5JPLRHU">Logo Customization:</h2>
  642.                    <h4 class="astro-G5JPLRHU">Getting into details and Going beyond the free-size</h4>
  643.                    <p class="astro-G5JPLRHU">In the highly competitive times of 2020, we recognize the significance of customization for businesses. To hold a firm footing in the market, a business needs to invest in customized services. Experiences are the currency of the hour. Showing the consumer that they matter by paying attention to the minute details works very well.We, at the Logo Design Valley, do not believe in a one size fits all strategy. Every business is like a fresh canvas for us. And to please each of our clients, we explore different fonts along with the entire palette of colors until we hit the gold off Midas.We aspire to deliver tailor made patterns that help businesses expand their market share beyond the expectations. In the digital world of the new millennium, stories have taken the role as one of the best marketing medium entries. People no longer wish to purchase products since they are always on the lookout for experiences. Hence why our dedicated logo makers work from dusk to dawn trying to create a story for each of our clients.</p>
  644.                    <div class="list-type-Content astro-G5JPLRHU">
  645.                      <ul class="astro-G5JPLRHU">
  646.                        
  647.                      </ul>
  648.                    </div>
  649.                    <div class="globle-btn  Btn2-flex astro-G5JPLRHU">
  650.                      <button data-bs-toggle="modal" data-bs-target="#getaQoute" class=" custom-cta astro-VNZLVQNM" id="">
  651.      Get A Custom Logo
  652.    </button>
  653.                      <button onclick="swiftSalesSDK.OpenChat();" class="custom-cta astro-VNZLVQNM">
  654.      Live Chat
  655.    </button>
  656.                    </div>
  657.                  </div>
  658.                </div>
  659.                <div class="col-lg-6 col-md-6  astro-G5JPLRHU">
  660.                  <div class="Image astro-G5JPLRHU">
  661.                    <img src="../images/growth-model-tabs/logo-customization.webp" width="716" loading="lazy" height="716" alt="Logo Customization" class="astro-G5JPLRHU">
  662.                  </div>
  663.                </div>
  664.              </div>
  665.            </div><div class="content-service astro-G5JPLRHU" data-index="3">
  666.              <div class="row astro-G5JPLRHU">
  667.                <div class="col-lg-6 col-md-6  astro-G5JPLRHU">
  668.                  <div class="Content-Box astro-G5JPLRHU">
  669.                    <h2 class="astro-G5JPLRHU">In-House Team Of Logo Designers:</h2>
  670.                    <h4 class="astro-G5JPLRHU">A goal-driven team</h4>
  671.                    <p class="astro-G5JPLRHU">Our in house team has some of the best employees in the field of designing logos. We have a group of individuals located nearby to avoid the hassles of offshore development and crashing time zones.Since we are on the same page, we stay connected at all times to resolve your concerns on an immediate basis. Our clients and their business are very dear to us, and that is precisely why we cannot bear to neglect anyone. Whether it is the initial discussion on the logos, the templates finalization or the final date of delivery, our team stays connected with the client to keep them updated.We understand your end and the troubles an organization faces when they choose or hire an amateur in the capacity of a logo maker. You do not need to worry about the experience you get from this site because all of our team members have been in the field for many years now, and our company has itself been through its evolution. We have taken our years of experience very seriously to hone our skills, study different templates and develop the most excellent strategies for logo designs to yield the best results.</p>
  672.                    <div class="list-type-Content astro-G5JPLRHU">
  673.                      <ul class="astro-G5JPLRHU">
  674.                        
  675.                      </ul>
  676.                    </div>
  677.                    <div class="globle-btn  Btn2-flex astro-G5JPLRHU">
  678.                      <button data-bs-toggle="modal" data-bs-target="#getaQoute" class=" custom-cta astro-VNZLVQNM" id="">
  679.      Get A Custom Logo
  680.    </button>
  681.                      <button onclick="swiftSalesSDK.OpenChat();" class="custom-cta astro-VNZLVQNM">
  682.      Live Chat
  683.    </button>
  684.                    </div>
  685.                  </div>
  686.                </div>
  687.                <div class="col-lg-6 col-md-6  astro-G5JPLRHU">
  688.                  <div class="Image astro-G5JPLRHU">
  689.                    <img src="../images/growth-model-tabs/in-house-team.webp" width="1004" loading="lazy" height="680" alt="In House Team" class="astro-G5JPLRHU">
  690.                  </div>
  691.                </div>
  692.              </div>
  693.            </div>
  694.      </div>
  695.    </div>
  696.  </div>
  697. </section>
  698.  
  699.  
  700.  
  701. <script lang="js">
  702. function changeTab(tab) {
  703.  // Get the index of the clicked tab from its data-index attribute
  704.  const index = parseInt(tab.getAttribute("data-index"));
  705.  
  706.  // Remove 'active' class from all tabs and contents
  707.  const tabs = document.querySelectorAll(".tab-service");
  708.  tabs.forEach((tab) => tab.classList.remove("active"));
  709.  const contents = document.querySelectorAll(".content-service");
  710.  contents.forEach((content) => content.classList.remove("active"));
  711.  
  712.  // Add 'active' class to the clicked tab and its corresponding content
  713.  tab.classList.add("active");
  714.  const content = document.querySelector(
  715.    `.content-service[data-index="${index}"]`
  716.  );
  717.  content.classList.add("active");
  718. }
  719.  
  720. function setFirstTabActive() {
  721.  const firstTab = document.querySelector(".tab-service[data-index='0']");
  722.  const firstContent = document.querySelector(
  723.    ".content-service[data-index='0']"
  724.  );
  725.  firstTab.classList.add("active");
  726.  firstContent.classList.add("active");
  727. }
  728.  
  729. // Call the function when the page loads
  730. document.addEventListener("DOMContentLoaded", setFirstTabActive);
  731. </script>
  732.  
  733.  <section class="our-services-main  astro-IWDQ3XFJ">
  734.  <div class="container astro-IWDQ3XFJ">
  735.    <div class=" head-para astro-WUUCC4YF">
  736.  <h4 class="heading-title astro-WUUCC4YF">Our Services</h4>
  737.  <h2 class="astro-WUUCC4YF">We Add Value to Every Design Project</h2>
  738.  <p class="astro-WUUCC4YF">Promotion campaigns are necessary to inform the audience about a business. Convey your brand message to a wider audience through an efficient promotion design. Every trade, such as a bike company, electrical appliances, retail business, or financial institution, requires promotion design for a better ROI. Logo Design Valley allocates the top designers with an edge in promotion design.</p>
  739. </div>
  740.    <div class="as-nav-slider-custom astro-IWDQ3XFJ">
  741.      <div class="slider slider-nav nav-our-services astro-IWDQ3XFJ">
  742.        <div class="tabs astro-IWDQ3XFJ">
  743.              <img src="../images/our-services-tab/unique.webp" width="71" height="71" alt="our-services-tab" class="astro-IWDQ3XFJ">
  744.              <h4 class="astro-IWDQ3XFJ">Custom Logo<br/> Design</h4>
  745.            </div><div class="tabs astro-IWDQ3XFJ">
  746.              <img src="../images/our-services-tab/mobile-development.png" width="71" height="71" alt="our-services-tab" class="astro-IWDQ3XFJ">
  747.              <h4 class="astro-IWDQ3XFJ">Mobile App<br/> Design</h4>
  748.            </div><div class="tabs astro-IWDQ3XFJ">
  749.              <img src="../images/our-services-tab/web-design.png" width="71" height="71" alt="our-services-tab" class="astro-IWDQ3XFJ">
  750.              <h4 class="astro-IWDQ3XFJ">Website Design and<br/> Development</h4>
  751.            </div><div class="tabs astro-IWDQ3XFJ">
  752.              <img src="../images/our-services-tab/branding.png" width="71" height="71" alt="our-services-tab" class="astro-IWDQ3XFJ">
  753.              <h4 class="astro-IWDQ3XFJ">Branding <br/>Design</h4>
  754.            </div><div class="tabs astro-IWDQ3XFJ">
  755.              <img src="../images/our-services-tab/social-media.png" width="71" height="71" alt="our-services-tab" class="astro-IWDQ3XFJ">
  756.              <h4 class="astro-IWDQ3XFJ">Social Media<br/> Design</h4>
  757.            </div><div class="tabs astro-IWDQ3XFJ">
  758.              <img src="../images/our-services-tab/permotionaldesign-icon.webp" width="71" height="71" alt="our-services-tab" class="astro-IWDQ3XFJ">
  759.              <h4 class="astro-IWDQ3XFJ">Promotion Design</h4>
  760.            </div>
  761.      </div>
  762.      <div class="slider slider-for for-our-services astro-IWDQ3XFJ">
  763.        <div class="tabs-content astro-IWDQ3XFJ">
  764.              <div class="img-content astro-IWDQ3XFJ">
  765.                <img src="../images/our-services-tab/our-services.webp" width="533" height="404" loading="lazy" alt="our-services" class="astro-IWDQ3XFJ">
  766.              </div>
  767.              <div class="content astro-IWDQ3XFJ">
  768.                <p class="astro-IWDQ3XFJ">Businesses in every industry rely on leads and conversions to grow. A custom logo design blends the audiences’ interests and brand identity to attract your prospects distinctively. Professional logo design is inevitable whether you operate in food manufacturing, real estate, e-commerce, or content creation. Logo Design Valley has expert logo designers for professional logo design.</p>
  769.              </div>
  770.            </div><div class="tabs-content astro-IWDQ3XFJ">
  771.              <div class="img-content astro-IWDQ3XFJ">
  772.                <img src="../images/our-services-tab/mobile-apps.webp" width="374" height="492" loading="lazy" alt="our-services" class="astro-IWDQ3XFJ">
  773.              </div>
  774.              <div class="content astro-IWDQ3XFJ">
  775.                <p class="astro-IWDQ3XFJ">If a brand wants to get closer to its audience, it can do that through a mobile app. A mobile app design draws your audience to engage in the app and assures a positive user experience. Whether you offer interior design services, online gaming, social media, or moving facilitation, app design ensures interaction and loyalty. Logo Design Valley enriches apps through the best app designers.</p>
  776.              </div>
  777.            </div><div class="tabs-content astro-IWDQ3XFJ">
  778.              <div class="img-content astro-IWDQ3XFJ">
  779.                <img src="../images/our-services-tab/web-design.webp" width="591" height="448" loading="lazy" alt="our-services" class="astro-IWDQ3XFJ">
  780.              </div>
  781.              <div class="content astro-IWDQ3XFJ">
  782.                <p class="astro-IWDQ3XFJ">The virtual presence of a business is necessary to entertain prospects and provide information. A professional web design engages the visitors to stay on the page longer. No matter your website represents a tech company, movie maker, trucking company, or brokerage house; it needs an engaging web design. Logo Design Valley has the best web designers to enhance your website design and development.</p>
  783.              </div>
  784.            </div><div class="tabs-content astro-IWDQ3XFJ">
  785.              <div class="img-content astro-IWDQ3XFJ">
  786.                <img src="../images/our-services-tab/branding.webp" width="533" height="404" loading="lazy" alt="our-services" class="astro-IWDQ3XFJ">
  787.              </div>
  788.              <div class="content astro-IWDQ3XFJ">
  789.                <p class="astro-IWDQ3XFJ">All your brand needs is a positive brand image and an influential brand identity. A branding design attains both targets through stationery design, business cards, and brochure design. Any business, be it a roofing company, electronic company, landscaping services, or cleaning company, can boost via affluent branding design. Branding specialists at Logo Design Valley can elevate your branding.</p>
  790.              </div>
  791.            </div><div class="tabs-content astro-IWDQ3XFJ">
  792.              <div class="img-content astro-IWDQ3XFJ">
  793.                <img src="../images/our-services-tab/socia-media.webp" width="533" height="404" loading="lazy" alt="our-services" class="astro-IWDQ3XFJ">
  794.              </div>
  795.              <div class="content astro-IWDQ3XFJ">
  796.                <p class="astro-IWDQ3XFJ">Social Media has the power to boost your branding and promotions. You must opt for a social media design to amplify your branding and campaigns. Various businesses like painting services, construction companies, electric suppliers, and phone companies can reap the benefits of social media marketing. The best graphic designers at Logo Design Valley create engaging social media designs.</p>
  797.              </div>
  798.            </div><div class="tabs-content astro-IWDQ3XFJ">
  799.              <div class="img-content astro-IWDQ3XFJ">
  800.                <img src="../images/our-services-tab/promotional.webp" width="533" height="404" loading="lazy" alt="our-services" class="astro-IWDQ3XFJ">
  801.              </div>
  802.              <div class="content astro-IWDQ3XFJ">
  803.                <p class="astro-IWDQ3XFJ">Promotion campaigns are necessary to inform the audience about a business. Convey your brand message to a wider audience through an efficient promotion design. Every trade, such as a bike company, electrical appliances, retail business, or financial institution, requires promotion design for a better ROI. Logo Design Valley allocates the top designers with an edge in promotion design.</p>
  804.              </div>
  805.            </div>
  806.      </div>
  807.    </div>
  808.  </div>
  809. </section>
  810.  <div class="trigger-div astro-J7PV25F6"></div>
  811.  <section class="main-why-us astro-WWNJ4T6A">
  812.  <div class="container astro-WWNJ4T6A">
  813.    <div class=" head-para astro-WUUCC4YF">
  814.  <h4 class="heading-title astro-WUUCC4YF">Why Choose Us</h4>
  815.  <h2 class="astro-WUUCC4YF">What Makes Logo Design Valley the <br/>Best Logo Design Company?</h2>
  816.  <p class="astro-WUUCC4YF"></p>
  817. </div>
  818.    <div class="whyus-grid astro-WWNJ4T6A">
  819.      <div class="whyus-info astro-WWNJ4T6A">
  820.            <img src="../images/lightbulb.png" width="71" height="71" alt="why-us-icons" class="astro-WWNJ4T6A">
  821.            <h4 class="astro-WWNJ4T6A">We Grasp Your Ideas</h4>
  822.            <p class="astro-WWNJ4T6A">We believe in collaboration to create company logo designs that reflect business identity and values in a meaningful way. Our diverse experience of decades enables us to grasp the true essence of your ideas and transform them into a brand symbol. Launch or boost your business idea with our logo design services.</p>
  823.          </div><div class="whyus-info astro-WWNJ4T6A">
  824.            <img src="../images/idea.png" width="71" height="71" alt="why-us-icons" class="astro-WWNJ4T6A">
  825.            <h4 class="astro-WWNJ4T6A">We Blend Ideas with Needs</h4>
  826.            <p class="astro-WWNJ4T6A">Our custom logo design service bridges your business idea with audience expectations and needs. We blend your brand image with a research-backed selection of elements to embellish the logo to attract prospects. Induce your prospects to engage and interact with the brand by hiring the best logo design company.</p>
  827.          </div><div class="whyus-info astro-WWNJ4T6A">
  828.            <img src="../images/value.png" width="71" height="71" alt="why-us-icons" class="astro-WWNJ4T6A">
  829.            <h4 class="astro-WWNJ4T6A">We Add True Value to a Logo</h4>
  830.            <p class="astro-WWNJ4T6A">Our detailed logo design process starts with requirements and research, enabling the best logo designers to add true value to your logo. Our proficient logo designers equip your logo with the best appealing and persuading elements to enhance its appearance. Audience targeting designs lead your brand to the pinnacle of success.</p>
  831.          </div><div class="whyus-info astro-WWNJ4T6A">
  832.            <img src="../images/graphic-design.png" width="71" height="71" alt="why-us-icons" class="astro-WWNJ4T6A">
  833.            <h4 class="astro-WWNJ4T6A">Diverse Graphic Design Solutions</h4>
  834.            <p class="astro-WWNJ4T6A">Our diverse portfolio hosts multiple industries and reflects the high-end quality of our graphic design services. Besides attractive graphic design logos, we offer a mix of branding and promotion design services for your mobile app, website, and social media pages. Brand your brochures and stationery with the best branding agency.</p>
  835.          </div><div class="whyus-info astro-WWNJ4T6A">
  836.            <img src="../images/24-hours-support.png" width="71" height="71" alt="why-us-icons" class="astro-WWNJ4T6A">
  837.            <h4 class="astro-WWNJ4T6A">24x7 Accessible Support Team</h4>
  838.            <p class="astro-WWNJ4T6A">Our dedicated and highly trained support team provides round-the-clock assistance for queries and issues. Experience outstanding customer service with efficient response time and proactive guidance. Logo Design Valley understands the importance of customer support and takes pride in assisting your branding journey.</p>
  839.          </div><div class="whyus-info astro-WWNJ4T6A">
  840.            <img src="../images/add-user.png" width="71" height="71" alt="why-us-icons" class="astro-WWNJ4T6A">
  841.            <h4 class="astro-WWNJ4T6A">Signup Today for More Benefits</h4>
  842.            <p class="astro-WWNJ4T6A">We follow the logo design best practices, branding standards, and creative design methods to lead your brand to the highest echelon. Our design process, high expertise, vast experience, and professional graphic designers empower your startup or enterprise for exponential growth. Sign up today for branding or rebranding.</p>
  843.          </div>
  844.    </div>
  845.  </div>
  846. </section>
  847.  <div class="trigger-div astro-J7PV25F6"></div>
  848.  <section class=" main-pricing astro-HKOC4SEA">
  849.  <div class="container astro-HKOC4SEA">
  850.    <div class=" head-para astro-WUUCC4YF">
  851.  <h4 class="heading-title astro-WUUCC4YF">PRICING</h4>
  852.  <h2 class="astro-WUUCC4YF">Pocket-Friendly Pricing<br/>For The Perfect Design And Templates For All</h2>
  853.  <p class="astro-WUUCC4YF">We know our competition. Perhaps that is why we have a fair pricing model for logos. Professional logo designers in the market may be a dime a dozen, but we guarantee to create quality over quantity for brand(s) on each order!</p>
  854. </div>
  855.    <div class="Pricing-Tabs astro-HKOC4SEA">
  856.      <div class="Tabs-Title astro-HKOC4SEA">
  857.        <ul class="astro-HKOC4SEA">
  858.          <li class="pricetab astro-HKOC4SEA" id="logo-design" data-index="0">
  859.                Logo Packages
  860.              </li><li class="pricetab astro-HKOC4SEA" id="website-design" data-index="1">
  861.                Website Packages
  862.              </li><li class="pricetab astro-HKOC4SEA" id="ecommerce-website" data-index="2">
  863.                E-commerce Website
  864.              </li>
  865.        </ul>
  866.      </div>
  867.  
  868.      <div class="Tabs-Content astro-HKOC4SEA">
  869.        <div class="pricecontent astro-HKOC4SEA">
  870.              <div class="Content-Inner astro-HKOC4SEA">
  871.                <div class="slider slider-nav price-card astro-HKOC4SEA">
  872.                  <div class="Package-Box astro-HKOC4SEA">
  873.                      <div class="Discount-Box astro-HKOC4SEA">
  874.                          <h6 class="astro-HKOC4SEA">Save</h6>
  875.                          <h5 class="astro-HKOC4SEA">$30</h5>
  876.                        </div>
  877.  
  878.                      <h4 class="astro-HKOC4SEA">Valley Bronze</h4>
  879.                      <p class="astro-HKOC4SEA"></p>
  880.                      <h2 class="astro-HKOC4SEA">$99</h2>
  881.                      <h3 class="astro-HKOC4SEA">$129</h3>
  882.                      <div class="List-Content astro-HKOC4SEA">
  883.                        <ul class="astro-HKOC4SEA">
  884.                          <li class="astro-HKOC4SEA">Custom Logo Design Concepts: 6</li><li class="astro-HKOC4SEA">Dedicated Brand Designers: 2</li><li class="astro-HKOC4SEA">Rounds of Mockups Revision: Up to 5</li><li class="astro-HKOC4SEA">File Formats: Raster (JPG, PNG &amp; PSD), Vector (AI, EPS, PDF)</li><li class="astro-HKOC4SEA">Unique Design</li>
  885.                        </ul>
  886.                      </div>
  887.                      <div class="Btn2-flex astro-HKOC4SEA">
  888.                        <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#orderNow" class="custom-cta-a orderNow astro-HKOC4SEA" id="logo-design" data-index="0">
  889.                          Order Now
  890.                        </a>
  891.                        <a href="/portfolio" class="custom-cta-a astro-HKOC4SEA">
  892.                          View Portfolio
  893.                        </a>
  894.                      </div>
  895.                    </div><div class="Package-Box astro-HKOC4SEA">
  896.                      <div class="Discount-Box astro-HKOC4SEA">
  897.                          <h6 class="astro-HKOC4SEA">Save</h6>
  898.                          <h5 class="astro-HKOC4SEA">$30</h5>
  899.                        </div>
  900.  
  901.                      <h4 class="astro-HKOC4SEA">Valley Silver</h4>
  902.                      <p class="astro-HKOC4SEA"></p>
  903.                      <h2 class="astro-HKOC4SEA">$169</h2>
  904.                      <h3 class="astro-HKOC4SEA">$199</h3>
  905.                      <div class="List-Content astro-HKOC4SEA">
  906.                        <ul class="astro-HKOC4SEA">
  907.                          <li class="astro-HKOC4SEA">Logo Design Concepts: 9</li><li class="astro-HKOC4SEA">Dedicated Brand Designers: 3</li><li class="astro-HKOC4SEA">Rounds of Mockups Revision: Up to 10</li><li class="astro-HKOC4SEA">File Formats: Raster (JPG, PNG &amp; PSD), Vector (AI, EPS, PDF)</li><li class="astro-HKOC4SEA">Additional: Business Card Design, Letterhead Design. Both in (JPG)</li><li class="astro-HKOC4SEA">Unique Design</li>
  908.                        </ul>
  909.                      </div>
  910.                      <div class="Btn2-flex astro-HKOC4SEA">
  911.                        <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#orderNow" class="custom-cta-a orderNow astro-HKOC4SEA" id="logo-design" data-index="1">
  912.                          Order Now
  913.                        </a>
  914.                        <a href="/portfolio" class="custom-cta-a astro-HKOC4SEA">
  915.                          View Portfolio
  916.                        </a>
  917.                      </div>
  918.                    </div><div class="Package-Box astro-HKOC4SEA">
  919.                      <div class="Discount-Box astro-HKOC4SEA">
  920.                          <h6 class="astro-HKOC4SEA">Save</h6>
  921.                          <h5 class="astro-HKOC4SEA">$30</h5>
  922.                        </div>
  923.  
  924.                      <h4 class="astro-HKOC4SEA">Valley Gold</h4>
  925.                      <p class="astro-HKOC4SEA"></p>
  926.                      <h2 class="astro-HKOC4SEA">$239</h2>
  927.                      <h3 class="astro-HKOC4SEA">$269</h3>
  928.                      <div class="List-Content astro-HKOC4SEA">
  929.                        <ul class="astro-HKOC4SEA">
  930.                          <li class="astro-HKOC4SEA">Logo Design Concepts: 12</li><li class="astro-HKOC4SEA">Landing Page Design Concept: 1 (Up to 2 Revisions)</li><li class="astro-HKOC4SEA">Dedicated Brand Designers: 4</li><li class="astro-HKOC4SEA">Rounds of Revision: Up to 15</li><li class="astro-HKOC4SEA">File Formats: Raster (JPG, PNG &amp; PSD), Vector (AI, EPS, PDF)</li><li class="astro-HKOC4SEA">Additional: Business Card Design, Letterhead Design, Envelope Design, Icon Design, Social Header Design, Email Signature Design. All in (JPG, PNG &amp; PSD)</li><li class="astro-HKOC4SEA">Unique Design</li>
  931.                        </ul>
  932.                      </div>
  933.                      <div class="Btn2-flex astro-HKOC4SEA">
  934.                        <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#orderNow" class="custom-cta-a orderNow astro-HKOC4SEA" id="logo-design" data-index="2">
  935.                          Order Now
  936.                        </a>
  937.                        <a href="/portfolio" class="custom-cta-a astro-HKOC4SEA">
  938.                          View Portfolio
  939.                        </a>
  940.                      </div>
  941.                    </div>
  942.                </div>
  943.              </div>
  944.            </div><div class="pricecontent astro-HKOC4SEA">
  945.              <div class="Content-Inner astro-HKOC4SEA">
  946.                <div class="slider slider-nav price-card astro-HKOC4SEA">
  947.                  <div class="Package-Box astro-HKOC4SEA">
  948.                      <div class="Discount-Box astro-HKOC4SEA">
  949.                          <h6 class="astro-HKOC4SEA">Save</h6>
  950.                          <h5 class="astro-HKOC4SEA">$150</h5>
  951.                        </div>
  952.  
  953.                      <h4 class="astro-HKOC4SEA">Valley Bronze</h4>
  954.                      <p class="astro-HKOC4SEA">Starting From</p>
  955.                      <h2 class="astro-HKOC4SEA">$399</h2>
  956.                      <h3 class="astro-HKOC4SEA">$549</h3>
  957.                      <div class="List-Content astro-HKOC4SEA">
  958.                        <ul class="astro-HKOC4SEA">
  959.                          <li class="astro-HKOC4SEA">Pages: 4 Template-Based (*Additional charges for Unique Custom Design Pages)</li><li class="astro-HKOC4SEA">Basic Contact/Inquiry Form: 1</li><li class="astro-HKOC4SEA">Features: Complete W3C Certified HTML, Responsive (Mobile/Tablet)</li><li class="astro-HKOC4SEA">Freebies: Elementor (Page Builder), Wp Rocket (Optimization Plugin), Google Friendly Sitemap, and 2 Stock Photos</li><li class="astro-HKOC4SEA">Domain &amp; Hosting: 2 Months Free (1GB)</li>
  960.                        </ul>
  961.                      </div>
  962.                      <div class="Btn2-flex astro-HKOC4SEA">
  963.                        <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#orderNow" class="custom-cta-a orderNow astro-HKOC4SEA" id="website-design" data-index="0">
  964.                          Order Now
  965.                        </a>
  966.                        <a href="/portfolio" class="custom-cta-a astro-HKOC4SEA">
  967.                          View Portfolio
  968.                        </a>
  969.                      </div>
  970.                    </div><div class="Package-Box astro-HKOC4SEA">
  971.                      <div class="Discount-Box astro-HKOC4SEA">
  972.                          <h6 class="astro-HKOC4SEA">Save</h6>
  973.                          <h5 class="astro-HKOC4SEA">$150</h5>
  974.                        </div>
  975.  
  976.                      <h4 class="astro-HKOC4SEA">Valley Silver</h4>
  977.                      <p class="astro-HKOC4SEA">Starting From</p>
  978.                      <h2 class="astro-HKOC4SEA">$799</h2>
  979.                      <h3 class="astro-HKOC4SEA">$949</h3>
  980.                      <div class="List-Content astro-HKOC4SEA">
  981.                        <ul class="astro-HKOC4SEA">
  982.                          <li class="astro-HKOC4SEA">Pages: 7 Template-Based (*Additional charges for Unique Custom Design Pages)</li><li class="astro-HKOC4SEA">Basic Contact/Inquiry Form: 2</li><li class="astro-HKOC4SEA">Features: Complete W3C Certified HTML, Responsive (Mobile/Tablet)</li><li class="astro-HKOC4SEA">Freebies: Elementor (Page Builder), Wp Rocket (Optimization Plugin), Google Friendly Sitemap, and 4 Stock Photos</li><li class="astro-HKOC4SEA">Domain &amp; Hosting: 4 Months Free (3GB)</li>
  983.                        </ul>
  984.                      </div>
  985.                      <div class="Btn2-flex astro-HKOC4SEA">
  986.                        <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#orderNow" class="custom-cta-a orderNow astro-HKOC4SEA" id="website-design" data-index="1">
  987.                          Order Now
  988.                        </a>
  989.                        <a href="/portfolio" class="custom-cta-a astro-HKOC4SEA">
  990.                          View Portfolio
  991.                        </a>
  992.                      </div>
  993.                    </div><div class="Package-Box astro-HKOC4SEA">
  994.                      <div class="Discount-Box astro-HKOC4SEA">
  995.                          <h6 class="astro-HKOC4SEA">Save</h6>
  996.                          <h5 class="astro-HKOC4SEA">$150</h5>
  997.                        </div>
  998.  
  999.                      <h4 class="astro-HKOC4SEA">Valley Gold</h4>
  1000.                      <p class="astro-HKOC4SEA">Starting From</p>
  1001.                      <h2 class="astro-HKOC4SEA">$1199</h2>
  1002.                      <h3 class="astro-HKOC4SEA">$1349</h3>
  1003.                      <div class="List-Content astro-HKOC4SEA">
  1004.                        <ul class="astro-HKOC4SEA">
  1005.                          <li class="astro-HKOC4SEA">Pages: 12 Template-Based (*Additional charges for Unique Custom Design Pages)</li><li class="astro-HKOC4SEA">Basic Contact/Inquiry Form: 2</li><li class="astro-HKOC4SEA">Features: Complete W3C Certified HTML, Responsive (Mobile/Tablet)</li><li class="astro-HKOC4SEA">Freebies: Elementor (Page Builder), Wp Rocket (Optimization Plugin), Google Friendly Sitemap, and 8 Stock Photos</li><li class="astro-HKOC4SEA">Domain &amp; Hosting: 8 Months Free (5GB)</li>
  1006.                        </ul>
  1007.                      </div>
  1008.                      <div class="Btn2-flex astro-HKOC4SEA">
  1009.                        <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#orderNow" class="custom-cta-a orderNow astro-HKOC4SEA" id="website-design" data-index="2">
  1010.                          Order Now
  1011.                        </a>
  1012.                        <a href="/portfolio" class="custom-cta-a astro-HKOC4SEA">
  1013.                          View Portfolio
  1014.                        </a>
  1015.                      </div>
  1016.                    </div>
  1017.                </div>
  1018.              </div>
  1019.            </div><div class="pricecontent astro-HKOC4SEA">
  1020.              <div class="Content-Inner astro-HKOC4SEA">
  1021.                <div class="slider slider-nav price-card astro-HKOC4SEA">
  1022.                  <div class="Package-Box astro-HKOC4SEA">
  1023.                      <div class="Discount-Box astro-HKOC4SEA">
  1024.                          <h6 class="astro-HKOC4SEA">Save</h6>
  1025.                          <h5 class="astro-HKOC4SEA">$200</h5>
  1026.                        </div>
  1027.  
  1028.                      <h4 class="astro-HKOC4SEA">Valley Bronze</h4>
  1029.                      <p class="astro-HKOC4SEA">Starting From</p>
  1030.                      <h2 class="astro-HKOC4SEA">$799</h2>
  1031.                      <h3 class="astro-HKOC4SEA">$999</h3>
  1032.                      <div class="List-Content astro-HKOC4SEA">
  1033.                        <ul class="astro-HKOC4SEA">
  1034.                          <li class="astro-HKOC4SEA">Pages: 5 Unique Custom Design</li><li class="astro-HKOC4SEA">Products: Up to 30</li><li class="astro-HKOC4SEA">Categories: Up to 6</li><li class="astro-HKOC4SEA">Integration: Mini Shopping Cart, 1 Payment Module</li><li class="astro-HKOC4SEA">Freebies: Shipping Integration, Abandoned Cart Integration, Google Friendly Sitemap, 3 Stock Photos, and 1 Promotional Banner</li>
  1035.                        </ul>
  1036.                      </div>
  1037.                      <div class="Btn2-flex astro-HKOC4SEA">
  1038.                        <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#orderNow" class="custom-cta-a orderNow astro-HKOC4SEA" id="ecommerce-website" data-index="0">
  1039.                          Order Now
  1040.                        </a>
  1041.                        <a href="/portfolio" class="custom-cta-a astro-HKOC4SEA">
  1042.                          View Portfolio
  1043.                        </a>
  1044.                      </div>
  1045.                    </div><div class="Package-Box astro-HKOC4SEA">
  1046.                      <div class="Discount-Box astro-HKOC4SEA">
  1047.                          <h6 class="astro-HKOC4SEA">Save</h6>
  1048.                          <h5 class="astro-HKOC4SEA">$200</h5>
  1049.                        </div>
  1050.  
  1051.                      <h4 class="astro-HKOC4SEA">Valley Silver</h4>
  1052.                      <p class="astro-HKOC4SEA">Starting From</p>
  1053.                      <h2 class="astro-HKOC4SEA">$1499</h2>
  1054.                      <h3 class="astro-HKOC4SEA">$1699</h3>
  1055.                      <div class="List-Content astro-HKOC4SEA">
  1056.                        <ul class="astro-HKOC4SEA">
  1057.                          <li class="astro-HKOC4SEA">Pages: 8 Unique Custom Design</li><li class="astro-HKOC4SEA">Products: Up to 60</li><li class="astro-HKOC4SEA">Categories: Up to 12</li><li class="astro-HKOC4SEA">Integration: Full Shopping Cart, 2 Payment Modules, Easy Product Search, and Product Reviews</li><li class="astro-HKOC4SEA">Freebies: Shipping Integration, Abandoned Cart Integration, Google Friendly Sitemap, 6 Stock Photos, and 2 Promotional Banners</li>
  1058.                        </ul>
  1059.                      </div>
  1060.                      <div class="Btn2-flex astro-HKOC4SEA">
  1061.                        <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#orderNow" class="custom-cta-a orderNow astro-HKOC4SEA" id="ecommerce-website" data-index="1">
  1062.                          Order Now
  1063.                        </a>
  1064.                        <a href="/portfolio" class="custom-cta-a astro-HKOC4SEA">
  1065.                          View Portfolio
  1066.                        </a>
  1067.                      </div>
  1068.                    </div><div class="Package-Box astro-HKOC4SEA">
  1069.                      <div class="Discount-Box astro-HKOC4SEA">
  1070.                          <h6 class="astro-HKOC4SEA">Save</h6>
  1071.                          <h5 class="astro-HKOC4SEA">$200</h5>
  1072.                        </div>
  1073.  
  1074.                      <h4 class="astro-HKOC4SEA">Valley Gold</h4>
  1075.                      <p class="astro-HKOC4SEA">Starting From</p>
  1076.                      <h2 class="astro-HKOC4SEA">$2299</h2>
  1077.                      <h3 class="astro-HKOC4SEA">$2499</h3>
  1078.                      <div class="List-Content astro-HKOC4SEA">
  1079.                        <ul class="astro-HKOC4SEA">
  1080.                          <li class="astro-HKOC4SEA">Pages: 12 Unique Custom Design</li><li class="astro-HKOC4SEA">Products: Up to 120</li><li class="astro-HKOC4SEA">Categories: Up to 18</li><li class="astro-HKOC4SEA">Integration: Full Shopping Cart, 3 Payment Modules, Sales &amp; Inventory Management, Newsletter Subscription, Easy Product Search, and Product Reviews</li><li class="astro-HKOC4SEA">Freebies: Shipping Integration, Abandoned Cart Integration, Google Friendly Sitemap, Search Engine Submission, 9 Stock Photos, and 4 Promotional Banners</li>
  1081.                        </ul>
  1082.                      </div>
  1083.                      <div class="Btn2-flex astro-HKOC4SEA">
  1084.                        <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#orderNow" class="custom-cta-a orderNow astro-HKOC4SEA" id="ecommerce-website" data-index="2">
  1085.                          Order Now
  1086.                        </a>
  1087.                        <a href="/portfolio" class="custom-cta-a astro-HKOC4SEA">
  1088.                          View Portfolio
  1089.                        </a>
  1090.                      </div>
  1091.                    </div>
  1092.                </div>
  1093.              </div>
  1094.            </div>
  1095.      </div>
  1096.    </div>
  1097.    <section class="main-combo astro-HPIHEU5T">
  1098.  <div class="container astro-HPIHEU5T">
  1099.    <div class="Combo-Package astro-HPIHEU5T">
  1100.      <div class="Discount-Box astro-HPIHEU5T">
  1101.            <h6 class="astro-HPIHEU5T">Save</h6>
  1102.            <h5 class="astro-HPIHEU5T">$200</h5>
  1103.          </div>
  1104.      <div class="row astro-HPIHEU5T">
  1105.        <div class="col-md-12 astro-HPIHEU5T">
  1106.          <div class="Top-Heading-Col astro-HPIHEU5T">
  1107.            <div class="astro-HPIHEU5T">
  1108.              <h4 class="astro-HPIHEU5T">All In One</h4>
  1109.              <h2 class="astro-HPIHEU5T">Combo Package</h2>
  1110.            </div>
  1111.            <div class="astro-HPIHEU5T">
  1112.              <h5 class="astro-HPIHEU5T">Ultimate Value for Start-ups and Brand(s)</h5>
  1113.            </div>
  1114.          </div>
  1115.        </div>
  1116.        <div class="col-md-8 astro-HPIHEU5T">
  1117.          <div class="Pckg-Data astro-HPIHEU5T">
  1118.            <div class="Pckg-Data-Box astro-HPIHEU5T">
  1119.                  <h2 class="astro-HPIHEU5T">Logo Design</h2>
  1120.                  <div class="List-Content astro-HPIHEU5T">
  1121.                    <ul class="astro-HPIHEU5T">
  1122.                      <li class="astro-HPIHEU5T">Custom Logo Design Concepts: 7</li><li class="astro-HPIHEU5T">Rounds of Mockups Revision: Up to 12</li><li class="astro-HPIHEU5T">File Formats: Raster (JPG, PNG &amp; PSD), Vector (AI, EPS, PDF)</li>
  1123.                    </ul>
  1124.                  </div>
  1125.                </div><div class="Pckg-Data-Box astro-HPIHEU5T">
  1126.                  <h2 class="astro-HPIHEU5T">Website Design</h2>
  1127.                  <div class="List-Content astro-HPIHEU5T">
  1128.                    <ul class="astro-HPIHEU5T">
  1129.                      <li class="astro-HPIHEU5T">Pages: 15 Template-Based (*Additional charges for Unique Custom Design Pages)</li><li class="astro-HPIHEU5T">Basic Contact/Inquiry Form: 2</li><li class="astro-HPIHEU5T">Features: Complete W3C Certified HTML, Responsive (Mobile/Tablet)</li><li class="astro-HPIHEU5T">Freebies: Elementor (Page Builder), Wp Rocket (Optimization Plugin) Google Friendly Sitemap, 6 Stock Photos , and 3 Promotional Banner Designs</li><li class="astro-HPIHEU5T">Domain &amp; Hosting: 6 Months Free (3GB)</li>
  1130.                    </ul>
  1131.                  </div>
  1132.                </div><div class="Pckg-Data-Box astro-HPIHEU5T">
  1133.                  <h2 class="astro-HPIHEU5T">Stationary Design</h2>
  1134.                  <div class="List-Content astro-HPIHEU5T">
  1135.                    <ul class="astro-HPIHEU5T">
  1136.                      <li class="astro-HPIHEU5T">Business Card Design</li><li class="astro-HPIHEU5T">Letterhead Design</li><li class="astro-HPIHEU5T">Envelope Design</li><li class="astro-HPIHEU5T">Icon Design</li><li class="astro-HPIHEU5T">Social Header Design</li><li class="astro-HPIHEU5T">Email Signature Design</li>
  1137.                    </ul>
  1138.                  </div>
  1139.                </div><div class="Pckg-Data-Box astro-HPIHEU5T">
  1140.                  <h2 class="astro-HPIHEU5T">Value Added Services</h2>
  1141.                  <div class="List-Content astro-HPIHEU5T">
  1142.                    <ul class="astro-HPIHEU5T">
  1143.                      <li class="astro-HPIHEU5T">Dedicated Account Manager</li><li class="astro-HPIHEU5T">100% Ownership Rights</li><li class="astro-HPIHEU5T">Complete Deployment</li>
  1144.                    </ul>
  1145.                  </div>
  1146.                </div>
  1147.          </div>
  1148.        </div>
  1149.        <div class="col-md-4 Combo-Price-Col astro-HPIHEU5T">
  1150.          <div class="astro-HPIHEU5T">
  1151.            <div class="Combo-Pricing astro-HPIHEU5T">
  1152.                  <h3 class="astro-HPIHEU5T">Combo Package</h3>
  1153.                  <h2 class="astro-HPIHEU5T">$1399</h2>
  1154.                  <h5 class="astro-HPIHEU5T">$1599</h5>
  1155.                  <h4 class="astro-HPIHEU5T">LIMITED TIME OFFER</h4>
  1156.                </div>
  1157.  
  1158.            <p class="astro-HPIHEU5T">
  1159.              <a href="javascript:void(0)" onclick="
  1160.                swiftSalesSDK.OpenChat();
  1161.                " class="astro-HPIHEU5T">Want To Discuss</a>
  1162.            </p>
  1163.            <button data-bs-toggle="modal" data-bs-target="#orderNow" class="allInOne custom-cta astro-VNZLVQNM" id="all-in-one">
  1164.      Order Now
  1165.    </button>
  1166.          </div>
  1167.        </div>
  1168.      </div>
  1169.    </div>
  1170.  </div>
  1171. </section>
  1172.  </div>
  1173. </section>
  1174.  
  1175. <!-- Modal -->
  1176. <div class="modal fade astro-HKOC4SEA" id="orderNow" tabindex="-1" aria-labelledby="orderNowLabel" aria-hidden="true" data-bs-backdrop="static">
  1177.  <div class="modal-dialog modal-dialog-centered astro-HKOC4SEA">
  1178.    <div class="modal-content astro-HKOC4SEA">
  1179.      <div class="modal-body custom-order-body astro-HKOC4SEA">
  1180.        <div class="form-body astro-HKOC4SEA" id="formBody">
  1181.          <h2 class="astro-HKOC4SEA">Order Now</h2>
  1182.          <p class="astro-HKOC4SEA">
  1183.            Fill out the form below with your details to start conversation with
  1184.            our expert
  1185.          </p>
  1186.          <button type="button" class="btn-close astro-HKOC4SEA" data-bs-dismiss="modal" aria-label="Close"><i class="fas fa-times astro-QZAW6M73 astro-HKOC4SEA"></i></button>
  1187.          <form id="price-form" class="astro-HKOC4SEA">
  1188.            <div class="mb-4 astro-HKOC4SEA">
  1189.              <input type="text" name="name" id="cn" class="form-control astro-HKOC4SEA" placeholder="Name*">
  1190.              <div class="error-div astro-HKOC4SEA">
  1191.                <p id="cn-err" class="astro-HKOC4SEA"></p>
  1192.              </div>
  1193.            </div>
  1194.            <div class="mb-4 astro-HKOC4SEA">
  1195.              <input type="email" name="email" id="ce" class="form-control astro-HKOC4SEA" placeholder="Email*">
  1196.              <div class="error-div astro-HKOC4SEA">
  1197.                <p id="ce-err" class="astro-HKOC4SEA"></p>
  1198.              </div>
  1199.            </div>
  1200.            <div class="mb-4 astro-HKOC4SEA">
  1201.              <input type="tel" name="number" id="phn" minlength="10" maxlength="15" class="form-control astro-HKOC4SEA" placeholder="Phone No*">
  1202.              <div class="error-div astro-HKOC4SEA">
  1203.                <p id="phn-err" class="astro-HKOC4SEA"></p>
  1204.              </div>
  1205.            </div>
  1206.            <div class="mb-4 astro-HKOC4SEA">
  1207.              <select class="form-select astro-HKOC4SEA" id="main-select">
  1208.                <option value="logo-design" class="select-tab astro-HKOC4SEA" id="0">
  1209.                      Logo Packages
  1210.                    </option><option value="website-design" class="select-tab astro-HKOC4SEA" id="1">
  1211.                      Website Packages
  1212.                    </option><option value="ecommerce-website" class="select-tab astro-HKOC4SEA" id="2">
  1213.                      E-commerce Website
  1214.                    </option>
  1215.                <option value="all-in-one" class="select-tab astro-HKOC4SEA" id="3">All in One</option>
  1216.              </select>
  1217.            </div>
  1218.  
  1219.            <div class="mb-4 astro-HKOC4SEA">
  1220.              <select class="form-select select-package astro-HKOC4SEA" data-set="logo-design" id="0">
  1221.                    <option id="0" class="pkg-select astro-HKOC4SEA" value="valley-bronze" data-price="99">
  1222.                        Valley Bronze
  1223.                      </option><option id="1" class="pkg-select astro-HKOC4SEA" value="valley-silver" data-price="169">
  1224.                        Valley Silver
  1225.                      </option><option id="2" class="pkg-select astro-HKOC4SEA" value="valley-gold" data-price="239">
  1226.                        Valley Gold
  1227.                      </option>
  1228.                  </select><select class="form-select select-package astro-HKOC4SEA" data-set="website-design" id="1">
  1229.                    <option id="0" class="pkg-select astro-HKOC4SEA" value="web-valley-bronze" data-price="399">
  1230.                        Valley Bronze
  1231.                      </option><option id="1" class="pkg-select astro-HKOC4SEA" value="web-valley-silver" data-price="799">
  1232.                        Valley Silver
  1233.                      </option><option id="2" class="pkg-select astro-HKOC4SEA" value="web-valley-gold" data-price="1199">
  1234.                        Valley Gold
  1235.                      </option>
  1236.                  </select><select class="form-select select-package astro-HKOC4SEA" data-set="ecommerce-website" id="2">
  1237.                    <option id="0" class="pkg-select astro-HKOC4SEA" value="ecom-valley-bronze" data-price="799">
  1238.                        Valley Bronze
  1239.                      </option><option id="1" class="pkg-select astro-HKOC4SEA" value="ecom-valley-silver" data-price="1499">
  1240.                        Valley Silver
  1241.                      </option><option id="2" class="pkg-select astro-HKOC4SEA" value="ecom-valley-gold" data-price="2299">
  1242.                        Valley Gold
  1243.                      </option>
  1244.                  </select>
  1245.            </div>
  1246.            <div class="mb-4 astro-HKOC4SEA">
  1247.              <textarea class="form-control astro-HKOC4SEA" id="desc" placeholder="Your Message" rows="2"></textarea>
  1248.            </div>
  1249.            <div class="submit-btn astro-HKOC4SEA">
  1250.              <button type="submit" class="custom-cta astro-HKOC4SEA" id="popsubmit">Lets Make A Deal <i id="loader-price" class="fa-solid fa-spinner hidden astro-HKOC4SEA"></i></button>
  1251.            </div>
  1252.          </form>
  1253.        </div>
  1254.        <div class="paymentTab d-none astro-HKOC4SEA" id="paymentTab"></div>
  1255.      </div>
  1256.    </div>
  1257.  </div>
  1258. </div>
  1259.  
  1260.  
  1261.  
  1262. <script lang="js">
  1263.  function changePriceTab(index) {
  1264.    const tabs = document.querySelectorAll(".pricetab");
  1265.    const contents = document.querySelectorAll(".pricecontent");
  1266.  
  1267.    tabs.forEach((tab, tabIndex) => {
  1268.      if (tabIndex === index) {
  1269.        tab.classList.add("active");
  1270.      } else {
  1271.        tab.classList.remove("active");
  1272.      }
  1273.    });
  1274.  
  1275.    contents.forEach((content, contentIndex) => {
  1276.      if (contentIndex === index) {
  1277.        content.classList.add("active");
  1278.      } else {
  1279.        content.classList.remove("active");
  1280.      }
  1281.    });
  1282.  }
  1283.  
  1284.  function setFirstTabActive() {
  1285.    const defaultTabIndex = 0;
  1286.  
  1287.    const tabs = document.querySelectorAll(".pricetab");
  1288.    const contents = document.querySelectorAll(".pricecontent");
  1289.    const selectPackage = document.querySelectorAll(".select-package");
  1290.    selectPackage[defaultTabIndex].classList.add("active");
  1291.    tabs[defaultTabIndex].classList.add("active");
  1292.    contents[defaultTabIndex].classList.add("active");
  1293.    const selects = document.querySelectorAll(".select-tab");
  1294.    selects[defaultTabIndex].setAttribute("selected", true);
  1295.  }
  1296.  
  1297.  document.addEventListener("DOMContentLoaded", () => {
  1298.    setFirstTabActive();
  1299.  
  1300.    const tabs = document.querySelectorAll(".pricetab");
  1301.    tabs.forEach((tab, index) => {
  1302.      tab.addEventListener("click", () => {
  1303.        changePriceTab(index);
  1304.        const selects = document.querySelectorAll(".select-tab");
  1305.        const selectPackage = document.querySelectorAll(".select-package");
  1306.        selects.forEach((select, idx) => {
  1307.          select.removeAttribute("selected");
  1308.        });
  1309.        selects.forEach((select, idx) => {
  1310.          // console.log(tabs[index].id, selects[index].value, "jck");
  1311.          if (idx === index) {
  1312.            select.setAttribute("selected", "selected");
  1313.          }
  1314.        });
  1315.        // selectPackage.forEach((selectP, idx) => {
  1316.        //   selectP[idx].classList.remove("active");
  1317.        //   if (idx === index) {
  1318.        //     selectP[idx].classList.add("active");
  1319.        //   } else {
  1320.        //     selectP[idx].classList.remove("active");
  1321.        //   }
  1322.        // });
  1323.      });
  1324.    });
  1325.  });
  1326.  
  1327.  const orderNow = document.querySelectorAll(".orderNow");
  1328.  orderNow.forEach((btn, index) => {
  1329.    btn.addEventListener("click", () => {
  1330.      const selectpkg = document.querySelectorAll(".pkg-select");
  1331.      const selectTab = document.querySelectorAll(".select-tab");
  1332.      const selectPackage = document.querySelectorAll(".select-package");
  1333.      selectpkg.forEach((selectP, idx) => {
  1334.        selectP.removeAttribute("selected");
  1335.      });
  1336.      selectpkg.forEach((selectP, idx) => {
  1337.        if (idx === index) {
  1338.          selectP.setAttribute("selected", "selected");
  1339.        } else {
  1340.          selectP.removeAttribute("selected");
  1341.        }
  1342.      });
  1343.  
  1344.      selectTab.forEach((selectT) => {
  1345.        selectT.removeAttribute("selected");
  1346.        if (selectT.value === btn.id) {
  1347.          selectT.setAttribute("selected", "selected");
  1348.        }
  1349.      });
  1350.      selectPackage.forEach((selectPmain) => {
  1351.        selectPmain.classList.remove("active");
  1352.        if (selectPmain.dataset.set === btn.id) {
  1353.          selectPmain.classList.add("active");
  1354.        }
  1355.      });
  1356.    });
  1357.  });
  1358.  
  1359.  const allInOne = document.querySelectorAll(".allInOne");
  1360.  allInOne.forEach((btn, index) => {
  1361.    btn.addEventListener("click", () => {
  1362.      const clickID = btn.id;
  1363.      const selectTab = document.querySelectorAll(".select-tab");
  1364.      const selectPackage = document.querySelectorAll(".select-package");
  1365.      selectTab.forEach((packageElement) => {
  1366.        // packageElement.removeAttribute("selected");
  1367.        if (packageElement.value === clickID) {
  1368.          packageElement.setAttribute("selected", "selected");
  1369.        } else {
  1370.          packageElement.removeAttribute("selected");
  1371.        }
  1372.      });
  1373.      selectPackage.forEach((packageElement) => {
  1374.        packageElement.classList.remove("active");
  1375.      });
  1376.    });
  1377.  });
  1378. </script>
  1379.  
  1380.  
  1381. <script type="text/javascript" src="/config.js"></script>
  1382.  
  1383. <script lang="js">
  1384.  console.log(PackageENV.ENVIRONMENT, "env");
  1385.  async function fetchCountryData() {
  1386.    const response = await fetch(
  1387.      "https://api.ipdata.co/?api-key=45704893f39801f5f337e11402533fbe20e60cf018259acc14fd3188"
  1388.    );
  1389.    const data = await response.json();
  1390.    return await data;
  1391.  }
  1392.  
  1393.  // const OneTimeApi = "73ede858-d44d-4922-bd89-388020b5c724"; //stg
  1394.  const OneTimeApi = "05700fee-7353-411c-bca0-620671c37b95"; //live
  1395.  const WebsiteId = PackageENV.ENVIRONMENTS[PackageENV.ENVIRONMENT].WEBSITE_ID;
  1396.  
  1397.  function SendRequest(Method, URL, headers, body) {
  1398.    const options = {
  1399.      method: Method,
  1400.      headers: {
  1401.        "Content-Type": "application/json",
  1402.        ...headers,
  1403.      },
  1404.      body: typeof body === "object" ? JSON.stringify(body) : body,
  1405.    };
  1406.  
  1407.    return fetch(URL, options)
  1408.      .then((response) => {
  1409.        if (!response.ok) {
  1410.          throw new Error(
  1411.            "Looks like there was a problem. Status Code: " + response.status
  1412.          );
  1413.        }
  1414.        return response.json();
  1415.      })
  1416.      .then((data) => {
  1417.        return data;
  1418.      })
  1419.      .catch((error) => {
  1420.        console.error("Fetch Error :-S", error);
  1421.      });
  1422.  }
  1423.  
  1424.  async function GenerateRefreshToken() {
  1425.    let body = {
  1426.      ApiKey: OneTimeApi,
  1427.    };
  1428.    let { RefreshToken } = await SendRequest(
  1429.      "POST",
  1430.      PackageENV.ENVIRONMENTS[PackageENV.ENVIRONMENT]
  1431.        .GENERATE_WEBSITE_REFRESH_TOKEN,
  1432.      {},
  1433.      body
  1434.    );
  1435.  
  1436.    let AccessTokenBody = {
  1437.      RefreshToken: RefreshToken,
  1438.      ApiKey: OneTimeApi,
  1439.    };
  1440.    if (RefreshToken) {
  1441.      let { AccessToken } = await SendRequest(
  1442.        "POST",
  1443.        PackageENV.ENVIRONMENTS[PackageENV.ENVIRONMENT]
  1444.          .GENERATE_WEBSITE_ACCESS_TOKEN,
  1445.        { id: WebsiteId },
  1446.        AccessTokenBody
  1447.      );
  1448.      localStorage.setItem("refreshToken", RefreshToken);
  1449.      localStorage.setItem("accessToken", AccessToken);
  1450.    }
  1451.  }
  1452.  
  1453.  var generateBtns = document.querySelectorAll(".orderNow");
  1454.  
  1455.  generateBtns.forEach(function (btn) {
  1456.    btn.addEventListener("click", GenerateRefreshToken);
  1457.  });
  1458.  
  1459.  async function handleFormSubmit() {
  1460.    const form = document.querySelector("#price-form");
  1461.    form.addEventListener("submit", async (evt) => {
  1462.      evt.preventDefault();
  1463.  
  1464.      const FormBody = document.getElementById("formBody");
  1465.      const paymentTab = document.getElementById("paymentTab");
  1466.  
  1467.      const popsubmit = document.getElementById("popsubmit");
  1468.  
  1469.      const loaderPrice = document.getElementById("loader-price");
  1470.  
  1471.      const cn = document.getElementById("cn").value;
  1472.      const ce = document.getElementById("ce").value;
  1473.      const phn = document.getElementById("phn").value;
  1474.      const cat = document.getElementById("main-select").value;
  1475.      const selectPkg = document.getElementsByClassName(
  1476.        "select-package active"
  1477.      );
  1478.      const CurrentDate = new Date().toJSON();
  1479.  
  1480.      let pkg = "";
  1481.  
  1482.      if (cat === "all-in-one") {
  1483.        pkg = "All In One";
  1484.      } else {
  1485.        if (selectPkg.length > 0) {
  1486.          const firstElement = selectPkg[0];
  1487.          pkg = firstElement.value || "";
  1488.        }
  1489.      }
  1490.  
  1491.      pkg = pkg.replace(/-/g, " ");
  1492.  
  1493.      let pkgPrice = "";
  1494.  
  1495.      if (cat === "all-in-one") {
  1496.        pkgPrice = "1399";
  1497.      } else {
  1498.        const priceIndex = selectPkg[0]?.selectedIndex;
  1499.        if (selectPkg.length > 0) {
  1500.          const priceElement = selectPkg[0].options[priceIndex];
  1501.          pkgPrice = priceElement.dataset.price || "";
  1502.        }
  1503.      }
  1504.      const desc = document.getElementById("desc").value;
  1505.      const emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
  1506.      const nameRegex = /^[A-Za-z0-9\s]+$/;
  1507.      const phoneRegex = /^\d{10,15}$/;
  1508.  
  1509.      const isEmailValid = emailRegex.test(ce);
  1510.      if (!isEmailValid) {
  1511.        document.getElementById("ce-err").textContent = "Invalid email address";
  1512.        document
  1513.          .getElementById("ce")
  1514.          .style.setProperty("border-color", "red", "important");
  1515.      } else {
  1516.        document.getElementById("ce-err").textContent = "";
  1517.      }
  1518.  
  1519.      const isNameValid = nameRegex.test(cn);
  1520.      if (!isNameValid) {
  1521.        document.getElementById("cn-err").textContent = "Invalid name";
  1522.        document
  1523.          .getElementById("cn")
  1524.          .style.setProperty("border-color", "red", "important");
  1525.      } else {
  1526.        document.getElementById("cn-err").textContent = "";
  1527.      }
  1528.  
  1529.      const isPhoneValid = phoneRegex.test(phn);
  1530.      if (!isPhoneValid) {
  1531.        document.getElementById("phn-err").textContent = "Invalid phone number";
  1532.        document
  1533.          .getElementById("cpe")
  1534.          .style.setProperty("border-color", "red", "important");
  1535.      } else {
  1536.        document.getElementById("phn-err").textContent = "";
  1537.      }
  1538.  
  1539.      if (!isEmailValid || !isNameValid || !isPhoneValid) {
  1540.        return;
  1541.      }
  1542.  
  1543.      // console.log(pkgPrice);
  1544.      loaderPrice.classList.remove("hidden");
  1545.      popsubmit.disabled = true;
  1546.  
  1547.      const SSLeadFields = JSON.stringify({
  1548.        FirstName: cn,
  1549.        Email: ce,
  1550.        Phone: phn,
  1551.        Meta: {
  1552.          Budget: pkgPrice,
  1553.          Category: cat,
  1554.          Package: pkg,
  1555.          Description: desc,
  1556.          BrandName: "LogoDesignValley",
  1557.          Path: window.location.href,
  1558.        },
  1559.      });
  1560.  
  1561.      const LeadFormResult = await createContact(SSLeadFields);
  1562.  
  1563.      let contactId = null;
  1564.      if (LeadFormResult && LeadFormResult.Contact) {
  1565.        contactId = LeadFormResult.Contact.Id;
  1566.      }
  1567.      // console.log("ContactId", contactId);
  1568.  
  1569.      // console.log(LeadFormResult, "LeadFormResult");
  1570.  
  1571.      if (contactId) {
  1572.        FormBody.classList.add("d-none");
  1573.        paymentTab.classList.remove("d-none");
  1574.  
  1575.        var theDiv = document.getElementById("paymentTab");
  1576.        theDiv.innerHTML += `
  1577.        <button
  1578.            type="button"
  1579.            class="btn-close closeRedirect"
  1580.            onClick=
  1581.            aria-label="Close"
  1582.            ><i class="fas fa-times astro-QZAW6M73"></i></button>
  1583.        <div class="payContent">
  1584.          
  1585.          <h2>We have received  your query!</h2>
  1586.          <p>Your Package is ${pkg}</p>
  1587.          <p>Package Price is $${pkgPrice}</p>
  1588.          <div class="btns">
  1589.            <button class="modalBtn payNow" id="payNowBtn">Pay Now <i id="loader-price-payment" class="fa-solid fa-spinner hidden"></i></button>
  1590.            <a class="payLaterBtn" href="/thank-you/">Pay Later</a></div>`;
  1591.  
  1592.        const closeButton = theDiv.querySelector(".closeRedirect");
  1593.        closeButton.addEventListener("click", function () {
  1594.          window.location.href = "/thank-you/";
  1595.        });
  1596.  
  1597.        const payNowBtn = document.getElementById("payNowBtn");
  1598.  
  1599.        const loaderPricePayment = document.getElementById(
  1600.          "loader-price-payment"
  1601.        );
  1602.  
  1603.        let accesstoken = localStorage.getItem("accessToken");
  1604.        let SuccessURL =
  1605.          PackageENV.ENVIRONMENTS[PackageENV.ENVIRONMENT].THANK_YOU_URL;
  1606.  
  1607.        // console.log(SuccessURL, "url");
  1608.  
  1609.        if (cat == "logo-design") {
  1610.          SuccessURL = `${SuccessURL}/?event_type=order.logo&email=${ce}&name=${cn}`;
  1611.        }
  1612.  
  1613.        // if (cat === "logo-design") {
  1614.        //   const cleanedEmail = ce.replace(/[^\w\s@.]/gi, "");
  1615.        //   const cleanedName = cn.replace(/[^\w\s]/gi, "").replace(/\s+/g, "_");
  1616.  
  1617.        //   SuccessURL = `${SuccessURL}/?event_type=order.logo&email=${cleanedEmail}&name=${cleanedName}`;
  1618.        // }
  1619.  
  1620.        payNowBtn.addEventListener("click", async function () {
  1621.          console.log(pkg, "url");
  1622.          payNowBtn.disabled = true;
  1623.          const data = await fetchCountryData();
  1624.          let body = {
  1625.            dealTitle: cat,
  1626.            dealDescription: pkg,
  1627.            additionalDescription: pkg,
  1628.            contactId: contactId,
  1629.            amount: pkgPrice,
  1630.            status: "pending",
  1631.            currency: "usd",
  1632.            dueDate: CurrentDate,
  1633.            paymentSuccessRedirectUrl: SuccessURL,
  1634.            country: data?.country_name,
  1635.            city: data?.city,
  1636.            paymentGateway:
  1637.              PackageENV.ENVIRONMENTS[PackageENV.ENVIRONMENT].PAYMENTGATEWAY,
  1638.            paymentMethod: "creditCard",
  1639.            dealServiceId:
  1640.              PackageENV.ENVIRONMENTS[PackageENV.ENVIRONMENT].SERVICE_DETAIL_ID,
  1641.            dealServiceName:
  1642.              PackageENV.ENVIRONMENTS[PackageENV.ENVIRONMENT].DEAL_SERVICE_NAME,
  1643.          };
  1644.          let headers = {
  1645.            Authorization: accesstoken,
  1646.          };
  1647.          let CreateInvoice = await SendRequest(
  1648.            "POST",
  1649.            PackageENV.ENVIRONMENTS[PackageENV.ENVIRONMENT].CREATE_INVOICE_API,
  1650.            headers,
  1651.            body
  1652.          );
  1653.  
  1654.          if (CreateInvoice.Success == true) {
  1655.            loaderPricePayment.classList.remove("hidden");
  1656.            window.location.href = CreateInvoice.PaymentLink;
  1657.          } else {
  1658.            console.error("API request failed:", CreateInvoice.error);
  1659.          }
  1660.        });
  1661.      }
  1662.    });
  1663.  }
  1664.  handleFormSubmit();
  1665.  
  1666.  document.getElementById("ce").addEventListener("input", function () {
  1667.    const ceValue = this.value;
  1668.    const emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
  1669.  
  1670.    if (emailRegex.test(ceValue)) {
  1671.      document.getElementById("ce-err").textContent = "";
  1672.      document
  1673.        .getElementById("ce")
  1674.        .style.setProperty("border-color", "#bd1e2d");
  1675.    } else {
  1676.      document.getElementById("ce-err").textContent = "Invalid email address";
  1677.      document
  1678.        .getElementById("ce")
  1679.        .style.setProperty("border-color", "red", "important");
  1680.    }
  1681.  });
  1682.  
  1683.  document.getElementById("cn").addEventListener("input", function () {
  1684.    const cnValue = this.value;
  1685.    const nameRegex = /^[A-Za-z0-9\s]+$/;
  1686.  
  1687.    if (nameRegex.test(cnValue)) {
  1688.      document.getElementById("cn-err").textContent = "";
  1689.      document
  1690.        .getElementById("cn")
  1691.        .style.setProperty("border-color", "#bd1e2d");
  1692.    } else {
  1693.      document.getElementById("cn-err").textContent = "Invalid name";
  1694.      document
  1695.        .getElementById("cn")
  1696.        .style.setProperty("border-color", "red", "important");
  1697.    }
  1698.  });
  1699.  
  1700.  document.getElementById("phn").addEventListener("input", function (event) {
  1701.    const phnValue = this.value;
  1702.    const phoneRegex = /^\d{10,15}$/;
  1703.  
  1704.    event.target.value = phnValue.replace(/[^0-9]/g, "");
  1705.  
  1706.    if (phoneRegex.test(event.target.value)) {
  1707.      document.getElementById("phn-err").textContent = "";
  1708.      document
  1709.        .getElementById("phn")
  1710.        .style.setProperty("border", "1px solid #bd1e2d");
  1711.    } else {
  1712.      document.getElementById("phn-err").textContent =
  1713.        "Invalid phone number with 10 to 13 digits.";
  1714.      document
  1715.        .getElementById("phn")
  1716.        .style.setProperty("border", "1px solid red", "important");
  1717.    }
  1718.  });
  1719. </script>
  1720.  <section class="astro-I344YMN4">
  1721.  <div class="container astro-I344YMN4">
  1722.    <div class="main-cta astro-I344YMN4">
  1723.      <h2 class="astro-I344YMN4">Get Your Project Started Today</h2>
  1724.      <p class="astro-I344YMN4">At our company, we value communication and understand the importance of open dialogue between our team and our clients. That&#39;s why we encourage you to talk to us – whether it&#39;s to discuss a new project, ask a question, or provide feedback on our services.</p>
  1725.      <div class="cta-btns astro-I344YMN4">
  1726.        <button data-bs-toggle="modal" data-bs-target="#getaQoute" class=" custom-cta astro-VNZLVQNM" id="">
  1727.      Get Started Now
  1728.    </button>
  1729.        <button onclick="swiftSalesSDK.OpenChat();" class="custom-cta astro-VNZLVQNM">
  1730.      Live Chat
  1731.    </button>
  1732.        <a href="/portfolio/" class="custom-cta astro-VNZLVQNM">
  1733.      View Portfolio
  1734.    </a>
  1735.      </div>
  1736.    </div>
  1737.  </div>
  1738. </section>
  1739.  <div class="trigger-div astro-J7PV25F6"></div>
  1740.  <section class="Home-WF-Comp workflow-main astro-S7FLME5R">
  1741.  <div class="container astro-S7FLME5R">
  1742.    <div class=" head-para astro-WUUCC4YF">
  1743.  <h4 class="heading-title astro-WUUCC4YF">Design Process</h4>
  1744.  <h2 class="astro-WUUCC4YF">Our Creative Design Process Illuminates Every <br/>Facet of Your Branding and Promotions</h2>
  1745.  <p class="astro-WUUCC4YF"></p>
  1746. </div>
  1747.    <div class="workflow-info astro-S7FLME5R">
  1748.      <div class="as-nav-slider-custom astro-S7FLME5R">
  1749.        <div class="slider slider-nav nav-workflow astro-S7FLME5R">
  1750.          <div class="tabs astro-S7FLME5R">
  1751.                <span class="astro-S7FLME5R">01</span>
  1752.                <img src="../images/workflow1.png" width="71" height="71" alt="our-services-tab" class="astro-S7FLME5R">
  1753.                <h4 class="astro-S7FLME5R">Ideation</h4>
  1754.              </div><div class="tabs astro-S7FLME5R">
  1755.                <span class="astro-S7FLME5R">02</span>
  1756.                <img src="../images/workflow2.png" width="71" height="71" alt="our-services-tab" class="astro-S7FLME5R">
  1757.                <h4 class="astro-S7FLME5R">Investigation</h4>
  1758.              </div><div class="tabs astro-S7FLME5R">
  1759.                <span class="astro-S7FLME5R">03</span>
  1760.                <img src="../images/workflow3.png" width="71" height="71" alt="our-services-tab" class="astro-S7FLME5R">
  1761.                <h4 class="astro-S7FLME5R">Iteration</h4>
  1762.              </div><div class="tabs astro-S7FLME5R">
  1763.                <span class="astro-S7FLME5R">04</span>
  1764.                <img src="../images/workflow4.png" width="71" height="71" alt="our-services-tab" class="astro-S7FLME5R">
  1765.                <h4 class="astro-S7FLME5R">Implementation</h4>
  1766.              </div><div class="tabs astro-S7FLME5R">
  1767.                <span class="astro-S7FLME5R">05</span>
  1768.                <img src="../images/workflow1.png" width="71" height="71" alt="our-services-tab" class="astro-S7FLME5R">
  1769.                <h4 class="astro-S7FLME5R">Indemnification</h4>
  1770.              </div>
  1771.        </div>
  1772.        <div class="slider slider-for for-workflow astro-S7FLME5R">
  1773.          <div class="tabs-content astro-S7FLME5R">
  1774.                <div class="content astro-S7FLME5R">
  1775.                  <p class="astro-S7FLME5R">We begin with your idea or assist you in grasping one by brainstorming and discussions. Creative incorporation of your business nature derives a reflective brand image that tells your story.</p>
  1776.                </div>
  1777.              </div><div class="tabs-content astro-S7FLME5R">
  1778.                <div class="content astro-S7FLME5R">
  1779.                  <p class="astro-S7FLME5R">Research into the audience’s tastes is necessary to evaluate what elements will appeal to and influence prospects to interact. We select the elements that your audience expects from you.</p>
  1780.                </div>
  1781.              </div><div class="tabs-content astro-S7FLME5R">
  1782.                <div class="content astro-S7FLME5R">
  1783.                  <p class="astro-S7FLME5R">We merge your brand identity with the research results in an enchanting way that enhances the appearance of all elements. We develop iterations of design until we find the best combination.</p>
  1784.                </div>
  1785.              </div><div class="tabs-content astro-S7FLME5R">
  1786.                <div class="content astro-S7FLME5R">
  1787.                  <p class="astro-S7FLME5R">Our commitment to amplifying your brand message and offerings motivates us to implement your logo with you. We will go beyond our competition to glorify your logo everywhere.</p>
  1788.                </div>
  1789.              </div><div class="tabs-content astro-S7FLME5R">
  1790.                <div class="content astro-S7FLME5R">
  1791.                  <p class="astro-S7FLME5R">We secure your branding from technical or legal issues and cover you through indemnity in all pricing plans. We ensure the logo design’s success with guarantee and superb support services.</p>
  1792.                </div>
  1793.              </div>
  1794.        </div>
  1795.      </div>
  1796.    </div>
  1797.  </div>
  1798. </section>
  1799.  <div class="trigger-div astro-J7PV25F6"></div>
  1800.  <section class="testimonial-slider-main astro-CLGXQVCM">
  1801.  <div class="container astro-CLGXQVCM">
  1802.    <div class=" head-para astro-WUUCC4YF">
  1803.  <h4 class="heading-title astro-WUUCC4YF">TESTIMONIALS</h4>
  1804.  <h2 class="astro-WUUCC4YF">Ring Us To Boost <br/> Your Brand Awareness</h2>
  1805.  <p class="astro-WUUCC4YF">We are in love to boost your brand’s success with our successful effort of digital marketing services. We provide complete organic exposure and satisfied successful elements efficiently.</p>
  1806. </div>
  1807.    <h2 class="astro-CLGXQVCM">Testimonials</h2>
  1808.    <div class="slider slider-nav testimonial astro-CLGXQVCM">
  1809.      <div class="testimonials-info astro-CLGXQVCM">
  1810.            <div class="left-info astro-CLGXQVCM">
  1811.              <h3 class="astro-CLGXQVCM">Best Decision Ever</h3>
  1812.              <p class="astro-CLGXQVCM">I was baffled as my online sales were low, and I couldn’t do much about that. I opted for a friend’s recommendation of hiring Logo Design Valley for branding and web design, which changed everything. I am thankful that my online store is now growing.</p>
  1813.              <h4 class="astro-CLGXQVCM">david johnson</h4>
  1814.            </div>
  1815.  
  1816.            <div class="right-info astro-CLGXQVCM">
  1817.              <img src="../images/testimo.webp" width="400" height="423" alt="testimonial-img" class="astro-CLGXQVCM">
  1818.            </div>
  1819.          </div>
  1820.    </div>
  1821.  </div>
  1822. </section>
  1823.  
  1824.  
  1825.    <div class="modal fade astro-QZAW6M73" id="getaQoute" tabindex="-1" aria-hidden="true">
  1826.  <div class="modal-dialog modal-dialog-centered astro-QZAW6M73">
  1827.    <div class="modal-content astro-QZAW6M73">
  1828.      <div class="modal-body custom-body astro-QZAW6M73">
  1829.        <button type="button" class="btn-close astro-QZAW6M73" data-bs-dismiss="modal" aria-label="Close"><i class="fas fa-times astro-QZAW6M73"></i></button>
  1830.        <div class="popup-grid astro-QZAW6M73">
  1831.          <div class="right astro-QZAW6M73">
  1832.            <img src="../images/popup.webp" width="476" height="677" alt="Logo Design Popup" class="astro-QZAW6M73">
  1833.          </div>
  1834.          <div class="left astro-QZAW6M73">
  1835.            <h2 class="astro-QZAW6M73"><strong class="astro-QZAW6M73"> Sign Up Now</strong> To Avail</h2>
  1836.            <h2 class="astro-QZAW6M73"><strong class="astro-QZAW6M73">50%</strong> Discount</h2>
  1837.            <p class="astro-QZAW6M73">
  1838.              Fill out the form below with your details to start conversation
  1839.              with our expert
  1840.            </p>
  1841.            <div class="form-info astro-QZAW6M73">
  1842.              <form id="main-form" class="astro-QZAW6M73">
  1843.                <div class="mb-4 astro-QZAW6M73">
  1844.                  <input id="p-cn" type="text" name="cn" class="form-control astro-QZAW6M73" placeholder="Name*">
  1845.                  <div class="error-div astro-QZAW6M73">
  1846.                    <p id="p-cn-err" class="astro-QZAW6M73"></p>
  1847.                  </div>
  1848.                </div>
  1849.                <div class="mb-4 astro-QZAW6M73">
  1850.                  <input id="p-ce" type="email" name="ce" class="form-control astro-QZAW6M73" placeholder="Email*">
  1851.                  <div class="error-div astro-QZAW6M73">
  1852.                    <p id="p-ce-err" class="astro-QZAW6M73"></p>
  1853.                  </div>
  1854.                </div>
  1855.                <div class="mb-4 astro-QZAW6M73">
  1856.                  <input id="p-phn" type="tel" name="phn" class="form-control astro-QZAW6M73" placeholder="Phone No*" maxlength="15px">
  1857.                  <div class="error-div astro-QZAW6M73">
  1858.                    <p id="p-phn-err" class="astro-QZAW6M73"></p>
  1859.                  </div>
  1860.                </div>
  1861.  
  1862.                <div class="mb-4 astro-QZAW6M73">
  1863.                  <input id="bdgt" type="text" name="bdgt" class="form-control astro-QZAW6M73" placeholder="Tell Us Your Budget (optional)">
  1864.                </div>
  1865.                <div class="mb-4 astro-QZAW6M73">
  1866.                  <textarea id="p-desc" name="desc" class="form-control astro-QZAW6M73" placeholder="Your Message" rows="2"></textarea>
  1867.                </div>
  1868.                <div class="submit-btn astro-QZAW6M73">
  1869.                  <button type="submit" value="Submit" class="custom-cta astro-QZAW6M73">Lets Make A Deal <i id="loader-pop" class="fa-solid fa-spinner hidden astro-QZAW6M73"></i></button>
  1870.                </div>
  1871.              </form>
  1872.            </div>
  1873.          </div>
  1874.        </div>
  1875.      </div>
  1876.    </div>
  1877.  </div>
  1878. </div>
  1879.  
  1880.  
  1881.  
  1882. <script lang="js">
  1883.  function handleFormSubmit() {
  1884.    const form = document.querySelector("#main-form");
  1885.    form.addEventListener("submit", async (evt) => {
  1886.      evt.preventDefault();
  1887.  
  1888.      const ce = document.getElementById("p-ce").value;
  1889.      const cn = document.getElementById("p-cn").value;
  1890.      const phn = document.getElementById("p-phn").value;
  1891.      const desc = document.getElementById("p-desc").value;
  1892.      const bdgt = document.getElementById("bdgt").value;
  1893.      const loaderPop = document.getElementById("loader-pop");
  1894.  
  1895.      const emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
  1896.      const nameRegex = /^[A-Za-z0-9\s]+$/;
  1897.      const phoneRegex = /^\d{10,15}$/;
  1898.  
  1899.      const isEmailValid = emailRegex.test(ce);
  1900.      if (!isEmailValid) {
  1901.        document.getElementById("p-ce-err").textContent =
  1902.          "Invalid email address";
  1903.        document
  1904.          .getElementById("p-ce")
  1905.          .style.setProperty("border-color", "red", "important");
  1906.      } else {
  1907.        document.getElementById("p-ce-err").textContent = "";
  1908.      }
  1909.  
  1910.      const isNameValid = nameRegex.test(cn);
  1911.      if (!isNameValid) {
  1912.        document.getElementById("p-cn-err").textContent = "Invalid name";
  1913.        document
  1914.          .getElementById("p-cn")
  1915.          .style.setProperty("border-color", "red", "important");
  1916.      } else {
  1917.        document.getElementById("p-cn-err").textContent = "";
  1918.      }
  1919.  
  1920.      const isPhoneValid = phoneRegex.test(phn);
  1921.      if (!isPhoneValid) {
  1922.        document.getElementById("p-phn-err").textContent =
  1923.          "Invalid phone number";
  1924.        document
  1925.          .getElementById("p-phn")
  1926.          .style.setProperty("border", "1px solid red", "important");
  1927.      } else {
  1928.        document.getElementById("p-phn-err").textContent = "";
  1929.      }
  1930.  
  1931.      if (!isEmailValid || !isNameValid || !isPhoneValid) {
  1932.        return;
  1933.      }
  1934.  
  1935.      loaderPop.classList.remove("hidden");
  1936.  
  1937.      const SSLeadFields = JSON.stringify({
  1938.        FirstName: cn,
  1939.        Email: ce,
  1940.        Phone: phn,
  1941.        Meta: {
  1942.          Budget: bdgt,
  1943.          Description: desc,
  1944.          BrandName: "LogoDesignValley",
  1945.          Path: window.location.href,
  1946.        },
  1947.      });
  1948.  
  1949.      const LeadFormResult = await createContact(SSLeadFields);
  1950.  
  1951.      if (LeadFormResult.Status == true) {
  1952.        window.location.href = "/thank-you/";
  1953.      }
  1954.    });
  1955.  }
  1956.  handleFormSubmit();
  1957.  
  1958.  document.getElementById("p-ce").addEventListener("input", function () {
  1959.    const ceValue = this.value;
  1960.    const emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
  1961.  
  1962.    if (emailRegex.test(ceValue)) {
  1963.      document.getElementById("p-ce-err").textContent = "";
  1964.      document
  1965.        .getElementById("p-ce")
  1966.        .style.setProperty("border-color", "#bd1e2d");
  1967.    } else {
  1968.      document.getElementById("p-ce-err").textContent = "Invalid email address";
  1969.      document
  1970.        .getElementById("p-ce")
  1971.        .style.setProperty("border-color", "red", "important");
  1972.    }
  1973.  });
  1974.  
  1975.  document.getElementById("p-cn").addEventListener("input", function () {
  1976.    const cnValue = this.value;
  1977.    const nameRegex = /^[A-Za-z0-9\s]+$/;
  1978.  
  1979.    if (nameRegex.test(cnValue)) {
  1980.      document.getElementById("p-cn-err").textContent = "";
  1981.      document
  1982.        .getElementById("p-cn")
  1983.        .style.setProperty("border-color", "#bd1e2d");
  1984.    } else {
  1985.      document.getElementById("p-cn-err").textContent = "Invalid name";
  1986.      document
  1987.        .getElementById("p-cn")
  1988.        .style.setProperty("border-color", "red", "important");
  1989.    }
  1990.  });
  1991.  document.getElementById("p-phn").addEventListener("input", function (event) {
  1992.    const phnValue = this.value;
  1993.    const phoneRegex = /^\d{10,15}$/;
  1994.  
  1995.    event.target.value = phnValue.replace(/[^0-9]/g, "");
  1996.  
  1997.    if (phoneRegex.test(event.target.value)) {
  1998.      document.getElementById("p-phn-err").textContent = "";
  1999.      document
  2000.        .getElementById("p-phn")
  2001.        .style.setProperty("border", "1px solid #bd1e2d");
  2002.    } else {
  2003.      document.getElementById("p-phn-err").textContent =
  2004.        "Invalid phone number with 10 to 13 digits.";
  2005.      document
  2006.        .getElementById("p-phn")
  2007.        .style.setProperty("border", "1px solid red", "important");
  2008.    }
  2009.  });
  2010. </script>
  2011.    <footer class="main-footer astro-SZ7XMLTE">
  2012.  <div class="container footer-con astro-SZ7XMLTE">
  2013.    <div class="row astro-SZ7XMLTE">
  2014.      <div class="col-lg-3 col-md-3 col-sm-12 astro-SZ7XMLTE">
  2015.        <a href="/" class="astro-SZ7XMLTE">
  2016.          <img src="../images/logo.webp" width="178" height="113" alt="footer-logo" loading="lazy" class="logo-footer astro-SZ7XMLTE">
  2017.        </a>
  2018.        <p class="astro-SZ7XMLTE">
  2019.          We offer to our clients. From full stack development to just
  2020.          consultancy- you demand, we deliver.
  2021.        </p>
  2022.      </div>
  2023.      <div class="col-lg-3 col-md-3 col-sm-12 astro-SZ7XMLTE">
  2024.        <h4 class="astro-SZ7XMLTE">Logo Design Valley</h4>
  2025.        <ul class="astro-SZ7XMLTE">
  2026.          <li class="astro-SZ7XMLTE"><a href="/" class="astro-SZ7XMLTE">Home</a></li>
  2027.          <li class="astro-SZ7XMLTE"><a href="/about-us/" class="astro-SZ7XMLTE">About Us</a></li>
  2028.          <li class="astro-SZ7XMLTE"><a href="/contact-us/" class="astro-SZ7XMLTE">Contact</a></li>
  2029.        </ul>
  2030.        <p class="cta-para astro-SZ7XMLTE">Call Us At</p>
  2031.        <a href="tel: +1-844-288-3220" class="astro-SZ7XMLTE">
  2032.          <i class="fas fa-phone astro-SZ7XMLTE"></i>+1-844-288-3220</a>
  2033.      </div>
  2034.      <div class="col-lg-3 col-md-3 col-sm-12 astro-SZ7XMLTE">
  2035.        <h4 class="astro-SZ7XMLTE">Services</h4>
  2036.        <ul class="astro-SZ7XMLTE">
  2037.          <li class="astro-SZ7XMLTE"><a href="/logo-design/" class="astro-SZ7XMLTE">Logo Design</a></li>
  2038.          <li class="astro-SZ7XMLTE"><a href="/web-design/" class="astro-SZ7XMLTE">Website Design</a></li>
  2039.          <li class="astro-SZ7XMLTE"><a href="/branding/" class="astro-SZ7XMLTE">Branding</a></li>
  2040.        </ul>
  2041.        <p class="cta-para astro-SZ7XMLTE">Find Us On google Maps</p>
  2042.        <a href="https://goo.gl/maps/YSZwfwmZZGTwk9kQ6" target="_blank" class="astro-SZ7XMLTE">
  2043.          <i class="fas fa-map-marker-alt astro-SZ7XMLTE"></i>950 E, TX-114 Suite 161,<br class="astro-SZ7XMLTE">
  2044.          Southlake,TX 76092, United States</a>
  2045.      </div>
  2046.      <div class="col-lg-3 col-md-3 col-sm-12 astro-SZ7XMLTE">
  2047.        <h4 class="astro-SZ7XMLTE">Quick Links</h4>
  2048.        <ul class="astro-SZ7XMLTE">
  2049.          <li class="astro-SZ7XMLTE"><a href="/packages/" class="astro-SZ7XMLTE">Packages</a></li>
  2050.          <li class="astro-SZ7XMLTE"><a href="/portfolio/" class="astro-SZ7XMLTE">Portfolio</a></li>
  2051.          <li class="astro-SZ7XMLTE"><a href="/blog/" class="astro-SZ7XMLTE">Blog</a></li>
  2052.        </ul>
  2053.        <p class="cta-para astro-SZ7XMLTE">Email Us At</p>
  2054.        <a href="mailto:support@logodesignvalley.com" class="astro-SZ7XMLTE">
  2055.          <i class="fas fa-envelope astro-SZ7XMLTE"></i>support@logodesignvalley.com</a>
  2056.      </div>
  2057.    </div>
  2058.    <div class="footer-logos astro-SZ7XMLTE">
  2059.      <a href="https://www.trustpilot.com/review/www.logodesignvalley.com" target="_blank" class="astro-SZ7XMLTE">
  2060.        <img src="../images/footerimgs/trustpilot.png" width="140" height="36" alt="footer-img" loading="lazy" class="astro-SZ7XMLTE">
  2061.      </a>
  2062.      <a href="https://www.goodfirms.co/company/logo-design-valley" target="_blank" rel="noopener noreferrer" class="astro-SZ7XMLTE">
  2063.        <img src="../images/footerimgs/f-img-05.png" width="110" height="110" alt="footer-img" loading="lazy" class="astro-SZ7XMLTE">
  2064.      </a>
  2065.      <a href="https://blog.designcrowd.com/article/1711/6-tips-for-an-exceptional-logo-design" target="_blank" rel="noopener noreferrer" class="astro-SZ7XMLTE">
  2066.        <img src="../images/footerimgs/designcrowd.png" width="232" height="50" alt="footer-img" loading="lazy" class="astro-SZ7XMLTE">
  2067.      </a>
  2068.      <a href="https://clutch.co/profile/logo-design-valley#highlights" target="_blank" rel="noopener noreferrer" class="astro-SZ7XMLTE">
  2069.        <img src="../images/footerimgs/f-img-06.png" width="110" height="110" alt="footer-img" loading="lazy" class="astro-SZ7XMLTE">
  2070.      </a>
  2071.      <a href="https://www.sitejabber.com/reviews/logodesignvalley.com" target="_blank" rel="noopener noreferrer" class="astro-SZ7XMLTE">
  2072.        <img src="../images/footerimgs/sitejabbaer.png" width="187" height="55" alt="footer-img" loading="lazy" class="astro-SZ7XMLTE">
  2073.      </a>
  2074.      <a href="https://upcity.com/local-marketing-agencies/profiles/logodesignvalley" target="_blank" rel="noopener noreferrer" class="astro-SZ7XMLTE">
  2075.        <img src="../images/footerimgs/upcity.png" width="164" height="58" alt="footer-img" loading="lazy" class="astro-SZ7XMLTE">
  2076.      </a>
  2077.    </div>
  2078.    <div class="S-Icon astro-SZ7XMLTE">
  2079.      <div class="Inner-S-Icon astro-SZ7XMLTE">
  2080.        <!-- <a
  2081.          href="https://twitter.com/LogoDValley"
  2082.          target="_blank"
  2083.          rel="noopener noreferrer"><i class="fa-brands fa-x-twitter"></i></a
  2084.        > -->
  2085.        <a href="https://www.youtube.com/channel/UCUPa-IlW053o352WQ05TpHg" target="_blank" rel="noopener noreferrer" class="astro-SZ7XMLTE"><i class="fa-brands fa-youtube astro-SZ7XMLTE"></i></a>
  2086.        <a href="https://www.linkedin.com/company/logodesginvalleyofficial/" target="_blank" rel="noopener noreferrer" class="astro-SZ7XMLTE"><i class="fa-brands fa-linkedin-in astro-SZ7XMLTE"></i></a>
  2087.        <a href="https://www.tiktok.com/@logodesignvalley?_t=8k7HPGfqrZ3&_r=1" target="_blank" rel="noopener noreferrer" class="astro-SZ7XMLTE"><i class="fa-brands fa-tiktok astro-SZ7XMLTE"></i></a>
  2088.        <a href="https://www.pinterest.com/logodesignvalleyy/_created/" target="_blank" rel="noopener noreferrer" class="astro-SZ7XMLTE"><i class="fa-brands fa-pinterest-p astro-SZ7XMLTE"></i></a>
  2089.        <a href="https://www.facebook.com/LogoDesignValley/" target="_blank" rel="noopener noreferrer" class="astro-SZ7XMLTE"><i class="fa-brands fa-facebook-f astro-SZ7XMLTE"></i></a>
  2090.        <a href="https://www.instagram.com/logodesignvalley_/" target="_blank" rel="noopener noreferrer" class="astro-SZ7XMLTE"><i class="fa-brands fa-instagram astro-SZ7XMLTE"></i></a>
  2091.      </div>
  2092.    </div>
  2093.  </div>
  2094. </footer>
  2095.  
  2096. <div class="main-copyright astro-SZ7XMLTE">
  2097.  <div class="container astro-SZ7XMLTE">
  2098.    <div class="copyright astro-SZ7XMLTE">
  2099.      <p class="astro-SZ7XMLTE">© 2023 <a href="/" class="astro-SZ7XMLTE">Logo Design Valley</a>. ALL RIGHTS RESERVED.</p>
  2100.      <ul class="astro-SZ7XMLTE">
  2101.        <li class="astro-SZ7XMLTE"><a href="/privacy-policy/" class="astro-SZ7XMLTE">Privacy Policy</a></li>
  2102.        <li class="astro-SZ7XMLTE"><a href="/terms-condition/" class="astro-SZ7XMLTE">Terms of Use</a></li>
  2103.        <!-- <li><a href="javascript:void(0)">FAQ</a></li>
  2104.        <li><a href="javascript:void(0)">Sitemap</a></li> -->
  2105.      </ul>
  2106.    </div>
  2107.  </div>
  2108. </div>
  2109.    <script lang="js" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
  2110.    <!-- <script lang="js" src="/src/js/popper.min.js"></script> -->
  2111.    <script defer lang="js" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.1/js/bootstrap.min.js"></script>
  2112.    <script lang="js" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
  2113.    <script defer lang="js" src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"></script>
  2114.    <script defer lang="js" src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/ScrollTrigger.min.js"></script>
  2115.    <script defer src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
  2116.    <!-- <script lang="js" src="/src/utils/formApi.js"></script> -->
  2117.  
  2118.    <script lang="js">
  2119.      $(window).on("load", function () {
  2120.        var preloader = $(".pre-loader");
  2121.        if (preloader.length) {
  2122.          preloader.hide();
  2123.        }
  2124.        setTimeout(function () {
  2125.          $("#getaQoute").modal("show");
  2126.        }, 8000);
  2127.      });
  2128.  
  2129.      $(".modal").on("show.bs.modal", function (e) {
  2130.        // Check if any modal is already open
  2131.        if ($(".modal.show").length > 0) {
  2132.          e.preventDefault(); // Prevent the modal from being opened
  2133.        }
  2134.      });
  2135.      // const handleSwiftSDKForm = async (leadData) => {
  2136.      //   leadData = JSON.parse(leadData);
  2137.      //   // return new Promise(function (resolve) {
  2138.      //   return swiftSalesSDK.CreateContact(leadData, function (cb) {
  2139.      //     console.log("contact function", cb);
  2140.      //     // resolve();
  2141.      //   });
  2142.      //   // });
  2143.      // };
  2144.  
  2145.      const createContact = async function (leadData) {
  2146.        leadData = JSON.parse(leadData);
  2147.        return await swiftSalesSDK.CreateContact(leadData);
  2148.      };
  2149.  
  2150.      // const handleLeadForm = async ({ SSData }) => {
  2151.      //   return await handleSwiftSDKForm(SSData);
  2152.      // };
  2153.  
  2154.      document.addEventListener("DOMContentLoaded", function () {
  2155.        const canonicalMeta = document.createElement("link");
  2156.        canonicalMeta.setAttribute("rel", "canonical");
  2157.        canonicalMeta.setAttribute("href", window.location.href);
  2158.        document.head.appendChild(canonicalMeta);
  2159.      });
  2160.  
  2161.      const domain = window.location.host;
  2162.      const isLive = domain === "www.logodesignvalley.com";
  2163.      // console.log(isLive);
  2164.      // console.log(domain);
  2165.  
  2166.      if (!isLive) {
  2167.        const metaTag = document.createElement("meta");
  2168.        metaTag.name = "robots";
  2169.        metaTag.content = "noindex";
  2170.        document.head.appendChild(metaTag);
  2171.      } else {
  2172.        const metaTag = document.createElement("meta");
  2173.        metaTag.name = "robots";
  2174.        metaTag.content = "index";
  2175.        document.head.appendChild(metaTag);
  2176.      }
  2177.  
  2178.      // const currentURL = window.location.pathname;
  2179.      // if (!currentURL.endsWith("/")) {
  2180.      //   const newURL = `${currentURL}/`;
  2181.  
  2182.      //   window.location.href = newURL;
  2183.      // }
  2184.  
  2185.      if (
  2186.        window.location.href ===
  2187.        "https://www.logodesignvalley.com/landing-page/"
  2188.      ) {
  2189.        window.location.replace("https://www.logodesignvalley.com/");
  2190.      }
  2191.  
  2192.      if (
  2193.        window.location.href ===
  2194.        "https://www.logodesignvalley.com/custom-logo-design/"
  2195.      ) {
  2196.        window.location.replace("https://www.logodesignvalley.com/");
  2197.      }
  2198.  
  2199.      if (
  2200.        window.location.href === "https://www.logodesignvalley.com/landing-page"
  2201.      ) {
  2202.        window.location.replace("https://www.logodesignvalley.com/");
  2203.      }
  2204.  
  2205.      if (
  2206.        window.location.href ===
  2207.        "https://www.logodesignvalley.com/custom-logo-design"
  2208.      ) {
  2209.        window.location.replace("https://www.logodesignvalley.com/");
  2210.      }
  2211.  
  2212.      if (
  2213.        window.location.href === "https://www.logodesignvalley.com/pricing/"
  2214.      ) {
  2215.        window.location.replace("https://www.logodesignvalley.com/packages/");
  2216.      }
  2217.  
  2218.      $(document).ready(function () {
  2219.        $(".toogle-open").click(function () {
  2220.          $("#overlay").css("display", "block");
  2221.        });
  2222.        $(".toogle-close").click(function () {
  2223.          $("#overlay").css("display", "none");
  2224.        });
  2225.  
  2226.        if (isLive) {
  2227.          setTimeout(function () {
  2228.            (function (w, d, s, l, i) {
  2229.              w[l] = w[l] || [];
  2230.              w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
  2231.              var f = d.getElementsByTagName(s)[0],
  2232.                j = d.createElement(s),
  2233.                dl = l != "dataLayer" ? "&l=" + l : "";
  2234.              j.async = true;
  2235.              j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
  2236.              f.parentNode.insertBefore(j, f);
  2237.            })(window, document, "script", "dataLayer", "GTM-563HKXM");
  2238.          }, 5000);
  2239.        }
  2240.  
  2241.        if (!isLive) {
  2242.          (function (
  2243.            scope,
  2244.            doc,
  2245.            tagName,
  2246.            src,
  2247.            objectName,
  2248.            newElement,
  2249.            firstElement
  2250.          ) {
  2251.            Array.isArray(scope["SwiftSalesObject"])
  2252.              ? scope["SwiftSalesObject"].push(objectName)
  2253.              : (scope["SwiftSalesObject"] = [objectName]);
  2254.            scope[objectName] =
  2255.              scope[objectName] ||
  2256.              function () {
  2257.                scope[objectName].queries = scope[objectName].queries || [];
  2258.                scope[objectName].queries.push(arguments);
  2259.              };
  2260.            scope[objectName].scriptInjectedAt = 1 * new Date();
  2261.            newElement = doc.createElement(tagName);
  2262.            newElement.setAttribute("id", "swift-sales-widget-script");
  2263.            firstElement = doc.getElementsByTagName(tagName)[0];
  2264.            newElement.async = 1;
  2265.            newElement.src = src;
  2266.            firstElement
  2267.              ? firstElement.parentNode.insertBefore(newElement, firstElement)
  2268.              : doc.getElementsByTagName("head")[0].appendChild(newElement);
  2269.          })(
  2270.            window,
  2271.            document,
  2272.            "script",
  2273.            "https://stg-script.swiftsales.io/swiftsales.js?v=1700749270931",
  2274.            "swiftSales"
  2275.          );
  2276.          swiftSales("Init", "1128");
  2277.        } else {
  2278.          (function (
  2279.            scope,
  2280.            doc,
  2281.            tagName,
  2282.            src,
  2283.            objectName,
  2284.            newElement,
  2285.            firstElement
  2286.          ) {
  2287.            Array.isArray(scope["SwiftSalesObject"])
  2288.              ? scope["SwiftSalesObject"].push(objectName)
  2289.              : (scope["SwiftSalesObject"] = [objectName]);
  2290.            scope[objectName] =
  2291.              scope[objectName] ||
  2292.              function () {
  2293.                scope[objectName].queries = scope[objectName].queries || [];
  2294.                scope[objectName].queries.push(arguments);
  2295.              };
  2296.            scope[objectName].scriptInjectedAt = 1 * new Date();
  2297.            newElement = doc.createElement(tagName);
  2298.            newElement.setAttribute("id", "swift-sales-widget-script");
  2299.            firstElement = doc.getElementsByTagName(tagName)[0];
  2300.            newElement.async = 1;
  2301.            newElement.src = src;
  2302.            firstElement
  2303.              ? firstElement.parentNode.insertBefore(newElement, firstElement)
  2304.              : doc.getElementsByTagName("head")[0].appendChild(newElement);
  2305.          })(
  2306.            window,
  2307.            document,
  2308.            "script",
  2309.            "https://script.swiftchat.io/swiftsales.js?v=1662559508352",
  2310.            "swiftSales"
  2311.          );
  2312.          swiftSales("Init", "322");
  2313.        }
  2314.  
  2315.        function changeBodyBackgroundColor(color) {
  2316.          document.body.style.backgroundColor = color;
  2317.        }
  2318.  
  2319.        const colorsToChange = [
  2320.          "#BD202F",
  2321.          "#FF5869",
  2322.          "#A01F80",
  2323.          "#612191",
  2324.          "#315D9F",
  2325.          "#1E2C76",
  2326.          "#0A0C46",
  2327.          // "#000",
  2328.        ];
  2329.  
  2330.        const triggerDivs = document.querySelectorAll(".trigger-div");
  2331.  
  2332.        triggerDivs.forEach((triggerDiv, index) => {
  2333.          gsap.fromTo(
  2334.            triggerDiv,
  2335.            {
  2336.              opacity: 0,
  2337.              scale: 0.5,
  2338.            },
  2339.            {
  2340.              opacity: 1,
  2341.              scale: 1,
  2342.              scrollTrigger: {
  2343.                trigger: triggerDiv,
  2344.                start: "top 25%",
  2345.                end: "bottom 25%",
  2346.                onEnter: () => {
  2347.                  const color = colorsToChange[index];
  2348.                  changeBodyBackgroundColor(color);
  2349.                },
  2350.                onEnterBack: () => {
  2351.                  const color = colorsToChange[index];
  2352.                  changeBodyBackgroundColor(color);
  2353.                },
  2354.              },
  2355.            }
  2356.          );
  2357.        });
  2358.  
  2359.        $(".mobile-cus-ul .mobile-li-hover i").click(function (e) {
  2360.          var $subMenu = $(this).siblings(
  2361.            ".mobile-cus-ul .mobile-li-hover .sub-menu"
  2362.          );
  2363.          var $icon = $(this).siblings(
  2364.            ".mobile-cus-ul .mobile-li-hover .fa-caret-down"
  2365.          );
  2366.  
  2367.          if ($subMenu.hasClass("show")) {
  2368.            $subMenu.removeClass("show");
  2369.          } else {
  2370.            $(".mobile-cus-ul .mobile-li-hover .sub-menu").removeClass("show");
  2371.            $subMenu.addClass("show");
  2372.          }
  2373.        });
  2374.  
  2375.        const currentPageUrl = window.location.pathname;
  2376.  
  2377.        // Get all menu items
  2378.        const menuItems = document.querySelectorAll(".cus-ul li a");
  2379.        var navigationLinks = document.querySelectorAll(".main-footer li a");
  2380.        var copyrightLinks = document.querySelectorAll(".copyright li a");
  2381.        navigationLinks.forEach((link) => {
  2382.          if (link.getAttribute("href") === currentPageUrl) {
  2383.            link.classList.add("active-footer");
  2384.          }
  2385.        });
  2386.  
  2387.        copyrightLinks.forEach((link) => {
  2388.          if (link.getAttribute("href") === currentPageUrl) {
  2389.            link.classList.add("active-footer");
  2390.          }
  2391.        });
  2392.  
  2393.        menuItems.forEach((item) => {
  2394.          if (item.getAttribute("href") === currentPageUrl) {
  2395.            item.classList.add("active-header");
  2396.            var parentMenuItem = item.closest(".li-hover");
  2397.            if (parentMenuItem) {
  2398.              parentMenuItem.classList.add("active-parent");
  2399.            }
  2400.          }
  2401.        });
  2402.  
  2403.        jQuery("li.pricetab").click(function () {
  2404.          jQuery(".price-card").slick("refresh");
  2405.        });
  2406.      });
  2407.    </script>
  2408.  </body>
  2409. </html>
  2410.  
  2411.  
  2412.  
  2413.  
  2414.  
  2415. <script lang="js">
  2416.  function filterNonNumeric(event) {
  2417.    const input = event.target;
  2418.    input.value = input.value.replace(/[^0-9]/g, "");
  2419.  }
  2420.  const phoneInput = document.getElementById("phone-input");
  2421.  phoneInput.addEventListener("input", filterNonNumeric);
  2422.  let step = 0;
  2423.  
  2424.  function showNextInput() {
  2425.    const inputs = document.querySelectorAll(".main-banner-form input");
  2426.    const currentInput = inputs[step];
  2427.    const errorMessage = document.getElementById("error-message");
  2428.    const formBox = document.querySelector(".logo-form");
  2429.  
  2430.    if (currentInput.id === "input-name") {
  2431.      const name = currentInput.value.trim();
  2432.      const namePattern = /^[A-Za-z\s]+$/;
  2433.  
  2434.      if (!namePattern.test(name)) {
  2435.        errorMessage.textContent = "Please enter your Name.";
  2436.        return;
  2437.      }
  2438.    }
  2439.  
  2440.    if (currentInput.id === "email-input") {
  2441.      const emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
  2442.      if (!emailPattern.test(currentInput.value.trim())) {
  2443.        errorMessage.textContent = "Please enter a valid email address.";
  2444.        return;
  2445.      }
  2446.    }
  2447.  
  2448.    errorMessage.textContent = "";
  2449.  
  2450.    if (step < inputs.length - 1) {
  2451.      inputs[step].style.display = "none";
  2452.      step++;
  2453.      inputs[step].style.display = "block";
  2454.      if (step === inputs.length - 1) {
  2455.        document.querySelector(".custom-form-btn").style.display = "none";
  2456.        document.querySelector(".submit-btn").style.display = "block";
  2457.      }
  2458.    }
  2459.  
  2460.    if (currentInput.value.trim() !== "") {
  2461.      formBox.classList.toggle("box-flip");
  2462.    }
  2463.  }
  2464.  
  2465.  // function validatePhoneOnSubmit() {
  2466.  //   const phoneInput = document.getElementById("phone-input");
  2467.  //   const errorMessage = document.getElementById("error-message");
  2468.  
  2469.  //   const phoneNumber = phoneInput.value.trim();
  2470.  //   const phoneNumberPattern = /^\d{10,15}$/;
  2471.  
  2472.  //   if (!phoneNumberPattern.test(phoneNumber)) {
  2473.  //     errorMessage.textContent =
  2474.  //       "Please enter a valid phone number with 10 to 13 digits.";
  2475.  //     return false;
  2476.  //   }
  2477.  
  2478.  //   errorMessage.textContent = "";
  2479.  //   return true;
  2480.  // }
  2481.  
  2482.  // const form = document.querySelector(".main-banner-form");
  2483.  // form.onsubmit = validatePhoneOnSubmit;
  2484. </script>
  2485.  
  2486. <script lang="js">
  2487.  function handleFormSubmit() {
  2488.    const form = document.querySelector("#home-form");
  2489.    form.addEventListener("submit", async (evt) => {
  2490.      evt.preventDefault();
  2491.  
  2492.      const ce = document.getElementById("email-input").value;
  2493.      const cn = document.getElementById("input-name").value;
  2494.      const phn = document.getElementById("phone-input").value;
  2495.      const loader = document.getElementById("loader");
  2496.  
  2497.      const phoneRegex = /^\d{10,15}$/;
  2498.      const isPhoneValid = phoneRegex.test(phn);
  2499.      if (!isPhoneValid) {
  2500.        document.getElementById("error-message").textContent =
  2501.          "Invalid phone number";
  2502.      } else {
  2503.        document.getElementById("error-message").textContent = "";
  2504.      }
  2505.  
  2506.      if (!isPhoneValid) {
  2507.        return;
  2508.      }
  2509.      loader.classList.remove("hidden");
  2510.  
  2511.      const SSLeadFields = JSON.stringify({
  2512.        FirstName: cn,
  2513.        Email: ce,
  2514.        Phone: phn,
  2515.        Meta: {
  2516.          BrandName: "LogoDesignValley",
  2517.          Path: window.location.href,
  2518.        },
  2519.      });
  2520.  
  2521.      // const LeadFormResult = await handleLeadForm({
  2522.      //   SSData: SSLeadFields,
  2523.      // });
  2524.  
  2525.      // if (LeadFormResult.some((result) => result.status == "fulfilled")) {
  2526.      //   window.location.href = "/thank-you/";
  2527.      // }
  2528.  
  2529.      const LeadFormResult = await createContact(SSLeadFields);
  2530.  
  2531.      if (LeadFormResult.Status == true) {
  2532.        // alert("form submited");
  2533.        window.location.href = "/thank-you/";
  2534.      }
  2535.    });
  2536.  }
  2537.  handleFormSubmit();
  2538.  
  2539.  document.getElementById("email-input").addEventListener("input", function () {
  2540.    const ceValue = this.value;
  2541.    const emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
  2542.  
  2543.    if (emailRegex.test(ceValue)) {
  2544.      document.getElementById("error-message").textContent = "";
  2545.    } else {
  2546.      document.getElementById("error-message").textContent =
  2547.        "Invalid email address";
  2548.    }
  2549.  });
  2550.  
  2551.  document.getElementById("input-name").addEventListener("input", function () {
  2552.    const cnValue = this.value;
  2553.    const nameRegex = /^[A-Za-z0-9\s]+$/;
  2554.  
  2555.    if (nameRegex.test(cnValue)) {
  2556.      document.getElementById("error-message").textContent = "";
  2557.    } else {
  2558.      document.getElementById("error-message").textContent =
  2559.        "Please enter your Name.";
  2560.    }
  2561.  });
  2562.  
  2563.  document
  2564.    .getElementById("phone-input")
  2565.    .addEventListener("input", function (event) {
  2566.      const phnValue = this.value;
  2567.      const phoneRegex = /^\d{10,15}$/;
  2568.  
  2569.      event.target.value = phnValue.replace(/[^0-9]/g, "");
  2570.  
  2571.      if (phoneRegex.test(event.target.value)) {
  2572.        document.getElementById("error-message").textContent = "";
  2573.      } else {
  2574.        document.getElementById("error-message").textContent =
  2575.          "Invalid phone number with 10 to 15 digits.";
  2576.      }
  2577.    });
  2578. </script>
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda