<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="Payments, AI, Artificial Intelligence, Smart Loans">
    <meta name="author" content="ChiefSoft Works ">
    <meta name="description" content="Payments, AI, Artificial Intelligence, Smart Loans">
    <meta property="og:title" content="digiFi - Payments">
    <meta property="og:description" content="Payments, AI, Artificial Intelligence, Smart Loans.">
    <meta property="og:type" content="website">
    <meta property="og:image" content="./assets/images/common/og-image.jpg">

    <link rel="stylesheet" href="./assets/vendors/liquid-icon/lqd-essentials/lqd-essentials.min.css">
    <link rel="stylesheet" href="./assets/vendors/jquery-ui/jquery-ui.css">
    <link rel="stylesheet" href="./assets/css/theme.min.css">
    <link rel="stylesheet" href="./assets/css/utility.min.css">
    <link rel="stylesheet" href="./assets/css/demo/dark-ai.css">

    <!-- Fonts -->
    <link rel="stylesheet" href="https://use.typekit.net/TYPEKIT_ID.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600&display=swap" rel="stylesheet">

    <title>Dark AI</title>
</head>

<body class="lqd-preloader-activated lqd-sticky-footer-shadow-1 lqd-preloader-style-dissolve lqd-cc-outer-hidden" data-lqd-cc="true" data-localscroll-offset="100" data-mobile-nav-breakpoint="1199" data-mobile-nav-style="minimal" data-mobile-nav-scheme="custom" data-mobile-nav-trigger-alignment="right" data-mobile-header-scheme="custom" data-mobile-logo-alignment="default" data-overlay-onmobile="false">

<div class="lqd-preloader-wrap lqd-preloader-dissolve" data-preloader-options='{ "animationType":  "scale", "animationTargets":  ".lqd-preloader-dissolve-el", "stagger":  12, "dir":  "y", "duration":  600 }'>
    <div class="lqd-preloader-inner flex flex-col">
        <div class="lqd-preloader-dissolve-el w-full flex-grow-1"></div>
        <div class="lqd-preloader-dissolve-el w-full flex-grow-1"></div>
        <div class="lqd-preloader-dissolve-el w-full flex-grow-1"></div>
        <div class="lqd-preloader-dissolve-el w-full flex-grow-1"></div>
        <div class="lqd-preloader-dissolve-el w-full flex-grow-1"></div>
        <div class="lqd-preloader-dissolve-el w-full flex-grow-1"></div>
        <div class="lqd-preloader-dissolve-el w-full flex-grow-1"></div>
        <div class="lqd-preloader-dissolve-el w-full flex-grow-1"></div>
        <div class="lqd-preloader-dissolve-el w-full flex-grow-1"></div>
        <div class="lqd-preloader-dissolve-el w-full flex-grow-1"></div>
        <div class="lqd-preloader-dissolve-el w-full flex-grow-1"></div>
        <div class="lqd-preloader-dissolve-el w-full flex-grow-1"></div>
        <div class="lqd-preloader-dissolve-el w-full flex-grow-1"></div>
        <div class="lqd-preloader-dissolve-el w-full flex-grow-1"></div>
        <div class="lqd-preloader-dissolve-el w-full flex-grow-1"></div>
        <div class="lqd-preloader-dissolve-el w-full flex-grow-1"></div>
        <div class="lqd-preloader-dissolve-el w-full flex-grow-1"></div>
        <div class="lqd-preloader-dissolve-el w-full flex-grow-1"></div>
        <div class="lqd-preloader-dissolve-el w-full flex-grow-1"></div>
        <div class="lqd-preloader-dissolve-el w-full flex-grow-1"></div>
        <div class="lqd-preloader-dissolve-el w-full flex-grow-1"></div>
        <div class="lqd-preloader-dissolve-el w-full flex-grow-1"></div>
        <div class="lqd-preloader-dissolve-el w-full flex-grow-1"></div>
        <div class="lqd-preloader-dissolve-el w-full flex-grow-1"></div>
        <div class="lqd-preloader-dissolve-el w-full flex-grow-1"></div>
        <div class="lqd-preloader-dissolve-el w-full flex-grow-1"></div>
        <div class="lqd-preloader-dissolve-el w-full flex-grow-1"></div>
    </div>
</div>

<div id="wrap">

    <header id="site-header" class="main-header main-header-overlay">
<!--        <div class="w-full h-full flex bg-primary pt-5 md:hidden">-->
<!--            <div class="container flex gap-15 items-center justify-center self-stretch flex-grow-1 flex-shrink-1 transition-all">-->
<!--                <div class="ld-fancy-heading relative">-->
<!--                    <span class="ld-fh-element relative mb-0/5em text-13 font-medium uppercase text-white">New!</span>-->
<!--                </div>-->
<!--                <div class="ld-fancy-heading relative pointer-events-auto">-->
<!--							<span class="ld-fh-element relative mb-0/5em text-13 font-medium text-white">-->
<!--								This huge collection gets bigger and bigger everyday.-->
<!--								<u>Stay Tuned!</u>-->
<!--							</span>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
        <div class="w-full static flex items-center px-35 md:hidden">
            <div class="w-25percent static flex flex-col items-start pointer-events-auto p-10">
                <div class="module-logo flex navbar-brand-plain py-30" id="size-logo">
                    <a class="navbar-brand flex p-0 relative" href="/" rel="home">
								<span class="navbar-brand-inner post-rel">
									<img src="./assets/images/demo/dark-ai/logo/logo.svg" alt="Dark AI">
								</span>
                    </a>
                </div>
            </div>
            <div class="w-50percent static flex flex-col items-center p-10 module-menu">
                <div class="lqd-fancy-menu lqd-custom-menu lqd-menu-td-none lqd-custom-menu-has-btn flex items-center fixed bg-white-10 rounded-10 pr-10 pb-5 pl-20">
                    <ul class="reset-ul inline-ul link-white-40 link-14" data-localscroll="true" data-localscroll-options='{"itemsSelector":">li > a", "trackWindowScroll": true, "includeParentAsOffset": false}'>
                        <li class="menu-item-object-page menu-item-home current-menu-item mr-40">
                            <a href="#banner">Home</a>
                        </li>
                        <li class="mr-40">
                            <a href="#features">Products</a>
                        </li>
                        <li class="mr-40">
                            <a href="#how-it-works">About Us</a>
                        </li>
                        <li>
                            <a href="#faq">FAQ</a>
                        </li>
                    </ul>
                    <div class="lqd-custom-menu-btn-wrap ml-40">
                        <a href="#modal-subscribe" class="btn btn-solid btn-xs btn-icon-shaped text-14 rounded-6 py-5 px-10 text-white bg-primary" data-lity="modal-subscribe">
                            <span data-text="Join" class="btn-txt">Contact US</span>
                        </a>
                    </div>
                </div>
            </div>
<!--            <div class="w-25percent static flex flex-row items-center justify-end gap-15 p-10">-->
<!--                <div class="ld-dropdown-menu flex relative ld-dropdown-menu-underlined w-65" role="menubar">-->
<!--							<span class="ld-module-trigger" role="button" data-ld-toggle="true" data-bs-toggle="collapse" data-bs-target="#dropdown-language" aria-controls="dropdown-language" aria-expanded="false" data-toggle-options='{ "type":  "hoverFade" }'>-->
<!--								<span class="ld-module-trigger-txt text-15 font-medium text-white">-->
<!--									<span>En</span>-->
<!--									<img width="48" height="48" src="./assets/images/demo/dark-ai/shape/Language1.png" alt="shape earth">-->
<!--								</span>-->
<!--							</span>-->
<!--                    <div class="ld-module-dropdown left collapse absolute" id="dropdown-language" aria-expanded="false" role="menuitem">-->
<!--                        <div class="ld-dropdown-menu-content">-->
<!--                            <ul class="text-14 link-black">-->
<!--                                <li>-->
<!--                                    <a href="#">FR</a>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <a href="#">DE</a>-->
<!--                                </li>-->
<!--                            </ul>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="max-w-full">-->
<!--                    <a href="#modal-subscribe" class="btn btn-solid btn-sm btn-hover-txt-switch-change btn-hover-txt-switch btn-hover-txt-switch-y btn-icon-shaped text-15 font-500 bg-transparent border-2 border-white-10 rounded-6 text-white" data-lity="#modal-subscribe">-->
<!--								<span data-text="Join Now" class="btn-txt">-->
<!--									Join Hub-->
<!--								</span>-->
<!--                    </a>-->
<!--                </div>-->
<!--            </div>-->
        </div>
        <div class="lqd-mobile-sec relative bg-black">
            <div class="lqd-mobile-sec-inner navbar-header flex items-stretch w-full">
                <div class="lqd-mobile-modules-container empty"></div>
                <button type="button" class="navbar-toggle collapsed nav-trigger style-mobile flex relative items-center justify-end border-none bg-transparent nav-trigger-dark p-0" data-ld-toggle="true" data-bs-toggle="collapse" data-bs-target="#lqd-mobile-sec-nav" aria-expanded="false" data-toggle-options='{ "changeClassnames":  {"html":  "mobile-nav-activated"} }'>
                    <span class="sr-only">Menu</span>
                    <span class="bars inline-block relative z-1">
								<span class="bars-inner flex flex-col w-full h-full">
									<span class="bar inline-block"></span>
									<span class="bar inline-block"></span>
									<span class="bar inline-block"></span>
								</span>
							</span>
                </button>
                <a class="navbar-brand flex relative" href="/">
							<span class="navbar-brand-inner">
								<img class="logo-default" src="./assets/images/demo/dark-ai/logo/logo.svg" alt="Dark AI">
							</span>
                </a>
            </div>
            <div class="lqd-mobile-sec-nav w-full absolute z-10">
                <div class="mobile-navbar-collapse navbar-collapse collapse w-full bg-black text-white" id="lqd-mobile-sec-nav" aria-expanded="false" role="navigation">
                    <ul id="mobile-primary-nav" class="reset-ul lqd-mobile-main-nav main-nav nav" data-localscroll="true" data-localscroll-options='{"itemsSelector":"> li > a", "trackWindowScroll": true, "includeParentAsOffset": true}'>
                        <li class="current-menu-item">
                            <a class="text-white" href="#banner">Home</a>
                        </li>
                        <li>
                            <a class="text-white" href="#features">Products</a>
                        </li>
                        <li>
                            <a class="text-white" href="#how-it-works">About US</a>
                        </li>
                        <li>
                            <a class="text-white" href="#faq">FAQ</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </header>

    <main class="content bg-black" id="lqd-site-content" style="background-image: url(./assets/images/demo/dark-ai/bg/page-bg-5.svg);">
        <div id="lqd-contents-wrap">

            <!-- Start Banner -->
            <section class="lqd-section banner min-h-100vh flex justify-center items-center p-10 bg-black" id="banner" data-parallax="true"data-parallax-options='{"start": "top top", "end": "bottom top"}' data-parallax-from='{ "y": "0vh", "scaleX": 1,"scaleY": 1,"opacity": 1 }' data-parallax-to='{ "y": "72vh", "scaleX": 1.2,"scaleY": 1.2,"opacity": 0 }'>
                <div class="module-video w-full h-full absolute top-0 left-0 overflow-hidden z-0 transotion-opacity pointer-events-none bg-before xs:hidden">
                    <video class="background-video-hosted max-w-full w-full h-full absolute-center object-cover" src="./assets/videos/dark-ai/banner/aimeetscrypto.mp4" autoplay muted playsinline loop></video>
                </div>
                <div class="container flex flex-col" data-custom-animations="true" data-ca-options='{"animationTarget": ".animation-element,.animation-element .split-inner", "duration" : 750, "delay" : 50, "ease": "expo.out", "initValues": {"scaleX" : 0.5, "scaleY" : 0.5, "rotationZ" : 3, "opacity" : 0} , "animations": {"scaleX" : 1, "scaleY" : 1, "rotationZ" : 0, "opacity" : 1}}'>
                    <div class="ld-fancy-heading relative max-w-full text-center animation-element">
                        <h1 class="ld-fh-element relative mb-0/15em leading-1em" data-text-rotator="true" data-split-text="true" data-split-options='{"type": "chars, words"}'>
                            <span class="font-accent font-normal">AI MEETS </span>
                                <span class="txt-rotate-keywords">
                                    <span class="txt-rotate-keyword active">LENDING</span>
                                    <span class="txt-rotate-keyword">PAYMENT</span>
                                    <span class="txt-rotate-keyword">FINTECH</span>
                                </span>
                        </h1>
                    </div>
                    <div class="ld-fancy-heading relative text-center px-15percent animation-element">
                        <p class="ld-fh-element relative mb-0/5em leading-1/3em">Cost-effective solution to generate copy in seconds and editing in real-time.</p>
                    </div>
                    <div class="flex flex-row flex-wrap justify-center mt-10 p-10">
