Files
2024-04-05 05:11:10 -07:00

309 lines
10 KiB
TypeScript
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
'use client'
import Link from 'next/link'
import iconImage from '../../public/ZOO.png'
import Image from 'next/image'
function Footer() {
return (
<div className="bg-black py-32 px-24 max-md:py-24 max-md:px-8">
{/* <p className='text-4xl max-md:text-3xl font-bold'>ZOO AI</p> */}
<Image alt="ZOO" src={iconImage} width="90" height="64" />
<div className="flex max-md:flex-col pt-8 gap-16">
<div className="flex flex-col w-1/4 max-md:w-full border-b-2 max-md:border-none border-[#ffffff22] pb-8">
<p className="text-lg font-bold border-b-2 border-[#ffffff22] pb-1">
Info
</p>
<div className="flex pt-6 gap-8">
<div className="w-1/2 flex flex-col gap-3">
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
ZOO AI
</Link>
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
Platform
</Link>
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
Our work
</Link>
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
Our team
</Link>
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
Reviews
</Link>
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
Support
</Link>
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
Chat with us
</Link>
</div>
<div className="w-1/2 flex flex-col gap-3">
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
Affiliate program
</Link>
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
Account
</Link>
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
Blog
</Link>
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
Privacy
</Link>
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
Terms of use
</Link>
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
Pricing
</Link>
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
Learning Center
</Link>
</div>
</div>
</div>
<div className="flex flex-col w-1/4 max-md:w-full border-b-2 max-md:border-none border-[#ffffff22] pb-8">
<p className="text-lg font-bold border-b-2 border-[#ffffff22] pb-1">
Products
</p>
<div className="pt-6 flex flex-col gap-3">
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
Zoo Buddies - Cutest AI Ever
</Link>
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
AI Document Editor
</Link>
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
AI Food Delivery
</Link>
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
AI Lifestyle
</Link>
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
Business Tools
</Link>
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
Prompt Ideas
</Link>
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
24/7 Listening
</Link>
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
Transcribe Audio to Text
</Link>
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
AI Image Generator
</Link>
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
AI Video
</Link>
</div>
</div>
<div className="flex flex-col w-1/6 max-md:w-full border-b-2 max-md:border-none border-[#ffffff22] pb-8">
<p className="text-lg font-bold border-b-2 border-[#ffffff22] pb-1">
Compare
</p>
<div className="pt-6 flex flex-col gap-3">
<Link
href="/jasper-ai-alternative"
className="text-[#ffffffb3] hover:text-white text-sm"
>
Jasper.ai alternative
</Link>
<Link
href="/writesonic-com-alternativ"
className="text-[#ffffffb3] hover:text-white text-sm"
>
Writesonic.com alternative{' '}
</Link>
<Link
href="/rytr-me-alternative"
className="text-[#ffffffb3] hover:text-white text-sm"
>
Rytr.me alternative{' '}
</Link>
<Link
href="/copy-ai-alternative"
className="text-[#ffffffb3] hover:text-white text-sm"
>
Copy.ai alternative{' '}
</Link>
<Link
href="/hypotenuse-ai-alternative"
className="text-[#ffffffb3] hover:text-white text-sm"
>
Hypotenuse.ai alternative
</Link>
<Link
href="/simplified-com-alternativ"
className="text-[#ffffffb3] hover:text-white text-sm"
>
Simplified.com alternative
</Link>
<Link
href="/hyperwriteai-com-alternative"
className="text-[#ffffffb3] hover:text-white text-sm"
>
Hyperwriteai.com alternative
</Link>
<Link
href="/notion-ai-alternative"
className="text-[#ffffffb3] hover:text-white text-sm"
>
Notion.so alternative
</Link>
</div>
</div>
<div className="flex flex-col w-1/3 max-md:w-full border-b-2 max-md:border-none border-[#ffffff22] pb-8">
<p className="text-lg font-bold border-b-2 border-[#ffffff22] pb-1">
Latest Blogs
</p>
<div className="pt-6 flex flex-col gap-3">
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
AI in Email Marketing: Supercharge Open Rates &...
</Link>
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
The AI Revolution: Transforming Personal Finance for...
</Link>
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
The AI Revolution: Transforming Customer Engagement &...
</Link>
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
Supercharge Customer Experience with AI: 5 Strategies...
</Link>
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
Revolutionizing Customer Service: Unleashing the...
</Link>
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
The Future of Work: Boosting Efficiency with AI Virtual...
</Link>
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
Unleashing GPT-4 and Beyond: Exploring AI Content’s...
</Link>
<Link
href="/"
className="text-[#ffffffb3] hover:text-white text-sm"
>
The AI Revolution: Transforming Customer Engagement &
</Link>
</div>
</div>
</div>
{/* <div className='flex px-36 items-center justify-between'>
<div className='flex flex-col justify-start space-y-4 w-1/2 mr-16'>
<p className='text-xs'>Start for free and boost your productivity with ZOO AI.</p>
<div className='max-w-[250px] rounded-lg bg-[#1E2533] px-4 py-2 text-center'>
Get started. Its free.
</div>
<div className='flex items-center text-xs'>
<span>No credit card required</span>
<Link
href="/"
className="hover:text-[#ffffffb3] text-white px-3 py-2 text-md">
<u>See plans & pricing</u>
</Link>
</div>
</div>
<div className='w-1/2 ml-16'>
</div>
</div> */}
</div>
)
}
export default Footer