import Link from "next/link";
export const BottomNav = ({ appName = "Coloring Pages Pro" }) => {
return (
<div className="secondary bg-zinc-900 text-left font-medium">
<div className=" mx-auto max-w-7xl px-4 py-4 sm:px-6 lg:px-8">
<div className="flex flex-wrap justify-between">
<div className="mb-4 w-full md:w-2/5">
<a href="/"></a>
<span className="text-xl text-white text-white opacity-90">
{appName}
</span>
<ul>
<li>
<span className="font-normal text-gray-400 text-white opacity-90 ">
Copyright © 2024 - All rights reserved
</span>
</li>
<li>
<span className="text-gray-100">
<Link
className="hover:underline"
href="/legal/privacy-policy"
>
{" "}
Privacy Policy
</Link>{" "}
|{" "}
<Link className="hover:underline" href="/legal/refund-policy">
{" "}
Refund Policy
</Link>{" "}
|{" "}
<Link
className="hover:underline"
href="/legal/terms-and-condition"
>
Terms and Condition
</Link>
</span>
</li>
</ul>
</div>
<div className="mb-4 w-full md:w-1/5">
<h3 className="text-xl text-white text-white opacity-90">
Products
</h3>
<ul>
<li>
<a
href="https://coloringpages.pro/?ref=mel3kings"
className="whitespace-nowrap font-normal text-gray-400 text-white opacity-90 hover:underline "
>
🎨 Coloring Pages Pro
</a>
</li>
<li>
<a
href="https://insuranceai.gtmtemplates24.com/"
className="whitespace-nowrap font-normal text-gray-400 text-white opacity-90 hover:underline "
>
🏥 Insurance AI
</a>
</li>
<li>
<a
href="https://gtmtemplates24.com/?ref=mel3kings"
className="whitespace-nowrap font-normal text-gray-400 text-white opacity-90 hover:underline "
>
👨💻 Go To Market Strategies
</a>
</li>
<li>
<a
href="https://qoutesapp.com/?ref=mel3kings"
className="whitespace-nowrap font-normal text-gray-400 text-white opacity-90 hover:underline "
>
📚 Qoutes App
</a>
</li>
<li>
<a
href="https://goldenvisa.melchortatlonghari.com/?ref=snippets"
className="whitespace-nowrap font-normal text-gray-400 text-white opacity-90 hover:underline "
>
✈️ Become A Digital Nomad
</a>
</li>
<li>
<a
href="https://www.snippets.melchortatlonghari.com/?ref=mel3kings"
className="whitespace-nowrap font-normal text-gray-400 text-white opacity-90 hover:underline "
>
🖥️ Startup Snippets
</a>
</li>
</ul>
</div>
<div className="mb-4 w-full md:w-1/5">
<h3 className="text-xl text-white text-white opacity-90">Links</h3>
<ul>
<li>
<Link
href="/blog"
className="whitespace-nowrap font-normal text-gray-400 text-white opacity-90 hover:underline "
>
✏️ Medium Blog
</Link>
</li>
<li>
<a
href="https://www.youtube.com/@aeyandmel"
className="whitespace-nowrap font-normal text-gray-400 text-white opacity-90 hover:underline "
>
🌴 Digital Nomad Channel
</a>
</li>
<li>
<a
href="https://www.youtube.com/@PrincipalDevlogs"
className="whitespace-nowrap font-normal text-gray-400 text-white opacity-90 hover:underline "
>
🤖 Principal DevLogs Channel
</a>
</li>
<li>
<a
href="https://twitter.com/meltatlonghari"
className="whitespace-nowrap font-normal text-gray-400 text-white opacity-90 hover:underline "
>
🐦 Twitter
</a>
</li>
<li>
<a
href="https://www.amazon.com/Golden-Visa-Strategies-Entrepreneurship-Citizenship/dp/B0CJL294G5/ref=tmm_pap_swatch_0?_encoding=UTF8&qid=&sr="
className="whitespace-nowrap font-normal text-gray-400 text-white opacity-90 hover:underline "
>
📔 Golden Visa Book
</a>
</li>
</ul>
</div>
<div className="mb-4 w-full md:w-1/5">
<h3 className="text-xl text-white text-white opacity-90">
Free Tools
</h3>
<ul>
<li>
<Link
href="/tech-stack"
className="whitespace-nowrap font-normal text-gray-400 text-white opacity-90 hover:underline "
>
📈 Tech Stack Tracker
</Link>
</li>
</ul>
<ul className="no-bullets-list">
<li>
<Link
href="https://gtmtemplates24.com/ai-powerpoint-generator"
className="whitespace-nowrap font-normal text-gray-400 text-white opacity-90 hover:underline"
>
📊 Free AI Powerpoint Generator
</Link>
</li>
<li>
<Link
href="https://gtmtemplates24.com/tools/seo-planner"
className="whitespace-nowrap font-normal text-gray-400 text-white opacity-90 hover:underline"
>
✏️ SEO Blog Writing Services
</Link>
</li>
<li>
<Link
href="https://gtmtemplates24.com/tools/competitor-analysis"
className="whitespace-nowrap font-normal text-gray-400 text-white opacity-90 hover:underline"
>
🏇 Competitor Analysis Template
</Link>
</li>
<li>
<Link
href="https://gtmtemplates24.com/tools/affiliate-niche"
className="whitespace-nowrap font-normal text-gray-400 text-white opacity-90 hover:underline"
>
🤼 Niches for Affiliate Marketing
</Link>
</li>
<li>
<Link
href="https://gtmtemplates24.com/tools/tagline-ideas"
className="whitespace-nowrap font-normal text-gray-400 text-white opacity-90 hover:underline"
>
⚡ Tagline Ideas Generator
</Link>
</li>
<li>
<Link
href="https://gtmtemplates24.com/tools/privacy-planner"
className="whitespace-nowrap font-normal text-gray-400 text-white opacity-90 hover:underline"
>
🔏 Free Privacy Policy Generator
</Link>
</li>
</ul>
</div>
</div>
<div className="mt-4 text-center text-gray-500"></div>
</div>
</div>
);
};