<!--                        <div class="max-w-full banner-btn-left animation-element">-->
<!--                            <a href="#features" class="btn btn-solid btn-md btn-hover-txt-switch btn-hover-txt-switch-y btn-icon-shaped text-17 font-medium bg-primary text-white rounded-6 rounded-right-0" data-localscroll="true">-->
<!--                                <span data-text="Get Started" class="btn-txt" data-transition-delay="true" data-delay-options='{"elements":  ".lqd-chars", "delayType":  "animation", "startDelay":  0, "delayBetween":  32.5}'>Get Started</span>-->
<!--                            </a>-->
<!--                        </div>-->
<!--                        <div class="max-w-full banner-btn-right animation-element">-->
<!--                            <a href="https://www.youtube.com/watch?v=WaSvMAl4zPw" class="fresco btn btn-solid btn-md btn-icon-left btn-hover-swp text-17 font-medium bg-primary text-white rounded-6 rounded-left-0">-->
<!--                                <span data-text="Watch Video" class="btn-txt">Watch Video </span>-->
<!--                                <span class="btn-icon">-->
<!--											<i aria-hidden="true" class="lqd-icn-ess icon-ion-ios-play"></i>-->
<!--										</span>-->
<!--                                <span class="btn-icon">-->
<!--											<i aria-hidden="true" class="lqd-icn-ess icon-ion-ios-play"></i>-->
<!--										</span>-->
<!--                            </a>-->
<!--                        </div>-->
                    </div>
                </div>
            </section>
            <!-- End Banner -->

            <!-- Start Parallax BG -->
            <section id="parallax-section" class="lqd-section parallax-bg bg-before w-full min-h-100vh flex flex-col items-center justify-center bg-no-repeat bg-bottom-center bg-cover p-10" style="background-image: url(./assets/images/demo/dark-ai/bg/parallax-bg.jpg);" data-parallax="true" data-parallax-options='{"ease": "linear", "start": "top bottom", "end": "bottom+=0px top"}' data-parallax-from='{"y": "0px", "scaleX" : 1, "scaleY" : 1}' data-parallax-to='{"y": "-300px", "scaleX" : 0.3, "scaleY" : 0.3}'></section>
            <!-- End Parallax BG -->

            <!-- Start Features -->
            <section class="lqd-section features py-60" id="features" data-custom-animations="true" data-ca-options='{"animationTarget": ".animation-element", "duration" : 850, "startDelay" : 300, "delay" : 70, "ease": "expo.out", "initValues": {"scaleX" : 0.7, "scaleY" : 0.7, "rotationZ" : 2, "opacity" : 0} , "animations": {"scaleX" : 1, "scaleY" : 1, "rotationZ" : 0, "opacity" : 1}}'>
                <div class="container">
                    <div class="row justify-around self-stretch gap-60">
                        <div class="col flex-auto w-30percent sm:w-full">
                            <div class="flex flex-col gap-30 animation-element">
                                <div class="max-w-full flex justify-center items-center text-40 text-primary border-primary mb-10">
                                    <svg class="w-1em h-1em" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewbox="0 0 40 40" fill="currentColor">
                                        <path d="M150.276,266.851a28.821,28.821,0,0,1-3.391-5.4,33.475,33.475,0,0,1-2.356-6.379h-10a19.04,19.04,0,0,0,15.747,11.782ZM134.184,253.8H144.3a29.229,29.229,0,0,1-.4-2.988q-.115-1.437-.115-2.759t.115-2.787q.115-1.466.4-3.075H134.184a15.93,15.93,0,0,0-.69,2.816,20.005,20.005,0,0,0-.23,3.046,19.628,19.628,0,0,0,.23,2.989A14.525,14.525,0,0,0,134.184,253.8Zm.345-12.874h10a28.886,28.886,0,0,1,2.328-6.523,22.564,22.564,0,0,1,3.477-5.259,20.524,20.524,0,0,0-9.483,3.736A19.546,19.546,0,0,0,134.529,240.931Zm11.322,0h12.3a29.768,29.768,0,0,0-2.356-6.322,28.107,28.107,0,0,0-3.793-5.46,25.479,25.479,0,0,0-3.736,5.259A30.22,30.22,0,0,0,145.851,240.931Zm13.621,0h10a20.4,20.4,0,0,0-6.437-8.075,18.826,18.826,0,0,0-9.31-3.707,28.241,28.241,0,0,1,3.161,5.172A43.017,43.017,0,0,1,159.471,240.931ZM152,268a19.693,19.693,0,0,1-7.787-1.552,20.225,20.225,0,0,1-6.379-4.253,20.031,20.031,0,0,1,0-28.333,20.632,20.632,0,0,1,6.379-4.282,19.975,19.975,0,0,1,15.575,0,20.631,20.631,0,0,1,6.379,4.282,19.8,19.8,0,0,1,5.833,14.2q0,.747-.057,1.552t-.172,1.552h-1.322q.115-.747.2-1.523a14.3,14.3,0,0,0,.086-1.58,20,20,0,0,0-.23-3.046,15.93,15.93,0,0,0-.69-2.816H159.7q.287,1.667.4,3.1t.115,2.759q0,.69-.029,1.408t-.086,1.7h-1.322q.115-.862.144-1.609t.029-1.494q0-1.437-.115-2.816t-.4-3.046H145.563q-.287,1.667-.4,3.046t-.115,2.816q0,1.379.115,2.73t.4,3.017h9.6v1.264h-9.31a34.731,34.731,0,0,0,2.557,6.782,21.037,21.037,0,0,0,3.592,5,19.464,19.464,0,0,0,1.7-2.069q.776-1.092,1.466-2.3v5.287q-.8.115-1.58.172T152,268Zm18.276-.8-8.448-8.448v7.471h-1.264v-9.655h9.655v1.264H162.69l8.448,8.448Z" transform="translate(-132 -228)" fill="currentColor"></path>
                                    </svg>
                                </div>
                                <div class="max-w-full text-center">
                                    <h3 class="lqd-text-reveal-el text-20 leading-25 text-yellow-100 m-0" data-split-text="true" data-split-options='{"type": "words, chars"}' data-parallax="true" data-parallax-options='{"parallaxTargets": ".lqd-chars, figure", "start": "top 50%", "end": "bottom bottom", "scrub" : 3}' data-parallax-from='{"opacity" : 0.2}' data-parallax-to='{"opacity" : 1, "stagger": {"from": "start", "each" : 1}}'>Generate, edit and publish unique content by using AI platforms powered by GPT 4 or Dall-E.</h3>
                                </div>
                            </div>
                        </div>
                        <div class="col flex-auto w-30percent sm:w-full">
                            <div class="flex flex-col gap-30 animation-element">
                                <div class="max-w-full flex justify-center items-center text-40 text-primary border-primary mb-10">
                                    <svg class="w-1em h-1em" xmlns="http://www.w3.org/2000/svg" width="36.958" height="35.329" viewbox="0 0 36.958 35.329" fill="currentColor">
                                        <path d="M189,329.329v-1.378h4.26v1.378Zm0-8.582V319.37h15.159v1.378Zm0-8.394v-1.378h36.958v1.378Zm0-8.394v-1.378h15.159v1.378Zm0-8.582V294h4.26v1.378Zm10.9,33.951v-1.378h4.26v1.378Zm0-33.951V294h4.26v1.378Zm11.025,33.951v-1.378h4.134v1.378Zm0-8.582V319.37h15.034v1.378ZM210.8,303.96v-1.378h15.159v1.378Zm0-8.582V294h4.26v1.378Zm10.9,33.951v-1.378h4.26v1.378Zm0-33.951V294h4.26v1.378Z" transform="translate(-189 -294)" fill="currentColor"></path>
                                    </svg>
                                </div>
                                <div class="max-w-full text-center">
                                    <h3 class="lqd-text-reveal-el text-20 leading-25 text-yellow-100 m-0" data-split-text="true" data-split-options='{"type": "words, chars"}' data-parallax="true" data-parallax-options='{"parallaxTargets": ".lqd-chars, figure", "start": "top 60%", "end": "bottom bottom", "scrub" : 3}' data-parallax-from='{"opacity" : 0.2}' data-parallax-to='{"opacity" : 1, "stagger": {"from": "start", "each" : 1}}'>Responsive dashboard allows you to access valuable insight and manage site settings.</h3>
                                </div>
                            </div>
                        </div>
                        <div class="col flex-auto w-30percent sm:w-full">
                            <div class="flex flex-col gap-30 animation-element">
                                <div class="max-w-full flex justify-center items-center text-40 text-primary border-primary mb-10">
                                    <svg class="w-1em h-1em" xmlns="http://www.w3.org/2000/svg" width="40.09" height="40.09" viewbox="0 0 40.09 40.09" fill="currentColor">
                                        <path d="M181.632,298.458h20.826V277.632h-9.7a1.344,1.344,0,0,0-1.432,1.432v7.484a1.506,1.506,0,0,0-.976,1.5,1.774,1.774,0,0,0,.423,1.2,1.589,1.589,0,0,0,1.269.488,1.67,1.67,0,0,0,1.171-.488,1.585,1.585,0,0,0,.521-1.2,1.438,1.438,0,0,0-.325-1.021,1.88,1.88,0,0,0-.651-.476v-7.484h8.265v17.962H183.064V279.064H187.1v-1.432h-5.467Zm-6.118,9.632A3.47,3.47,0,0,1,172,304.576V271.514A3.47,3.47,0,0,1,175.514,268h33.061a3.47,3.47,0,0,1,3.514,3.514v33.061a3.47,3.47,0,0,1-3.514,3.514Zm0-1.432h33.061a2.24,2.24,0,0,0,2.083-2.083V271.514a2.24,2.24,0,0,0-2.083-2.083H175.514a2.24,2.24,0,0,0-2.083,2.083v33.061a2.24,2.24,0,0,0,2.083,2.083Zm-2.083-37.226v0Z" transform="translate(-172 -268)" fill="currentColor"></path>
                                    </svg>
                                </div>
                                <div class="max-w-full text-center">
                                    <h3 class="lqd-text-reveal-el text-20 leading-25 text-yellow-100 m-0" data-split-text="true" data-split-options='{"type": "words, chars"}' data-parallax="true" data-parallax-options='{"parallaxTargets": ".lqd-chars, figure", "start": "top 55%", "end": "bottom bottom", "scrub" : 3}' data-parallax-from='{"opacity" : 0.2}' data-parallax-to='{"opacity" : 1, "stagger": {"from": "start", "each" : 1}}'>Our tools can help you generate any kind of content from product descriptions to blog posts.</h3>
                                </div>
                            </div>
                        </div>
                        <div class="col flex-auto w-30percent sm:w-full">
                            <div class="flex flex-col gap-30 animation-element">
                                <div class="max-w-full flex justify-center items-center text-40 text-primary border-primary mb-10">
                                    <svg class="w-1em h-1em" xmlns="http://www.w3.org/2000/svg" width="40" height="44.311" viewbox="0 0 40 44.311" fill="currentColor">
                                        <path d="M166,250.311l-20-11.2V216.958L166,206l20,10.958v22.156Zm-6.587-26.587a8.529,8.529,0,0,1,2.9-2.515,8,8,0,0,1,7.365,0,8.529,8.529,0,0,1,2.9,2.515l11.257-6.347L166,207.5l-17.844,9.88Zm5.928,24.671V236.12a8.631,8.631,0,0,1-5.12-2.695,7.464,7.464,0,0,1-2.066-5.269,7.168,7.168,0,0,1,.18-1.617,14.542,14.542,0,0,1,.479-1.617l-11.5-6.467v19.88ZM166,234.683a6.442,6.442,0,1,0-4.641-1.886A6.308,6.308,0,0,0,166,234.683Zm.659,13.713,18.024-10.06v-19.88l-11.5,6.467a14.533,14.533,0,0,1,.479,1.617,7.168,7.168,0,0,1,.18,1.617,7.464,7.464,0,0,1-2.066,5.269,8.63,8.63,0,0,1-5.12,2.695Z" transform="translate(-146 -206)" fill="currentColor"></path>
                                    </svg>
                                </div>
                                <div class="max-w-full text-center">
                                    <h3 class="lqd-text-reveal-el text-20 leading-25 text-yellow-100 m-0" data-split-text="true" data-split-options='{"type": "words, chars"}' data-parallax="true" data-parallax-options='{"parallaxTargets": ".lqd-chars, figure", "start": "top 60%", "end": "bottom bottom", "scrub" : 3}' data-parallax-from='{"opacity" : 0.2}' data-parallax-to='{"opacity" : 1, "stagger": {"from": "start", "each" : 1}}'>Securely process credit card, debit card, or other electronic payment methods by using PayPal.</h3>
                                </div>
                            </div>
                        </div>
                        <div class="col flex-auto w-30percent sm:w-full">
                            <div class="flex flex-col gap-30 animation-element">
                                <div class="max-w-full flex justify-center items-center text-40 text-primary border-primary mb-10">
                                    <svg class="w-1em h-1em" xmlns="http://www.w3.org/2000/svg" width="32.499" height="41.836" viewbox="0 0 32.499 41.836" fill="currentColor">
                                        <path d="M228.262,257.829a5.023,5.023,0,0,0,5.02-5.063,4.788,4.788,0,0,0-1.5-3.517,4.963,4.963,0,0,0-7.082,0,5,5,0,0,0,.012,7.122A4.916,4.916,0,0,0,228.262,257.829Zm-.012,14.612a17.791,17.791,0,0,0,6.063-3.274,22.465,22.465,0,0,0,4.669-5.053l-6.548-6.467a7.093,7.093,0,0,1-1.971,1.122,6.305,6.305,0,0,1-2.213.394,6.369,6.369,0,1,1,6.366-6.366,5.789,5.789,0,0,1-.364,2.075,9.719,9.719,0,0,1-.91,1.805l6.366,6.306a28.086,28.086,0,0,0,2.516-5.764,22.455,22.455,0,0,0,.94-6.665V238.883l-14.916-5.428-14.916,5.428v11.671a23.524,23.524,0,0,0,4.214,13.642A20.583,20.583,0,0,0,228.25,272.442Zm0,1.395a22.308,22.308,0,0,1-11.611-8.64A24.478,24.478,0,0,1,212,250.554v-12.49L228.25,232l16.25,6.063v12.49a24.478,24.478,0,0,1-4.638,14.643A22.308,22.308,0,0,1,228.25,273.836ZM228.128,252.918Z" transform="translate(-212 -232)" fill="currentColor"></path>
                                    </svg>
                                </div>
                                <div class="max-w-full text-center">
                                    <h3 class="lqd-text-reveal-el text-20 leading-25 text-yellow-100 m-0" data-split-text="true" data-split-options='{"type": "words, chars"}' data-parallax="true" data-parallax-options='{"parallaxTargets": ".lqd-chars, figure", "start": "top 70%", "end": "bottom bottom", "scrub" : 3}' data-parallax-from='{"opacity" : 0.2}' data-parallax-to='{"opacity" : 1, "stagger": {"from": "start", "each" : 1}}'>Export generated copy as plain text, PDF, Word or HTML easily and automatically integrate.</h3>
                                </div>
                            </div>
                        </div>
                        <div class="col flex-auto w-30percent sm:w-full">
                            <div class="flex flex-col gap-30 animation-element">
                                <div class="max-w-full flex justify-center items-center text-40 text-primary border-primary mb-10">
                                    <svg class="w-1em h-1em" xmlns="http://www.w3.org/2000/svg" width="40.412" height="40.412" viewbox="0 0 40.412 40.412" fill="currentColor">
                                        <path d="M152.216,268.412a19.7,19.7,0,0,1-7.881-1.59,20.177,20.177,0,0,1-10.743-10.729,20.3,20.3,0,0,1,0-15.757,20.177,20.177,0,0,1,10.729-10.743,20.3,20.3,0,0,1,15.757,0,20.177,20.177,0,0,1,10.743,10.729,20.3,20.3,0,0,1,0,15.757,20.176,20.176,0,0,1-10.729,10.743A19.644,19.644,0,0,1,152.216,268.412Zm-.01-1.277a18.434,18.434,0,0,0,7.069-1.364,19.281,19.281,0,0,0,5.879-3.745l-5.69-5.632a11.028,11.028,0,0,1-3.317,2,10.773,10.773,0,0,1-3.941.726,10.928,10.928,0,1,1,10.916-10.916,10.693,10.693,0,0,1-.726,3.941,12.01,12.01,0,0,1-1.945,3.317l5.632,5.632a18.981,18.981,0,0,0,3.716-5.835,18.53,18.53,0,0,0,1.335-7.055,18.968,18.968,0,1,0-18.929,18.929Zm0-9.29a9.867,9.867,0,0,0,3.473-.61,9.48,9.48,0,0,0,2.914-1.713l-5.806-5.806a1.859,1.859,0,0,1-.284.077,1.512,1.512,0,0,1-.284.039,1.626,1.626,0,1,1,1.12-2.758,1.545,1.545,0,0,1,.494,1.121,1.631,1.631,0,0,1-.039.306,1.706,1.706,0,0,1-.077.287l5.806,5.806a10.343,10.343,0,0,0,1.713-2.948,9.641,9.641,0,0,0,.61-3.439,9.648,9.648,0,1,0-9.638,9.638Z" transform="translate(-132 -228)" fill="currentColor"></path>
                                    </svg>
                                </div>
                                <div class="max-w-full text-center">
                                    <h3 class="lqd-text-reveal-el text-20 leading-25 text-yellow-100 m-0" data-split-text="true" data-split-options='{"type": "words, chars"}' data-parallax="true" data-parallax-options='{"parallaxTargets": ".lqd-chars, figure", "start": "top 65%", "end": "bottom bottom", "scrub" : 3}' data-parallax-from='{"opacity" : 0.2}' data-parallax-to='{"opacity" : 1, "stagger": {"from": "start", "each" : 1}}'>Access to Support Tickets from your dashboard and update the entire platform with one click.</h3>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- End Features -->

            <!-- Start How It Works -->
            <section class="lqd-section how-it-works px-10" id="how-it-works">
                <div class="absolute max-w-full w-full ltr-left-0 -top-100vh z-0 p-0 module-img pointer-events-none">
                    <div class="lqd-imggrp-single block relative">
                        <div class="lqd-imggrp-img-container inline-flex relative w-full items-center justify-center">
                            <figure class="w-full relative">
                                <img class="w-full max-w-full" width="1675" height="2962" src="./assets/images/demo/dark-ai/how-it-work/glows1.png" alt="bg how it work">
                            </figure>
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row h-full">
                        <div class="col col-12 p-0 min-h-100vh flex flex-row flex-wrap items-center self-stretch flex-grow-1 flex-shrink-0 module-top mb-30 lg:flex-col lg:justify-center">
                            <div class="w-50percent flex flex-col p-10 overflow-hidden transition-bg rounded-30 flex-grow-1 flex-shrink-0 mb-30 lg:w-full">
                                <div class="lqd-imggrp-single block relative max-w-full text-center" data-parallax="true" data-parallax-options='{"ease": "linear", "start": "top bottom", "end": "bottom top"}' data-parallax-from='{"y": "-120px", "z": "0px", "scaleX" : 1.2, "scaleY" : 1.2}' data-parallax-to='{"y": "0px", "z": "120px", "scaleX" : 1.1, "scaleY" : 1.1}'>
                                    <div class="lqd-imggrp-img-container inline-flex relative items-center justify-center">
                                        <figure class="w-full relative" data-reveal="true" data-reveal-options='{"direction": "tb"}'>
                                            <img class="rounded-30 w-560" width="1120" height="1320" src="./assets/images/demo/dark-ai/how-it-work/user-insight1.jpg" alt="user insight">
                                        </figure>
                                    </div>
                                </div>
                            </div>
                            <div class="w-50percent flex flex-col gap-30 p-10 transition-bg text-center flex-grow-1 flex-shrink-0 lg:w-full" data-custom-animations="true" data-ca-options='{"animationTarget": ".animation-element:not([data-split-text]), .animation-element .split-inner .lqd-words", "duration" : 800, "delay" : 70, "ease": "expo.out", "initValues": {"scaleX" : 0.7, "scaleY" : 0.7, "rotationZ" : 2, "opacity" : 0} , "animations": {"scaleX" : 1, "scaleY" : 1, "rotationZ" : 0, "opacity" : 1}}'>
                                <div class="ld-fancy-heading relative flex items-center self-center bg-primary rounded-4 px-15 animation-element">
                                    <h6 class="ld-fh-element relative m-0 text-12 font-medium uppercase leading-1em tracking-1 text-black py-5 pr-0 pl-5">
                                        User dashboard
                                    </h6>
                                </div>
                                <div class="ld-fancy-heading relative max-w-full animation-element">
                                    <h2 class="ld-fh-element relative m-0" data-split-text="true" data-split-options='{"type": "chars, words"}'>
                                        <span class="font-accent font-normal">User</span>
                                        Insight.
                                    </h2>
                                </div>
                                <div class="max-w-full">
                                    <p class="lqd-text-reveal-el mt-0 mb-0 px-5percent text-34 leading-40 text-yellow-100 text-center animation-element" data-split-text="true" data-split-options='{"type": "words, chars"}' data-parallax="true" data-parallax-options='{"parallaxTargets": ".lqd-chars, figure", "start": "top 70%", "end": "bottom bottom", "scrub" : 3}' data-parallax-from='{"opacity" : 0.2}' data-parallax-to='{"opacity" : 1, "stagger": {"from": "start", "each" : 1}}'>
                                        Access valuable insights into customer behavior, identify areas for improvement, manage support requests and make data-driven decisions.
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col col-12 p-0 min-h-100vh flex flex-row flex-wrap items-center self-stretch flex-grow-1 flex-shrink-0 lg:flex-col lg:justify-center" data-custom-animations="true" data-ca-options='{"animationTarget": ".animation-element, .animation-element .split-inner .lqd-words", "duration" : 800, "delay" : 70, "ease": "expo.out", "initValues": {"scaleX" : 0.7, "scaleY" : 0.7, "rotationZ" : 3, "opacity" : 0} , "animations": {"scaleX" : 1, "scaleY" : 1, "rotationZ" : 0, "opacity" : 1}}'>
                            <div class="w-50percent flex flex-col gap-30 p-10 transition-bg text-center flex-grow-1 flex-shrink-0 lg:w-full">
                                <div class="ld-fancy-heading relative flex items-center self-center bg-primary rounded-4 px-15 animation-element">
                                    <h6 class="ld-fh-element relative m-0 text-12 font-medium uppercase leading-1em tracking-1 text-black py-5 pr-0 pl-5">
                                        Secure Platform
                                    </h6>
                                </div>
                                <div class="ld-fancy-heading relative max-w-full animation-element">
                                    <h2 class="ld-fh-element relative m-0" data-split-text="true" data-split-options='{"type": "chars, words"}'>
                                        <span class="font-accent font-normal">Api</span>
                                        Access.
                                    </h2>
                                </div>
                                <div class="max-w-full">
                                    <p class="lqd-text-reveal-el mt-0 mb-0 px-5percent text-34 leading-40 text-yellow-100 text-center animation-element" data-split-text="true" data-split-options='{"type": "words, chars"}' data-parallax="true" data-parallax-options='{"parallaxTargets": ".lqd-chars, figure", "start": "top 70%", "end": "bottom bottom", "scrub" : 3}' data-parallax-from='{"opacity" : 0.2}' data-parallax-to='{"opacity" : 1, "stagger": {"from": "start", "each" : 1}}'>
                                        Select an AI Platform and Input some basic information about your idea, brand, product, or service, and the AI would generate a unique content.
                                    </p>
                                </div>
                            </div>
                            <div class="w-50percent flex flex-col p-10 overflow-hidden transition-bg rounded-30 flex-grow-1 flex-shrink-0 mb-30 lg:w-full lg:order-first">
                                <div class="lqd-imggrp-single block relative max-w-full text-center" data-parallax="true" data-parallax-options='{"ease" :"linear", "start": "top bottom", "end": "bottom top"}' data-parallax-from='{"y": "-120px", "scaleX" : 1.1, "scaleY" : 1.1}' data-parallax-to='{"y": "120px", "scaleX" : 1.2, "scaleY" : 1.2}'>
                                    <div class="lqd-imggrp-img-container inline-flex relative items-center justify-center">
                                        <figure class="w-full relative" data-reveal="true" data-reveal-options='{"direction": "tb"}'>
                                            <img class="rounded-30 w-560" width="1120" height="1320" src="./assets/images/demo/dark-ai/how-it-work/api-access1.jpg" alt="api access">
                                        </figure>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- End How It Works -->

            <!-- Start Carousel Button -->
            <section class="lqd-section carousel-button py-100" data-custom-animations="true" data-ca-options='{"animationTarget": "[data-lqd-flickity]> .flickity-viewport > .flickity-slider > .carousel-item > .carousel-item-inner", "duration" : 800, "delay" : 75, "ease": "expo.out", "direction": "random", "initValues": {"scaleX" : 0.8, "scaleY" : 0.8, "opacity" : 0} , "animations": {"scaleX" : 1, "scaleY" : 1, "opacity" : 1}}'>
                <div class="container-fluid p-0">
                    <div class="row m-0">
                        <div class="col col-12 p-0">
                            <div class="carousel-container relative carousel-nav-shaped">
                                <div class="carousel-items relative lqd-fade-sides" data-lqd-flickity='{"marquee": true, "percentPosition": false, "columnsAutoWidth": true, "marqueeTickerSpeed": "0.5", "pauseAutoPlayOnHover": false}'>
                                    <div class="flickity-viewport relative w-full overflow-hidden">
                                        <div class="flickity-slider flex w-full h-full relative items-center">
                                            <div class="carousel-item flex flex-col justify-center has-one-child">
                                                <div class="flex flex-row gap-30 whitespace-nowrap">
                                                    <a class="btn btn-solid btn-sm btn-hover-txt-liquid-y btn-icon-left bg-white-5 shadow-sm rounded-10 text-white text-15">
                                                        <span data-text="Help me write a story" class="btn-txt" data-transition-delay="true" data-delay-options='{"elements":  ".lqd-chars", "delayType":  "animation", "startDelay":  0, "delayBetween":  32.5}' data-split-text="true" data-split-options='{"type":  "chars, words"}'> Help me write a story </span>
                                                        <span class="btn-icon text-1em text-primary mr-10">
																	<svg xmlns="http://www.w3.org/2000/svg" width="12.885" height="12.894" viewbox="0 0 12.885 12.894">
																		<path d="M6.451-6.047A25.07,25.07,0,0,0,3.916-4.86,6.916,6.916,0,0,0,2.443-3.814,6.718,6.718,0,0,0,1.4-2.355,25.1,25.1,0,0,0,.193.22h-.36A26.15,26.15,0,0,0-1.38-2.355,6.924,6.924,0,0,0-2.417-3.814,6.916,6.916,0,0,0-3.889-4.86,24.748,24.748,0,0,0-6.434-6.047v-.36A24.44,24.44,0,0,0-3.88-7.594,6.687,6.687,0,0,0-2.417-8.64,6.924,6.924,0,0,0-1.38-10.1,26.15,26.15,0,0,0-.167-12.674h.36A25.1,25.1,0,0,0,1.4-10.1,6.718,6.718,0,0,0,2.443-8.64,6.468,6.468,0,0,0,3.9-7.594,24.44,24.44,0,0,0,6.451-6.407Z" transform="translate(6.434 12.674)" fill="currentColor"></path>
																	</svg>
																</span>
                                                    </a>
                                                    <a class="btn btn-solid btn-sm btn-hover-txt-liquid-y btn-icon-left bg-white-5 shadow-sm rounded-10 text-white text-15">
                                                        <span data-text="Help me plan my trip" class="btn-txt" data-transition-delay="true" data-delay-options='{"elements":  ".lqd-chars", "delayType":  "animation", "startDelay":  0, "delayBetween":  32.5}' data-split-text="true" data-split-options='{"type":  "chars, words"}'> Help me plan my trip </span>
                                                        <span class="btn-icon text-1em text-primary mr-10">
																	<svg xmlns="http://www.w3.org/2000/svg" width="12.885" height="12.894" viewbox="0 0 12.885 12.894">
																		<path d="M6.451-6.047A25.07,25.07,0,0,0,3.916-4.86,6.916,6.916,0,0,0,2.443-3.814,6.718,6.718,0,0,0,1.4-2.355,25.1,25.1,0,0,0,.193.22h-.36A26.15,26.15,0,0,0-1.38-2.355,6.924,6.924,0,0,0-2.417-3.814,6.916,6.916,0,0,0-3.889-4.86,24.748,24.748,0,0,0-6.434-6.047v-.36A24.44,24.44,0,0,0-3.88-7.594,6.687,6.687,0,0,0-2.417-8.64,6.924,6.924,0,0,0-1.38-10.1,26.15,26.15,0,0,0-.167-12.674h.36A25.1,25.1,0,0,0,1.4-10.1,6.718,6.718,0,0,0,2.443-8.64,6.468,6.468,0,0,0,3.9-7.594,24.44,24.44,0,0,0,6.451-6.407Z" transform="translate(6.434 12.674)" fill="currentColor"></path>
																	</svg>
																</span>
                                                    </a>
                                                    <a class="btn btn-solid btn-sm btn-hover-txt-liquid-y btn-icon-left bg-white-5 shadow-sm rounded-10 text-white text-15">
                                                        <span data-text="Find me a good restaurant" class="btn-txt" data-transition-delay="true" data-delay-options='{"elements":  ".lqd-chars", "delayType":  "animation", "startDelay":  0, "delayBetween":  32.5}' data-split-text="true" data-split-options='{"type":  "chars, words"}'> Find me a good restaurant </span>
                                                        <span class="btn-icon text-1em text-primary mr-10">
																	<svg xmlns="http://www.w3.org/2000/svg" width="12.885" height="12.894" viewbox="0 0 12.885 12.894">
																		<path d="M6.451-6.047A25.07,25.07,0,0,0,3.916-4.86,6.916,6.916,0,0,0,2.443-3.814,6.718,6.718,0,0,0,1.4-2.355,25.1,25.1,0,0,0,.193.22h-.36A26.15,26.15,0,0,0-1.38-2.355,6.924,6.924,0,0,0-2.417-3.814,6.916,6.916,0,0,0-3.889-4.86,24.748,24.748,0,0,0-6.434-6.047v-.36A24.44,24.44,0,0,0-3.88-7.594,6.687,6.687,0,0,0-2.417-8.64,6.924,6.924,0,0,0-1.38-10.1,26.15,26.15,0,0,0-.167-12.674h.36A25.1,25.1,0,0,0,1.4-10.1,6.718,6.718,0,0,0,2.443-8.64,6.468,6.468,0,0,0,3.9-7.594,24.44,24.44,0,0,0,6.451-6.407Z" transform="translate(6.434 12.674)" fill="currentColor"></path>
																	</svg>
																</span>
                                                    </a>
                                                    <a class="btn btn-solid btn-sm btn-hover-txt-liquid-y btn-icon-left bg-white-5 shadow-sm rounded-10 text-white text-15">
                                                        <span data-text="Help me get fit" class="btn-txt" data-transition-delay="true" data-delay-options='{"elements":  ".lqd-chars", "delayType":  "animation", "startDelay":  0, "delayBetween":  32.5}' data-split-text="true" data-split-options='{"type":  "chars, words"}'> Help me get fit </span>
                                                        <span class="btn-icon text-1em text-primary mr-10">
																	<svg xmlns="http://www.w3.org/2000/svg" width="12.885" height="12.894" viewbox="0 0 12.885 12.894">
																		<path d="M6.451-6.047A25.07,25.07,0,0,0,3.916-4.86,6.916,6.916,0,0,0,2.443-3.814,6.718,6.718,0,0,0,1.4-2.355,25.1,25.1,0,0,0,.193.22h-.36A26.15,26.15,0,0,0-1.38-2.355,6.924,6.924,0,0,0-2.417-3.814,6.916,6.916,0,0,0-3.889-4.86,24.748,24.748,0,0,0-6.434-6.047v-.36A24.44,24.44,0,0,0-3.88-7.594,6.687,6.687,0,0,0-2.417-8.64,6.924,6.924,0,0,0-1.38-10.1,26.15,26.15,0,0,0-.167-12.674h.36A25.1,25.1,0,0,0,1.4-10.1,6.718,6.718,0,0,0,2.443-8.64,6.468,6.468,0,0,0,3.9-7.594,24.44,24.44,0,0,0,6.451-6.407Z" transform="translate(6.434 12.674)" fill="currentColor"></path>
																	</svg>
																</span>
                                                    </a>
                                                    <a class="btn btn-solid btn-sm btn-hover-txt-liquid-y btn-icon-left bg-white-5 shadow-sm rounded-10 text-white text-15">
                                                        <span data-text="Write a Python Script" class="btn-txt" data-transition-delay="true" data-delay-options='{"elements":  ".lqd-chars", "delayType":  "animation", "startDelay":  0, "delayBetween":  32.5}' data-split-text="true" data-split-options='{"type":  "chars, words"}'> Write a Python Script </span>
                                                        <span class="btn-icon text-1em text-primary mr-10">
																	<svg xmlns="http://www.w3.org/2000/svg" width="12.885" height="12.894" viewbox="0 0 12.885 12.894">
																		<path d="M6.451-6.047A25.07,25.07,0,0,0,3.916-4.86,6.916,6.916,0,0,0,2.443-3.814,6.718,6.718,0,0,0,1.4-2.355,25.1,25.1,0,0,0,.193.22h-.36A26.15,26.15,0,0,0-1.38-2.355,6.924,6.924,0,0,0-2.417-3.814,6.916,6.916,0,0,0-3.889-4.86,24.748,24.748,0,0,0-6.434-6.047v-.36A24.44,24.44,0,0,0-3.88-7.594,6.687,6.687,0,0,0-2.417-8.64,6.924,6.924,0,0,0-1.38-10.1,26.15,26.15,0,0,0-.167-12.674h.36A25.1,25.1,0,0,0,1.4-10.1,6.718,6.718,0,0,0,2.443-8.64,6.468,6.468,0,0,0,3.9-7.594,24.44,24.44,0,0,0,6.451-6.407Z" transform="translate(6.434 12.674)" fill="currentColor"></path>
																	</svg>
																</span>
                                                    </a>
                                                    <a class="btn btn-solid btn-sm btn-hover-txt-liquid-y btn-icon-left bg-white-5 shadow-sm rounded-10 text-white text-15">
                                                        <span data-text="Create a 3 course menu" class="btn-txt" data-transition-delay="true" data-delay-options='{"elements":  ".lqd-chars", "delayType":  "animation", "startDelay":  0, "delayBetween":  32.5}' data-split-text="true" data-split-options='{"type":  "chars, words"}'> Create a 3 course menu </span>
                                                        <span class="btn-icon text-1em text-primary mr-10">
																	<svg xmlns="http://www.w3.org/2000/svg" width="12.885" height="12.894" viewbox="0 0 12.885 12.894">
																		<path d="M6.451-6.047A25.07,25.07,0,0,0,3.916-4.86,6.916,6.916,0,0,0,2.443-3.814,6.718,6.718,0,0,0,1.4-2.355,25.1,25.1,0,0,0,.193.22h-.36A26.15,26.15,0,0,0-1.38-2.355,6.924,6.924,0,0,0-2.417-3.814,6.916,6.916,0,0,0-3.889-4.86,24.748,24.748,0,0,0-6.434-6.047v-.36A24.44,24.44,0,0,0-3.88-7.594,6.687,6.687,0,0,0-2.417-8.64,6.924,6.924,0,0,0-1.38-10.1,26.15,26.15,0,0,0-.167-12.674h.36A25.1,25.1,0,0,0,1.4-10.1,6.718,6.718,0,0,0,2.443-8.64,6.468,6.468,0,0,0,3.9-7.594,24.44,24.44,0,0,0,6.451-6.407Z" transform="translate(6.434 12.674)" fill="currentColor"></path>
																	</svg>
																</span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="carousel-item flex flex-col justify-center has-one-child">
                                                <div class="flex flex-row gap-30 whitespace-nowrap">
                                                    <a class="btn btn-solid btn-sm btn-hover-txt-liquid-y btn-icon-left bg-white-5 shadow-sm rounded-10 text-white text-15">
                                                        <span data-text="Help me write a story" class="btn-txt" data-transition-delay="true" data-delay-options='{"elements":  ".lqd-chars", "delayType":  "animation", "startDelay":  0, "delayBetween":  32.5}' data-split-text="true" data-split-options='{"type":  "chars, words"}'> Help me write a story </span>
                                                        <span class="btn-icon text-1em text-primary mr-10">
																	<svg xmlns="http://www.w3.org/2000/svg" width="12.885" height="12.894" viewbox="0 0 12.885 12.894">
																		<path d="M6.451-6.047A25.07,25.07,0,0,0,3.916-4.86,6.916,6.916,0,0,0,2.443-3.814,6.718,6.718,0,0,0,1.4-2.355,25.1,25.1,0,0,0,.193.22h-.36A26.15,26.15,0,0,0-1.38-2.355,6.924,6.924,0,0,0-2.417-3.814,6.916,6.916,0,0,0-3.889-4.86,24.748,24.748,0,0,0-6.434-6.047v-.36A24.44,24.44,0,0,0-3.88-7.594,6.687,6.687,0,0,0-2.417-8.64,6.924,6.924,0,0,0-1.38-10.1,26.15,26.15,0,0,0-.167-12.674h.36A25.1,25.1,0,0,0,1.4-10.1,6.718,6.718,0,0,0,2.443-8.64,6.468,6.468,0,0,0,3.9-7.594,24.44,24.44,0,0,0,6.451-6.407Z" transform="translate(6.434 12.674)" fill="currentColor"></path>
																	</svg>
																</span>
                                                    </a>
                                                    <a class="btn btn-solid btn-sm btn-hover-txt-liquid-y btn-icon-left bg-white-5 shadow-sm rounded-10 text-white text-15">
                                                        <span data-text="Help me plan my trip" class="btn-txt" data-transition-delay="true" data-delay-options='{"elements":  ".lqd-chars", "delayType":  "animation", "startDelay":  0, "delayBetween":  32.5}' data-split-text="true" data-split-options='{"type":  "chars, words"}'> Help me plan my trip </span>
                                                        <span class="btn-icon text-1em text-primary mr-10">
																	<svg xmlns="http://www.w3.org/2000/svg" width="12.885" height="12.894" viewbox="0 0 12.885 12.894">
																		<path d="M6.451-6.047A25.07,25.07,0,0,0,3.916-4.86,6.916,6.916,0,0,0,2.443-3.814,6.718,6.718,0,0,0,1.4-2.355,25.1,25.1,0,0,0,.193.22h-.36A26.15,26.15,0,0,0-1.38-2.355,6.924,6.924,0,0,0-2.417-3.814,6.916,6.916,0,0,0-3.889-4.86,24.748,24.748,0,0,0-6.434-6.047v-.36A24.44,24.44,0,0,0-3.88-7.594,6.687,6.687,0,0,0-2.417-8.64,6.924,6.924,0,0,0-1.38-10.1,26.15,26.15,0,0,0-.167-12.674h.36A25.1,25.1,0,0,0,1.4-10.1,6.718,6.718,0,0,0,2.443-8.64,6.468,6.468,0,0,0,3.9-7.594,24.44,24.44,0,0,0,6.451-6.407Z" transform="translate(6.434 12.674)" fill="currentColor"></path>
																	</svg>
																</span>
                                                    </a>
                                                    <a class="btn btn-solid btn-sm btn-hover-txt-liquid-y btn-icon-left bg-white-5 shadow-sm rounded-10 text-white text-15">
                                                        <span data-text="Find me a good restaurant" class="btn-txt" data-transition-delay="true" data-delay-options='{"elements":  ".lqd-chars", "delayType":  "animation", "startDelay":  0, "delayBetween":  32.5}' data-split-text="true" data-split-options='{"type":  "chars, words"}'> Find me a good restaurant </span>
                                                        <span class="btn-icon text-1em text-primary mr-10">
																	<svg xmlns="http://www.w3.org/2000/svg" width="12.885" height="12.894" viewbox="0 0 12.885 12.894">
																		<path d="M6.451-6.047A25.07,25.07,0,0,0,3.916-4.86,6.916,6.916,0,0,0,2.443-3.814,6.718,6.718,0,0,0,1.4-2.355,25.1,25.1,0,0,0,.193.22h-.36A26.15,26.15,0,0,0-1.38-2.355,6.924,6.924,0,0,0-2.417-3.814,6.916,6.916,0,0,0-3.889-4.86,24.748,24.748,0,0,0-6.434-6.047v-.36A24.44,24.44,0,0,0-3.88-7.594,6.687,6.687,0,0,0-2.417-8.64,6.924,6.924,0,0,0-1.38-10.1,26.15,26.15,0,0,0-.167-12.674h.36A25.1,25.1,0,0,0,1.4-10.1,6.718,6.718,0,0,0,2.443-8.64,6.468,6.468,0,0,0,3.9-7.594,24.44,24.44,0,0,0,6.451-6.407Z" transform="translate(6.434 12.674)" fill="currentColor"></path>
																	</svg>
																</span>
                                                    </a>
                                                    <a class="btn btn-solid btn-sm btn-hover-txt-liquid-y btn-icon-left bg-white-5 shadow-sm rounded-10 text-white text-15">
                                                        <span data-text="Help me get fit" class="btn-txt" data-transition-delay="true" data-delay-options='{"elements":  ".lqd-chars", "delayType":  "animation", "startDelay":  0, "delayBetween":  32.5}' data-split-text="true" data-split-options='{"type":  "chars, words"}'> Help me get fit </span>
                                                        <span class="btn-icon text-1em text-primary mr-10">
																	<svg xmlns="http://www.w3.org/2000/svg" width="12.885" height="12.894" viewbox="0 0 12.885 12.894">
																		<path d="M6.451-6.047A25.07,25.07,0,0,0,3.916-4.86,6.916,6.916,0,0,0,2.443-3.814,6.718,6.718,0,0,0,1.4-2.355,25.1,25.1,0,0,0,.193.22h-.36A26.15,26.15,0,0,0-1.38-2.355,6.924,6.924,0,0,0-2.417-3.814,6.916,6.916,0,0,0-3.889-4.86,24.748,24.748,0,0,0-6.434-6.047v-.36A24.44,24.44,0,0,0-3.88-7.594,6.687,6.687,0,0,0-2.417-8.64,6.924,6.924,0,0,0-1.38-10.1,26.15,26.15,0,0,0-.167-12.674h.36A25.1,25.1,0,0,0,1.4-10.1,6.718,6.718,0,0,0,2.443-8.64,6.468,6.468,0,0,0,3.9-7.594,24.44,24.44,0,0,0,6.451-6.407Z" transform="translate(6.434 12.674)" fill="currentColor"></path>
																	</svg>
																</span>
                                                    </a>
                                                    <a class="btn btn-solid btn-sm btn-hover-txt-liquid-y btn-icon-left bg-white-5 shadow-sm rounded-10 text-white text-15">
                                                        <span data-text="Write a Python Script" class="btn-txt" data-transition-delay="true" data-delay-options='{"elements":  ".lqd-chars", "delayType":  "animation", "startDelay":  0, "delayBetween":  32.5}' data-split-text="true" data-split-options='{"type":  "chars, words"}'> Write a Python Script </span>
                                                        <span class="btn-icon text-1em text-primary mr-10">
																	<svg xmlns="http://www.w3.org/2000/svg" width="12.885" height="12.894" viewbox="0 0 12.885 12.894">
																		<path d="M6.451-6.047A25.07,25.07,0,0,0,3.916-4.86,6.916,6.916,0,0,0,2.443-3.814,6.718,6.718,0,0,0,1.4-2.355,25.1,25.1,0,0,0,.193.22h-.36A26.15,26.15,0,0,0-1.38-2.355,6.924,6.924,0,0,0-2.417-3.814,6.916,6.916,0,0,0-3.889-4.86,24.748,24.748,0,0,0-6.434-6.047v-.36A24.44,24.44,0,0,0-3.88-7.594,6.687,6.687,0,0,0-2.417-8.64,6.924,6.924,0,0,0-1.38-10.1,26.15,26.15,0,0,0-.167-12.674h.36A25.1,25.1,0,0,0,1.4-10.1,6.718,6.718,0,0,0,2.443-8.64,6.468,6.468,0,0,0,3.9-7.594,24.44,24.44,0,0,0,6.451-6.407Z" transform="translate(6.434 12.674)" fill="currentColor"></path>
																	</svg>
																</span>
                                                    </a>
                                                    <a class="btn btn-solid btn-sm btn-hover-txt-liquid-y btn-icon-left bg-white-5 shadow-sm rounded-10 text-white text-15">
                                                        <span data-text="Create a 3 course menu" class="btn-txt" data-transition-delay="true" data-delay-options='{"elements":  ".lqd-chars", "delayType":  "animation", "startDelay":  0, "delayBetween":  32.5}' data-split-text="true" data-split-options='{"type":  "chars, words"}'> Create a 3 course menu </span>
                                                        <span class="btn-icon text-1em text-primary mr-10">
																	<svg xmlns="http://www.w3.org/2000/svg" width="12.885" height="12.894" viewbox="0 0 12.885 12.894">
																		<path d="M6.451-6.047A25.07,25.07,0,0,0,3.916-4.86,6.916,6.916,0,0,0,2.443-3.814,6.718,6.718,0,0,0,1.4-2.355,25.1,25.1,0,0,0,.193.22h-.36A26.15,26.15,0,0,0-1.38-2.355,6.924,6.924,0,0,0-2.417-3.814,6.916,6.916,0,0,0-3.889-4.86,24.748,24.748,0,0,0-6.434-6.047v-.36A24.44,24.44,0,0,0-3.88-7.594,6.687,6.687,0,0,0-2.417-8.64,6.924,6.924,0,0,0-1.38-10.1,26.15,26.15,0,0,0-.167-12.674h.36A25.1,25.1,0,0,0,1.4-10.1,6.718,6.718,0,0,0,2.443-8.64,6.468,6.468,0,0,0,3.9-7.594,24.44,24.44,0,0,0,6.451-6.407Z" transform="translate(6.434 12.674)" fill="currentColor"></path>
																	</svg>
																</span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- End Carousel Button -->

            <!-- Start Float Text -->
            <section class="lqd-section float-text pt-120 pb-400 bg-center bg-no-repeat bg-cover transition-bg" style="background-image: url(./assets/images/demo/dark-ai/float-text/bg-h.png);">
                <div class="container">
                    <div class="row gap-120">
                        <div class="col col-12 p-0" data-parallax="true" data-parallax-options='{"ease" :"linear", "start": "top bottom", "end": "bottom+=0px top"}' data-parallax-from='{"y": "20px", "opacity" : 0.8}' data-parallax-to='{"y": "0px", "opacity" : 1}'>
                            <div class="elementor-widget-container">
                                <h3 class="lqd-text-reveal-el mt-0 mb-0 text-yellow-100 text-center" data-split-text="true" data-split-options='{"type": "words, chars"}' data-parallax="true" data-parallax-options='{"parallaxTargets": ".lqd-chars, figure", "start": "top 70%", "end": "bottom bottom", "scrub" : 3}' data-parallax-from='{"opacity" : 0.2}' data-parallax-to='{"opacity" : 1, "stagger": {"from": "start", "each" : 1}}'>
                                    Optimize your content for search engines and reach more customers.
                                </h3>
                            </div>
                        </div>
                        <div class="col col-12 p-0" data-parallax="true" data-parallax-options='{"ease" :"linear", "start": "top bottom", "end": "bottom+=0px top"}' data-parallax-from='{"y": "120px", "opacity" : 0.6}' data-parallax-to='{"y": "0px", "opacity" : 1}'>
                            <div class="elementor-widget-container">
                                <h3 class="lqd-text-reveal-el mt-0 mb-0 text-yellow-100 text-center" data-split-text="true" data-split-options='{"type": "words, chars"}' data-parallax="true" data-parallax-options='{"parallaxTargets": ".lqd-chars, figure", "start": "top 70%", "end": "bottom bottom", "scrub" : 3}' data-parallax-from='{"opacity" : 0.2}' data-parallax-to='{"opacity" : 1, "stagger": {"from": "start", "each" : 1}}'>
                                    Create personalized and targeted email marketing campaigns.
                                </h3>
                            </div>
                        </div>
                        <div class="col col-12 p-0" data-parallax="true" data-parallax-options='{"ease" :"linear", "start": "top bottom", "end": "bottom+=0px top"}' data-parallax-from='{"y": "300px", "opacity" : 0.4}' data-parallax-to='{"y": "0px", "opacity" : 1}'>
                            <div class="elementor-widget-container">
                                <h3 class="lqd-text-reveal-el mt-0 mb-0 text-yellow-100 text-center" data-split-text="true" data-split-options='{"type": "words, chars"}' data-parallax="true" data-parallax-options='{"parallaxTargets": ".lqd-chars, figure", "start": "top 70%", "end": "bottom bottom", "scrub" : 3}' data-parallax-from='{"opacity" : 0.2}' data-parallax-to='{"opacity" : 1, "stagger": {"from": "start", "each" : 1}}'>
                                    Create high-quality newsletters that resonate with your audience.
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- End Float Text -->

            <!-- Start Testimonial -->
            <section class="lqd-section testimonial bg-no-repeat transition-border py-100" style="background-image: url(./assets/images/demo/dark-ai/testimonial/testimonial-bg1.png);" data-custom-animations="true" data-ca-options='{"animationTarget": ".animation-element, .animation-element .split-inner .lqd-chars", "duration" : 800, "delay" : 70, "ease": "expo.out", "initValues": {"scaleX" : 0.8, "scaleY" : 0.8, "rotationZ" : 3, "opacity" : 0} , "animations": {"scaleX" : 1, "scaleY" : 1, "rotationZ" : 0, "opacity" : 1}}'>
                <div class="container">
                    <div class="row justify-center transition-bg">
                        <div class="col col-12 col-lg-9 flex flex-col gap-40">
                            <div class="ld-fancy-heading relative max-w-full text-center animation-element">
                                <h2 class="ld-fh-element relative m-0" data-split-text="true" data-split-options='{"type": "chars, words"}'>
                                    <span class="font-accent font-normal">Customer </span>
                                    Stories
                                </h2>
                            </div>
                            <div class="carousel-container relative carousel-nav-shaped carousel-dots-inside carousel-dots-mobile-inside carousel-dots-mobile-center transition-all animation-element">
                                <div class="carousel-items relative -mr-30 -ml-30" data-lqd-flickity='{"pageDots": true, "dotsIndicator": "numbers", "numbersStyle": "circle", "cellAlign": "left", "groupCells": false, "prevNextButtons": false, "dotsAppendTo": "self"}'>
                                    <div class="flickity-viewport relative w-full overflow-hidden">
                                        <div class="flickity-slider flex w-full h-full relative items-start text-center">
                                            <div class="carousel-item flex flex-col justify-center px-30 text-24 leading-30">
                                                <p class="mb-1/5em">Not only did it save me time, but it also helped me produce content that was more engaging and effective than what I had been creating on my own.</p>
                                                <h6 class="text-primary mt-1em mb-0/5em">Daniel Crack, Envato</h6>
                                            </div>
                                            <div class="carousel-item flex flex-col justify-center px-30 text-24 leading-30">
                                                <p class="mb-1/5em">The product I purchased exceeded my expectations. It was well-made, durable, and exactly what I was looking for. I highly recommend this brand to anyone in the market for quality products.</p>
                                                <h6 class="text-primary mt-1em mb-0/5em">Tom Smith, Customer</h6>
                                            </div>
                                            <div class="carousel-item flex flex-col justify-center px-30 text-24 leading-30">
                                                <p class="mb-1/5em">I was blown away by the exceptional customer service I received from this company. The representative I spoke with was knowledgeable, friendly, and went above and beyond to help me with my issue. I will definitely be a returning customer.</p>
                                                <h6 class="text-primary mt-1em mb-0/5em">Jenny Lee, Satisfied Customer</h6>
                                            </div>
                                            <div class="carousel-item flex flex-col justify-center px-30 text-24 leading-30">
                                                <p class="mb-1/5em">This company truly cares about its customers. I had an issue with my order, and they were quick to respond and resolve the issue to my satisfaction. It's rare to find a company that values its customers so highly, and I'm grateful to have found this one.</p>
                                                <h6 class="text-primary mt-1em mb-0/5em">David Jones, Happy Customer</h6>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col col-12 p-0 flex-grow-1 flex-shrink-0 module-svg">
                            <div class="carousel-container relative carousel-nav-shaped">
                                <div class="carousel-items relative lqd-fade-sides" data-lqd-flickity='{"marquee": true, "marqueeTickerSpeed": "0.2", "pauseAutoPlayOnHover": false}'>
                                    <div class="flickity-viewport relative w-full overflow-hidden">
                                        <div class="flickity-slider flex w-full h-full relative items-start">
                                            <div class="carousel-item flex flex-column items-center justify-center has-one-child w-full flex-auto">
                                                <div class="carousel-item-inner relative w-full">
                                                    <div class="carousel-item-content relative max-w-full flex-row mx-auto p-10">
                                                        <div class="flex justify-center text-primary">
                                                            <svg width="60" height="60" aria-hidden="true" viewbox="0 0 640 512" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M165 144.7l-43.3 9.2-.2 142.4c0 26.3 19.8 43.3 46.1 43.3 14.6 0 25.3-2.7 31.2-5.9v-33.8c-5.7 2.3-33.7 10.5-33.7-15.7V221h33.7v-37.8h-33.7zm89.1 51.6l-2.7-13.1H213v153.2h44.3V233.3c10.5-13.8 28.2-11.1 33.9-9.3v-40.8c-6-2.1-26.7-6-37.1 13.1zm92.3-72.3l-44.6 9.5v36.2l44.6-9.5zM44.9 228.3c0-6.9 5.8-9.6 15.1-9.7 13.5 0 30.7 4.1 44.2 11.4v-41.8c-14.7-5.8-29.4-8.1-44.1-8.1-36 0-60 18.8-60 50.2 0 49.2 67.5 41.2 67.5 62.4 0 8.2-7.1 10.9-17 10.9-14.7 0-33.7-6.1-48.6-14.2v40c16.5 7.1 33.2 10.1 48.5 10.1 36.9 0 62.3-15.8 62.3-47.8 0-52.9-67.9-43.4-67.9-63.4zM640 261.6c0-45.5-22-81.4-64.2-81.4s-67.9 35.9-67.9 81.1c0 53.5 30.3 78.2 73.5 78.2 21.2 0 37.1-4.8 49.2-11.5v-33.4c-12.1 6.1-26 9.8-43.6 9.8-17.3 0-32.5-6.1-34.5-26.9h86.9c.2-2.3.6-11.6.6-15.9zm-87.9-16.8c0-20 12.3-28.4 23.4-28.4 10.9 0 22.5 8.4 22.5 28.4zm-112.9-64.6c-17.4 0-28.6 8.2-34.8 13.9l-2.3-11H363v204.8l44.4-9.4.1-50.2c6.4 4.7 15.9 11.2 31.4 11.2 31.8 0 60.8-23.2 60.8-79.6.1-51.6-29.3-79.7-60.5-79.7zm-10.6 122.5c-10.4 0-16.6-3.8-20.9-8.4l-.3-66c4.6-5.1 11-8.8 21.2-8.8 16.2 0 27.4 18.2 27.4 41.4.1 23.9-10.9 41.8-27.4 41.8zm-126.7 33.7h44.6V183.2h-44.6z" fill="currentColor"></path>
                                                            </svg>
                                                        </div>
                                                        <div class="flex justify-center text-primary">
                                                            <svg width="40" height="40" aria-hidden="true" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M105.2 24.9c-3.1-8.9-15.7-8.9-18.9 0L29.8 199.7h132c-.1 0-56.6-174.8-56.6-174.8zM.9 287.7c-2.6 8 .3 16.9 7.1 22l247.9 184-226.2-294zm160.8-88l94.3 294 94.3-294zm349.4 88l-28.8-88-226.3 294 247.9-184c6.9-5.1 9.7-14 7.2-22zM425.7 24.9c-3.1-8.9-15.7-8.9-18.9 0l-56.6 174.8h132z" fill="currentColor"></path>
                                                            </svg>
                                                        </div>
                                                        <div class="flex justify-center text-primary">
                                                            <svg width="40" height="40" aria-hidden="true" viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M400 480H48c-26.4 0-48-21.6-48-48V80c0-26.4 21.6-48 48-48h352c26.4 0 48 21.6 48 48v352c0 26.4-21.6 48-48 48zM199.6 178.5c0-30.7-17.6-45.1-39.7-45.1-25.8 0-40 19.8-40 44.5v154.8c0 25.8 13.7 45.6 40.5 45.6 21.5 0 39.2-14 39.2-45.6v-41.8l60.6 75.7c12.3 14.9 39 16.8 55.8 0 14.6-15.1 14.8-36.8 4-50.4l-49.1-62.8 40.5-58.7c9.4-13.5 9.5-34.5-5.6-49.1-16.4-15.9-44.6-17.3-61.4 7l-44.8 64.7v-38.8z" fill="currentColor"></path>
                                                            </svg>
                                                        </div>
                                                        <div class="flex justify-center text-primary">
                                                            <svg width="40" height="40" aria-hidden="true" viewbox="0 0 496 512" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248 248-111.1 248-248S384.9 8 248 8zm100.7 364.9c-4.2 0-6.8-1.3-10.7-3.6-62.4-37.6-135-39.2-206.7-24.5-3.9 1-9 2.6-11.9 2.6-9.7 0-15.8-7.7-15.8-15.8 0-10.3 6.1-15.2 13.6-16.8 81.9-18.1 165.6-16.5 237 26.2 6.1 3.9 9.7 7.4 9.7 16.5s-7.1 15.4-15.2 15.4zm26.9-65.6c-5.2 0-8.7-2.3-12.3-4.2-62.5-37-155.7-51.9-238.6-29.4-4.8 1.3-7.4 2.6-11.9 2.6-10.7 0-19.4-8.7-19.4-19.4s5.2-17.8 15.5-20.7c27.8-7.8 56.2-13.6 97.8-13.6 64.9 0 127.6 16.1 177 45.5 8.1 4.8 11.3 11 11.3 19.7-.1 10.8-8.5 19.5-19.4 19.5zm31-76.2c-5.2 0-8.4-1.3-12.9-3.9-71.2-42.5-198.5-52.7-280.9-29.7-3.6 1-8.1 2.6-12.9 2.6-13.2 0-23.3-10.3-23.3-23.6 0-13.6 8.4-21.3 17.4-23.9 35.2-10.3 74.6-15.2 117.5-15.2 73 0 149.5 15.2 205.4 47.8 7.8 4.5 12.9 10.7 12.9 22.6 0 13.6-11 23.3-23.2 23.3z" fill="currentColor"></path>
                                                            </svg>
                                                        </div>
                                                        <div class="flex justify-center text-primary">
                                                            <svg width="40" height="40" aria-hidden="true" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M81.7 172.3H0v174.4h132.7V96h-51v76.3zm0 133.4H50.9v-92.3h30.8v92.3zm297.2-133.4v174.4h81.8v28.5h-81.8V416H512V172.3H378.9zm81.8 133.4h-30.8v-92.3h30.8v92.3zm-235.6 41h82.1v28.5h-82.1V416h133.3V172.3H225.1v174.4zm51.2-133.3h30.8v92.3h-30.8v-92.3zM153.3 96h51.3v51h-51.3V96zm0 76.3h51.3v174.4h-51.3V172.3z" fill="currentColor"></path>
                                                            </svg>
                                                        </div>
                                                        <div class="flex justify-center text-primary">
                                                            <svg width="60" height="60" aria-hidden="true" viewbox="0 0 640 512" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M606 189.5l-54.8 109.9-54.9-109.9h-37.5l10.9 20.6c-11.5-19-35.9-26-63.3-26-31.8 0-67.9 8.7-71.5 43.1h33.7c1.4-13.8 15.7-21.8 35-21.8 26 0 41 9.6 41 33v3.4c-12.7 0-28 .1-41.7.4-42.4.9-69.6 10-76.7 34.4 1-5.2 1.5-10.6 1.5-16.2 0-52.1-39.7-76.2-75.4-76.2-21.3 0-43 5.5-58.7 24.2v-80.6h-32.1v169.5c0 10.3-.6 22.9-1.1 33.1h31.5c.7-6.3 1.1-12.9 1.1-19.5 13.6 16.6 35.4 24.9 58.7 24.9 36.9 0 64.9-21.9 73.3-54.2-.5 2.8-.7 5.8-.7 9 0 24.1 21.1 45 60.6 45 26.6 0 45.8-5.7 61.9-25.5 0 6.6.3 13.3 1.1 20.2h29.8c-.7-8.2-1-17.5-1-26.8v-65.6c0-9.3-1.7-17.2-4.8-23.8l61.5 116.1-28.5 54.1h35.9L640 189.5zM243.7 313.8c-29.6 0-50.2-21.5-50.2-53.8 0-32.4 20.6-53.8 50.2-53.8 29.8 0 50.2 21.4 50.2 53.8 0 32.3-20.4 53.8-50.2 53.8zm200.9-47.3c0 30-17.9 48.4-51.6 48.4-25.1 0-35-13.4-35-25.8 0-19.1 18.1-24.4 47.2-25.3 13.1-.5 27.6-.6 39.4-.6zm-411.9 1.6h128.8v-8.5c0-51.7-33.1-75.4-78.4-75.4-56.8 0-83 30.8-83 77.6 0 42.5 25.3 74 82.5 74 31.4 0 68-11.7 74.4-46.1h-33.1c-12 35.8-87.7 36.7-91.2-21.6zm95-21.4H33.3c6.9-56.6 92.1-54.7 94.4 0z" fill="currentColor"></path>
                                                            </svg>
                                                        </div>
                                                        <div class="flex justify-center text-primary">
                                                            <svg width="40" height="40" aria-hidden="true" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M0 81.1h77.8v208.7c0 33.1 15 52.8 27.2 61-12.7 11.1-51.2 20.9-80.2-2.8C7.8 334 0 310.7 0 289V81.1zm485.9 173.5v-22h23.8v-76.8h-26.1c-10.1-46.3-51.2-80.7-100.3-80.7-56.6 0-102.7 46-102.7 102.7V357c16 2.3 35.4-.3 51.7-14 17.1-14 24.8-37.2 24.8-59v-6.7h38.8v-76.8h-38.8v-23.3c0-34.6 52.2-34.6 52.2 0v77.1c0 56.6 46 102.7 102.7 102.7v-76.5c-14.5 0-26.1-11.7-26.1-25.9zm-294.3-99v113c0 15.4-23.8 15.4-23.8 0v-113H91v132.7c0 23.8 8 54 45 63.9 37 9.8 58.2-10.6 58.2-10.6-2.1 13.4-14.5 23.3-34.9 25.3-15.5 1.6-35.2-3.6-45-7.8v70.3c25.1 7.5 51.5 9.8 77.6 4.7 47.1-9.1 76.8-48.4 76.8-100.8V155.1h-77.1v.5z" fill="currentColor"></path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="carousel-item flex flex-column items-center justify-center has-one-child w-full flex-auto">
                                                <div class="carousel-item-inner relative w-full">
                                                    <div class="carousel-item-content relative max-w-full flex-row mx-auto p-10">
                                                        <div class="flex justify-center text-primary">
                                                            <svg width="60" height="60" aria-hidden="true" viewbox="0 0 640 512" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M165 144.7l-43.3 9.2-.2 142.4c0 26.3 19.8 43.3 46.1 43.3 14.6 0 25.3-2.7 31.2-5.9v-33.8c-5.7 2.3-33.7 10.5-33.7-15.7V221h33.7v-37.8h-33.7zm89.1 51.6l-2.7-13.1H213v153.2h44.3V233.3c10.5-13.8 28.2-11.1 33.9-9.3v-40.8c-6-2.1-26.7-6-37.1 13.1zm92.3-72.3l-44.6 9.5v36.2l44.6-9.5zM44.9 228.3c0-6.9 5.8-9.6 15.1-9.7 13.5 0 30.7 4.1 44.2 11.4v-41.8c-14.7-5.8-29.4-8.1-44.1-8.1-36 0-60 18.8-60 50.2 0 49.2 67.5 41.2 67.5 62.4 0 8.2-7.1 10.9-17 10.9-14.7 0-33.7-6.1-48.6-14.2v40c16.5 7.1 33.2 10.1 48.5 10.1 36.9 0 62.3-15.8 62.3-47.8 0-52.9-67.9-43.4-67.9-63.4zM640 261.6c0-45.5-22-81.4-64.2-81.4s-67.9 35.9-67.9 81.1c0 53.5 30.3 78.2 73.5 78.2 21.2 0 37.1-4.8 49.2-11.5v-33.4c-12.1 6.1-26 9.8-43.6 9.8-17.3 0-32.5-6.1-34.5-26.9h86.9c.2-2.3.6-11.6.6-15.9zm-87.9-16.8c0-20 12.3-28.4 23.4-28.4 10.9 0 22.5 8.4 22.5 28.4zm-112.9-64.6c-17.4 0-28.6 8.2-34.8 13.9l-2.3-11H363v204.8l44.4-9.4.1-50.2c6.4 4.7 15.9 11.2 31.4 11.2 31.8 0 60.8-23.2 60.8-79.6.1-51.6-29.3-79.7-60.5-79.7zm-10.6 122.5c-10.4 0-16.6-3.8-20.9-8.4l-.3-66c4.6-5.1 11-8.8 21.2-8.8 16.2 0 27.4 18.2 27.4 41.4.1 23.9-10.9 41.8-27.4 41.8zm-126.7 33.7h44.6V183.2h-44.6z" fill="currentColor"></path>
                                                            </svg>
                                                        </div>
                                                        <div class="flex justify-center text-primary">
                                                            <svg width="40" height="40" aria-hidden="true" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M105.2 24.9c-3.1-8.9-15.7-8.9-18.9 0L29.8 199.7h132c-.1 0-56.6-174.8-56.6-174.8zM.9 287.7c-2.6 8 .3 16.9 7.1 22l247.9 184-226.2-294zm160.8-88l94.3 294 94.3-294zm349.4 88l-28.8-88-226.3 294 247.9-184c6.9-5.1 9.7-14 7.2-22zM425.7 24.9c-3.1-8.9-15.7-8.9-18.9 0l-56.6 174.8h132z" fill="currentColor"></path>
                                                            </svg>
                                                        </div>
                                                        <div class="flex justify-center text-primary">
                                                            <svg width="40" height="40" aria-hidden="true" viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M400 480H48c-26.4 0-48-21.6-48-48V80c0-26.4 21.6-48 48-48h352c26.4 0 48 21.6 48 48v352c0 26.4-21.6 48-48 48zM199.6 178.5c0-30.7-17.6-45.1-39.7-45.1-25.8 0-40 19.8-40 44.5v154.8c0 25.8 13.7 45.6 40.5 45.6 21.5 0 39.2-14 39.2-45.6v-41.8l60.6 75.7c12.3 14.9 39 16.8 55.8 0 14.6-15.1 14.8-36.8 4-50.4l-49.1-62.8 40.5-58.7c9.4-13.5 9.5-34.5-5.6-49.1-16.4-15.9-44.6-17.3-61.4 7l-44.8 64.7v-38.8z" fill="currentColor"></path>
                                                            </svg>
                                                        </div>
                                                        <div class="flex justify-center text-primary">
                                                            <svg width="40" height="40" aria-hidden="true" viewbox="0 0 496 512" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248 248-111.1 248-248S384.9 8 248 8zm100.7 364.9c-4.2 0-6.8-1.3-10.7-3.6-62.4-37.6-135-39.2-206.7-24.5-3.9 1-9 2.6-11.9 2.6-9.7 0-15.8-7.7-15.8-15.8 0-10.3 6.1-15.2 13.6-16.8 81.9-18.1 165.6-16.5 237 26.2 6.1 3.9 9.7 7.4 9.7 16.5s-7.1 15.4-15.2 15.4zm26.9-65.6c-5.2 0-8.7-2.3-12.3-4.2-62.5-37-155.7-51.9-238.6-29.4-4.8 1.3-7.4 2.6-11.9 2.6-10.7 0-19.4-8.7-19.4-19.4s5.2-17.8 15.5-20.7c27.8-7.8 56.2-13.6 97.8-13.6 64.9 0 127.6 16.1 177 45.5 8.1 4.8 11.3 11 11.3 19.7-.1 10.8-8.5 19.5-19.4 19.5zm31-76.2c-5.2 0-8.4-1.3-12.9-3.9-71.2-42.5-198.5-52.7-280.9-29.7-3.6 1-8.1 2.6-12.9 2.6-13.2 0-23.3-10.3-23.3-23.6 0-13.6 8.4-21.3 17.4-23.9 35.2-10.3 74.6-15.2 117.5-15.2 73 0 149.5 15.2 205.4 47.8 7.8 4.5 12.9 10.7 12.9 22.6 0 13.6-11 23.3-23.2 23.3z" fill="currentColor"></path>
                                                            </svg>
                                                        </div>
                                                        <div class="flex justify-center text-primary">
                                                            <svg width="40" height="40" aria-hidden="true" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M81.7 172.3H0v174.4h132.7V96h-51v76.3zm0 133.4H50.9v-92.3h30.8v92.3zm297.2-133.4v174.4h81.8v28.5h-81.8V416H512V172.3H378.9zm81.8 133.4h-30.8v-92.3h30.8v92.3zm-235.6 41h82.1v28.5h-82.1V416h133.3V172.3H225.1v174.4zm51.2-133.3h30.8v92.3h-30.8v-92.3zM153.3 96h51.3v51h-51.3V96zm0 76.3h51.3v174.4h-51.3V172.3z" fill="currentColor"></path>
                                                            </svg>
                                                        </div>
                                                        <div class="flex justify-center text-primary">
                                                            <svg width="60" height="60" aria-hidden="true" viewbox="0 0 640 512" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M606 189.5l-54.8 109.9-54.9-109.9h-37.5l10.9 20.6c-11.5-19-35.9-26-63.3-26-31.8 0-67.9 8.7-71.5 43.1h33.7c1.4-13.8 15.7-21.8 35-21.8 26 0 41 9.6 41 33v3.4c-12.7 0-28 .1-41.7.4-42.4.9-69.6 10-76.7 34.4 1-5.2 1.5-10.6 1.5-16.2 0-52.1-39.7-76.2-75.4-76.2-21.3 0-43 5.5-58.7 24.2v-80.6h-32.1v169.5c0 10.3-.6 22.9-1.1 33.1h31.5c.7-6.3 1.1-12.9 1.1-19.5 13.6 16.6 35.4 24.9 58.7 24.9 36.9 0 64.9-21.9 73.3-54.2-.5 2.8-.7 5.8-.7 9 0 24.1 21.1 45 60.6 45 26.6 0 45.8-5.7 61.9-25.5 0 6.6.3 13.3 1.1 20.2h29.8c-.7-8.2-1-17.5-1-26.8v-65.6c0-9.3-1.7-17.2-4.8-23.8l61.5 116.1-28.5 54.1h35.9L640 189.5zM243.7 313.8c-29.6 0-50.2-21.5-50.2-53.8 0-32.4 20.6-53.8 50.2-53.8 29.8 0 50.2 21.4 50.2 53.8 0 32.3-20.4 53.8-50.2 53.8zm200.9-47.3c0 30-17.9 48.4-51.6 48.4-25.1 0-35-13.4-35-25.8 0-19.1 18.1-24.4 47.2-25.3 13.1-.5 27.6-.6 39.4-.6zm-411.9 1.6h128.8v-8.5c0-51.7-33.1-75.4-78.4-75.4-56.8 0-83 30.8-83 77.6 0 42.5 25.3 74 82.5 74 31.4 0 68-11.7 74.4-46.1h-33.1c-12 35.8-87.7 36.7-91.2-21.6zm95-21.4H33.3c6.9-56.6 92.1-54.7 94.4 0z" fill="currentColor"></path>
                                                            </svg>
                                                        </div>
                                                        <div class="flex justify-center text-primary">
                                                            <svg width="40" height="40" aria-hidden="true" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M0 81.1h77.8v208.7c0 33.1 15 52.8 27.2 61-12.7 11.1-51.2 20.9-80.2-2.8C7.8 334 0 310.7 0 289V81.1zm485.9 173.5v-22h23.8v-76.8h-26.1c-10.1-46.3-51.2-80.7-100.3-80.7-56.6 0-102.7 46-102.7 102.7V357c16 2.3 35.4-.3 51.7-14 17.1-14 24.8-37.2 24.8-59v-6.7h38.8v-76.8h-38.8v-23.3c0-34.6 52.2-34.6 52.2 0v77.1c0 56.6 46 102.7 102.7 102.7v-76.5c-14.5 0-26.1-11.7-26.1-25.9zm-294.3-99v113c0 15.4-23.8 15.4-23.8 0v-113H91v132.7c0 23.8 8 54 45 63.9 37 9.8 58.2-10.6 58.2-10.6-2.1 13.4-14.5 23.3-34.9 25.3-15.5 1.6-35.2-3.6-45-7.8v70.3c25.1 7.5 51.5 9.8 77.6 4.7 47.1-9.1 76.8-48.4 76.8-100.8V155.1h-77.1v.5z" fill="currentColor"></path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- End Testimonial -->

            <!-- Start faq -->
            <section class="lqd-section faq py-80" id="faq" data-custom-animations="true" data-ca-options='{"animationTarget": ".animation-element, .animation-element .split-inner .lqd-chars", "duration" : 1000, "delay" : 70, "ease": "expo.out", "initValues": {"y": "30px", "scaleX" : 0.8, "scaleY" : 0.8, "opacity" : 0} , "animations": {"y": "0px", "scaleX" : 1, "scaleY" : 1, "opacity" : 1}}'>
                <div class="container">
                    <div class="row">
                        <div class="col col-12 p-0">
                            <div class="accordion accordion-xl animation-element" id="accordion-faq" role="tablist" aria-multiselectable="true">
                                <div class="accordion-item panel">
                                    <div class="accordion-heading" role="tab" id="heading-item-1">
                                        <h4 class="accordion-title text-yellow-200">
                                            <a class="collapsed text-22" role="button" data-bs-toggle="collapse" data-bs-parent="#accordion-faq" href="#collapse-item-1" aria-expanded="false" aria-controls="collapse-item-1">
                                                <span class="accordion-title-txt">How does it generate responses? </span>
                                                <span class="accordion-expander text-24 pl-1em">
															<i class="lqd-icn-ess icon-ion-ios-add"></i>
															<i class="lqd-icn-ess icon-ion-ios-remove"></i>
														</span>
                                            </a>
                                        </h4>
                                    </div>
                                    <div id="collapse-item-1" class="accordion-collapse collapse" role="tabpanel" aria-labelledby="heading-item-1" data-bs-parent="#accordion-faq">
                                        <div class="accordion-content">
                                            <p>As an AI language model, I generate responses by analyzing and processing large amounts of text data. I use deep learning algorithms and natural language processing techniques to understand the context and meaning of a given prompt and generate a response that is relevant and coherent. My responses are generated based on patterns and relationships in the data I was trained on, and I continually learn and improve my responses as I am exposed to more data.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item panel">
                                    <div class="accordion-heading" role="tab" id="heading-item-2">
                                        <h4 class="accordion-title text-yellow-200">
                                            <a class="collapsed text-22" role="button" data-bs-toggle="collapse" data-bs-parent="#accordion-faq" href="#collapse-item-2" aria-expanded="false" aria-controls="collapse-item-2">
                                                <span class="accordion-title-txt">Is AI copywriting more cost-effective than hiring human writers?</span>
                                                <span class="accordion-expander text-24 pl-1em">
															<i class="lqd-icn-ess icon-ion-ios-add"></i>
															<i class="lqd-icn-ess icon-ion-ios-remove"></i>
														</span>
                                            </a>
                                        </h4>
                                    </div>
                                    <div id="collapse-item-2" class="accordion-collapse collapse" role="tabpanel" aria-labelledby="heading-item-2" data-bs-parent="#accordion-faq">
                                        <div class="accordion-content">
                                            <p>AI copywriting can be more cost-effective than hiring human writers in certain cases. AI can generate a large amount of content quickly and efficiently, which can save time and money compared to hiring multiple human writers. However, the quality of the content generated by AI may vary, and it may not be suitable for all types of content or audiences. In some cases, it may be more cost-effective to hire a human writer who can produce higher-quality content tailored to your specific needs.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item panel">
                                    <div class="accordion-heading" role="tab" id="heading-item-3">
                                        <h4 class="accordion-title text-yellow-200">
                                            <a class="collapsed text-22" role="button" data-bs-toggle="collapse" data-bs-parent="#accordion-faq" href="#collapse-item-3" aria-expanded="false" aria-controls="collapse-item-3">
                                                <span class="accordion-title-txt">Can AI really write as well as a human?</span>
                                                <span class="accordion-expander text-24 pl-1em">
															<i class="lqd-icn-ess icon-ion-ios-add"></i>
															<i class="lqd-icn-ess icon-ion-ios-remove"></i>
														</span>
                                            </a>
                                        </h4>
                                    </div>
                                    <div id="collapse-item-3" class="accordion-collapse collapse" role="tabpanel" aria-labelledby="heading-item-3" data-bs-parent="#accordion-faq">
                                        <div class="accordion-content">
                                            <p>AI has made significant advances in natural language processing and can generate text that is often indistinguishable from text written by a human. However, AI still has limitations and may struggle with more complex or creative forms of writing. In addition, AI may lack the emotional and social intelligence of a human writer, which can be important for certain types of content. Ultimately, whether AI can write as well as a human depends on the specific use case and context.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item panel">
                                    <div class="accordion-heading" role="tab" id="heading-item-4">
                                        <h4 class="accordion-title text-yellow-200">
                                            <a class="collapsed text-22" role="button" data-bs-toggle="collapse" data-bs-parent="#accordion-faq" href="#collapse-item-4" aria-expanded="false" aria-controls="collapse-item-4">
                                                <span class="accordion-title-txt">How do you handle my data?</span>
                                                <span class="accordion-expander text-24 pl-1em">
															<i class="lqd-icn-ess icon-ion-ios-add"></i>
															<i class="lqd-icn-ess icon-ion-ios-remove"></i>
														</span>
                                            </a>
                                        </h4>
                                    </div>
                                    <div id="collapse-item-4" class="accordion-collapse collapse" role="tabpanel" aria-labelledby="heading-item-4" data-bs-parent="#accordion-faq">
                                        <div class="accordion-content">At our organization, we take data privacy very seriously. Any personal information you provide to us will be used only for the purpose of providing our services to you and will be kept confidential. We have strict data security measures in place to protect your data from unauthorized access, use, or disclosure. Additionally, we adhere to all applicable data protection laws and regulations. You can trust that your data is in good hands with us. </div>
                                    </div>
                                </div>
                                <div class="accordion-item panel">
                                    <div class="accordion-heading" role="tab" id="heading-item-5">
                                        <h4 class="accordion-title text-yellow-200">
                                            <a class="collapsed text-22" role="button" data-bs-toggle="collapse" data-bs-parent="#accordion-faq" href="#collapse-item-5" aria-expanded="false" aria-controls="collapse-item-5">
                                                <span class="accordion-title-txt">Can AI copywriting be customized to my brand and audience?</span>
                                                <span class="accordion-expander text-24 pl-1em">
															<i class="lqd-icn-ess icon-ion-ios-add"></i>
															<i class="lqd-icn-ess icon-ion-ios-remove"></i>
														</span>
                                            </a>
                                        </h4>
                                    </div>
                                    <div id="collapse-item-5" class="accordion-collapse collapse" role="tabpanel" aria-labelledby="heading-item-5" data-bs-parent="#accordion-faq">
                                        <div class="accordion-content">
                                            <p>AI copywriting can be customized to your brand and audience to a certain extent. By training an AI model on your specific brand and audience data, it can learn to generate content that aligns with your brand voice and resonates with your target audience. However, AI may not be able to replicate the nuanced and subjective aspects of branding and audience targeting that a human writer can provide. It is important to consider the strengths and limitations of AI when deciding whether to use it for copywriting.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- End faq -->

            <!-- Start Newsletter -->
            <section class="lqd-section newsletter w-full flex flex-col items-center justify-center transition-all pt-200 pb-200 bg-black bg-center" id="newsletter" style="background-image: url(./assets/images/demo/dark-ai/bg/n-bg.png);">
                <div class="container flex flex-col justify-center gap-40 p-10" data-custom-animations="true" data-ca-options='{"animationTarget": ".animation-element, .animation-element .split-inner .lqd-chars", "duration" : 800, "startDelay" : 400, "delay" : 70, "ease": "expo.out", "initValues": {"scaleX" : 0.6, "scaleY" : 0.6, "rotationZ" : 1, "opacity" : 0} , "animations": {"scaleX" : 1, "scaleY" : 1, "rotationZ" : 0, "opacity" : 1}}'>
                    <div class="w-full text-center">
                        <div class="ld-fancy-heading relative animation-element">
                            <h2 class="ld-fh-element relative m-0" data-split-text="true" data-split-options='{"type": "chars, words"}'>
                                <span class="font-accent font-normal">Ready to </span>
                                Connect?
                            </h2>
                        </div>
                    </div>
                    <div class="w-full text-center">
                        <div class="ld-fancy-heading relative animation-element">
                            <p class="ld-fh-element relative mb-0/5em text-20 leading-26">Join us today and experience the power of AI text creation for yourself!</p>
                        </div>
                    </div>
                    <div class="w-full text-center">
                        <div class="ld-sf relative ld-sf--input-solid ld-sf--button-solid ld-sf--size-xs ld-sf--round  ld-sf--border-none ld-sf--button-show ld-sf--button-inline animation-element">
                            <form class="ld_subscribe_form ld_sf_form relative" method="post" action="#">
                                <p class="pb-20">
                                    <input type="email" class="block w-full rounded-2 bg-white-5 text-white-70 text-15" name="email" placeholder="Enter your email address">
                                </p>
                                <button type="submit" class="inline-flex items-center justify-center m-0 rounded-2 relative text-white bg-primary text-15">
                                    <span class="submit-text">Subscribe</span>
                                    <span class="ld-sf-spinner rounded-full absolute overflow-hidden">
												<span class="block lqd-overlay flex rounded-full">Sending </span>
											</span>
                                </button>
                            </form>
                            <div class="ld_sf_response"></div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- End Newsletter -->

        </div>
    </main>

    <footer id="site-footer" class="main-footer pt-120 px-5percent bg-black" data-sticky-footer="true" data-sticky-footer-options='{"shadow": "1"}'>
        <div class="container-fluid flex flex-wrap p-0">
            <div class="w-20percent flex flex-col gap-20 p-10 transition-bg module-logo lg:w-full lg:flex-row">
                <div class="lqd-imggrp-single block relative">
                    <div class="lqd-imggrp-img-container inline-flex relative items-center justify-center">
                        <figure class="w-full relative">
                            <img width="79" height="24" src="./assets/images/demo/dark-ai/logo/logo-alt.svg" alt="Dark AI">
                        </figure>
                    </div>
                </div>
                <div class="max-w-full self-start">
                    <a href="#" class="btn btn-solid btn-icon-shaped text-10 bg-white-10 rounded-100 px-10 text-white">
                        <span data-text="EN" class="btn-txt">EN </span>
                    </a>
                </div>
            </div>
            <div class="w-20percent flex flex-col gap-25 p-10 transition-bg lg:w-25percent sm:w-50percent">
                <div class="ld-fancy-heading relative">
                    <h6 class="ld-fh-element relative mb-0/5em text-15 font-medium">Company</h6>
                </div>
                <div class="lqd-fancy-menu lqd-custom-menu relative lqd-menu-td-none">
                    <ul class="reset-ul link-white-50 text-15">
                        <li class="mb-15">
                            <a href="#">
                                Account
                            </a>
                        </li>
                        <li class="mb-15">
                            <a href="#">
                                Terms of service
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                Privacy policy
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="w-20percent flex flex-col gap-25 p-10 transition-bg lg:w-25percent sm:w-50percent">
                <div id="ld-fancy-heading-6447b46bcde9f" class="ld-fancy-heading relative">
                    <h6 class="ld-fh-element relative mb-0/5em text-15 font-medium">Contact</h6>
                </div>
                <div class="lqd-fancy-menu lqd-custom-menu relative lqd-menu-td-none">
                    <ul class="reset-ul link-white-50 text-15">
                        <li class="mb-15">
                            <a href="#">
                                Media
                            </a>
                        </li>
                        <li class="mb-15">
                            <a href="#">
                                Blog
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                Help Center
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="w-20percent flex flex-col gap-25 p-10 transition-bg lg:w-25percent sm:w-50percent">
                <div id="ld-fancy-heading-6447b46bd5918" class="ld-fancy-heading relative">
                    <h6 class="ld-fh-element relative mb-0/5em text-15 font-medium">Pages</h6>
                </div>
                <div class="lqd-fancy-menu lqd-custom-menu relative lqd-menu-td-none">
                    <ul class="reset-ul link-white-50 text-15">
                        <li class="mb-15">
                            <a href="#">
                                About
                            </a>
                        </li>
                        <li class="mb-15">
                            <a href="#">
                                Features
                            </a>
                        </li>
                        <li class="mb-15">
                            <a href="#">
                                Case Studies
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                Contact
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="w-20percent flex flex-col gap-25 p-10 transition-bg lg:w-25percent sm:w-50percent">
                <div id="ld-fancy-heading-6447b46bdd7a2" class="ld-fancy-heading relative">
                    <h6 class="ld-fh-element relative mb-0/5em text-15 font-medium">Company</h6>
                </div>
                <div class="lqd-fancy-menu lqd-custom-menu relative lqd-menu-td-none">
                    <ul class="reset-ul link-white-50 text-15">
                        <li class="mb-15">
                            <a href="#">
                                Account
                            </a>
                        </li>

                        <li>
                            <a href="#">
                                Subscribe
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="w-full flex justify-between items-center p-10 mt-70 mb-40 transition-bg lg:flex-wrap">
                <div class="ld-fancy-heading relative w-25percent lg:w-full lg:text-center">
                    <p class="ld-fh-element relative mb-0/5em text-12 leading-20 tracking-0/1 text-white-30"><?=date('Y')?> digiFi.</p>
                </div>
                <div class="lqd-fancy-menu lqd-custom-menu relative lqd-menu-td-none module-social lg:w-full lg:text-center">
                    <ul class="reset-ul inline-ul">
                        <li class="mr-25">
                            <a class="text-white-40 text-15" href="#">
										<span class="link-icon inline-flex hide-if-empty left-icon icon-next-to-label text-slate-300">
											<svg aria-hidden="true" viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
												<path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path>
											</svg>
										</span>
                                <span>Linkedin</span>
                            </a>
                        </li>
                        <li class="mr-25">
                            <a class="text-white-40 text-15" href="#">
										<span class="link-icon inline-flex hide-if-empty left-icon icon-next-to-label text-slate-300">
											<svg aria-hidden="true" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
												<path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
											</svg>
										</span>
                                <span>Twitter</span>
                            </a>
                        </li>
                        <li>
                            <a class="text-white-40 text-15" href="#">
                                <span>Privacy Policy</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>

