feat: optimize images and update dependencies

- Added image optimization script using sharp to reduce image sizes.
- Updated package.json to include sharp as a dependency.
- Modified build script to run image optimization before building.
- Added new sitemap.xml and robots.txt for better SEO.
- Updated multiple image files in public and images directories.

components/navbar.tsx

@@ -26,26 +26,27 @@ const Navbar = ({ darkMode = false }: NavbarProps) => {
     }, [])
 
     return (
-        <nav
-            className={cn(
-                "fixed top-0 left-0 right-0 z-50 transition-all duration-300 px-6 py-4",
-                isScrolled
-                    ? "bg-white/80 backdrop-blur-md shadow-sm"
-                    : "bg-transparent"
-            )}
-        >
-            <div className="max-w-7xl mx-auto flex items-center justify-between">
-                <Link href="/" className="flex items-center space-x-3 group z-50">
-                    <div className="relative w-40 h-10 md:w-48 md:h-12">
-                        <Image
-                            src="/images/logo-white.png"
-                            alt="SkyFly Travel"
-                            fill
-                            className="object-contain"
-                            priority
-                        />
-                    </div>
-                </Link>
+        <>
+            <nav
+                className={cn(
+                    "fixed top-0 left-0 right-0 z-50 transition-all duration-300 px-6 py-4",
+                    isScrolled
+                        ? "bg-white/80 backdrop-blur-md shadow-sm"
+                        : "bg-transparent"
+                )}
+            >
+                <div className="max-w-7xl mx-auto flex items-center justify-between">
+                    <Link href="/" className="flex items-center space-x-3 group z-50">
+                        <div className="relative w-40 h-10 md:w-48 md:h-12">
+                            <Image
+                                src="/images/logo-white.png"
+                                alt="SkyFly Travel"
+                                fill
+                                className="object-contain"
+                                priority
+                            />
+                        </div>
+                    </Link>
 
                 <div className="hidden md:flex items-center space-x-8">
                     <Link
@@ -146,10 +147,13 @@ const Navbar = ({ darkMode = false }: NavbarProps) => {
                 </button>
             </div>
 
+            </nav>
+
             {/* Mobile Menu Overlay */}
             {isMenuOpen && (
-                <div className="fixed inset-0 bg-slate-900 z-40 flex flex-col pt-32 px-8 animate-in slide-in-from-top duration-300">
-                    <div className="flex flex-col space-y-6 text-center">
+                <div className="fixed inset-0 z-40 flex flex-col pt-32 px-8 animate-in slide-in-from-top duration-300">
+                    <div className="absolute inset-0 bg-slate-950/95 backdrop-blur-md" />
+                    <div className="relative flex flex-col space-y-6 text-center">
                         <Link onClick={() => setIsMenuOpen(false)} href="/arak" className="text-2xl font-bold text-white hover:text-primary transition-colors">{t.nav.prices}</Link>
                         <Link onClick={() => setIsMenuOpen(false)} href="/szolgaltatasok" className="text-2xl font-bold text-white hover:text-primary transition-colors">{t.nav.services}</Link>
                         <Link onClick={() => setIsMenuOpen(false)} href="/feltetelek" className="text-2xl font-bold text-white hover:text-primary transition-colors">{t.nav.conditions}</Link>
@@ -169,7 +173,7 @@ const Navbar = ({ darkMode = false }: NavbarProps) => {
                     </div>
                 </div>
             )}
-        </nav>
+        </>
     )
 }