fix: logo optimisation
This commit is contained in:
parent
efbcb8bfcd
commit
ef8be82aa8
|
|
@ -4,7 +4,7 @@ const nextConfig: NextConfig = {
|
||||||
output: 'standalone',
|
output: 'standalone',
|
||||||
trailingSlash: true,
|
trailingSlash: true,
|
||||||
images: {
|
images: {
|
||||||
// Enable Next.js image optimization for better performance
|
formats: ['image/avif', 'image/webp'],
|
||||||
},
|
},
|
||||||
eslint: {
|
eslint: {
|
||||||
ignoreDuringBuilds: true,
|
ignoreDuringBuilds: true,
|
||||||
|
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 377 KiB |
|
|
@ -3,6 +3,7 @@ import { Inter, Caveat } from 'next/font/google';
|
||||||
import Image from 'next/image';
|
import Image from 'next/image';
|
||||||
import Script from 'next/script';
|
import Script from 'next/script';
|
||||||
import { Footer } from '@/components/shared/Footer';
|
import { Footer } from '@/components/shared/Footer';
|
||||||
|
import banatieLogo from './_assets/banatie-logo-horisontal.png';
|
||||||
import './globals.css';
|
import './globals.css';
|
||||||
|
|
||||||
const inter = Inter({
|
const inter = Inter({
|
||||||
|
|
@ -51,7 +52,7 @@ export default function RootLayout({
|
||||||
<nav className="max-w-7xl mx-auto px-6 py-3 flex justify-between items-center h-16">
|
<nav className="max-w-7xl mx-auto px-6 py-3 flex justify-between items-center h-16">
|
||||||
<div className="h-full flex items-center">
|
<div className="h-full flex items-center">
|
||||||
<Image
|
<Image
|
||||||
src="/banatie-logo-horisontal.png"
|
src={banatieLogo}
|
||||||
alt="Banatie Logo"
|
alt="Banatie Logo"
|
||||||
width={150}
|
width={150}
|
||||||
height={40}
|
height={40}
|
||||||
|
|
|
||||||
|
|
@ -2,6 +2,7 @@
|
||||||
|
|
||||||
import Image from 'next/image';
|
import Image from 'next/image';
|
||||||
import { footerLinks, footerCopyright } from '@/config/footer';
|
import { footerLinks, footerCopyright } from '@/config/footer';
|
||||||
|
import banatieLogo from '@/app/_assets/banatie-logo-horisontal.png';
|
||||||
|
|
||||||
export const Footer = () => {
|
export const Footer = () => {
|
||||||
return (
|
return (
|
||||||
|
|
@ -10,10 +11,11 @@ export const Footer = () => {
|
||||||
<div className="flex flex-col md:flex-row justify-between items-center gap-6">
|
<div className="flex flex-col md:flex-row justify-between items-center gap-6">
|
||||||
<div className="h-16 flex items-center">
|
<div className="h-16 flex items-center">
|
||||||
<Image
|
<Image
|
||||||
src="/banatie-logo-horisontal.png"
|
src={banatieLogo}
|
||||||
alt="Banatie Logo"
|
alt="Banatie Logo"
|
||||||
width={200}
|
width={200}
|
||||||
height={60}
|
height={60}
|
||||||
|
loading="lazy"
|
||||||
className="h-full w-auto object-contain"
|
className="h-full w-auto object-contain"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue