diff --git a/public/images/gallery/croissant-pain.jpeg b/public/images/gallery/croissant-pain.jpeg new file mode 100644 index 0000000..39653e8 Binary files /dev/null and b/public/images/gallery/croissant-pain.jpeg differ diff --git a/src/app/globals.css b/src/app/globals.css index 6b717ad..e5cf6b4 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -2,20 +2,12 @@ @tailwind components; @tailwind utilities; -:root { - --background: #ffffff; - --foreground: #171717; -} - -@media (prefers-color-scheme: dark) { - :root { - --background: #0a0a0a; - --foreground: #ededed; - } -} - body { - color: var(--foreground); - background: var(--background); - font-family: Arial, Helvetica, sans-serif; + @apply bg-bakery-50 text-bakery-900; } + +@layer components { + .container { + @apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8; + } +} \ No newline at end of file diff --git a/src/app/layout.tsx b/src/app/layout.tsx index a36cde0..b0d1042 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,21 +1,30 @@ import type { Metadata } from "next"; -import localFont from "next/font/local"; +import { Playfair_Display, Raleway } from "next/font/google"; import "./globals.css"; -const geistSans = localFont({ - src: "./fonts/GeistVF.woff", - variable: "--font-geist-sans", - weight: "100 900", +const playfair = Playfair_Display({ + subsets: ["latin"], + variable: '--font-playfair', + display: 'swap', }); -const geistMono = localFont({ - src: "./fonts/GeistMonoVF.woff", - variable: "--font-geist-mono", - weight: "100 900", + +const raleway = Raleway({ + subsets: ["latin"], + variable: '--font-raleway', + display: 'swap', }); export const metadata: Metadata = { - title: "Create Next App", - description: "Generated by create next app", + title: "Boulangerie Artisanale - Pains & Délices", + description: "Boulangerie artisanale proposant des pains traditionnels, viennoiseries et pâtisseries faits maison avec des produits de qualité.", + keywords: "boulangerie, pâtisserie, pain artisanal, viennoiseries, gâteaux, pâtisseries françaises", + metadataBase: new URL('https://votre-domaine.fr'), + openGraph: { + title: 'Boulangerie Artisanale - Pains & Délices', + description: 'Découvrez nos pains et pâtisseries artisanales', + locale: 'fr_FR', + type: 'website', + }, }; export default function RootLayout({ @@ -24,12 +33,8 @@ export default function RootLayout({ children: React.ReactNode; }>) { return ( - - - {children} - + + {children} ); -} +} \ No newline at end of file diff --git a/src/app/page.tsx b/src/app/page.tsx index 3eee014..2b427a5 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,101 +1,5 @@ -import Image from "next/image"; +import HomePage from '@/components/Homepage'; export default function Home() { - return ( -
-
- Next.js logo -
    -
  1. - Get started by editing{" "} - - src/app/page.tsx - - . -
    2. -
  2. Save and see your changes instantly.
    3. -
- -
- - Vercel logomark - Deploy now - - - Read our docs - -
-
- -
- ); -} + return ; +} \ No newline at end of file diff --git a/src/components/HomePage.tsx b/src/components/HomePage.tsx new file mode 100644 index 0000000..e1bae46 --- /dev/null +++ b/src/components/HomePage.tsx @@ -0,0 +1,106 @@ +import Link from 'next/link'; +import Image from 'next/image'; + +const HomePage = () => { + return ( +
+ {/* Hero Section */} +
+
+
+
+

Boulangerie Artisanale

+

Découvrez nos pains et pâtisseries faits maison avec passion depuis 1987

+ + Commander en ligne + +
+
+
+ + {/* Le reste du code reste identique, mais remplacez tous les `to=` par `href=` */} + {/* ... */} + + {/* Nos Spécialités */} +
+
+

Nos Spécialités

+
+ {['Pains Traditionnels', 'Viennoiseries', 'Pâtisseries'].map((item, index) => ( +
+

{item}

+

Découvrez notre sélection de {item.toLowerCase()} préparés chaque jour avec amour.

+
+ ))} +
+
+
+ + {/* Notre Histoire */} +
+
+
+

Notre Histoire

+

+ Depuis plus de 35 ans, notre boulangerie familiale perpétue la tradition du bon pain artisanal. + Chaque jour, nos artisans boulangers se lèvent tôt pour vous proposer des produits frais et authentiques. +

+ + En savoir plus → + +
+
+
+ + {/* Carte de Fidélité */} +
+
+

Carte de Fidélité

+

+ Rejoignez notre programme de fidélité et bénéficiez d'avantages exclusifs. + Votre 10ème baguette offerte ! +

+ +
+
+ + {/* Horaires et Contact */} +
+
+
+
+

Nos Horaires

+
    +
  • + Lundi - Vendredi + 6h30 - 19h30 +
    • +
  • + Samedi + 6h30 - 20h00 +
    • +
  • + Dimanche + 7h00 - 13h00 +
    • +
+
+
+

Contact

+
+

123 Rue du Pain

+

75001 Paris

+

Tél: 01 23 45 67 89

+

Email: contact@boulangerie-artisanale.fr

+
+
+
+
+
+
+ ); +}; + +export default HomePage; \ No newline at end of file diff --git a/tailwind.config.ts b/tailwind.config.ts index 021c393..e21c5d9 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -9,11 +9,25 @@ const config: Config = { theme: { extend: { colors: { - background: "var(--background)", - foreground: "var(--foreground)", + 'bakery': { + 50: '#FDF8F6', + 100: '#F2E8E5', + 200: '#E8D6D0', + 300: '#D4B4A5', + 400: '#C19277', + 500: '#A67759', + 600: '#8B5E43', + 700: '#6F4A34', + 800: '#523627', + 900: '#352318', + }, + }, + fontFamily: { + 'serif': ['var(--font-playfair)'], + 'sans': ['var(--font-raleway)'], }, }, }, plugins: [], }; -export default config; +export default config; \ No newline at end of file