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 Link from "next/link";
import Image from "next/image";
export default function Footer() { export default function Footer() {
const currentYear = new Date().getFullYear(); 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="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="grid grid-cols-1 md:grid-cols-4 gap-8">
<div className="md:col-span-2"> <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"> <p className="text-foreground-muted max-w-md">
Premium natural oils for hair and skin care. Crafted with love for your daily beauty routine. Premium natural oils for hair and skin care. Crafted with love for your daily beauty routine.
</p> </p>
@@ -18,17 +25,17 @@ export default function Footer() {
<h4 className="font-serif mb-4">Quick Links</h4> <h4 className="font-serif mb-4">Quick Links</h4>
<ul className="space-y-2"> <ul className="space-y-2">
<li> <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 Products
</Link> </Link>
</li> </li>
<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 About Us
</Link> </Link>
</li> </li>
<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 Contact
</Link> </Link>
</li> </li>
@@ -39,12 +46,12 @@ export default function Footer() {
<h4 className="font-serif mb-4">Customer Service</h4> <h4 className="font-serif mb-4">Customer Service</h4>
<ul className="space-y-2"> <ul className="space-y-2">
<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">
Shipping Info Shipping Info
</Link> </Link>
</li> </li>
<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 Returns
</Link> </Link>
</li> </li>

11
src/components/layout/Header.tsx
View File

@@ -2,6 +2,7 @@
import { useState } from "react"; import { useState } from "react";
import Link from "next/link"; import Link from "next/link";
import Image from "next/image";
import { AnimatePresence } from "framer-motion"; import { AnimatePresence } from "framer-motion";
import { useCartStore } from "@/stores/cartStore"; import { useCartStore } from "@/stores/cartStore";
import { User, ShoppingBag, Menu } from "lucide-react"; import { User, ShoppingBag, Menu } from "lucide-react";
@@ -30,9 +31,13 @@ export default function Header() {
{/* Logo */} {/* Logo */}
<Link href="/" className="flex-shrink-0"> <Link href="/" className="flex-shrink-0">
<span className="font-serif italic text-xl md:text-2xl text-[#1A1A1A]"> <Image
ManoonOils src="https://minio-api.nodecrew.me/manoon-media/2024/09/cropped-manoon-logo_256x-1-1.png"
</span> alt="ManoonOils"
width={150}
height={40}
className="h-8 w-auto object-contain"
/>
</Link> </Link>
{/* Desktop Navigation */} {/* Desktop Navigation */}