</div>

<!-- Start contact modal -->
<div id="modal-subscribe" class="lqd-modal lity-hide" data-modal-type="fullscreen">
    <div class="lqd-modal-inner">
        <div class="lqd-modal-head">
        </div>
        <div class="lqd-modal-content">
            <section class="lqd-section w-full min-h-100vh flex flex-col items-center transition-all pt-200 pb-200 bg-black bg-center" style="background-image: url(./assets/images/demo/dark-ai/bg/n-bg.png);">
                <div class="container flex flex-col justify-center gap-40 p-10">
                    <div class="w-full text-center">
                        <div class="ld-fancy-heading relative">
                            <h2 class="ld-fh-element relative m-0">
                                <span class="font-accent font-normal">Ready to </span>
                                Connect?
                            </h2>
                        </div>
                    </div>
                    <div class="w-full text-center">
                        <div class="ld-fancy-heading relative">
                            <p class="ld-fh-element relative mb-0/5em text-22 leading-26">Join us today and experience the power of AI text creation for yourself!</p>
                        </div>
                    </div>
                    <div class="w-full text-center">
                        <div class="ld-sf relative ld-sf--input-solid ld-sf--button-solid ld-sf--size-xs ld-sf--round  ld-sf--border-none ld-sf--button-show ld-sf--button-inline">
                            <form class="ld_subscribe_form ld_sf_form relative" method="post" action="#">
                                <p class="pb-20">
                                    <input type="email" class="block w-full rounded-2 bg-white-10 text-white-70 text-15" name="email" placeholder="Enter your email address">
                                </p>
                                <button type="submit" class="inline-flex items-center justify-center m-0 rounded-2 relative text-white bg-primary text-15">
                                    <span class="submit-text">Subscribe</span>
                                    <span class="ld-sf-spinner rounded-full absolute overflow-hidden">
												<span class="block lqd-overlay flex rounded-full">Sending </span>
											</span>
                                </button>
                            </form>
                            <div class="ld_sf_response"></div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
        <div class="lqd-modal-foot"></div>
    </div>
