unchained/manoon-headless
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Replace ManoonOils text logo with image logo in header and footer

Browse Source
This commit is contained in:
Unchained
2026-03-07 10:38:00 +02:00
parent 103309e0ff
commit 2129e1c115
2 changed files with 21 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/layout/Footer.tsx
View File

@@ -1,4 +1,5 @@
import Link from "next/link";
import Image from "next/image";
export default function Footer() {
const currentYear = new Date().getFullYear();
@@ -8,7 +9,13 @@ export default function Footer() {
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
<div className="grid grid-cols-1 md:grid-cols-4 gap-8">
<div className="md:col-span-2">
<h3 className="text-2xl font-serif mb-4">ManoonOils</h3>
<Image
src="https://minio-api.nodecrew.me/manoon-media/2024/09/cropped-manoon-logo_256x-1-1.png"
alt="ManoonOils"
width={180}
height={48}
className="h-10 w-auto object-contain mb-4"
/>
<p className="text-foreground-muted max-w-md">
Premium natural oils for hair and skin care. Crafted with love for your daily beauty routine.
</p>
@@ -18,17 +25,17 @@ export default function Footer() {
<h4 className="font-serif mb-4">Quick Links</h4>
<ul className="space-y-2">
<li>
<Link href="/en/products" className="text-foreground-muted hover:text-foreground transition-colors">
<Link href="/products" className="text-foreground-muted hover:text-foreground transition-colors">
Products
</Link>
</li>
<li>
<Link href="/en/about" className="text-foreground-muted hover:text-foreground transition-colors">
<Link href="/about" className="text-foreground-muted hover:text-foreground transition-colors">
About Us
</Link>
</li>
<li>
<Link href="/en/contact" className="text-foreground-muted hover:text-foreground transition-colors">
<Link href="/contact" className="text-foreground-muted hover:text-foreground transition-colors">
Contact
</Link>
</li>
@@ -39,12 +46,12 @@ export default function Footer() {
<h4 className="font-serif mb-4">Customer Service</h4>
<ul className="space-y-2">
<li>
<Link href="/en/contact" className="text-foreground-muted hover:text-foreground transition-colors">
<Link href="/contact" className="text-foreground-muted hover:text-foreground transition-colors">
Shipping Info
</Link>
</li>
<li>
<Link href="/en/contact" className="text-foreground-muted hover:text-foreground transition-colors">
<Link href="/contact" className="text-foreground-muted hover:text-foreground transition-colors">
Returns
</Link>
</li>