Welcome to Our Corporate Solutions

"<div> <header class="bg-stone-100"> <div class="container mx-auto"> <nav class="w-full rounded-lg border shadow-lg overflow-hidden p-2 bg-background/10 border-transparent shadow-transparent px-0"> <div class="flex items-center relative"><a href="#" class="font-sans antialiased text-sm text-inherit block py-1 font-semibold">Material Tailwind</a> <div class="hidden lg:block absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"> <ul class="mt-4 flex flex-col gap-x-3 gap-y-1.5 lg:mt-0 lg:flex-row lg:items-center"> <li><a href="#" class="font-sans antialiased text-sm text-inherit flex items-center gap-x-2 p-1 hover:text-primary">Home</a> </li> <li><a href="#" class="font-sans antialiased text-sm text-inherit flex items-center gap-x-2 p-1 hover:text-primary">About</a> </li> <li><a href="#" class="font-sans antialiased text-sm text-inherit flex items-center gap-x-2 p-1 hover:text-primary">Contact Us</a></li> </ul> </div> <div class="gap-2 items-center hidden lg:ml-auto lg:flex"><button class="inline-flex items-center justify-center border align-middle select-none font-sans font-medium text-center transition-all duration-300 ease-in disabled:opacity-50 disabled:shadow-none disabled:cursor-not-allowed data-[shape=pill]:rounded-full data-[width=full]:w-full focus:shadow-none text-sm rounded-md py-1.5 px-3 shadow-sm hover:shadow bg-secondary border-secondary text-secondary-foreground hover:bg-secondary-light hover:border-secondary-light" data-shape="default" data-width="default">Sign In</button><button class="inline-flex items-center justify-center border align-middle select-none font-sans font-medium text-center transition-all duration-300 ease-in disabled:opacity-50 disabled:shadow-none disabled:cursor-not-allowed data-[shape=pill]:rounded-full data-[width=full]:w-full focus:shadow-none text-sm rounded-md py-1.5 px-3 shadow-sm hover:shadow bg-primary border-primary text-primary-foreground hover:bg-primary-light hover:border-primary-light" data-shape="default" data-width="default">Buy Now</button></div> <button class="place-items-center border align-middle select-none font-sans font-medium text-center transition-all duration-300 ease-in disabled:opacity-50 disabled:shadow-none disabled:pointer-events-none data-[shape=circular]:rounded-full text-sm min-w-[34px] min-h-[34px] rounded-md bg-transparent border-transparent text-secondary-foreground hover:bg-secondary/10 hover:border-secondary/10 shadow-none hover:shadow-none ml-auto grid lg:hidden" data-shape="default"><i class="fas fa-bars h-4 w-4"></i></button> </div> </nav> <div class="container px-8 py-12 md:py-20 lg:py-28 mx-auto"> <div class="grid md:grid-cols-2 gap-12 items-center"> <div> <div data-open="true" data-shape="pill" class="relative inline-flex w-max items-center border font-sans font-medium rounded-md data-[shape=pill]:rounded-full text-sm p-0.5 border-transparent shadow-none mb-6 bg-green-500/10 text-green-500"> <span class="grid place-items-center shrink-0 rounded-full translate-x-1 w-4 h-4"><i class="fas fa-info-circle w-full h-full"></i></span><span class="font-inherit text-inherit leading-none my-1 mx-2.5">Discover what's new</span></div> <h1 class="font-sans antialiased font-bold text-3xl md:text-4xl lg:text-5xl text-inherit mb-4"> Welcome to Our Corporate Solutions</h1> <p class="font-sans antialiased text-lg text-stone-600">Transforming financial management with cutting-edge NFT marketplace and AI credit scoring.</p> </div> <div class="h-[50vh]"><img src="https://bucket.material-tailwind.com/magic-ai/aba347db6b9334980ddcb362c976a0f6e126e1007fec732fd14e175298532351.jpg" alt="gradient pattern" class="w-full h-full rounded-xl object-cover"></div> </div> </div> </div> </header> </div> <div class="container mx-auto mt-24"> <div class="container mx-auto mb-12 text-center"> <p variant="h1" class="font-sans antialiased text-base text-inherit mb-2 font-bold !text-4xl !leading-snug lg:!text-5xl"> Features of Our NFT Marketplace</p> <p variant="lead" class="font-sans antialiased mx-auto w-full px-4 text-xl text-stone-500 lg:w-8/12 lg:px-8"> Discover the unique features that set our NFT marketplace apart.</p> </div> <div class="px-4 gap-4 grid grid-cols-1 md:grid-cols-3"> <div class="w-full rounded-lg border overflow-hidden border-surface shadow-black/5 bg-transparent border-none shadow-none max-w-sm mx-auto hover:scale-105 transition-transform"> <div class="w-full h-max rounded px-3.5 py-2.5 grid justify-center text-center"> <div class="mx-auto mb-6 grid h-16 w-16 place-items-center rounded-xl bg-gradient-to-br from-stone-800 to-stone-700 p-3 text-white shadow-lg"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-7 w-7"> <path d="M12.378 1.602a.75.75 0 0 0-.756 0L3 6.632l9 5.25 9-5.25-8.622-5.03ZM21.75 7.93l-9 5.25v9l8.628-5.032a.75.75 0 0 0 .372-.648V7.93ZM11.25 22.18v-9l-9-5.25v8.57a.75.75 0 0 0 .372.648l8.628 5.033Z"> </path> </svg></div> <p variant="h4" class="font-sans antialiased font-bold text-2xl mb-3"> Diverse NFT Collections</p> <p class="font-sans antialiased text-base font-light text-stone-600 leading-relaxed"> Explore a wide range of NFT collections from various artists and creators, ensuring there's something for everyone.</p> </div> </div> <div class="w-full rounded-lg border overflow-hidden border-surface shadow-black/5 bg-transparent border-none shadow-none max-w-sm mx-auto hover:scale-105 transition-transform"> <div class="w-full h-max rounded px-3.5 py-2.5 grid justify-center text-center"> <div class="mx-auto mb-6 grid h-16 w-16 place-items-center rounded-xl bg-gradient-to-br from-stone-800 to-stone-700 p-3 text-white shadow-lg"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-7 w-7"> <path fill-rule="evenodd" d="M12.516 2.17a.75.75 0 0 0-1.032 0 11.209 11.209 0 0 1-7.877 3.08.75.75 0 0 0-.722.515A12.74 12.74 0 0 0 2.25 9.75c0 5.942 4.064 10.933 9.563 12.348a.749.749 0 0 0 .374 0c5.499-1.415 9.563-6.406 9.563-12.348 0-1.39-.223-2.73-.635-3.985a.75.75 0 0 0-.722-.516l-.143.001c-2.996 0-5.717-1.17-7.734-3.08Zm3.094 8.016a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd"></path> </svg></div> <p variant="h4" class="font-sans antialiased font-bold text-2xl mb-3"> Secure Transactions</p> <p class="font-sans antialiased text-base font-light text-stone-600 leading-relaxed"> Our platform guarantees secure transactions with blockchain technology, providing peace of mind for buyers and sellers.</p> </div> </div> <div class="w-full rounded-lg border overflow-hidden border-surface shadow-black/5 bg-transparent border-none shadow-none max-w-sm mx-auto hover:scale-105 transition-transform"> <div class="w-full h-max rounded px-3.5 py-2.5 grid justify-center text-center"> <div class="mx-auto mb-6 grid h-16 w-16 place-items-center rounded-xl bg-gradient-to-br from-stone-800 to-stone-700 p-3 text-white shadow-lg"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-7 w-7"> <path fill-rule="evenodd" d="M9 4.5a.75.75 0 0 1 .721.544l.813 2.846a3.75 3.75 0 0 0 2.576 2.576l2.846.813a.75.75 0 0 1 0 1.442l-2.846.813a3.75 3.75 0 0 0-2.576 2.576l-.813 2.846a.75.75 0 0 1-1.442 0l-.813-2.846a3.75 3.75 0 0 0-2.576-2.576l-2.846-.813a.75.75 0 0 1 0-1.442l2.846-.813A3.75 3.75 0 0 0 7.466 7.89l.813-2.846A.75.75 0 0 1 9 4.5ZM18 1.5a.75.75 0 0 1 .728.568l.258 1.036c.236.94.97 1.674 1.91 1.91l1.036.258a.75.75 0 0 1 0 1.456l-1.036.258c-.94.236-1.674.97-1.91 1.91l-.258 1.036a.75.75 0 0 1-1.456 0l-.258-1.036a2.625 2.625 0 0 0-1.91-1.91l-1.036-.258a.75.75 0 0 1 0-1.456l1.036-.258a2.625 2.625 0 0 0 1.91-1.91l.258-1.036A.75.75 0 0 1 18 1.5ZM16.5 15a.75.75 0 0 1 .712.513l.394 1.183c.15.447.5.799.948.948l1.183.395a.75.75 0 0 1 0 1.422l-1.183.395c-.447.15-.799.5-.948.948l-.395 1.183a.75.75 0 0 1-1.422 0l-.395-1.183a1.5 1.5 0 0 0-.948-.948l-1.183-.395a.75.75 0 0 1 0-1.422l1.183-.395c.447-.15.799-.5.948-.948l.395-1.183A.75.75 0 0 1 16.5 15Z" clip-rule="evenodd"></path> </svg></div> <p variant="h4" class="font-sans antialiased font-bold text-2xl mb-3"> User-Friendly Interface</p> <p class="font-sans antialiased text-base font-light text-stone-600 leading-relaxed"> Navigate our intuitive interface with ease, making it simple for users to buy, sell, and manage their NFTs.</p> </div> </div> </div> </div> <div class="container mx-auto mt-24"> <div class="container mx-auto mb-12 text-center"> <p variant="h1" class="font-sans antialiased text-base text-inherit mb-2 font-bold !text-4xl !leading-snug lg:!text-5xl"> AI Credit Score Solutions</p> <p variant="lead" class="font-sans antialiased mx-auto w-full px-4 text-xl text-stone-500 lg:w-8/12 lg:px-8"> Revolutionizing financial management with our AI-driven credit scoring. </p> </div> <div class="px-4 gap-4 grid grid-cols-1 md:grid-cols-3"> <div class="w-full rounded-lg border overflow-hidden border-surface shadow-black/5 bg-transparent border-none shadow-none max-w-sm mx-auto hover:scale-105 transition-transform"> <div class="w-full h-max rounded px-3.5 py-2.5 grid justify-center text-center"> <div class="mx-auto mb-6 grid h-16 w-16 place-items-center rounded-xl bg-gradient-to-br from-stone-800 to-stone-700 p-3 text-white shadow-lg"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-7 w-7"> <path d="M18.375 2.25c-1.035 0-1.875.84-1.875 1.875v15.75c0 1.035.84 1.875 1.875 1.875h.75c1.035 0 1.875-.84 1.875-1.875V4.125c0-1.036-.84-1.875-1.875-1.875h-.75ZM9.75 8.625c0-1.036.84-1.875 1.875-1.875h.75c1.036 0 1.875.84 1.875 1.875v11.25c0 1.035-.84 1.875-1.875 1.875h-.75a1.875 1.875 0 0 1-1.875-1.875V8.625ZM3 13.125c0-1.036.84-1.875 1.875-1.875h.75c1.036 0 1.875.84 1.875 1.875v6.75c0 1.035-.84 1.875-1.875 1.875h-.75A1.875 1.875 0 0 1 3 19.875v-6.75Z"> </path> </svg></div> <p variant="h4" class="font-sans antialiased font-bold text-2xl mb-3"> Real-Time Credit Monitoring</p> <p class="font-sans antialiased text-base font-light text-stone-600 leading-relaxed"> Stay updated with real-time insights into your credit score, allowing you to make informed financial decisions.</p> </div> </div> <div class="w-full rounded-lg border overflow-hidden border-surface shadow-black/5 bg-transparent border-none shadow-none max-w-sm mx-auto hover:scale-105 transition-transform"> <div class="w-full h-max rounded px-3.5 py-2.5 grid justify-center text-center"> <div class="mx-auto mb-6 grid h-16 w-16 place-items-center rounded-xl bg-gradient-to-br from-stone-800 to-stone-700 p-3 text-white shadow-lg"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-7 w-7"> <path fill-rule="evenodd" d="M12.516 2.17a.75.75 0 0 0-1.032 0 11.209 11.209 0 0 1-7.877 3.08.75.75 0 0 0-.722.515A12.74 12.74 0 0 0 2.25 9.75c0 5.942 4.064 10.933 9.563 12.348a.749.749 0 0 0 .374 0c5.499-1.415 9.563-6.406 9.563-12.348 0-1.39-.223-2.73-.635-3.985a.75.75 0 0 0-.722-.516l-.143.001c-2.996 0-5.717-1.17-7.734-3.08Zm3.094 8.016a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd"></path> </svg></div> <p variant="h4" class="font-sans antialiased font-bold text-2xl mb-3"> Enhanced Security</p> <p class="font-sans antialiased text-base font-light text-stone-600 leading-relaxed"> Our AI solutions ensure your data is protected with advanced security measures, giving you peace of mind.</p> </div> </div> <div class="w-full rounded-lg border overflow-hidden border-surface shadow-black/5 bg-transparent border-none shadow-none max-w-sm mx-auto hover:scale-105 transition-transform"> <div class="w-full h-max rounded px-3.5 py-2.5 grid justify-center text-center"> <div class="mx-auto mb-6 grid h-16 w-16 place-items-center rounded-xl bg-gradient-to-br from-stone-800 to-stone-700 p-3 text-white shadow-lg"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-7 w-7"> <path d="M12 .75a8.25 8.25 0 0 0-4.135 15.39c.686.398 1.115 1.008 1.134 1.623a.75.75 0 0 0 .577.706c.352.083.71.148 1.074.195.323.041.6-.218.6-.544v-4.661a6.714 6.714 0 0 1-.937-.171.75.75 0 1 1 .374-1.453 5.261 5.261 0 0 0 2.626 0 .75.75 0 1 1 .374 1.452 6.712 6.712 0 0 1-.937.172v4.66c0 .327.277.586.6.545.364-.047.722-.112 1.074-.195a.75.75 0 0 0 .577-.706c.02-.615.448-1.225 1.134-1.623A8.25 8.25 0 0 0 12 .75Z"> </path> <path fill-rule="evenodd" d="M9.013 19.9a.75.75 0 0 1 .877-.597 11.319 11.319 0 0 0 4.22 0 .75.75 0 1 1 .28 1.473 12.819 12.819 0 0 1-4.78 0 .75.75 0 0 1-.597-.876ZM9.754 22.344a.75.75 0 0 1 .824-.668 13.682 13.682 0 0 0 2.844 0 .75.75 0 1 1 .156 1.492 15.156 15.156 0 0 1-3.156 0 .75.75 0 0 1-.668-.824Z" clip-rule="evenodd"></path> </svg></div> <p variant="h4" class="font-sans antialiased font-bold text-2xl mb-3"> Personalized Recommendations</p> <p class="font-sans antialiased text-base font-light text-stone-600 leading-relaxed"> Receive tailored advice and strategies to improve your credit score based on your unique financial situation.</p> </div> </div> </div> </div> <div class="container mx-auto mt-24"> <div class="container mx-auto mb-12 text-center"> <p variant="h1" class="font-sans antialiased text-base text-inherit mb-2 font-bold !text-4xl !leading-snug lg:!text-5xl"> What Our Clients Say</p> <p variant="lead" class="font-sans antialiased mx-auto w-full px-4 text-xl text-stone-500 lg:w-8/12 lg:px-8"> Hear from our satisfied clients about their experiences.</p> </div> <div class="px-4 gap-4 grid grid-cols-1 md:grid-cols-3"> <div class="w-full rounded-lg shadow-sm overflow-hidden shadow-black/5 bg-stone-50 border border-stone-200"> <div floated="false" shadow="false" class="w-[calc(100%-16px)] h-max rounded m-2 !m-0 p-6 text-center"><img variant="circular" src="https://bucket.material-tailwind.com/magic-ai/036cc9544f26d7c32008fdc1e067f0f79611e48311c898d8d6bc56d6793690fa.jpg" alt="Alice Johnson" class="inline-block object-cover object-center data-[shape=square]:rounded-none data-[shape=circular]:rounded-full data-[shape=rounded]:rounded-[current] w-28 h-28 rounded-xl mb-3 ring-4 ring-white" data-shape="circular"> <p variant="h5" class="font-sans antialiased text-base text-inherit font-bold">Alice Johnson</p> <p variant="small" class="font-sans antialiased text-base font-medium text-stone-600 mb-4"> Digital Artist</p> <div class="inline-flex items-center [&amp;_data-slot=icon]:w-5 [&amp;_data-slot=icon]:h-5 [&amp;_data-slot=icon]:text-inherit [&amp;_data-slot=icon]:cursor-pointer justify-center text-yellow-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-6 w-6" data-slot="icon"> <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd"></path> </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-6 w-6" data-slot="icon"> <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd"></path> </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-6 w-6" data-slot="icon"> <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd"></path> </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-6 w-6" data-slot="icon"> <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd"></path> </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-6 w-6" data-slot="icon"> <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd"></path> </svg></div> </div> <div class="w-full h-max rounded py-2.5 text-center px-6 pb-6"> <p variant="paragraph" class="font-sans antialiased text-base font-normal text-stone-700"> "<!-- -->The NFT marketplace has transformed the way I buy and sell digital art. The AI credit score service is a game changer!<!-- -->" </p> </div> </div> <div class="w-full rounded-lg shadow-sm overflow-hidden shadow-black/5 bg-stone-50 border border-stone-200"> <div floated="false" shadow="false" class="w-[calc(100%-16px)] h-max rounded m-2 !m-0 p-6 text-center"><img variant="circular" src="https://bucket.material-tailwind.com/magic-ai/8366cea74da39653ac0d7350aa26d0c8e35b335e8ea4055b2c9acddc945543e0.jpg" alt="Mark Smith" class="inline-block object-cover object-center data-[shape=square]:rounded-none data-[shape=circular]:rounded-full data-[shape=rounded]:rounded-[current] w-28 h-28 rounded-xl mb-3 ring-4 ring-white" data-shape="circular"> <p variant="h5" class="font-sans antialiased text-base text-inherit font-bold">Mark Smith</p> <p variant="small" class="font-sans antialiased text-base font-medium text-stone-600 mb-4"> Entrepreneur</p> <div class="inline-flex items-center [&amp;_data-slot=icon]:w-5 [&amp;_data-slot=icon]:h-5 [&amp;_data-slot=icon]:text-inherit [&amp;_data-slot=icon]:cursor-pointer justify-center text-yellow-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-6 w-6" data-slot="icon"> <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd"></path> </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-6 w-6" data-slot="icon"> <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd"></path> </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-6 w-6" data-slot="icon"> <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd"></path> </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-6 w-6" data-slot="icon"> <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd"></path> </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-6 w-6" data-slot="icon"> <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd"></path> </svg></div> </div> <div class="w-full h-max rounded py-2.5 text-center px-6 pb-6"> <p variant="paragraph" class="font-sans antialiased text-base font-normal text-stone-700"> "<!-- -->I was skeptical at first, but the AI credit score helped me secure a loan that I thought was impossible. Highly recommend!<!-- -->"</p> </div> </div> <div class="w-full rounded-lg shadow-sm overflow-hidden shadow-black/5 bg-stone-50 border border-stone-200"> <div floated="false" shadow="false" class="w-[calc(100%-16px)] h-max rounded m-2 !m-0 p-6 text-center"><img variant="circular" src="https://bucket.material-tailwind.com/magic-ai/8695b241e961becaa0da52a90ce87e0dd9f8afdca569a17873a22de04dbff6ec.jpg" alt="Sarah Lee" class="inline-block object-cover object-center data-[shape=square]:rounded-none data-[shape=circular]:rounded-full data-[shape=rounded]:rounded-[current] w-28 h-28 rounded-xl mb-3 ring-4 ring-white" data-shape="circular"> <p variant="h5" class="font-sans antialiased text-base text-inherit font-bold">Sarah Lee</p> <p variant="small" class="font-sans antialiased text-base font-medium text-stone-600 mb-4"> Content Creator</p> <div class="inline-flex items-center [&amp;_data-slot=icon]:w-5 [&amp;_data-slot=icon]:h-5 [&amp;_data-slot=icon]:text-inherit [&amp;_data-slot=icon]:cursor-pointer justify-center text-yellow-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-6 w-6" data-slot="icon"> <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd"></path> </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-6 w-6" data-slot="icon"> <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd"></path> </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-6 w-6" data-slot="icon"> <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd"></path> </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-6 w-6" data-slot="icon"> <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd"></path> </svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-6 w-6" data-slot="icon"> <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd"></path> </svg></div> </div> <div class="w-full h-max rounded py-2.5 text-center px-6 pb-6"> <p variant="paragraph" class="font-sans antialiased text-base font-normal text-stone-700"> "<!-- -->Using the NFT marketplace has been a breeze. The interface is user-friendly and the support team is fantastic!<!-- -->"</p> </div> </div> </div> </div> <div class="container mx-auto mt-24"> <div class="container mx-auto mb-12 text-center"> <p variant="h1" class="font-sans antialiased text-base text-inherit mb-2 font-bold !text-4xl !leading-snug lg:!text-5xl"> Get in Touch</p> <p variant="lead" class="font-sans antialiased mx-auto w-full px-4 text-xl text-stone-500 lg:w-8/12 lg:px-8"> Contact us for more information about our NFT marketplace and AI credit score solutions.</p> </div> <div class="px-4 gap-4 grid grid-cols-1 md:grid-cols-2"> <div class="bg-white rounded-lg p-4 shadow-md"> <p variant="h3" class="font-sans antialiased text-inherit mb-2 font-bold text-xl"> Contact Form Title</p> <p variant="paragraph" class="font-sans antialiased text-inherit mb-2 font-normal text-md !text-stone-500"> Contact Form Description</p> <form> <div> <div class="w-full mt-2"><label for="email" class="font-sans antialiased text-sm text-black dark:text-white font-semibold">Name</label> <div class="relative w-full"><input placeholder="Enter your name" type="text" class="w-full aria-disabled:cursor-not-allowed outline-none focus:outline-none text-black dark:text-white placeholder:text-foreground/60 bg-transparent ring-transparent border border-surface transition-all duration-300 ease-in disabled:opacity-50 disabled:pointer-events-none data-[error=true]:border-error data-[success=true]:border-success select-none data-[shape=pill]:rounded-full text-sm rounded-md py-2 px-2.5 ring shadow-sm data-[icon-placement=start]:ps-9 data-[icon-placement=end]:pe-9 hover:border-primary hover:ring-primary/10 focus:border-primary focus:ring-primary/10 peer" data-error="false" data-success="false" data-shape="default" data-icon-placement=""></div> </div> </div> <div> <div class="w-full mt-2"><label for="email" class="font-sans antialiased text-sm text-black dark:text-white font-semibold">Email</label> <div class="relative w-full"><input placeholder="Enter your email" type="email" class="w-full aria-disabled:cursor-not-allowed outline-none focus:outline-none text-black dark:text-white placeholder:text-foreground/60 bg-transparent ring-transparent border border-surface transition-all duration-300 ease-in disabled:opacity-50 disabled:pointer-events-none data-[error=true]:border-error data-[success=true]:border-success select-none data-[shape=pill]:rounded-full text-sm rounded-md py-2 px-2.5 ring shadow-sm data-[icon-placement=start]:ps-9 data-[icon-placement=end]:pe-9 hover:border-primary hover:ring-primary/10 focus:border-primary focus:ring-primary/10 peer" data-error="false" data-success="false" data-shape="default" data-icon-placement=""></div> </div> </div> <div> <div class="w-full mt-2"><label for="email" class="font-sans antialiased text-sm text-black dark:text-white font-semibold">Message</label> <div class="relative w-full"><input placeholder="Type your message here" type="text" class="w-full aria-disabled:cursor-not-allowed outline-none focus:outline-none text-black dark:text-white placeholder:text-foreground/60 bg-transparent ring-transparent border border-surface transition-all duration-300 ease-in disabled:opacity-50 disabled:pointer-events-none data-[error=true]:border-error data-[success=true]:border-success select-none data-[shape=pill]:rounded-full text-sm rounded-md py-2 px-2.5 ring shadow-sm data-[icon-placement=start]:ps-9 data-[icon-placement=end]:pe-9 hover:border-primary hover:ring-primary/10 focus:border-primary focus:ring-primary/10 peer" data-error="false" data-success="false" data-shape="default" data-icon-placement=""></div> </div> </div><button type="submit" class="justify-center border align-middle select-none font-sans font-medium text-center transition-all duration-300 ease-in disabled:opacity-50 disabled:shadow-none disabled:cursor-not-allowed data-[shape=pill]:rounded-full data-[width=full]:w-full focus:shadow-none text-sm rounded-md py-2 px-4 shadow-sm hover:shadow-md bg-primary border-primary text-primary-foreground hover:bg-primary-light hover:border-primary-light flex items-center gap-2 mt-3" data-shape="default" data-width="default"><i class="fa-solid fa-paper-plane"></i>Submit</button> </form> </div> <div class="w-full rounded-lg border overflow-hidden border-surface shadow-black/5 bg-transparent border-none shadow-none"> <div class="w-full h-max rounded px-3.5 py-2.5 items-center"> <p variant="paragraph" class="font-sans antialiased text-inherit mb-2 font-normal text-md !text-stone-500"> We are here to help you</p> <p variant="h3" class="font-sans antialiased text-inherit mb-1 font-bold text-2xl"> Contact Information</p> <p class="font-sans antialiased text-base mb-4 font-normal text-stone-500"> We are here to help you with any inquiries you may have.</p> <p class="font-sans antialiased text-base mb-1 font-normal text-stone-500"> 123 SaaS Lane, Tech City, CA 90210</p> <p class="font-sans antialiased text-base mb-1 font-normal text-stone-500"> +1 (555) 123-4567</p> <p class="font-sans antialiased text-base mb-1 font-normal text-stone-500"> [email protected]</p> </div> </div> </div> </div> <div class="container mx-auto"> <footer class="w-full pt-12 pb-6"> <div class="flex w-full flex-row flex-wrap items-center justify-center text-center md:justify-between"> <div class="flex items-center gap-x-2"><a class="antialiased text-sm font-bold hover:text-stone-600" target="_blank" href="https://www.creative-tim.com/ai">Creative AI</a> </div> <ul class="flex flex-wrap items-center gap-x-6 gap-y-2"> <li><a class="antialiased text-sm hover:text-stone-600" href="#">About Us</a></li> <li><a class="antialiased text-sm hover:text-stone-600" href="#">License</a></li> <li><a class="antialiased text-sm hover:text-stone-600" href="#">Contribute</a></li> <li><a class="antialiased text-sm hover:text-stone-600" href="#">Contact Us</a></li> </ul> </div> <hr class="my-3 border-stone-200"> <p class="antialiased text-sm pt-2 text-center"> Copyright © <!-- -->2025<!-- -->. Generated with <a class="text-stone-600 hover:text-stone-500" target="_blank" href="https://www.creative-tim.com/ai">Creative AI</a> using <a class="text-stone-600 hover:text-stone-500" target="_blank" href="https://www.creative-tim.com/david-ui">David UI Framework</a>.</p> </footer> </div>"