</div>
<!-- End contact modal -->

<script src="./assets/vendors/jquery.min.js"></script>
<script src="./assets/vendors/jquery-ui/jquery-ui.min.js"></script>
<script src="./assets/vendors/bootstrap/js/bootstrap.min.js"></script>
<script src="./assets/vendors/fastdom/fastdom.min.js"></script>
<script src="./assets/vendors/fresco/js/fresco.js"></script>
<script src="./assets/vendors/lity/lity.min.js"></script>
<script src="./assets/vendors/gsap/minified/gsap.min.js"></script>
<script src="./assets/vendors/gsap/minified/DrawSVGPlugin.min.js"></script>
<script src="./assets/vendors/gsap/utils/CustomEase.min.js"></script>
<script src="./assets/vendors/gsap/minified/ScrollTrigger.min.js"></script>
<script src="./assets/vendors/draw-shape/liquidDrawShape.min.js"></script>
<script src="./assets/vendors/animated-blob/liquidAnimatedBlob.min.js"></script>
<script src="./assets/vendors/fontfaceobserver.js"></script>
<script src="./assets/vendors/tinycolor-min.js"></script>
<script src="./assets/vendors/gsap/utils/SplitText.min.js"></script>
<script src="./assets/vendors/flickity/flickity.pkgd.min.js"></script>
<script src="./assets/vendors/flickity/flickity-fade.min.js"></script>
<script src="./assets/js/liquid-gdpr.min.js"></script>
<script src="./assets/js/theme.min.js"></script>
<script src="./assets/js/liquid-ajax-contact-form.min.js"></script>

