fixed eslint issues

src/app/layout.tsx

@@ -31,14 +31,22 @@ const lejour = localFont({
 
 export const metadata: Metadata = {
   title: "The Vine Coffeehouse & Bakery",
-  description: "Boulangerie artisanale proposant des Breads traditionnels, Pastries et Cakes faits maison avec des products de qualité.",
-  keywords: "boulangerie, pâtisserie, pain artisanal, Pastries, gâteaux, Cakes françaises",
-  metadataBase: new URL('https://votre-domaine.fr'),
+  description: "Artisanal bakery and coffeehouse in Princeville, IL offering traditional breads, pastries, and cakes made with quality ingredients.",
+  keywords: "bakery, coffeehouse, artisanal bread, pastries, cakes, Princeville IL",
+  metadataBase: new URL('https://itsthevine.com'),
   openGraph: {
     title: 'The Vine Coffeehouse & Bakery',
-    description: 'Découvrez nos Breads et Cakes artisanales',
+    description: 'Discover The Vine Coffeehouse and Bakery in Princeville, IL',
     locale: 'en_US',
     type: 'website',
+    images: [
+      {
+        url: '/images/og/gallery.jpg',
+        width: 1200,
+        height: 630,
+        alt: 'Products of The Vine'
+      },
+    ],
   },
 };
 

src/components/ContactPage.tsx

@@ -45,7 +45,7 @@ const ContactPage = () => {
               Contact Us
             </h1>
             <p className="text-white/90 text-lg max-w-2xl">
-              We'd love to hear from you! Please fill out the form below to get in touch.
+              We would love to hear from you! Please fill out the form below to get in touch.
             </p>
           </div>
         </div>

src/components/Footer.tsx

@@ -1,5 +1,4 @@
 import Link from 'next/link';
-import Image from 'next/image';
 import Logo from './Logo';
 
 const Footer = () => {

src/components/Header.tsx

@@ -1,7 +1,6 @@
 'use client'
 import { useState } from 'react';
 import Link from 'next/link';
-import Image from 'next/image';
 import Logo from './Logo';
 
 const Header = () => {

src/components/HistoryPage.tsx

@@ -31,7 +31,7 @@ const HistoryPage = () => {
             Our bakery was founded in 1920 by John Doe, a passionate baker with a dream to bring the finest baked goods to the community. Over the years, our bakery has grown and evolved, but our commitment to quality and tradition has remained the same.
           </p>
           <p className="mb-4">
-            In the early days, John would wake up before dawn to prepare fresh bread and pastries for the day. His dedication and hard work quickly earned him a loyal customer base. As the bakery's reputation grew, so did its offerings. Today, we offer a wide variety of baked goods, from classic breads and pastries to modern cakes and desserts.
+            In the early days, John would wake up before dawn to prepare fresh bread and pastries for the day. His dedication and hard work quickly earned him a loyal customer base. As the bakerys reputation grew, so did its offerings. Today, we offer a wide variety of baked goods, from classic breads and pastries to modern cakes and desserts.
           </p>
           <p className="mb-4">
             Throughout the decades, our bakery has remained a family-owned business. Each generation has brought new ideas and innovations, while staying true to the values and traditions that John established. We are proud to be a part of this community and to continue serving our customers with the same passion and dedication that started it all.

src/components/HomePage.tsx

@@ -1,15 +1,15 @@
 'use client'
 import Link from 'next/link';
 import Image from 'next/image';
-import { useState } from 'react';
+// import { useState } from 'react';
 
 const HomePage = () => {
-  const [showLoyaltyForm, setShowLoyaltyForm] = useState(false);
+  // const [showLoyaltyForm, setShowLoyaltyForm] = useState(false);
 
   return (
     <div className="min-h-screen">
       {/* Hero Section */}
-      <section className="relative py-16 bg-bakery-600 text-white">"
+      <section className="relative py-16 bg-bakery-600 text-white">
         {/* Background Image */}
         {/* <Image
           src="/images/gallery/Outside.jpg"
@@ -82,7 +82,7 @@ const HomePage = () => {
           <div className="max-w-3xl mx-auto text-center">
             <h2 className="font-adbhashitha text-4xl mb-8" style={{ letterSpacing: '0.01em' }}>About Us</h2>
             <p className="text-lg mb-6">
-            Welcome to The Vine Bakery, where the warmth of home meets the heart of Princeville, IL. We're passionate about baking delicious, fresh goods that bring people together. Our cozy space invites you to gather with friends and family, sharing in the simple joy of homemade treats made with love and the finest ingredients. Come join us at The Vine and feel right at home.
+            Welcome to The Vine Bakery, where the warmth of home meets the heart of Princeville, IL. We are passionate about baking delicious, fresh goods that bring people together. Our cozy space invites you to gather with friends and family, sharing in the simple joy of homemade treats made with love and the finest ingredients. Come join us at The Vine and feel right at home.
             </p>
             <Link href="/notre-histoire" className="text-white hover:text-bakery-700 font-semibold">
               Learn More →

src/components/Logo.tsx

@@ -1,5 +1,4 @@
 import Link from 'next/link';
-import Image from 'next/image';
 import Logo_R from 'public/images/resources/logo_R.svg';
 import Logo_L from 'public/images/resources/logo_L.svg';
 

src/components/ProductModal.tsx

@@ -1,5 +1,4 @@
 import { motion, AnimatePresence } from 'framer-motion';
-import Image from 'next/image';
 import type { Product } from '@/types/product';
 import AwesomeSlider from 'react-awesome-slider';
 import "keen-slider/keen-slider.min.css"

src/components/ProductsPage.tsx

@@ -1,17 +1,14 @@
 'use client';
 import { useState } from 'react';
-import Image from 'next/image';
 import { motion, AnimatePresence } from 'framer-motion';
-import ProductModal from './ProductModal';
 import { products, categories } from '@/data/products';
-import type { Product } from '@/types/product';
 import LoadingSpinner from './LoadingSpinner';
 import 'react-awesome-slider/dist/styles.css';
 import AwesomeSlider from 'react-awesome-slider';
   
 const ProductsPage = () => {
   const [selectedCategory, setSelectedCategory] = useState('All');
-  const [selectedProduct, setSelectedProduct] = useState<Product | null>(null);
+  // const [selectedProduct, setSelectedProduct] = useState<Product | null>(null);
   const [isLoading, setIsLoading] = useState(false);
 
   const filteredProducts = selectedCategory === 'All'
@@ -40,7 +37,7 @@ const ProductsPage = () => {
               Products
             </h1>
             <p className="text-white/90 text-lg max-w-2xl">
-              Explore our wide range of products crafted with the finest ingredients. Whether you're looking for something sweet or savory, we have something for everyone. Browse through our categories to find your perfect treat.
+              Explore our wide range of products crafted with the finest ingredients. Whether you are looking for something sweet or savory, we have something for everyone. Browse through our categories to find your perfect treat.
             </p>
           </div>
         </div>
@@ -89,9 +86,7 @@ const ProductsPage = () => {
                 >
                   {/* Image Container */}
                     <div 
-                    className="relative w-full overflow-hidden cursor-pointer"
-                    onClick={() => setSelectedProduct(product)}
-                    >
+                    className="relative w-full overflow-hidden cursor-pointer">
                     <AwesomeSlider 
                       bullets={false} 
                       style={{ aspectRatio: '1 / 1' }}