added branding

This commit is contained in:
Paul Fresnel
2024-11-07 10:08:49 +01:00
parent e9185e2c9e
commit 4f8103e1dc
8 changed files with 28 additions and 16 deletions

Before

Width:  |  Height:  |  Size: 180 KiB

After

Width:  |  Height:  |  Size: 180 KiB

Before

Width:  |  Height:  |  Size: 1.5 MiB

After

Width:  |  Height:  |  Size: 1.5 MiB

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 68 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

+11 -8
View File
@@ -7,18 +7,21 @@ const Footer = () => {
<div className="container mx-auto px-4 py-12"> <div className="container mx-auto px-4 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">
{/* Logo and Description */} {/* Logo and Description */}
<div className="col-span-1 md:col-span-2"> <div className="col-span-1 md:col-span-2 flex items-center">
<Image <Image
src="/images/ressources/logo.png" src="/images/ressources/logo.png"
alt="Boulangerie Artisanale" alt="Au Blé d'Or - Boulangerie Artisanale"
width={60} width={60}
height={60} height={60}
className="mb-4" className="mb-4 mr-4"
/> />
<p className="text-bakery-200 max-w-md"> <div>
Artisans boulangers depuis 1987, nous perpétuons la tradition <h2 className="text-bakery-400 font-semibold mb-2 text-lg">Au Blé d&apos;Or</h2>
du bon pain et des pâtisseries artisanales. <p className="text-bakery-200 max-w-md">
</p> Artisans boulangers depuis 1987, nous perpétuons la tradition
du bon pain et des pâtisseries artisanales.
</p>
</div>
</div> </div>
{/* Navigation Links */} {/* Navigation Links */}
@@ -57,7 +60,7 @@ const Footer = () => {
{/* Bottom Bar */} {/* Bottom Bar */}
<div className="border-t border-bakery-700 mt-8 pt-8 text-center text-bakery-300"> <div className="border-t border-bakery-700 mt-8 pt-8 text-center text-bakery-300">
<p>© 2024 Boulangerie Artisanale. Tous droits réservés.</p> <p>© 2024 Au Blé d&apos;Or - Boulangerie Artisanale. Tous droits réservés.</p>
</div> </div>
</div> </div>
</footer> </footer>
+4 -5
View File
@@ -3,7 +3,6 @@ import Image from 'next/image';
const Header = () => { const Header = () => {
const navItems = [ const navItems = [
{ label: 'Accueil', href: '/' },
{ label: 'Nos Produits', href: '/produits' }, { label: 'Nos Produits', href: '/produits' },
{ label: 'Notre Histoire', href: '/notre-histoire' }, { label: 'Notre Histoire', href: '/notre-histoire' },
{ label: 'Commander', href: '/commander' }, { label: 'Commander', href: '/commander' },
@@ -18,13 +17,13 @@ const Header = () => {
<Link href="/" className="flex items-center"> <Link href="/" className="flex items-center">
<Image <Image
src="/images/ressources/logo.png" src="/images/ressources/logo.png"
alt="Boulangerie Artisanale" alt="Au Blé d'Or - Boulangerie Artisanale"
width={50} width={60}
height={50} height={60}
className="h-12 w-auto" className="h-12 w-auto"
/> />
<span className="ml-3 font-serif text-xl text-bakery-800"> <span className="ml-3 font-serif text-xl text-bakery-800">
Boulangerie Artisanale Au Blé d&apos;Or
</span> </span>
</Link> </Link>
+13 -3
View File
@@ -9,7 +9,7 @@ const HomePage = () => {
{/* Background Image */} {/* Background Image */}
<Image <Image
src="/images/ressources/main-banner.jpeg" src="/images/ressources/main-banner.jpeg"
alt="Boulangerie Artisanale" alt="Au Blé d'Or - Boulangerie Artisanale"
fill fill
priority priority
className="object-cover" className="object-cover"
@@ -46,7 +46,17 @@ const HomePage = () => {
<div className="grid grid-cols-1 md:grid-cols-3 gap-8"> <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
{['Pains Traditionnels', 'Viennoiseries', 'Pâtisseries'].map((item, index) => ( {['Pains Traditionnels', 'Viennoiseries', 'Pâtisseries'].map((item, index) => (
<div key={index} className="text-center p-6 bg-bakery-50 rounded-lg"> <div key={index} className="text-center p-6 bg-bakery-50 rounded-lg">
<h3 className="font-serif text-2xl mb-4">{item}</h3> <h3 className="font-serif text-2xl mb-6">{item}</h3>
<div className="flex justify-center items-center mb-4">
<Image
src={`/images/gallery/${item.toLowerCase()}.png`}
alt={item}
width={300}
height={200}
className="object-cover rounded-[20px] border border-black/20 shadow-lg"
priority={index < 3}
/>
</div>
<p className="text-bakery-700">Découvrez notre sélection de {item.toLowerCase()} préparés chaque jour avec amour.</p> <p className="text-bakery-700">Découvrez notre sélection de {item.toLowerCase()} préparés chaque jour avec amour.</p>
</div> </div>
))} ))}
@@ -111,7 +121,7 @@ const HomePage = () => {
<p className="mb-2">123 Rue du Pain</p> <p className="mb-2">123 Rue du Pain</p>
<p className="mb-2">75001 Paris</p> <p className="mb-2">75001 Paris</p>
<p className="mb-2">Tél: 01 23 45 67 89</p> <p className="mb-2">Tél: 01 23 45 67 89</p>
<p>Email: contact@boulangerie-artisanale.fr</p> <p>Email: contact@blédor-artisanale.fr</p>
</address> </address>
</div> </div>
</div> </div>