<body id="i1nl">
<!--Navbar-->
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>NovaAI - AI-Powered Customer Support Platform
</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer"/>
<div id="i4qf" class="w-full lg:h-16">
<nav id="i2dn" x-data="{ isOpen: false }" class="z-50 w-full fixed bg-gradient-to-t from-neutral-200 to-white border-b border-lime-500">
<div id="i33u78" class="container mx-auto flex w-full flex-col p-2 lg:flex-row">
<div class="flex h-12 items-center">
<h1 id="ilon1f" class="text-2xl font-bold px-3 bg-gradient-to-br from-blue-300 via-amber-300 to-pink-300 rounded-full">NovaAI
</h1>
<div class="flex-grow lg:hidden">
</div>
<div id="ihtv3k" x-on:click="isOpen = !isOpen" x-on:click.outside="isOpen = false" class="flex w-12 cursor-pointer items-center justify-center lg:hidden">
<span :class="!isOpen ? '' : 'hidden'"><i title="icon" id="ixiyjf" class="fas fa-bars">
</i></span>
<span :class="isOpen ? '' : 'hidden'"><i title="icon" id="imn9yd" class="fas fa-times">
</i></span>
</div>
</div>
<div id="i1ihn" :class="isOpen ? '' : 'hidden'" class="flex-grow flex-col justify-end pt-4 lg:flex lg:flex-row lg:pt-0">
<a href="#features" class="-mx-2 flex h-12 items-center px-6 lg:mx-0">Features</a>
<a href="#benefits" class="-mx-2 flex h-12 items-center px-6 lg:mx-0">Benefits</a>
<a href="#how-it-works" class="-mx-2 flex h-12 items-center px-6 lg:mx-0">How It Works</a>
<a href="#pricing" class="-mx-2 flex h-12 items-center px-6 lg:mx-0">Pricing</a>
<a id="ix8qsg" href="#contact" class="mx-4 mb-4 mt-4 flex h-12 items-center justify-center rounded-full bg-lime-500 px-6 lg:mb-0 lg:ml-4 lg:mr-0 lg:mt-0 font-semibold">Get Started</a>
</div>
</div>
</nav>
</div>
<!--Hero Section-->
<!--Features Section-->
<section id="ivmztc" class="relative mb-16 overflow-hidden bg-lime-500">
<div id="ilm2bx" class="absolute inset-0 overflow-hidden">
<div id="igchut" class="absolute inset-0 bg-lime-700 opacity-80">
</div>
<img id="iz2g5" alt="Background Pattern" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/vSofptqnzb7Yhf07qd1MqhllopksTY4sLW74u41b.jpg" class="h-full w-full object-cover"/>
</div>
<div id="ikbjlg" class="container relative mx-auto grid gap-8 px-6 py-24 lg:grid-cols-2 lg:px-16">
<div class="flex flex-col justify-center text-white">
<div id="i940n8" class="mb-4 max-w-max rounded-full bg-white bg-opacity-10 px-4 py-2 backdrop-blur-sm">
<p id="iqwmk" class="text-sm font-bold">NEW RELEASE
</p>
</div>
<h1 id="iuxaeh" class="mb-6 text-4xl font-bold lg:text-7xl">Transform Customer Support with AI
</h1>
<p id="i1mv2g" class="mb-8 text-xl lg:text-2xl">Automate responses, analyze sentiment, and boost satisfaction
</p>
<div class="flex flex-col gap-4 lg:flex-row">
<a id="iq30ph" href="#start" class="flex h-14 items-center justify-center rounded-full bg-white px-8 text-lg font-semibold text-lime-800 hover:bg-opacity-90">Get Started Free</a>
<a id="ihk09d" href="#demo" class="flex h-14 items-center justify-center rounded-full border-2 border-white px-8 text-lg font-semibold text-white hover:bg-white hover:text-lime-800">Schedule Demo</a>
</div>
<div class="mt-8 flex items-center gap-8">
<div class="flex -space-x-4">
<img id="icmoy" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/QtbOlSF7ehwTI8Zsweilr5hytgb3rFFqGApxXYk9.jpg" class="h-10 w-10 rounded-full border-2 border-white"/>
<img id="itpa1" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/yDx4ZKcud4AN3GpwhAWkske7rum71P3BHiE5sxdb.jpg" class="h-10 w-10 rounded-full border-2 border-white"/>
<img id="ihv9m" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/QtbOlSF7ehwTI8Zsweilr5hytgb3rFFqGApxXYk9.jpg" class="h-10 w-10 rounded-full border-2 border-white"/>
</div>
<p class="text-sm">Join over 10,000+ developers worldwide
</p>
</div>
</div>
<div id="iwjkw" class="relative flex justify-end">
<div id="iwbrv2" class="relative aspect-square overflow-hidden rounded-2xl bg-white border border-white backdrop-blur-sm lg:aspect-auto">
<img id="ifbyo6" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/vSofptqnzb7Yhf07qd1MqhllopksTY4sLW74u41b.jpg" class="h-full w-full object-cover max-w-xl"/>
<div id="ie3ivt" class="absolute bottom-0 left-0 right-0 p-6 text-white backdrop-blur">
<div id="i8u5j1" class="rounded-lg p-4 bg-black bg-opacity-40">
<div class="mb-2 text-sm font-semibold">Featured Project
</div>
<h3 class="text-lg font-bold">AI-Powered Analytics Dashboard
</h3>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="features" class="container mx-auto my-8 px-6 lg:my-16 lg:px-16">
<div class="mb-4 grid grid-cols-1 lg:mx-24 lg:mb-8">
<div id="ibt99" class="col-span-1">
<div id="isitb6" class="mb-2 max-w-max rounded-full border-2 border-lime-500 px-2 font-bold text-lime-500 lg:mb-4">Features
</div>
</div>
<div>
<h1 id="i9dai" class="mb-2 text-2xl font-bold capitalize lg:mb-4 lg:text-6xl">Power-Packed AI Features
</h1>
</div>
<div class="flex items-center">
<p id="ihm64" class="w-full text-left text-xl opacity-70 lg:text-2xl font-semibold">Everything you need to deliver exceptional customer support
</p>
</div>
</div>
<div id="i7d98o" class="grid gap-4 lg:gap-8 lg:grid-cols-3">
<div id="ifaalp" class="flex flex-col rounded-2xl border border-neutral-200 bg-gradient-to-tr from-neutral-200 to-white p-4">
<div id="i9pwp2" class="mb-8 flex h-16 w-16 items-center justify-center rounded-md bg-blue-500 text-4xl text-white">
<i title="icon" class="fas fa-robot">
</i>
</div>
<h4 class="mb-2 text-lg font-semibold">AI-Powered Responses
</h4>
<p class="text-lg">Instant, accurate responses to customer queries using advanced natural language processing
</p>
</div>
<div id="i1faa" class="flex flex-col rounded-2xl border border-neutral-200 bg-gradient-to-tr from-neutral-200 to-white p-4">
<div id="i1w6g1" class="mb-8 flex h-16 w-16 items-center justify-center rounded-md bg-amber-500 text-4xl text-white">
<i title="icon" class="fas fa-chart-line">
</i>
</div>
<h4 class="mb-2 text-lg font-semibold">Sentiment Analysis
</h4>
<p class="text-lg">Real-time analysis of customer emotions to improve interaction quality and satisfaction
</p>
</div>
<div id="iq3v2z" class="flex flex-col rounded-2xl border border-neutral-200 bg-gradient-to-tr from-neutral-200 to-white p-4">
<div id="i0iyht" class="mb-8 flex h-16 w-16 items-center justify-center rounded-md bg-pink-500 text-4xl text-white">
<i title="icon" class="fas fa-chart-pie">
</i>
</div>
<h4 class="mb-2 text-lg font-semibold">Actionable Insights
</h4>
<p class="text-lg">Data-driven recommendations to enhance customer experience and support efficiency
</p>
</div>
</div>
</section>
<!--Benefits Section-->
<section id="i4nys8" class="h-12">
</section>
<section id="benefits" class="container mx-auto my-8 px-6 lg:my-16 lg:px-16">
<div id="i1utwl" class="text-center">
<div class="headline mx-auto mb-8 max-w-full lg:max-w-3xl">
<div id="ibxn4h" class="mx-auto mb-2 w-max rounded-full bg-lime-500 px-2 py-1 lg:mb-4">
<p class="text-sm font-bold uppercase text-white">Benefits
</p>
</div>
<h2 id="ibild4" class="mb-4 text-3xl font-bold capitalize lg:text-6xl">Transform Your Customer Support
</h2>
<h6 class="text-base lg:text-lg">Experience the power of AI-driven customer service with NovaAI
</h6>
</div>
<div id="i5ku6i" class="mb-8 grid grid-cols-1 gap-4 lg:gap-8 lg:mb-16 lg:grid-cols-3">
<div id="i5jzom" class="group flex flex-col justify-between rounded-2xl border border-slate-300 overflow-hidden">
<img id="iwsabd" alt="Faster Response Times" src="https://images.pexels.com/photos/7682340/pexels-photo-7682340.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2" class="w-full aspect-square object-cover"/>
<div id="igf60a" class="flex h-full flex-col justify-between p-4 text-center lg:p-8">
<div>
<div class="mb-2 text-lg font-bold lg:mb-4">24/7 Support
</div>
<div class="mb-4 text-base lg:mb-8 lg:text-lg">Provide instant support to customers around the clock
</div>
</div>
</div>
</div>
<div id="iyebmb" class="group flex flex-col justify-between rounded-2xl border border-slate-300 overflow-hidden">
<img id="iz5afk" alt="Cost Reduction" src="https://images.pexels.com/photos/53621/calculator-calculation-insurance-finance-53621.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2" class="w-full aspect-square object-cover"/>
<div id="ij9i7j" class="flex h-full flex-col justify-between p-4 text-center lg:p-8">
<div>
<div class="mb-2 text-lg font-bold lg:mb-4">Reduced Costs
</div>
<div class="mb-4 text-base lg:mb-8 lg:text-lg">Lower support costs while maintaining high quality service
</div>
</div>
</div>
</div>
<div id="ifj9ut" class="group flex flex-col justify-between rounded-2xl border border-slate-300 overflow-hidden">
<img id="ilk2j5" alt="Customer Satisfaction" src="https://images.pexels.com/photos/789822/pexels-photo-789822.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2" class="w-full aspect-square object-cover"/>
<div id="ig6m7c" class="flex h-full flex-col justify-between p-4 text-center lg:p-8">
<div>
<div class="mb-2 text-lg font-bold lg:mb-4">Higher Satisfaction
</div>
<div class="mb-4 text-base lg:mb-8 lg:text-lg">Improve customer satisfaction with quick, accurate responses
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--How It Works Section-->
<section id="imv5t7" class="h-12">
</section>
<section id="how-it-works" class="container mx-auto my-8 px-6 lg:my-16 lg:px-16">
<div id="izd5ob" class="mb-4 grid grid-cols-1 lg:mb-8 lg:grid-cols-2 lg:mx-24">
<div id="ie91rq" class="col-span-1 lg:col-span-2">
<div id="i5pk58" class="mb-2 max-w-max rounded-full border-2 border-lime-500 px-2 font-bold text-lime-500 lg:mb-4">Process
</div>
</div>
<div id="ikrvgj">
<h1 id="i9u6qu" class="mb-2 text-2xl font-bold capitalize lg:mb-0 lg:text-6xl">How NovaAI Works
</h1>
</div>
<div class="flex items-center">
<p id="ijhnyx" class="w-full text-left text-base font-semibold lg:text-right lg:text-2xl opacity-70">Simple integration, powerful results
</p>
</div>
</div>
<div id="i3c0ww" class="grid grid-cols-1 gap-4 lg:gap-8 lg:grid-cols-3">
<div id="inzezy" class="relative overflow-hidden rounded-2xl bg-gradient-to-t from-lime-300 to-lime-100">
<img id="im9cjh" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/z9gNbvbwYUN7S818rkDyY0NDwIboyoleoRbdIbh8.png" class="absolute top-0 w-full drop-shadow-lg"/>
<div id="iuz8bv" class="absolute left-0 top-0 w-full p-4">
<p class="mb-2 font-bold opacity-50">Step 1
</p>
<p class="text-base font-semibold lg:text-2xl">Quick Integration
</p>
</div>
</div>
<div id="i0cl1h-2-2" class="relative overflow-hidden rounded-2xl bg-gradient-to-t from-lime-300 to-lime-100">
<img id="i3r05v-2-2" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/apP3FzZXJxE8qgJBbNCAuEOVBuuDgif9IWi7Xzgk.png" class="absolute top-0 w-full drop-shadow-lg"/>
<div id="iuwqh3" class="absolute left-0 top-0 w-full p-4">
<p id="igh12w-2" class="mb-2 font-bold opacity-50">Step 2
</p>
<p id="ig82jt-2" class="text-base font-semibold lg:text-2xl">AI learns your business
</p>
</div>
</div>
<div id="ijiqgr" class="relative overflow-hidden rounded-2xl bg-gradient-to-t from-lime-300 to-lime-100">
<img id="i6z524" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/PvR9xc7xCVDMcIHvZV0XG05QHQnSu0AOWxCmnByb.png" class="absolute top-0 w-full drop-shadow-lg"/>
<div id="ipmmtx" class="absolute left-0 top-0 w-full p-4">
<p id="i941em" class="mb-2 font-bold opacity-50">Step 3
</p>
<p id="inxip2" class="text-base font-semibold lg:text-2xl">Start automating support
</p>
</div>
</div>
</div>
</section>
<!--Testimonials Section-->
<section id="ibtsqx" class="h-12">
</section>
<section id="i6t9rc" class="container mx-auto my-8 px-6 lg:my-16 lg:px-16">
<div id="ivbzce" class="grid grid-cols-1 mb-4 lg:mb-8 mx-0 lg:mx-24">
<div class="col-span-1">
<div id="iwp1tl" class="border-2 rounded-full border-lime-500 text-lime-500 px-2 max-w-max font-bold mb-2 lg:mb-4">Testimonials
</div>
</div>
<div id="iuagto">
<h1 id="i2iv13" class="text-2xl lg:text-6xl capitalize font-bold mb-2 lg:mb-4">What Our Clients Say
</h1>
</div>
<div class="flex items-center">
<p id="iw2jui" class="text-base lg:text-2xl font-semibold w-full opacity-70">Success stories from businesses using NovaAI
</p>
</div>
</div>
<div id="imfnfy" class="grid grid-cols-1 lg:grid-cols-3 gap-4 lg:gap-8">
<div id="ikxtrp" class="border border-gray-200 rounded-2xl p-4">
<h4 class="text-xl font-semibold">Sarah Chen
</h4>
<p class="text-xs mb-2">E-commerce Manager / StyleBox
</p>
<p id="iqkakg" class="text-xl">"NovaAI transformed our customer support operations. Response times dropped by 80% and customer satisfaction increased significantly. The AI insights helped us improve our product descriptions and reduce common support tickets."
</p>
</div>
<div id="i7i2hk" class="border border-gray-200 rounded-2xl p-4">
<h4 class="text-xl font-semibold">Mark Rodriguez
</h4>
<p class="text-xs mb-2">Support Director / TechFlow Solutions
</p>
<p class="text-xl">"The sentiment analysis feature is a game-changer. We can now proactively address customer concerns before they escalate. Our team is more efficient and our customers are happier."
</p>
</div>
<div id="irzzrt" class="border border-gray-200 rounded-2xl p-4">
<h4 class="text-xl font-semibold">Emma Thompson
</h4>
<p class="text-xs mb-2">CEO / Bright Digital
</p>
<p class="text-xl">"Implementing NovaAI was the best decision we made for our support team. The ROI has been incredible - we've reduced costs while improving service quality."
</p>
</div>
</div>
</section>
<!--Pricing Section-->
<section id="ip92mi" class="h-12">
</section>
<section id="i9tpij" class="container mx-auto my-8 px-6 lg:my-16 lg:px-16">
<div class="mb-4 grid grid-cols-1 lg:mb-8 lg:mx-24">
<div id="irkxb1" class="col-span-1">
<div id="iqkdpj" class="mb-2 max-w-max rounded-full border-2 border-lime-500 px-2 font-bold text-lime-500 lg:mb-4">Pricing
</div>
</div>
<div>
<h1 id="ikfr05" class="mb-2 text-2xl font-bold capitalize lg:mb-4 lg:text-6xl">Simple, Transparent Pricing
</h1>
</div>
<div class="flex items-center">
<p id="iaqrrw" class="w-full text-left text-base font-semibold lg:text-2xl">Choose the plan that works for your business
</p>
</div>
</div>
<div id="i7d5f5" class="grid gap-4 lg:gap-8 lg:grid-cols-3">
<div id="iwnxyg" class="flex flex-col rounded-2xl border border-neutral-200 p-4 bg-gradient-to-tr from-neutral-200 to-white lg:my-4">
<h4 class="mb-2 text-2xl font-bold">Starter
</h4>
<p class="text-4xl font-bold mb-4">$99
<span class="text-lg font-normal">/month</span>
</p>
<ul class="mb-8">
<li class="mb-2">
<i title="icon" class="fas text-lime-500 mr-2 fa-check">
</i>Up to 1,000 conversations/month
</li>
<li class="mb-2">
<i title="icon" class="fas text-lime-500 mr-2 fa-check">
</i>Basic sentiment analysis
</li>
<li class="mb-2">
<i title="icon" class="fas text-lime-500 mr-2 fa-check">
</i>Email support
</li>
</ul>
<a id="ikjbm6" href="#" class="mt-auto bg-neutral-500 text-white rounded-full px-6 py-3 text-center font-semibold hover:opacity-80">Get Started</a>
</div>
<div id="imz0lh" class="flex flex-col rounded-2xl border-2 border-lime-500 p-4 bg-gradient-to-tr from-lime-200 to-white">
<div id="igejsl" class="mb-4 bg-gradient-to-br from-blue-300 via-amber-300 to-pink-300 px-3 py-1 rounded-full w-max text-sm font-bold">Most Popular
</div>
<h4 class="mb-2 text-2xl font-bold">Professional
</h4>
<p class="text-4xl font-bold mb-4">$299
<span class="text-lg font-normal">/month</span>
</p>
<ul class="mb-8">
<li id="ijzid5" class="mb-2">
<i title="icon" class="fas text-lime-500 mr-2 fa-check">
</i>Up to 5,000 conversations/month
</li>
<li id="iu6w4a" class="mb-2">
<i title="icon" class="fas text-lime-500 mr-2 fa-check">
</i>Advanced sentiment analysis
</li>
<li class="mb-2">
<i title="icon" class="fas text-lime-500 mr-2 fa-check">
</i>Priority support
</li>
<li class="mb-2">
<i title="icon" class="fas text-lime-500 mr-2 fa-check">
</i>Custom AI training
</li>
</ul>
<a id="idz7th" href="#" class="mt-auto bg-lime-500 rounded-full px-6 py-3 text-center font-semibold hover:opacity-80">Get Started</a>
</div>
<div id="ihr7nq" class="flex flex-col rounded-2xl border border-neutral-200 p-4 bg-gradient-to-tr from-neutral-200 to-white lg:my-4">
<h4 class="mb-2 text-2xl font-bold">Enterprise
</h4>
<p class="text-4xl font-bold mb-4">Custom
</p>
<ul class="mb-8">
<li class="mb-2">
<i title="icon" class="fas text-lime-500 mr-2 fa-check">
</i>Unlimited conversations
</li>
<li class="mb-2">
<i title="icon" class="fas text-lime-500 mr-2 fa-check">
</i>Enterprise-grade security
</li>
<li class="mb-2">
<i title="icon" class="fas text-lime-500 mr-2 fa-check">
</i>24/7 dedicated support
</li>
<li class="mb-2">
<i title="icon" class="fas text-lime-500 mr-2 fa-check">
</i>Custom integrations
</li>
</ul>
<a id="ihgfmj" href="#" class="mt-auto bg-neutral-500 text-white rounded-full px-6 py-3 text-center font-semibold hover:opacity-80">Contact Sales</a>
</div>
</div>
</section>
<!--CTA Section-->
<section id="iher65" class="h-12">
</section>
<section id="iqtrhx" class="container mx-auto my-8 px-6 lg:my-16 lg:px-16">
<div id="iohnfu" class="rounded-2xl p-4 lg:px-16 lg:py-12 overflow-hidden relative grid grid-cols-1 lg:grid-cols-3 gap-4 border border-neutral-200 bg-gradient-to-br from-blue-300 via-amber-200 to-pink-300">
<div class="col-span-1 lg:col-span-2 flex flex-col justify-center">
<h1 id="i81u27" class="text-3xl lg:text-6xl capitalize font-semibold lg:font-bold mb-2">Ready to Transform Your Customer Support?
</h1>
<p id="iqr0xb" class="text-xl lg:text-2xl w-full opacity-70 mb-4 lg:mb-8 font-semibold">Get started with NovaAI today and experience the power of AI-driven customer support.
</p>
<div class="flex mb-4 lg:mb-8">
<div class="w-16 rounded-full bg-blue-100 relative overflow-hidden mr-4 h-16">
<img id="ier6mg" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/QtbOlSF7ehwTI8Zsweilr5hytgb3rFFqGApxXYk9.jpg" class="w-16 absolute top-0 right-0 grayscale"/>
</div>
<div class="flex justify-center flex-col font-semibold">
<p class="text-lg">John Smith
</p>
<p class="text-sm">Customer Success Manager
</p>
</div>
</div>
<a id="ix0blj" href="#contact" class="bg-lime-500 rounded-full text-lg font-semibold px-6 w-full lg:max-w-max h-12 flex items-center justify-center hover:opacity-80">Schedule a Demo</a>
</div>
<div id="i4ixz3" class="hidden lg:flex justify-right relative">
<img id="ivq1qj" src="https://assets.senangwebs.com/websites/1e14731a-1555-4170-9257-5276fce105b1/images/hCMJ45UphHixBb0qdV0WQ8DmSkhHRepdP6XHWyf4.svg" class="w-full h-full absolute top-0 left-0"/>
</div>
</div>
</section>
<!--Footer-->
<section id="iiiwrj" class="h-12">
</section>
<footer id="ip44dw" class="container mx-auto grid gap-8 px-6 lg:grid-cols-4 lg:gap-16 lg:px-16">
<div id="i9dwx4" class="flex flex-col gap-2">
<h1 id="i0rcr3" class="text-2xl font-bold text-lime-600">NovaAI
</h1>
<p class="max-w-sm text-sm">Transforming customer support with AI intelligence
</p>
</div>
<div class="flex flex-col gap-2">
<h4 class="text-lg font-semibold">Product
</h4>
<a href="#features" class="text-sm">Features</a>
<a href="#pricing" class="text-sm">Pricing</a>
<a href="#demo" class="text-sm">Request Demo</a>
</div>
<div class="flex flex-col gap-2">
<h4 id="i0k17j" class="text-lg font-semibold">Company
</h4>
<a href="#about" class="text-sm">About Us</a>
<a href="#careers" class="text-sm">Careers</a>
<a href="#blog" class="text-sm">Blog</a>
</div>
<div class="flex flex-col gap-2">
<h4 id="i0bqpw" class="text-lg font-semibold">Legal
</h4>
<a href="#privacy" class="text-sm">Privacy Policy</a>
<a href="#terms" class="text-sm">Terms of Service</a>
<a href="#contact" class="text-sm">Contact</a>
</div>
</footer>
<footer id="irk9y5" class="container mx-auto mb-16 flex flex-col px-6 pt-4 lg:flex-row lg:px-16">
<div id="ih8h0o" class="flex justify-center gap-2">
<a id="irpndm" href="#" class="flex h-8 w-8 items-center justify-center rounded-full bg-neutral-200 text-sm text-neutral-600"><i title="icon" class="fab fa-linkedin">
</i></a>
<a href="#" class="flex h-8 w-8 items-center justify-center rounded-full bg-neutral-200 text-sm text-neutral-600"><i title="icon" class="fab fa-twitter">
</i></a>
<a href="#" class="flex h-8 w-8 items-center justify-center rounded-full bg-neutral-200 text-sm text-neutral-600"><i title="icon" class="fab fa-facebook">
</i></a>
</div>
<div id="injyti" class="flex h-8 flex-grow items-center justify-center font-semibold lg:justify-end">2025 © NovaAI
</div>
</footer>
<script src="https://cdn.tailwindcss.com"></script>
<script src="//unpkg.com/alpinejs" defer></script>
</body>Welcome to SenangStart Template Preview! 🎉 Visit our homepage for a deeper dive into our offerings, or you can edit this template with drag-n-drop website builder.
Edit Template