<!-- Start custom cursor -->
<div class="lqd-cc lqd-cc--inner fixed pointer-events-none"></div>
<div class="lqd-cc--el lqd-cc-solid lqd-cc-explore flex items-center justify-center rounded-full fixed pointer-events-none">
    <div class="lqd-cc-solid-bg flex absolute lqd-overlay"></div>
    <div class="lqd-cc-solid-txt flex justify-center text-center relative">
        <div class="lqd-cc-solid-txt-inner">Explide</div>
    </div>
</div>
<div class="lqd-cc--el lqd-cc-solid lqd-cc-drag flex items-center justify-center rounded-full fixed pointer-events-none">
    <div class="lqd-cc-solid-bg flex absolute lqd-overlay"></div>
    <div class="lqd-cc-solid-ext lqd-cc-solid-ext-left inline-flex items-center">
        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" style="width: 1em; height: 1em;"><path fill="currentColor" d="M19.943 6.07L9.837 14.73a1.486 1.486 0 0 0 0 2.25l10.106 8.661c.96.826 2.457.145 2.447-1.125V7.195c0-1.27-1.487-1.951-2.447-1.125z"></path></svg>
    </div>
    <div class="lqd-cc-solid-txt flex justify-center text-center relative">
        <div class="lqd-cc-solid-txt-inner">Drag</div>
    </div>
    <div class="lqd-cc-solid-ext lqd-cc-solid-ext-right inline-flex items-center">
        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" style="width: 1em; height: 1em;"><path fill="currentColor" d="M11.768 25.641l10.106-8.66a1.486 1.486 0 0 0 0-2.25L11.768 6.07c-.96-.826-2.457-.145-2.447 1.125v17.321c0 1.27 1.487 1.951 2.447 1.125z"></path></svg>
    </div>
