<!DOCTYPE html>
<html class="light" lang="en"><head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>QuizQuest - About Us</title>
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<link href="https://fonts.googleapis.com/css2?family=Spline+Sans:wght@300;400;500;600;700&display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet"/>
<script>
tailwind.config = {
darkMode: "class",
theme: {
extend: {
colors: {
primary: "#7f13ec",
"primary-dark": "#5e0eb0",
"primary-light": "#f2eafd",
"background-light": "#ffffff",
"background-dark": "#191022",
"text-main": "#1e293b",
"text-light": "#64748b",
"accent-blue": "#e0f2fe",
"accent-green": "#dcfce7",
},
fontFamily: {
display: ["Spline Sans", "sans-serif"],
body: ["Spline Sans", "sans-serif"],
},
borderRadius: {
DEFAULT: "1rem",
lg: "2rem",
xl: "3rem",
full: "9999px"
},
},
},
}
</script>
<style>
body {
font-family: "Spline Sans", sans-serif;
}
.material-symbols-outlined {
font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
</style>
</head>
<body class="bg-background-light text-text-main antialiased selection:bg-primary selection:text-white">
<!-- Navbar -->
<header class="sticky top-0 z-50 w-full border-b border-slate-100 bg-white/80 backdrop-blur-md">
<div class="mx-auto flex h-20 max-w-7xl items-center justify-between px-6 lg:px-8">
<div class="flex items-center gap-3">
<div class="flex size-10 items-center justify-center rounded-xl bg-primary text-white">
<span class="material-symbols-outlined text-2xl">school</span>
</div>
<span class="text-xl font-bold tracking-tight text-slate-900">QuizQuest</span>
</div>
<nav class="hidden md:flex items-center gap-8">
<a class="text-sm font-medium text-slate-600 hover:text-primary transition-colors" href="#">Features</a>
<a class="text-sm font-medium text-slate-600 hover:text-primary transition-colors" href="#">Solutions</a>
<a class="text-sm font-medium text-slate-900 hover:text-primary transition-colors" href="#">About Us</a>
<a class="text-sm font-medium text-slate-600 hover:text-primary transition-colors" href="#">Pricing</a>
</nav>
<div class="flex items-center gap-4">
<a class="hidden text-sm font-bold text-slate-900 hover:text-primary sm:block" href="#">Log in</a>
<a class="inline-flex h-10 items-center justify-center rounded-full bg-primary px-6 text-sm font-bold text-white transition-transform hover:scale-105 hover:bg-primary-dark" href="#">
Sign Up
</a>
</div>
</div>
</header>
<main class="flex flex-col">
<!-- Hero Section -->
<section class="relative overflow-hidden px-6 pb-20 pt-24 lg:px-8">
<div class="mx-auto max-w-4xl text-center">
<div class="mb-6 inline-flex items-center rounded-full bg-primary-light px-3 py-1 text-sm font-medium text-primary">
<span class="mr-2 flex h-2 w-2 rounded-full bg-primary"></span>
Our Mission
</div>
<h1 class="font-display text-5xl font-extrabold tracking-tight text-slate-900 sm:text-7xl">
Learning made <span class="text-primary">legendary.</span>
</h1>
<p class="mx-auto mt-6 max-w-2xl text-lg leading-8 text-slate-600">
QuizQuest turns every assessment into an adventure. We believe education shouldn't be a chore—it should be a quest. We're on a mission to gamify knowledge and make learning accessible to everyone.
</p>
<div class="mt-10 flex items-center justify-center gap-x-6">
<a class="rounded-full bg-primary px-8 py-3.5 text-base font-bold text-white shadow-sm hover:bg-primary-dark focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary transition-all hover:shadow-lg hover:-translate-y-1" href="#">
Join the Quest
</a>
<a class="group text-base font-bold leading-6 text-slate-900 flex items-center gap-2" href="#">
View our Open Roles <span aria-hidden="true" class="group-hover:translate-x-1 transition-transform">→</span>
</a>
</div>
</div>
<!-- Hero Image / Visual -->
<div class="mt-16 flow-root sm:mt-24">
<div class="relative rounded-xl bg-slate-50/50 p-2 ring-1 ring-inset ring-slate-900/10 lg:-m-4 lg:rounded-2xl lg:p-4">
<img alt="Diverse group of students collaborating and laughing while looking at a laptop screen in a bright modern library" class="rounded-xl shadow-2xl ring-1 ring-slate-900/10 w-full object-cover h-[400px] lg:h-[600px]" data-alt="Students collaborating on a quiz project" src="https://lh3.googleusercontent.com/aida-public/AB6AXuD56eKcE36YCe3DP90QvoHBue_OdHBfXH9pU0EEMAPOxkrxKIpGNYlp2fVnPPxePajVuPr8SaitHlvQwOD3oB6awyEhVuzFNX22vQYzka7d-4rxw8wdOQX588HEDbSv8NJfEVWXnD-jDR0_vkA8bpA7ZRLqOT6AErxpSsoRHpOaswI5OB9h37dB3iYHJDoXwQ45Hp0rBbML5T2LaKCwOcd7x5fEn8u4cnAHXdsixp91-Ujrw8fGl592Pzso6rMQhSrBZmK-_VEG"/>
</div>
</div>
</section>
<!-- Stats Section -->
<section class="bg-slate-50 py-24 sm:py-32">
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="mx-auto max-w-2xl lg:max-w-none">
<div class="text-center">
<h2 class="text-3xl font-bold tracking-tight text-slate-900 sm:text-4xl">Trusted by learners worldwide</h2>
<p class="mt-4 text-lg leading-8 text-slate-600">Our numbers speak for the engagement we drive in classrooms and companies alike.</p>
</div>
<dl class="mt-16 grid grid-cols-1 gap-0.5 overflow-hidden rounded-2xl text-center sm:grid-cols-2 lg:grid-cols-4">
<div class="flex flex-col bg-white p-8">
<dt class="text-sm font-semibold leading-6 text-slate-600">Active Learners</dt>
<dd class="order-first text-3xl font-bold tracking-tight text-primary">10M+</dd>
</div>
<div class="flex flex-col bg-white p-8">
<dt class="text-sm font-semibold leading-6 text-slate-600">Quizzes Taken</dt>
<dd class="order-first text-3xl font-bold tracking-tight text-primary">500M+</dd>
</div>
<div class="flex flex-col bg-white p-8">
<dt class="text-sm font-semibold leading-6 text-slate-600">Questions Answered</dt>
<dd class="order-first text-3xl font-bold tracking-tight text-primary">2B+</dd>
</div>
<div class="flex flex-col bg-white p-8">
<dt class="text-sm font-semibold leading-6 text-slate-600">Countries Reached</dt>
<dd class="order-first text-3xl font-bold tracking-tight text-primary">150</dd>
</div>
</dl>
</div>
</div>
</section>
<!-- Values Section -->
<section class="py-24 sm:py-32">
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="mx-auto max-w-2xl lg:text-center">
<h2 class="text-base font-bold leading-7 text-primary">Our Core Values</h2>
<p class="mt-2 text-3xl font-bold tracking-tight text-slate-900 sm:text-4xl">What drives our quest</p>
<p class="mt-6 text-lg leading-8 text-slate-600">We believe that learning should be as engaging as your favorite game. Here is the code we live by.</p>
</div>
<div class="mx-auto mt-16 max-w-2xl sm:mt-20 lg:mt-24 lg:max-w-none">
<dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-3">
<div class="flex flex-col bg-white rounded-2xl border border-slate-100 p-8 shadow-sm transition-all hover:shadow-md hover:-translate-y-1">
<dt class="flex items-center gap-x-3 text-base font-bold leading-7 text-slate-900 mb-4">
<div class="flex h-12 w-12 items-center justify-center rounded-xl bg-purple-100 text-primary">
<span class="material-symbols-outlined text-3xl">stadia_controller</span>
</div>
Fun First
</dt>
<dd class="flex flex-auto flex-col text-base leading-7 text-slate-600">
<p class="flex-auto">We prioritize engagement mechanics to ensure retention is high and boredom is low. If it's not fun, it's not done.</p>
</dd>
</div>
<div class="flex flex-col bg-white rounded-2xl border border-slate-100 p-8 shadow-sm transition-all hover:shadow-md hover:-translate-y-1">
<dt class="flex items-center gap-x-3 text-base font-bold leading-7 text-slate-900 mb-4">
<div class="flex h-12 w-12 items-center justify-center rounded-xl bg-blue-100 text-blue-600">
<span class="material-symbols-outlined text-3xl">analytics</span>
</div>
Data Driven
</dt>
<dd class="flex flex-auto flex-col text-base leading-7 text-slate-600">
<p class="flex-auto">Every click provides insight. We help educators understand learning gaps instantly with powerful, intuitive dashboards.</p>
</dd>
</div>
<div class="flex flex-col bg-white rounded-2xl border border-slate-100 p-8 shadow-sm transition-all hover:shadow-md hover:-translate-y-1">
<dt class="flex items-center gap-x-3 text-base font-bold leading-7 text-slate-900 mb-4">
<div class="flex h-12 w-12 items-center justify-center rounded-xl bg-emerald-100 text-emerald-600">
<span class="material-symbols-outlined text-3xl">diversity_3</span>
</div>
Community Focused
</dt>
<dd class="flex flex-auto flex-col text-base leading-7 text-slate-600">
<p class="flex-auto">Competition and collaboration go hand-in-hand. We build tools that help people learn together and grow together.</p>
</dd>
</div>
</dl>
</div>
</div>
</section>
<!-- Trust Section -->
<section class="relative isolate overflow-hidden bg-white py-24 sm:py-32">
<!-- Decorative background blobs -->
<div aria-hidden="true" class="absolute -top-24 right-0 -z-10 transform-gpu blur-3xl">
<div class="aspect-[1404/767] w-[87.75rem] bg-gradient-to-r from-accent-blue to-accent-green opacity-40" style="clip-path: polygon(73.6% 51.7%, 91.7% 11.8%, 100% 46.4%, 97.4% 82.2%, 92.5% 84.9%, 75.7% 64%, 55.3% 47.5%, 46.5% 49.4%, 45% 62.9%, 50.3% 87.2%, 21.3% 64.1%, 0.1% 100%, 5.4% 51.1%, 21.4% 63.9%, 58.9% 0.2%, 73.6% 51.7%)"></div>
</div>
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="grid grid-cols-1 items-center gap-x-8 gap-y-16 lg:grid-cols-2">
<div class="mx-auto w-full max-w-xl lg:mx-0">
<h2 class="text-3xl font-bold tracking-tight text-slate-900">Trusted by forward-thinking organizations</h2>
<p class="mt-6 text-lg leading-8 text-slate-600">From elementary schools to Fortune 500 companies, QuizQuest powers learning environments where engagement matters most.</p>
<div class="mt-8 flex items-center gap-x-6">
<a class="text-sm font-semibold leading-6 text-primary flex items-center gap-1 hover:gap-2 transition-all" href="#">
Read our case studies <span class="material-symbols-outlined text-sm">arrow_forward</span>
</a>
</div>
</div>
<div class="mx-auto grid w-full max-w-xl grid-cols-2 items-center gap-y-12 sm:gap-y-14 lg:mx-0 lg:max-w-none lg:pl-8">
<div class="flex justify-center items-center opacity-60 grayscale hover:grayscale-0 hover:opacity-100 transition-all duration-300">
<span class="material-symbols-outlined text-6xl text-slate-400">deployed_code</span>
<span class="ml-2 font-display font-bold text-xl text-slate-500">TechFlow</span>
</div>
<div class="flex justify-center items-center opacity-60 grayscale hover:grayscale-0 hover:opacity-100 transition-all duration-300">
<span class="material-symbols-outlined text-6xl text-slate-400">globe_asia</span>
<span class="ml-2 font-display font-bold text-xl text-slate-500">UniGlobal</span>
</div>
<div class="flex justify-center items-center opacity-60 grayscale hover:grayscale-0 hover:opacity-100 transition-all duration-300">
<span class="material-symbols-outlined text-6xl text-slate-400">rocket_launch</span>
<span class="ml-2 font-display font-bold text-xl text-slate-500">StartUpScale</span>
</div>
<div class="flex justify-center items-center opacity-60 grayscale hover:grayscale-0 hover:opacity-100 transition-all duration-300">
<span class="material-symbols-outlined text-6xl text-slate-400">menu_book</span>
<span class="ml-2 font-display font-bold text-xl text-slate-500">EduPrime</span>
</div>
</div>
</div>
</div>
</section>
<!-- Team Section -->
<section class="py-24 sm:py-32">
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="mx-auto max-w-2xl text-center">
<h2 class="text-3xl font-bold tracking-tight text-slate-900 sm:text-4xl">Meet our Quest Keepers</h2>
<p class="mt-6 text-lg leading-8 text-slate-600">We're a dynamic group of educators, developers, and gamers passionate about the future of learning.</p>
</div>
<ul class="mx-auto mt-20 grid max-w-2xl grid-cols-2 gap-x-8 gap-y-16 text-center sm:grid-cols-3 md:grid-cols-4 lg:mx-0 lg:max-w-none lg:grid-cols-4" role="list">
<li>
<img alt="Portrait of Sarah Chen, CEO and Founder" class="mx-auto h-32 w-32 rounded-full object-cover shadow-lg ring-4 ring-white transition-transform hover:scale-110" data-alt="Professional headshot of a smiling woman" src="https://lh3.googleusercontent.com/aida-public/AB6AXuBJKrL4jKnjU8mo-NsucJCPQWXT-fupkrxlY3wrwbU5aFJtnkbMImzASC_cXdfoBqC1iBu70oYDPl0_iZyc20mOst96O_fwHraHadDcxWD--WzqvWLz4KwUJM2eG9ALp5bnvFFblv1PqhfxmV_h_1Kgi1s982dkLqu0FheCtuPMimmvZdk5pTGqA_jSi9CIQg9jL5IZi6UyZOwP9_eXMhtbz5dG8whgjJTPqAHzuQaqd-igcixIoeSYeg5ANM8mc6JC083dIC0r"/>
<h3 class="mt-6 text-base font-bold leading-7 text-slate-900">Sarah Chen</h3>
<p class="text-sm leading-6 text-slate-600">Founder & CEO</p>
</li>
<li>
<img alt="Portrait of Marcus Johnson, Head of Product" class="mx-auto h-32 w-32 rounded-full object-cover shadow-lg ring-4 ring-white transition-transform hover:scale-110" data-alt="Professional headshot of a confident man" src="https://lh3.googleusercontent.com/aida-public/AB6AXuD35y6QE5xkYJkwh5s-SnTX8ulrYPgF5b3eXBCmmlPKxmr3WLHymrkuu-aC66Ot95RA14pozaCRCteVlWhecMNkShcJqIs0EFinAROMJtdNi14D5K6SNGzv4LrYQwFL56_Xr1-Xvjy-Ubla99uX2hNw4vBay7IJA7Lp84fOyD7eXwTC4iiXqEf2u_vcd5Djotca0vEUMrWyZErAy-4Z0SJgIcTHFVBuOv6mJb5ZB_QWwNX7Dbr1jRlkMhTs6hHclR4N8jpVjmZo"/>
<h3 class="mt-6 text-base font-bold leading-7 text-slate-900">Marcus Johnson</h3>
<p class="text-sm leading-6 text-slate-600">Head of Product</p>
</li>
<li>
<img alt="Portrait of Elena Rodriguez, Lead Designer" class="mx-auto h-32 w-32 rounded-full object-cover shadow-lg ring-4 ring-white transition-transform hover:scale-110" data-alt="Professional headshot of a smiling woman in a colorful blouse" src="https://lh3.googleusercontent.com/aida-public/AB6AXuCfse6O8PDpkAq-m1th2i4KtPSmEmsD45IbCqlxFYAw_3opeHM5c0ZIX9o4wAVtun0kFSIydbF6mCVVg2NTpKLqnya7AxefaPallK_7pBjQaOvQm2_7oOoYKjR--ja3yz1Yqiq-WlSW7UbOGGhCV66ZwxuFOwjd8V6VyuQ1LuYFAyC0xmEf0sO6kUg3igY51nv2-4O-fY-Aaf0HKx32pEBpm2VNLipyGHWIyiJhC7Zoq963U7NsxsRPdEczD9wzlrIpQKTEWWRn"/>
<h3 class="mt-6 text-base font-bold leading-7 text-slate-900">Elena Rodriguez</h3>
<p class="text-sm leading-6 text-slate-600">Lead Designer</p>
</li>
<li>
<img alt="Portrait of David Kim, CTO" class="mx-auto h-32 w-32 rounded-full object-cover shadow-lg ring-4 ring-white transition-transform hover:scale-110" data-alt="Professional headshot of a man with glasses smiling" src="https://lh3.googleusercontent.com/aida-public/AB6AXuDaxS0heQPT0zV5KZlKMeTWJ_9er8uheMnydM2zBqJ-PuaSTrl3Vc6cn0nKvCBHUcJ4F4PtRnzt8EYwSZPw4S-7JaVVCFSxOgK7UOgqWu4qxUx008iURG397WISnd481S7fym2S83xdn4LP-qjNc4uz-2XLAoNQJWjHriZy0Maj9l9Wkdo73gcmtrM7BR0Wri-ssSmyodntuNoWdOCcoBMpfbv58Y1W88gxthen2syKnKe2WgIMSHtRBj10DrlH0sX4iVEWFbCV"/>
<h3 class="mt-6 text-base font-bold leading-7 text-slate-900">David Kim</h3>
<p class="text-sm leading-6 text-slate-600">CTO</p>
</li>
</ul>
</div>
</section>
<!-- CTA Section -->
<section class="bg-primary py-24 sm:py-32">
<div class="px-6 py-12 md:px-12 lg:px-24">
<div class="mx-auto max-w-7xl rounded-3xl bg-white p-8 md:p-16 text-center shadow-2xl relative overflow-hidden">
<!-- Background accent -->
<div class="absolute -top-24 -left-24 h-64 w-64 rounded-full bg-primary/10 blur-3xl"></div>
<div class="absolute -bottom-24 -right-24 h-64 w-64 rounded-full bg-blue-100 blur-3xl"></div>
<h2 class="relative text-3xl font-bold tracking-tight text-slate-900 sm:text-4xl mb-6">
Ready to level up your learning?
</h2>
<p class="relative mx-auto max-w-xl text-lg leading-8 text-slate-600 mb-10">
Join millions of learners and educators who are transforming the way knowledge is shared. Start your free quest today.
</p>
<div class="relative flex flex-col sm:flex-row items-center justify-center gap-4">
<button class="w-full sm:w-auto rounded-full bg-primary px-8 py-4 text-base font-bold text-white shadow-lg hover:bg-primary-dark transition-all hover:-translate-y-1">
Create Free Account
</button>
<button class="w-full sm:w-auto rounded-full bg-white border-2 border-slate-100 px-8 py-4 text-base font-bold text-slate-900 hover:bg-slate-50 hover:border-slate-200 transition-all">
Contact Sales
</button>
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="bg-slate-50 pt-16 pb-12">
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="flex flex-col md:flex-row justify-between items-start gap-12">
<div class="max-w-xs">
<div class="flex items-center gap-2 mb-4">
<div class="flex size-8 items-center justify-center rounded-lg bg-primary text-white">
<span class="material-symbols-outlined text-lg">school</span>
</div>
<span class="text-xl font-bold text-slate-900">QuizQuest</span>
</div>
<p class="text-sm text-slate-500 leading-6">
Making learning legendary since 2023. Join the movement to gamify education for everyone, everywhere.
</p>
</div>
<div class="grid grid-cols-2 md:grid-cols-4 gap-8 w-full md:w-auto">
<div class="flex flex-col gap-3">
<h4 class="font-bold text-slate-900">Product</h4>
<a class="text-sm text-slate-600 hover:text-primary" href="#">Features</a>
<a class="text-sm text-slate-600 hover:text-primary" href="#">Enterprise</a>
<a class="text-sm text-slate-600 hover:text-primary" href="#">Pricing</a>
</div>
<div class="flex flex-col gap-3">
<h4 class="font-bold text-slate-900">Resources</h4>
<a class="text-sm text-slate-600 hover:text-primary" href="#">Blog</a>
<a class="text-sm text-slate-600 hover:text-primary" href="#">Community</a>
<a class="text-sm text-slate-600 hover:text-primary" href="#">Help Center</a>
</div>
<div class="flex flex-col gap-3">
<h4 class="font-bold text-slate-900">Company</h4>
<a class="text-sm text-slate-600 hover:text-primary" href="#">About Us</a>
<a class="text-sm text-slate-600 hover:text-primary" href="#">Careers</a>
<a class="text-sm text-slate-600 hover:text-primary" href="#">Legal</a>
</div>
<div class="flex flex-col gap-3 col-span-2 md:col-span-1">
<h4 class="font-bold text-slate-900">Social</h4>
<div class="flex gap-4">
<a class="text-slate-400 hover:text-primary" href="#">
<span class="sr-only">Twitter</span>
<svg aria-hidden="true" class="h-6 w-6" fill="currentColor" viewbox="0 0 24 24">
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"></path>
</svg>
</a>
<a class="text-slate-400 hover:text-primary" href="#">
<span class="sr-only">GitHub</span>
<svg aria-hidden="true" class="h-6 w-6" fill="currentColor" viewbox="0 0 24 24">
<path clip-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" fill-rule="evenodd"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="mt-12 border-t border-slate-200 pt-8 flex flex-col md:flex-row justify-between items-center gap-4 text-center md:text-left">
<p class="text-xs text-slate-500">
© 2024 QuizQuest Inc. All rights reserved.
</p>
<div class="flex gap-6">
<a class="text-xs text-slate-500 hover:text-slate-900" href="#">Privacy Policy</a>
<a class="text-xs text-slate-500 hover:text-slate-900" href="#">Terms of Service</a>
</div>
</div>
</div>
</footer>
</body></html>