tanshu/kakawa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Almost all content on home page

Browse Source
This commit is contained in:
Amritanshu Agrawal
2024-09-23 23:05:32 +05:30
parent 322c92982d
commit fc237d8b9f
30 changed files with 699 additions and 376 deletions
Download Patch File Download Diff File Expand all files Collapse all files

121
src/components/footer.tsx
View File

@ -1,54 +1,69 @@
// components/Footer.js
export default function Footer() {
return (
<footer className="bg-white text-brown-800 py-12">
<div className="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-4 gap-8 px-4">
return (
<footer className='bg-white text-brown-800 py-12'>
<div className='max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-4 gap-8 px-4'>
{/* First Column: Logo and Description */}
<div className="space-y-4">
<div className="flex items-center">
<div className='space-y-4'>
<div className='flex items-center'>
<img
src="/images/logo.png" // Update with your logo path
alt="Mozimo Logo"
className="h-10"
src='/images/logo.png' // Update with your logo path
alt='Mozimo Logo'
className='h-10'
/>
</div>
<p className="text-sm">India's Premier European style bean-to-bar chocolate experience.</p>
<p className='text-sm'>
India&apos;s Premier European style bean-to-bar chocolate
experience.
</p>
</div>
{/* Second Column: Contact Information */}
<div className="space-y-4">
<h3 className="font-semibold">Get in touch</h3>
<p className="text-sm flex items-center">
<span className="material-symbols-outlined">call</span>
<div className='space-y-4'>
<h3 className='font-semibold'>Get in touch</h3>
<p className='text-sm flex items-center'>
<span className='material-symbols-outlined'>call</span>
0172-4045414
</p>
<p className="text-sm flex items-center">
<span className="material-symbols-outlined">pin_drop</span>
<p className='text-sm flex items-center'>
<span className='material-symbols-outlined'>pin_drop</span>
SCO 8, Inner Market, 9-D, Sector 9, Chandigarh, 160009
</p>
</div>
{/* Third Column: Links */}
<div className="space-y-4">
<h3 className="font-semibold">Know more</h3>
<ul className="space-y-2">
<div className='space-y-4'>
<h3 className='font-semibold'>Know more</h3>
<ul className='space-y-2'>
<li>
<a href="/privacy-policy" className="text-sm text-brown-600 hover:underline">
<a
href='/privacy-policy'
className='text-sm text-brown-600 hover:underline'
>
Privacy Policy
</a>
</li>
<li>
<a href="/refund-policy" className="text-sm text-brown-600 hover:underline">
<a
href='/refund-policy'
className='text-sm text-brown-600 hover:underline'
>
Refund & Return Policy
</a>
</li>
<li>
<a href="/terms" className="text-sm text-brown-600 hover:underline">
<a
href='/terms'
className='text-sm text-brown-600 hover:underline'
>
Terms & Conditions
</a>
</li>
<li>
<a href="/shipping" className="text-sm text-brown-600 hover:underline">
<a
href='/shipping'
className='text-sm text-brown-600 hover:underline'
>
Shipping Policy
</a>
</li>
@ -56,48 +71,66 @@ export default function Footer() {
</div>
{/* Additional Links */}
<div className="space-y-4">
<ul className="space-y-2">
<div className='space-y-4'>
<ul className='space-y-2'>
<li>
<a href="/faq" className="text-sm text-brown-600 hover:underline">
<a href='/faq' className='text-sm text-brown-600 hover:underline'>
FAQ
</a>
</li>
<li>
<a href="/locate" className="text-sm text-brown-600 hover:underline">
<a
href='/locate'
className='text-sm text-brown-600 hover:underline'
>
Locate our Store
</a>
</li>
<li>
<a href="/bulk-ordering" className="text-sm text-brown-600 hover:underline">
<a
href='/bulk-ordering'
className='text-sm text-brown-600 hover:underline'
>
Bulk Ordering
</a>
</li>
</ul>
<h3 className="font-semibold">Find Us On</h3>
<div className="flex space-x-4">
<a href="https://facebook.com" className="text-brown-600 hover:text-brown-800">
<img src="/icons/facebook.svg" />
<h3 className='font-semibold'>Find Us On</h3>
<div className='flex space-x-4'>
<a
href='https://facebook.com'
className='text-brown-600 hover:text-brown-800'
>
<img src='/icons/facebook.svg' />
</a>
<a href="https://instagram.com" className="text-brown-600 hover:text-brown-800">
<img src="/icons/instagram.svg" />
<a
href='https://instagram.com'
className='text-brown-600 hover:text-brown-800'
>
<img src='/icons/instagram.svg' />
</a>
<a href="https://youtube.com" className="text-brown-600 hover:text-brown-800">
<img src="/icons/youtube.svg" />
<a
href='https://youtube.com'
className='text-brown-600 hover:text-brown-800'
>
<img src='/icons/youtube.svg' />
</a>
<a href="https://linkedin.com" className="text-brown-600 hover:text-brown-800">
<img src="/icons/linkedin.svg" />
<a
href='https://linkedin.com'
className='text-brown-600 hover:text-brown-800'
>
<img src='/icons/linkedin.svg' />
</a>
</div>
</div>
</div>
</footer>
);
};
}
// <footer className="bg-gray-800 text-white">
// <div className="container mx-auto px-4 py-6">
// <p>&copy; {new Date().getFullYear()} Kakawa Chocolate Shop. All rights reserved.</p>
// {/* Social media links */}
// </div>
// </footer>
// <footer className="bg-gray-800 text-white">
// <div className="container mx-auto px-4 py-6">
// <p>&copy; {new Date().getFullYear()} Kakawa Chocolate Shop. All rights reserved.</p>
// {/* Social media links */}
// </div>
// </footer>