</div>
<div class="lqd-cc--el lqd-cc-arrow inline-flex items-center fixed top-0 left-0 pointer-events-none">
    <svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M60.4993 0V4.77005H8.87285L80 75.9207L75.7886 79.1419L4.98796 8.35478V60.4993H0V0H60.4993Z"/>
    </svg>
</div>
<div class="lqd-cc--el lqd-cc-custom-icon rounded-full fixed pointer-events-none">
    <div class="lqd-cc-ci inline-flex items-center justify-center rounded-full relative">
        <svg width="32" height="32" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" style="width: 1em; height: 1em;"><path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M16.03 6a1 1 0 0 1 1 1v8.02h8.02a1 1 0 1 1 0 2.01h-8.02v8.02a1 1 0 1 1-2.01 0v-8.02h-8.02a1 1 0 1 1 0-2.01h8.02v-8.01a1 1 0 0 1 1.01-1.01z"></path></svg>
    </div>
</div>
<div class="lqd-cc lqd-cc--outer fixed top-0 left-0 pointer-events-none"></div>
<!-- End custom cursor -->

<template id="lqd-temp-snickersbar">
    <div class="lqd-snickersbar flex flex-wrap lqd-snickersbar-in" data-item-id>
        <div class="lqd-snickersbar-inner flex flex-wrap items-center">
            <div class="lqd-snickersbar-detail">
                <p class="lqd-snickersbar-addding-temp mt-0 mb-0 hidden">Adding {{itemName}} to cart</p>
                <p class="lqd-snickersbar-added-temp mt-0 mb-0 hidden">Added {{itemName}} to cart</p>
                <p class="lqd-snickersbar-msg flex items-center mt-0 mb-0"></p>
                <p class="lqd-snickersbar-msg-done flex items-center mt-0 mb-0"></p>
            </div>
            <div class="lqd-snickersbar-ext ml-1/5em"></div>
        </div>
    </div>
</template>
<template id="lqd-temp-sticky-header-sentinel">
    <div class="lqd-sticky-sentinel invisible absolute pointer-events-none"></div>
</template>
<div class="lity lity-dark" role="dialog" aria-label="Dialog Window (Press escape to close)" tabindex="-1" data-modal-type="default" style="display: none;">
    <div class="lity-backdrop"></div>
    <div class="lity-wrap" data-lity-close role="document">
        <div class="lity-loader" aria-hidden="true">Loading...</div>
        <div class="lity-container">
            <div class="lity-content"></div>
        </div>
        <button class="lity-close" type="button" aria-label="Close (Press escape to close)" data-lity-close>&times;</button>
    </div>
</div>
</body>

</html>