diff --git a/app/Http/Middleware/EnsureSecurityHeaders.php b/app/Http/Middleware/EnsureSecurityHeaders.php
new file mode 100644
index 0000000..bc770fc
--- /dev/null
+++ b/app/Http/Middleware/EnsureSecurityHeaders.php
@@ -0,0 +1,53 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Closure;
+use Illuminate\Http\Request;
+use Symfony\Component\HttpFoundation\Response;
+
+class EnsureSecurityHeaders
+{
+    /**
+     * Handle an incoming request.
+     *
+     * @param  \Closure(\Illuminate\Http\Request): (\Symfony\Component\HttpFoundation\Response)  $next
+     */
+    public function handle(Request $request, Closure $next): Response
+    {
+        $response = $next($request);
+
+        // HSTS (Strict-Transport-Security) - Enforce HTTPS for 1 year
+        // 'includeSubDomains' and 'preload' are optional but often recommended for full security.
+        // A+ score typically looks for this header with a long max-age.
+        if ($request->isSecure()) {
+            $response->headers->set('Strict-Transport-Security', 'max-age=31536000; includeSubDomains; preload');
+        }
+
+        // X-Frame-Options: SAMEORIGIN (prevents clickjacking by allowing framing only by the same site)
+        $response->headers->set('X-Frame-Options', 'SAMEORIGIN');
+
+        // X-Content-Type-Options: nosniff (prevents MIME type sniffing)
+        $response->headers->set('X-Content-Type-Options', 'nosniff');
+
+        // Referrer-Policy: stringent check, usually 'strict-origin-when-cross-origin' is good
+        $response->headers->set('Referrer-Policy', 'strict-origin-when-cross-origin');
+
+        // X-XSS-Protection: 1; mode=block (deprecated but still good for older browsers, some scanners check it)
+        $response->headers->set('X-XSS-Protection', '1; mode=block');
+
+        // Permissions-Policy: restrict dangerous features
+        // This is a bit strict, might need adjustment based on site features.
+        // For general sites: geolocation=(), microphone=(), camera=() is often safe.
+        $response->headers->set('Permissions-Policy', 'geolocation=(), microphone=(), camera=()');
+
+        // Content-Security-Policy (CSP) - Start with upgrade-insecure-requests to force HTTPS assets
+        // A full CSP can be tricky and break scripts. 'upgrade-insecure-requests' is safe and good for mixed content.
+        // We can add 'frame-ancestors' here too if X-Frame-Options is ignored by some.
+        // If the user wants A+, a basic CSP is often enough.
+        $csp = "upgrade-insecure-requests; block-all-mixed-content;";
+        $response->headers->set('Content-Security-Policy', $csp);
+
+        return $response;
+    }
+}
diff --git a/app/Providers/AppServiceProvider.php b/app/Providers/AppServiceProvider.php
index 5a1ea4d..4ac75a5 100644
--- a/app/Providers/AppServiceProvider.php
+++ b/app/Providers/AppServiceProvider.php
@@ -23,7 +23,12 @@ class AppServiceProvider extends ServiceProvider
     {
         setlocale(LC_ALL, 'tr_TR.UTF-8', 'tr_TR', 'turkish');
 
+        // Page model için observer kaydet
         // Page model için observer kaydet
         Page::observe(PageObserver::class);
+
+        if ($this->app->environment('production') || $this->app->environment('staging')) {
+            \Illuminate\Support\Facades\URL::forceScheme('https');
+        }
     }
 }
diff --git a/bootstrap/app.php b/bootstrap/app.php
index ca1d20c..0899f28 100644
--- a/bootstrap/app.php
+++ b/bootstrap/app.php
@@ -13,6 +13,7 @@ return Application::configure(basePath: dirname(__DIR__))
     ->withMiddleware(function (Middleware $middleware): void {
         $middleware->web(append: [
             \App\Http\Middleware\SetLocale::class,
+            \App\Http\Middleware\EnsureSecurityHeaders::class,
         ]);
     })
     ->withExceptions(function (Exceptions $exceptions): void {
diff --git a/package-lock.json b/package-lock.json
index e53e4db..2916aa5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4,16 +4,27 @@
     "requires": true,
     "packages": {
         "": {
-            "name": "citrus",
             "devDependencies": {
                 "@tailwindcss/vite": "^4.0.0",
                 "axios": "^1.11.0",
                 "concurrently": "^9.0.1",
                 "laravel-vite-plugin": "^2.0.0",
+                "sharp": "^0.34.5",
                 "tailwindcss": "^4.0.0",
                 "vite": "^7.0.4"
             }
         },
+        "node_modules/@emnapi/runtime": {
+            "version": "1.8.1",
+            "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.8.1.tgz",
+            "integrity": "sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg==",
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "dependencies": {
+                "tslib": "^2.4.0"
+            }
+        },
         "node_modules/@esbuild/aix-ppc64": {
             "version": "0.27.3",
             "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.3.tgz",
@@ -456,6 +467,496 @@
                 "node": ">=18"
             }
         },
+        "node_modules/@img/colour": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.0.0.tgz",
+            "integrity": "sha512-A5P/LfWGFSl6nsckYtjw9da+19jB8hkJ6ACTGcDfEJ0aE+l2n2El7dsVM7UVHZQ9s2lmYMWlrS21YLy2IR1LUw==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@img/sharp-darwin-arm64": {
+            "version": "0.34.5",
+            "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.5.tgz",
+            "integrity": "sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "Apache-2.0",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            },
+            "optionalDependencies": {
+                "@img/sharp-libvips-darwin-arm64": "1.2.4"
+            }
+        },
+        "node_modules/@img/sharp-darwin-x64": {
+            "version": "0.34.5",
+            "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.5.tgz",
+            "integrity": "sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "Apache-2.0",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            },
+            "optionalDependencies": {
+                "@img/sharp-libvips-darwin-x64": "1.2.4"
+            }
+        },
+        "node_modules/@img/sharp-libvips-darwin-arm64": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.2.4.tgz",
+            "integrity": "sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "LGPL-3.0-or-later",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            }
+        },
+        "node_modules/@img/sharp-libvips-darwin-x64": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.2.4.tgz",
+            "integrity": "sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "LGPL-3.0-or-later",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            }
+        },
+        "node_modules/@img/sharp-libvips-linux-arm": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.2.4.tgz",
+            "integrity": "sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "LGPL-3.0-or-later",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            }
+        },
+        "node_modules/@img/sharp-libvips-linux-arm64": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.2.4.tgz",
+            "integrity": "sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "LGPL-3.0-or-later",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            }
+        },
+        "node_modules/@img/sharp-libvips-linux-ppc64": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.2.4.tgz",
+            "integrity": "sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==",
+            "cpu": [
+                "ppc64"
+            ],
+            "dev": true,
+            "license": "LGPL-3.0-or-later",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            }
+        },
+        "node_modules/@img/sharp-libvips-linux-riscv64": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-riscv64/-/sharp-libvips-linux-riscv64-1.2.4.tgz",
+            "integrity": "sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==",
+            "cpu": [
+                "riscv64"
+            ],
+            "dev": true,
+            "license": "LGPL-3.0-or-later",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            }
+        },
+        "node_modules/@img/sharp-libvips-linux-s390x": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.2.4.tgz",
+            "integrity": "sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==",
+            "cpu": [
+                "s390x"
+            ],
+            "dev": true,
+            "license": "LGPL-3.0-or-later",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            }
+        },
+        "node_modules/@img/sharp-libvips-linux-x64": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.4.tgz",
+            "integrity": "sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "LGPL-3.0-or-later",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            }
+        },
+        "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.2.4.tgz",
+            "integrity": "sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "LGPL-3.0-or-later",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            }
+        },
+        "node_modules/@img/sharp-libvips-linuxmusl-x64": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.2.4.tgz",
+            "integrity": "sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "LGPL-3.0-or-later",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            }
+        },
+        "node_modules/@img/sharp-linux-arm": {
+            "version": "0.34.5",
+            "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.5.tgz",
+            "integrity": "sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "Apache-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            },
+            "optionalDependencies": {
+                "@img/sharp-libvips-linux-arm": "1.2.4"
+            }
+        },
+        "node_modules/@img/sharp-linux-arm64": {
+            "version": "0.34.5",
+            "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.5.tgz",
+            "integrity": "sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "Apache-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            },
+            "optionalDependencies": {
+                "@img/sharp-libvips-linux-arm64": "1.2.4"
+            }
+        },
+        "node_modules/@img/sharp-linux-ppc64": {
+            "version": "0.34.5",
+            "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.34.5.tgz",
+            "integrity": "sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==",
+            "cpu": [
+                "ppc64"
+            ],
+            "dev": true,
+            "license": "Apache-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            },
+            "optionalDependencies": {
+                "@img/sharp-libvips-linux-ppc64": "1.2.4"
+            }
+        },
+        "node_modules/@img/sharp-linux-riscv64": {
+            "version": "0.34.5",
+            "resolved": "https://registry.npmjs.org/@img/sharp-linux-riscv64/-/sharp-linux-riscv64-0.34.5.tgz",
+            "integrity": "sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==",
+            "cpu": [
+                "riscv64"
+            ],
+            "dev": true,
+            "license": "Apache-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            },
+            "optionalDependencies": {
+                "@img/sharp-libvips-linux-riscv64": "1.2.4"
+            }
+        },
+        "node_modules/@img/sharp-linux-s390x": {
+            "version": "0.34.5",
+            "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.5.tgz",
+            "integrity": "sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==",
+            "cpu": [
+                "s390x"
+            ],
+            "dev": true,
+            "license": "Apache-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            },
+            "optionalDependencies": {
+                "@img/sharp-libvips-linux-s390x": "1.2.4"
+            }
+        },
+        "node_modules/@img/sharp-linux-x64": {
+            "version": "0.34.5",
+            "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.5.tgz",
+            "integrity": "sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "Apache-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            },
+            "optionalDependencies": {
+                "@img/sharp-libvips-linux-x64": "1.2.4"
+            }
+        },
+        "node_modules/@img/sharp-linuxmusl-arm64": {
+            "version": "0.34.5",
+            "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.5.tgz",
+            "integrity": "sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "Apache-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            },
+            "optionalDependencies": {
+                "@img/sharp-libvips-linuxmusl-arm64": "1.2.4"
+            }
+        },
+        "node_modules/@img/sharp-linuxmusl-x64": {
+            "version": "0.34.5",
+            "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.5.tgz",
+            "integrity": "sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "Apache-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            },
+            "optionalDependencies": {
+                "@img/sharp-libvips-linuxmusl-x64": "1.2.4"
+            }
+        },
+        "node_modules/@img/sharp-wasm32": {
+            "version": "0.34.5",
+            "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.5.tgz",
+            "integrity": "sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==",
+            "cpu": [
+                "wasm32"
+            ],
+            "dev": true,
+            "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+            "optional": true,
+            "dependencies": {
+                "@emnapi/runtime": "^1.7.0"
+            },
+            "engines": {
+                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            }
+        },
+        "node_modules/@img/sharp-win32-arm64": {
+            "version": "0.34.5",
+            "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.5.tgz",
+            "integrity": "sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "Apache-2.0 AND LGPL-3.0-or-later",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            }
+        },
+        "node_modules/@img/sharp-win32-ia32": {
+            "version": "0.34.5",
+            "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.5.tgz",
+            "integrity": "sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==",
+            "cpu": [
+                "ia32"
+            ],
+            "dev": true,
+            "license": "Apache-2.0 AND LGPL-3.0-or-later",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            }
+        },
+        "node_modules/@img/sharp-win32-x64": {
+            "version": "0.34.5",
+            "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.5.tgz",
+            "integrity": "sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "Apache-2.0 AND LGPL-3.0-or-later",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            }
+        },
         "node_modules/@isaacs/fs-minipass": {
             "version": "4.0.1",
             "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz",
@@ -1254,10 +1755,11 @@
             }
         },
         "node_modules/detect-libc": {
-            "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.1.tgz",
-            "integrity": "sha512-ecqj/sy1jcK1uWrwpR67UhYrIFQ+5WlGxth34WquCbamhFA6hkkwiu37o6J5xCHdo1oixJRfVRw+ywV+Hq/0Aw==",
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+            "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
             "dev": true,
+            "license": "Apache-2.0",
             "engines": {
                 "node": ">=8"
             }
@@ -2046,6 +2548,64 @@
                 "tslib": "^2.1.0"
             }
         },
+        "node_modules/semver": {
+            "version": "7.7.4",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+            "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+            "dev": true,
+            "license": "ISC",
+            "bin": {
+                "semver": "bin/semver.js"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/sharp": {
+            "version": "0.34.5",
+            "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.5.tgz",
+            "integrity": "sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==",
+            "dev": true,
+            "hasInstallScript": true,
+            "license": "Apache-2.0",
+            "dependencies": {
+                "@img/colour": "^1.0.0",
+                "detect-libc": "^2.1.2",
+                "semver": "^7.7.3"
+            },
+            "engines": {
+                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            },
+            "optionalDependencies": {
+                "@img/sharp-darwin-arm64": "0.34.5",
+                "@img/sharp-darwin-x64": "0.34.5",
+                "@img/sharp-libvips-darwin-arm64": "1.2.4",
+                "@img/sharp-libvips-darwin-x64": "1.2.4",
+                "@img/sharp-libvips-linux-arm": "1.2.4",
+                "@img/sharp-libvips-linux-arm64": "1.2.4",
+                "@img/sharp-libvips-linux-ppc64": "1.2.4",
+                "@img/sharp-libvips-linux-riscv64": "1.2.4",
+                "@img/sharp-libvips-linux-s390x": "1.2.4",
+                "@img/sharp-libvips-linux-x64": "1.2.4",
+                "@img/sharp-libvips-linuxmusl-arm64": "1.2.4",
+                "@img/sharp-libvips-linuxmusl-x64": "1.2.4",
+                "@img/sharp-linux-arm": "0.34.5",
+                "@img/sharp-linux-arm64": "0.34.5",
+                "@img/sharp-linux-ppc64": "0.34.5",
+                "@img/sharp-linux-riscv64": "0.34.5",
+                "@img/sharp-linux-s390x": "0.34.5",
+                "@img/sharp-linux-x64": "0.34.5",
+                "@img/sharp-linuxmusl-arm64": "0.34.5",
+                "@img/sharp-linuxmusl-x64": "0.34.5",
+                "@img/sharp-wasm32": "0.34.5",
+                "@img/sharp-win32-arm64": "0.34.5",
+                "@img/sharp-win32-ia32": "0.34.5",
+                "@img/sharp-win32-x64": "0.34.5"
+            }
+        },
         "node_modules/shell-quote": {
             "version": "1.8.3",
             "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.3.tgz",
diff --git a/package.json b/package.json
index a5707d8..e6bd1a8 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
         "axios": "^1.11.0",
         "concurrently": "^9.0.1",
         "laravel-vite-plugin": "^2.0.0",
+        "sharp": "^0.34.5",
         "tailwindcss": "^4.0.0",
         "vite": "^7.0.4"
     }
diff --git a/public/assets/img/avatars/avatar.webp b/public/assets/img/avatars/avatar.webp
new file mode 100644
index 0000000..58fd711
Binary files /dev/null and b/public/assets/img/avatars/avatar.webp differ
diff --git a/public/assets/img/avatars/t1.webp b/public/assets/img/avatars/t1.webp
new file mode 100644
index 0000000..dfb5b5d
Binary files /dev/null and b/public/assets/img/avatars/t1.webp differ
diff --git a/public/assets/img/avatars/t2.webp b/public/assets/img/avatars/t2.webp
new file mode 100644
index 0000000..1b33e41
Binary files /dev/null and b/public/assets/img/avatars/t2.webp differ
diff --git a/public/assets/img/avatars/t3.webp b/public/assets/img/avatars/t3.webp
new file mode 100644
index 0000000..d9a241d
Binary files /dev/null and b/public/assets/img/avatars/t3.webp differ
diff --git a/public/assets/img/avatars/t4.webp b/public/assets/img/avatars/t4.webp
new file mode 100644
index 0000000..b284166
Binary files /dev/null and b/public/assets/img/avatars/t4.webp differ
diff --git a/public/assets/img/avatars/t5.webp b/public/assets/img/avatars/t5.webp
new file mode 100644
index 0000000..37c8931
Binary files /dev/null and b/public/assets/img/avatars/t5.webp differ
diff --git a/public/assets/img/avatars/te1.webp b/public/assets/img/avatars/te1.webp
new file mode 100644
index 0000000..d3e8d72
Binary files /dev/null and b/public/assets/img/avatars/te1.webp differ
diff --git a/public/assets/img/avatars/te10.webp b/public/assets/img/avatars/te10.webp
new file mode 100644
index 0000000..69ec01d
Binary files /dev/null and b/public/assets/img/avatars/te10.webp differ
diff --git a/public/assets/img/avatars/te11.webp b/public/assets/img/avatars/te11.webp
new file mode 100644
index 0000000..0a3077a
Binary files /dev/null and b/public/assets/img/avatars/te11.webp differ
diff --git a/public/assets/img/avatars/te12.webp b/public/assets/img/avatars/te12.webp
new file mode 100644
index 0000000..f5be4ea
Binary files /dev/null and b/public/assets/img/avatars/te12.webp differ
diff --git a/public/assets/img/avatars/te2.webp b/public/assets/img/avatars/te2.webp
new file mode 100644
index 0000000..97e4840
Binary files /dev/null and b/public/assets/img/avatars/te2.webp differ
diff --git a/public/assets/img/avatars/te3.webp b/public/assets/img/avatars/te3.webp
new file mode 100644
index 0000000..93ecae5
Binary files /dev/null and b/public/assets/img/avatars/te3.webp differ
diff --git a/public/assets/img/avatars/te4.webp b/public/assets/img/avatars/te4.webp
new file mode 100644
index 0000000..16c9ae0
Binary files /dev/null and b/public/assets/img/avatars/te4.webp differ
diff --git a/public/assets/img/avatars/te5.webp b/public/assets/img/avatars/te5.webp
new file mode 100644
index 0000000..e6b8120
Binary files /dev/null and b/public/assets/img/avatars/te5.webp differ
diff --git a/public/assets/img/avatars/te6.webp b/public/assets/img/avatars/te6.webp
new file mode 100644
index 0000000..9499a70
Binary files /dev/null and b/public/assets/img/avatars/te6.webp differ
diff --git a/public/assets/img/avatars/te7.webp b/public/assets/img/avatars/te7.webp
new file mode 100644
index 0000000..8d3885b
Binary files /dev/null and b/public/assets/img/avatars/te7.webp differ
diff --git a/public/assets/img/avatars/te8.webp b/public/assets/img/avatars/te8.webp
new file mode 100644
index 0000000..af507e7
Binary files /dev/null and b/public/assets/img/avatars/te8.webp differ
diff --git a/public/assets/img/avatars/te9.webp b/public/assets/img/avatars/te9.webp
new file mode 100644
index 0000000..b285fd0
Binary files /dev/null and b/public/assets/img/avatars/te9.webp differ
diff --git a/public/assets/img/avatars/u1.webp b/public/assets/img/avatars/u1.webp
new file mode 100644
index 0000000..e1f7f20
Binary files /dev/null and b/public/assets/img/avatars/u1.webp differ
diff --git a/public/assets/img/avatars/u2.webp b/public/assets/img/avatars/u2.webp
new file mode 100644
index 0000000..9596d23
Binary files /dev/null and b/public/assets/img/avatars/u2.webp differ
diff --git a/public/assets/img/avatars/u3.webp b/public/assets/img/avatars/u3.webp
new file mode 100644
index 0000000..4b38a1d
Binary files /dev/null and b/public/assets/img/avatars/u3.webp differ
diff --git a/public/assets/img/avatars/u4.webp b/public/assets/img/avatars/u4.webp
new file mode 100644
index 0000000..b5bd283
Binary files /dev/null and b/public/assets/img/avatars/u4.webp differ
diff --git a/public/assets/img/avatars/u5.webp b/public/assets/img/avatars/u5.webp
new file mode 100644
index 0000000..9596d23
Binary files /dev/null and b/public/assets/img/avatars/u5.webp differ
diff --git a/public/assets/img/brands/c1.webp b/public/assets/img/brands/c1.webp
new file mode 100644
index 0000000..44b8178
Binary files /dev/null and b/public/assets/img/brands/c1.webp differ
diff --git a/public/assets/img/brands/c10.webp b/public/assets/img/brands/c10.webp
new file mode 100644
index 0000000..d226bcc
Binary files /dev/null and b/public/assets/img/brands/c10.webp differ
diff --git a/public/assets/img/brands/c11.webp b/public/assets/img/brands/c11.webp
new file mode 100644
index 0000000..802cf99
Binary files /dev/null and b/public/assets/img/brands/c11.webp differ
diff --git a/public/assets/img/brands/c2.webp b/public/assets/img/brands/c2.webp
new file mode 100644
index 0000000..00370d8
Binary files /dev/null and b/public/assets/img/brands/c2.webp differ
diff --git a/public/assets/img/brands/c3.webp b/public/assets/img/brands/c3.webp
new file mode 100644
index 0000000..54befbf
Binary files /dev/null and b/public/assets/img/brands/c3.webp differ
diff --git a/public/assets/img/brands/c4.webp b/public/assets/img/brands/c4.webp
new file mode 100644
index 0000000..59dad3e
Binary files /dev/null and b/public/assets/img/brands/c4.webp differ
diff --git a/public/assets/img/brands/c5.webp b/public/assets/img/brands/c5.webp
new file mode 100644
index 0000000..4aa024d
Binary files /dev/null and b/public/assets/img/brands/c5.webp differ
diff --git a/public/assets/img/brands/c6.webp b/public/assets/img/brands/c6.webp
new file mode 100644
index 0000000..8473d7e
Binary files /dev/null and b/public/assets/img/brands/c6.webp differ
diff --git a/public/assets/img/brands/c7.webp b/public/assets/img/brands/c7.webp
new file mode 100644
index 0000000..41128f2
Binary files /dev/null and b/public/assets/img/brands/c7.webp differ
diff --git a/public/assets/img/brands/c8.webp b/public/assets/img/brands/c8.webp
new file mode 100644
index 0000000..ec444b1
Binary files /dev/null and b/public/assets/img/brands/c8.webp differ
diff --git a/public/assets/img/brands/c9.webp b/public/assets/img/brands/c9.webp
new file mode 100644
index 0000000..33d28d6
Binary files /dev/null and b/public/assets/img/brands/c9.webp differ
diff --git a/public/assets/img/brands/z1.webp b/public/assets/img/brands/z1.webp
new file mode 100644
index 0000000..7f86052
Binary files /dev/null and b/public/assets/img/brands/z1.webp differ
diff --git a/public/assets/img/brands/z2.webp b/public/assets/img/brands/z2.webp
new file mode 100644
index 0000000..58b25c9
Binary files /dev/null and b/public/assets/img/brands/z2.webp differ
diff --git a/public/assets/img/brands/z3.webp b/public/assets/img/brands/z3.webp
new file mode 100644
index 0000000..49e46aa
Binary files /dev/null and b/public/assets/img/brands/z3.webp differ
diff --git a/public/assets/img/brands/z4.webp b/public/assets/img/brands/z4.webp
new file mode 100644
index 0000000..7232d7f
Binary files /dev/null and b/public/assets/img/brands/z4.webp differ
diff --git a/public/assets/img/brands/z5.webp b/public/assets/img/brands/z5.webp
new file mode 100644
index 0000000..b4c53a8
Binary files /dev/null and b/public/assets/img/brands/z5.webp differ
diff --git a/public/assets/img/brands/z6.webp b/public/assets/img/brands/z6.webp
new file mode 100644
index 0000000..57f8a4d
Binary files /dev/null and b/public/assets/img/brands/z6.webp differ
diff --git a/public/assets/img/brands/z7.webp b/public/assets/img/brands/z7.webp
new file mode 100644
index 0000000..11169d6
Binary files /dev/null and b/public/assets/img/brands/z7.webp differ
diff --git a/public/assets/img/brands/z8.webp b/public/assets/img/brands/z8.webp
new file mode 100644
index 0000000..eff28e8
Binary files /dev/null and b/public/assets/img/brands/z8.webp differ
diff --git a/public/assets/img/demos/d1.webp b/public/assets/img/demos/d1.webp
new file mode 100644
index 0000000..290ed12
Binary files /dev/null and b/public/assets/img/demos/d1.webp differ
diff --git a/public/assets/img/demos/d10.webp b/public/assets/img/demos/d10.webp
new file mode 100644
index 0000000..5faadc5
Binary files /dev/null and b/public/assets/img/demos/d10.webp differ
diff --git a/public/assets/img/demos/d11.webp b/public/assets/img/demos/d11.webp
new file mode 100644
index 0000000..cffeb88
Binary files /dev/null and b/public/assets/img/demos/d11.webp differ
diff --git a/public/assets/img/demos/d12.webp b/public/assets/img/demos/d12.webp
new file mode 100644
index 0000000..ee0ad7b
Binary files /dev/null and b/public/assets/img/demos/d12.webp differ
diff --git a/public/assets/img/demos/d13.webp b/public/assets/img/demos/d13.webp
new file mode 100644
index 0000000..24de59e
Binary files /dev/null and b/public/assets/img/demos/d13.webp differ
diff --git a/public/assets/img/demos/d14.webp b/public/assets/img/demos/d14.webp
new file mode 100644
index 0000000..8be8bd2
Binary files /dev/null and b/public/assets/img/demos/d14.webp differ
diff --git a/public/assets/img/demos/d15.webp b/public/assets/img/demos/d15.webp
new file mode 100644
index 0000000..559d9bc
Binary files /dev/null and b/public/assets/img/demos/d15.webp differ
diff --git a/public/assets/img/demos/d16.webp b/public/assets/img/demos/d16.webp
new file mode 100644
index 0000000..9c9d888
Binary files /dev/null and b/public/assets/img/demos/d16.webp differ
diff --git a/public/assets/img/demos/d17.webp b/public/assets/img/demos/d17.webp
new file mode 100644
index 0000000..057f479
Binary files /dev/null and b/public/assets/img/demos/d17.webp differ
diff --git a/public/assets/img/demos/d18-2.webp b/public/assets/img/demos/d18-2.webp
new file mode 100644
index 0000000..f12d76b
Binary files /dev/null and b/public/assets/img/demos/d18-2.webp differ
diff --git a/public/assets/img/demos/d18.webp b/public/assets/img/demos/d18.webp
new file mode 100644
index 0000000..dbf3401
Binary files /dev/null and b/public/assets/img/demos/d18.webp differ
diff --git a/public/assets/img/demos/d19-1.webp b/public/assets/img/demos/d19-1.webp
new file mode 100644
index 0000000..2689a60
Binary files /dev/null and b/public/assets/img/demos/d19-1.webp differ
diff --git a/public/assets/img/demos/d19-2.webp b/public/assets/img/demos/d19-2.webp
new file mode 100644
index 0000000..f62aa3e
Binary files /dev/null and b/public/assets/img/demos/d19-2.webp differ
diff --git a/public/assets/img/demos/d19.webp b/public/assets/img/demos/d19.webp
new file mode 100644
index 0000000..011240f
Binary files /dev/null and b/public/assets/img/demos/d19.webp differ
diff --git a/public/assets/img/demos/d2.webp b/public/assets/img/demos/d2.webp
new file mode 100644
index 0000000..389909e
Binary files /dev/null and b/public/assets/img/demos/d2.webp differ
diff --git a/public/assets/img/demos/d20-2.webp b/public/assets/img/demos/d20-2.webp
new file mode 100644
index 0000000..72e2a48
Binary files /dev/null and b/public/assets/img/demos/d20-2.webp differ
diff --git a/public/assets/img/demos/d20.webp b/public/assets/img/demos/d20.webp
new file mode 100644
index 0000000..d6c7db4
Binary files /dev/null and b/public/assets/img/demos/d20.webp differ
diff --git a/public/assets/img/demos/d21.webp b/public/assets/img/demos/d21.webp
new file mode 100644
index 0000000..4491374
Binary files /dev/null and b/public/assets/img/demos/d21.webp differ
diff --git a/public/assets/img/demos/d22.webp b/public/assets/img/demos/d22.webp
new file mode 100644
index 0000000..24733a0
Binary files /dev/null and b/public/assets/img/demos/d22.webp differ
diff --git a/public/assets/img/demos/d23.webp b/public/assets/img/demos/d23.webp
new file mode 100644
index 0000000..f0fd587
Binary files /dev/null and b/public/assets/img/demos/d23.webp differ
diff --git a/public/assets/img/demos/d24.webp b/public/assets/img/demos/d24.webp
new file mode 100644
index 0000000..4d6551a
Binary files /dev/null and b/public/assets/img/demos/d24.webp differ
diff --git a/public/assets/img/demos/d25.webp b/public/assets/img/demos/d25.webp
new file mode 100644
index 0000000..cdc9067
Binary files /dev/null and b/public/assets/img/demos/d25.webp differ
diff --git a/public/assets/img/demos/d26.webp b/public/assets/img/demos/d26.webp
new file mode 100644
index 0000000..f7d4bdb
Binary files /dev/null and b/public/assets/img/demos/d26.webp differ
diff --git a/public/assets/img/demos/d27.webp b/public/assets/img/demos/d27.webp
new file mode 100644
index 0000000..28830b4
Binary files /dev/null and b/public/assets/img/demos/d27.webp differ
diff --git a/public/assets/img/demos/d28.webp b/public/assets/img/demos/d28.webp
new file mode 100644
index 0000000..8653e4c
Binary files /dev/null and b/public/assets/img/demos/d28.webp differ
diff --git a/public/assets/img/demos/d29.webp b/public/assets/img/demos/d29.webp
new file mode 100644
index 0000000..9b50625
Binary files /dev/null and b/public/assets/img/demos/d29.webp differ
diff --git a/public/assets/img/demos/d3.webp b/public/assets/img/demos/d3.webp
new file mode 100644
index 0000000..5fb79e3
Binary files /dev/null and b/public/assets/img/demos/d3.webp differ
diff --git a/public/assets/img/demos/d30.webp b/public/assets/img/demos/d30.webp
new file mode 100644
index 0000000..7545597
Binary files /dev/null and b/public/assets/img/demos/d30.webp differ
diff --git a/public/assets/img/demos/d31.webp b/public/assets/img/demos/d31.webp
new file mode 100644
index 0000000..5d03bc1
Binary files /dev/null and b/public/assets/img/demos/d31.webp differ
diff --git a/public/assets/img/demos/d32.webp b/public/assets/img/demos/d32.webp
new file mode 100644
index 0000000..4ad37f2
Binary files /dev/null and b/public/assets/img/demos/d32.webp differ
diff --git a/public/assets/img/demos/d33.webp b/public/assets/img/demos/d33.webp
new file mode 100644
index 0000000..3ddc4a8
Binary files /dev/null and b/public/assets/img/demos/d33.webp differ
diff --git a/public/assets/img/demos/d34.webp b/public/assets/img/demos/d34.webp
new file mode 100644
index 0000000..939c428
Binary files /dev/null and b/public/assets/img/demos/d34.webp differ
diff --git a/public/assets/img/demos/d4.webp b/public/assets/img/demos/d4.webp
new file mode 100644
index 0000000..764a601
Binary files /dev/null and b/public/assets/img/demos/d4.webp differ
diff --git a/public/assets/img/demos/d5.webp b/public/assets/img/demos/d5.webp
new file mode 100644
index 0000000..6f3cd9d
Binary files /dev/null and b/public/assets/img/demos/d5.webp differ
diff --git a/public/assets/img/demos/d6.webp b/public/assets/img/demos/d6.webp
new file mode 100644
index 0000000..1e5a2d7
Binary files /dev/null and b/public/assets/img/demos/d6.webp differ
diff --git a/public/assets/img/demos/d7.webp b/public/assets/img/demos/d7.webp
new file mode 100644
index 0000000..83d506a
Binary files /dev/null and b/public/assets/img/demos/d7.webp differ
diff --git a/public/assets/img/demos/d8.webp b/public/assets/img/demos/d8.webp
new file mode 100644
index 0000000..bd7979a
Binary files /dev/null and b/public/assets/img/demos/d8.webp differ
diff --git a/public/assets/img/demos/d9.webp b/public/assets/img/demos/d9.webp
new file mode 100644
index 0000000..4391154
Binary files /dev/null and b/public/assets/img/demos/d9.webp differ
diff --git a/public/assets/img/demos/dc1.webp b/public/assets/img/demos/dc1.webp
new file mode 100644
index 0000000..c66eca8
Binary files /dev/null and b/public/assets/img/demos/dc1.webp differ
diff --git a/public/assets/img/demos/dc10.webp b/public/assets/img/demos/dc10.webp
new file mode 100644
index 0000000..14eaa00
Binary files /dev/null and b/public/assets/img/demos/dc10.webp differ
diff --git a/public/assets/img/demos/dc11.webp b/public/assets/img/demos/dc11.webp
new file mode 100644
index 0000000..f9f72bb
Binary files /dev/null and b/public/assets/img/demos/dc11.webp differ
diff --git a/public/assets/img/demos/dc12.webp b/public/assets/img/demos/dc12.webp
new file mode 100644
index 0000000..279ddf7
Binary files /dev/null and b/public/assets/img/demos/dc12.webp differ
diff --git a/public/assets/img/demos/dc2.webp b/public/assets/img/demos/dc2.webp
new file mode 100644
index 0000000..4898b03
Binary files /dev/null and b/public/assets/img/demos/dc2.webp differ
diff --git a/public/assets/img/demos/dc3.webp b/public/assets/img/demos/dc3.webp
new file mode 100644
index 0000000..f7ae77b
Binary files /dev/null and b/public/assets/img/demos/dc3.webp differ
diff --git a/public/assets/img/demos/dc4.webp b/public/assets/img/demos/dc4.webp
new file mode 100644
index 0000000..c0814ca
Binary files /dev/null and b/public/assets/img/demos/dc4.webp differ
diff --git a/public/assets/img/demos/dc5.webp b/public/assets/img/demos/dc5.webp
new file mode 100644
index 0000000..c51ed6c
Binary files /dev/null and b/public/assets/img/demos/dc5.webp differ
diff --git a/public/assets/img/demos/dc6.webp b/public/assets/img/demos/dc6.webp
new file mode 100644
index 0000000..6f8f21a
Binary files /dev/null and b/public/assets/img/demos/dc6.webp differ
diff --git a/public/assets/img/demos/dc7.webp b/public/assets/img/demos/dc7.webp
new file mode 100644
index 0000000..afeb538
Binary files /dev/null and b/public/assets/img/demos/dc7.webp differ
diff --git a/public/assets/img/demos/dc8.webp b/public/assets/img/demos/dc8.webp
new file mode 100644
index 0000000..6028823
Binary files /dev/null and b/public/assets/img/demos/dc8.webp differ
diff --git a/public/assets/img/demos/dc9.webp b/public/assets/img/demos/dc9.webp
new file mode 100644
index 0000000..ddf5ccf
Binary files /dev/null and b/public/assets/img/demos/dc9.webp differ
diff --git a/public/assets/img/demos/de1.webp b/public/assets/img/demos/de1.webp
new file mode 100644
index 0000000..179e858
Binary files /dev/null and b/public/assets/img/demos/de1.webp differ
diff --git a/public/assets/img/demos/de2.webp b/public/assets/img/demos/de2.webp
new file mode 100644
index 0000000..1c7150a
Binary files /dev/null and b/public/assets/img/demos/de2.webp differ
diff --git a/public/assets/img/demos/de3.webp b/public/assets/img/demos/de3.webp
new file mode 100644
index 0000000..b5b2323
Binary files /dev/null and b/public/assets/img/demos/de3.webp differ
diff --git a/public/assets/img/demos/de4.webp b/public/assets/img/demos/de4.webp
new file mode 100644
index 0000000..828b894
Binary files /dev/null and b/public/assets/img/demos/de4.webp differ
diff --git a/public/assets/img/demos/devices.webp b/public/assets/img/demos/devices.webp
new file mode 100644
index 0000000..8ed9248
Binary files /dev/null and b/public/assets/img/demos/devices.webp differ
diff --git a/public/assets/img/demos/f1.webp b/public/assets/img/demos/f1.webp
new file mode 100644
index 0000000..ece6b4d
Binary files /dev/null and b/public/assets/img/demos/f1.webp differ
diff --git a/public/assets/img/demos/fe1.webp b/public/assets/img/demos/fe1.webp
new file mode 100644
index 0000000..2382bd5
Binary files /dev/null and b/public/assets/img/demos/fe1.webp differ
diff --git a/public/assets/img/demos/fe2.webp b/public/assets/img/demos/fe2.webp
new file mode 100644
index 0000000..8106f37
Binary files /dev/null and b/public/assets/img/demos/fe2.webp differ
diff --git a/public/assets/img/demos/fe3.webp b/public/assets/img/demos/fe3.webp
new file mode 100644
index 0000000..3edef15
Binary files /dev/null and b/public/assets/img/demos/fe3.webp differ
diff --git a/public/assets/img/demos/fe4.webp b/public/assets/img/demos/fe4.webp
new file mode 100644
index 0000000..1a52def
Binary files /dev/null and b/public/assets/img/demos/fe4.webp differ
diff --git a/public/assets/img/demos/fe5.webp b/public/assets/img/demos/fe5.webp
new file mode 100644
index 0000000..7a21046
Binary files /dev/null and b/public/assets/img/demos/fe5.webp differ
diff --git a/public/assets/img/demos/fe6.webp b/public/assets/img/demos/fe6.webp
new file mode 100644
index 0000000..db04419
Binary files /dev/null and b/public/assets/img/demos/fe6.webp differ
diff --git a/public/assets/img/demos/fe7.webp b/public/assets/img/demos/fe7.webp
new file mode 100644
index 0000000..53d2af7
Binary files /dev/null and b/public/assets/img/demos/fe7.webp differ
diff --git a/public/assets/img/demos/fe8.webp b/public/assets/img/demos/fe8.webp
new file mode 100644
index 0000000..f5aa455
Binary files /dev/null and b/public/assets/img/demos/fe8.webp differ
diff --git a/public/assets/img/demos/fi1.webp b/public/assets/img/demos/fi1.webp
new file mode 100644
index 0000000..8caf89a
Binary files /dev/null and b/public/assets/img/demos/fi1.webp differ
diff --git a/public/assets/img/demos/fi10.webp b/public/assets/img/demos/fi10.webp
new file mode 100644
index 0000000..06dd715
Binary files /dev/null and b/public/assets/img/demos/fi10.webp differ
diff --git a/public/assets/img/demos/fi2.webp b/public/assets/img/demos/fi2.webp
new file mode 100644
index 0000000..60c83bc
Binary files /dev/null and b/public/assets/img/demos/fi2.webp differ
diff --git a/public/assets/img/demos/fi3.webp b/public/assets/img/demos/fi3.webp
new file mode 100644
index 0000000..4ac12c3
Binary files /dev/null and b/public/assets/img/demos/fi3.webp differ
diff --git a/public/assets/img/demos/fi4.webp b/public/assets/img/demos/fi4.webp
new file mode 100644
index 0000000..0a54cad
Binary files /dev/null and b/public/assets/img/demos/fi4.webp differ
diff --git a/public/assets/img/demos/fi5.webp b/public/assets/img/demos/fi5.webp
new file mode 100644
index 0000000..8ade7de
Binary files /dev/null and b/public/assets/img/demos/fi5.webp differ
diff --git a/public/assets/img/demos/fi6.webp b/public/assets/img/demos/fi6.webp
new file mode 100644
index 0000000..ef67421
Binary files /dev/null and b/public/assets/img/demos/fi6.webp differ
diff --git a/public/assets/img/demos/fi7.webp b/public/assets/img/demos/fi7.webp
new file mode 100644
index 0000000..4933279
Binary files /dev/null and b/public/assets/img/demos/fi7.webp differ
diff --git a/public/assets/img/demos/fi8.webp b/public/assets/img/demos/fi8.webp
new file mode 100644
index 0000000..3fc7a9e
Binary files /dev/null and b/public/assets/img/demos/fi8.webp differ
diff --git a/public/assets/img/demos/fi9.webp b/public/assets/img/demos/fi9.webp
new file mode 100644
index 0000000..7e478fb
Binary files /dev/null and b/public/assets/img/demos/fi9.webp differ
diff --git a/public/assets/img/demos/icon-grape.webp b/public/assets/img/demos/icon-grape.webp
new file mode 100644
index 0000000..0dc9ae4
Binary files /dev/null and b/public/assets/img/demos/icon-grape.webp differ
diff --git a/public/assets/img/demos/icon.webp b/public/assets/img/demos/icon.webp
new file mode 100644
index 0000000..0dc9ae4
Binary files /dev/null and b/public/assets/img/demos/icon.webp differ
diff --git a/public/assets/img/demos/mi1.webp b/public/assets/img/demos/mi1.webp
new file mode 100644
index 0000000..7e49407
Binary files /dev/null and b/public/assets/img/demos/mi1.webp differ
diff --git a/public/assets/img/demos/mi10.webp b/public/assets/img/demos/mi10.webp
new file mode 100644
index 0000000..3645471
Binary files /dev/null and b/public/assets/img/demos/mi10.webp differ
diff --git a/public/assets/img/demos/mi11.webp b/public/assets/img/demos/mi11.webp
new file mode 100644
index 0000000..a4a0f07
Binary files /dev/null and b/public/assets/img/demos/mi11.webp differ
diff --git a/public/assets/img/demos/mi12.webp b/public/assets/img/demos/mi12.webp
new file mode 100644
index 0000000..04ff4dd
Binary files /dev/null and b/public/assets/img/demos/mi12.webp differ
diff --git a/public/assets/img/demos/mi13.webp b/public/assets/img/demos/mi13.webp
new file mode 100644
index 0000000..409e3e5
Binary files /dev/null and b/public/assets/img/demos/mi13.webp differ
diff --git a/public/assets/img/demos/mi14.webp b/public/assets/img/demos/mi14.webp
new file mode 100644
index 0000000..d1b5be4
Binary files /dev/null and b/public/assets/img/demos/mi14.webp differ
diff --git a/public/assets/img/demos/mi15.webp b/public/assets/img/demos/mi15.webp
new file mode 100644
index 0000000..d618e21
Binary files /dev/null and b/public/assets/img/demos/mi15.webp differ
diff --git a/public/assets/img/demos/mi16.webp b/public/assets/img/demos/mi16.webp
new file mode 100644
index 0000000..224fe38
Binary files /dev/null and b/public/assets/img/demos/mi16.webp differ
diff --git a/public/assets/img/demos/mi17.webp b/public/assets/img/demos/mi17.webp
new file mode 100644
index 0000000..594f4b8
Binary files /dev/null and b/public/assets/img/demos/mi17.webp differ
diff --git a/public/assets/img/demos/mi18.webp b/public/assets/img/demos/mi18.webp
new file mode 100644
index 0000000..688c41b
Binary files /dev/null and b/public/assets/img/demos/mi18.webp differ
diff --git a/public/assets/img/demos/mi19.webp b/public/assets/img/demos/mi19.webp
new file mode 100644
index 0000000..4ae38b1
Binary files /dev/null and b/public/assets/img/demos/mi19.webp differ
diff --git a/public/assets/img/demos/mi2.webp b/public/assets/img/demos/mi2.webp
new file mode 100644
index 0000000..f5b5162
Binary files /dev/null and b/public/assets/img/demos/mi2.webp differ
diff --git a/public/assets/img/demos/mi20.webp b/public/assets/img/demos/mi20.webp
new file mode 100644
index 0000000..0efc4fb
Binary files /dev/null and b/public/assets/img/demos/mi20.webp differ
diff --git a/public/assets/img/demos/mi21.webp b/public/assets/img/demos/mi21.webp
new file mode 100644
index 0000000..60d9b90
Binary files /dev/null and b/public/assets/img/demos/mi21.webp differ
diff --git a/public/assets/img/demos/mi22.webp b/public/assets/img/demos/mi22.webp
new file mode 100644
index 0000000..d40bf52
Binary files /dev/null and b/public/assets/img/demos/mi22.webp differ
diff --git a/public/assets/img/demos/mi23.webp b/public/assets/img/demos/mi23.webp
new file mode 100644
index 0000000..b70acbe
Binary files /dev/null and b/public/assets/img/demos/mi23.webp differ
diff --git a/public/assets/img/demos/mi24.webp b/public/assets/img/demos/mi24.webp
new file mode 100644
index 0000000..267f802
Binary files /dev/null and b/public/assets/img/demos/mi24.webp differ
diff --git a/public/assets/img/demos/mi25.webp b/public/assets/img/demos/mi25.webp
new file mode 100644
index 0000000..3f102bf
Binary files /dev/null and b/public/assets/img/demos/mi25.webp differ
diff --git a/public/assets/img/demos/mi26.webp b/public/assets/img/demos/mi26.webp
new file mode 100644
index 0000000..4323653
Binary files /dev/null and b/public/assets/img/demos/mi26.webp differ
diff --git a/public/assets/img/demos/mi27.webp b/public/assets/img/demos/mi27.webp
new file mode 100644
index 0000000..489a152
Binary files /dev/null and b/public/assets/img/demos/mi27.webp differ
diff --git a/public/assets/img/demos/mi28.webp b/public/assets/img/demos/mi28.webp
new file mode 100644
index 0000000..ffd5c77
Binary files /dev/null and b/public/assets/img/demos/mi28.webp differ
diff --git a/public/assets/img/demos/mi29.webp b/public/assets/img/demos/mi29.webp
new file mode 100644
index 0000000..279b8ef
Binary files /dev/null and b/public/assets/img/demos/mi29.webp differ
diff --git a/public/assets/img/demos/mi3.webp b/public/assets/img/demos/mi3.webp
new file mode 100644
index 0000000..a9be963
Binary files /dev/null and b/public/assets/img/demos/mi3.webp differ
diff --git a/public/assets/img/demos/mi30.webp b/public/assets/img/demos/mi30.webp
new file mode 100644
index 0000000..779c77f
Binary files /dev/null and b/public/assets/img/demos/mi30.webp differ
diff --git a/public/assets/img/demos/mi31.webp b/public/assets/img/demos/mi31.webp
new file mode 100644
index 0000000..90a1e22
Binary files /dev/null and b/public/assets/img/demos/mi31.webp differ
diff --git a/public/assets/img/demos/mi32.webp b/public/assets/img/demos/mi32.webp
new file mode 100644
index 0000000..8213aa7
Binary files /dev/null and b/public/assets/img/demos/mi32.webp differ
diff --git a/public/assets/img/demos/mi33.webp b/public/assets/img/demos/mi33.webp
new file mode 100644
index 0000000..174e9d3
Binary files /dev/null and b/public/assets/img/demos/mi33.webp differ
diff --git a/public/assets/img/demos/mi34.webp b/public/assets/img/demos/mi34.webp
new file mode 100644
index 0000000..3367d1f
Binary files /dev/null and b/public/assets/img/demos/mi34.webp differ
diff --git a/public/assets/img/demos/mi4.webp b/public/assets/img/demos/mi4.webp
new file mode 100644
index 0000000..66b30b3
Binary files /dev/null and b/public/assets/img/demos/mi4.webp differ
diff --git a/public/assets/img/demos/mi5.webp b/public/assets/img/demos/mi5.webp
new file mode 100644
index 0000000..695a7ec
Binary files /dev/null and b/public/assets/img/demos/mi5.webp differ
diff --git a/public/assets/img/demos/mi6.webp b/public/assets/img/demos/mi6.webp
new file mode 100644
index 0000000..a7652f3
Binary files /dev/null and b/public/assets/img/demos/mi6.webp differ
diff --git a/public/assets/img/demos/mi7.webp b/public/assets/img/demos/mi7.webp
new file mode 100644
index 0000000..336e363
Binary files /dev/null and b/public/assets/img/demos/mi7.webp differ
diff --git a/public/assets/img/demos/mi8.webp b/public/assets/img/demos/mi8.webp
new file mode 100644
index 0000000..0c594e9
Binary files /dev/null and b/public/assets/img/demos/mi8.webp differ
diff --git a/public/assets/img/demos/mi9.webp b/public/assets/img/demos/mi9.webp
new file mode 100644
index 0000000..70e3b7a
Binary files /dev/null and b/public/assets/img/demos/mi9.webp differ
diff --git a/public/assets/img/demos/qrcode.webp b/public/assets/img/demos/qrcode.webp
new file mode 100644
index 0000000..054bc79
Binary files /dev/null and b/public/assets/img/demos/qrcode.webp differ
diff --git a/public/assets/img/demos/vc1.webp b/public/assets/img/demos/vc1.webp
new file mode 100644
index 0000000..2342088
Binary files /dev/null and b/public/assets/img/demos/vc1.webp differ
diff --git a/public/assets/img/demos/vc2.webp b/public/assets/img/demos/vc2.webp
new file mode 100644
index 0000000..1a90282
Binary files /dev/null and b/public/assets/img/demos/vc2.webp differ
diff --git a/public/assets/img/demos/vc3.webp b/public/assets/img/demos/vc3.webp
new file mode 100644
index 0000000..e8e654b
Binary files /dev/null and b/public/assets/img/demos/vc3.webp differ
diff --git a/public/assets/img/demos/vc4.webp b/public/assets/img/demos/vc4.webp
new file mode 100644
index 0000000..e3506c4
Binary files /dev/null and b/public/assets/img/demos/vc4.webp differ
diff --git a/public/assets/img/demos/vc5.webp b/public/assets/img/demos/vc5.webp
new file mode 100644
index 0000000..1e0790c
Binary files /dev/null and b/public/assets/img/demos/vc5.webp differ
diff --git a/public/assets/img/demos/vc6.webp b/public/assets/img/demos/vc6.webp
new file mode 100644
index 0000000..6263021
Binary files /dev/null and b/public/assets/img/demos/vc6.webp differ
diff --git a/public/assets/img/demos/vc7.webp b/public/assets/img/demos/vc7.webp
new file mode 100644
index 0000000..b0cdfed
Binary files /dev/null and b/public/assets/img/demos/vc7.webp differ
diff --git a/public/assets/img/demos/vc8.webp b/public/assets/img/demos/vc8.webp
new file mode 100644
index 0000000..fd0f30d
Binary files /dev/null and b/public/assets/img/demos/vc8.webp differ
diff --git a/public/assets/img/docs/angle-lower-end.webp b/public/assets/img/docs/angle-lower-end.webp
new file mode 100644
index 0000000..a2a6c66
Binary files /dev/null and b/public/assets/img/docs/angle-lower-end.webp differ
diff --git a/public/assets/img/docs/angle-lower-start.webp b/public/assets/img/docs/angle-lower-start.webp
new file mode 100644
index 0000000..4cc2a24
Binary files /dev/null and b/public/assets/img/docs/angle-lower-start.webp differ
diff --git a/public/assets/img/docs/angle-upper-end-lower-end.webp b/public/assets/img/docs/angle-upper-end-lower-end.webp
new file mode 100644
index 0000000..3680682
Binary files /dev/null and b/public/assets/img/docs/angle-upper-end-lower-end.webp differ
diff --git a/public/assets/img/docs/angle-upper-end-lower-start.webp b/public/assets/img/docs/angle-upper-end-lower-start.webp
new file mode 100644
index 0000000..2188f80
Binary files /dev/null and b/public/assets/img/docs/angle-upper-end-lower-start.webp differ
diff --git a/public/assets/img/docs/angle-upper-end.webp b/public/assets/img/docs/angle-upper-end.webp
new file mode 100644
index 0000000..9ed29a0
Binary files /dev/null and b/public/assets/img/docs/angle-upper-end.webp differ
diff --git a/public/assets/img/docs/angle-upper-start-lower-end.webp b/public/assets/img/docs/angle-upper-start-lower-end.webp
new file mode 100644
index 0000000..f514185
Binary files /dev/null and b/public/assets/img/docs/angle-upper-start-lower-end.webp differ
diff --git a/public/assets/img/docs/angle-upper-start-lower-start.webp b/public/assets/img/docs/angle-upper-start-lower-start.webp
new file mode 100644
index 0000000..0552276
Binary files /dev/null and b/public/assets/img/docs/angle-upper-start-lower-start.webp differ
diff --git a/public/assets/img/docs/angle-upper-start.webp b/public/assets/img/docs/angle-upper-start.webp
new file mode 100644
index 0000000..75ccaee
Binary files /dev/null and b/public/assets/img/docs/angle-upper-start.webp differ
diff --git a/public/assets/img/docs/fre1.webp b/public/assets/img/docs/fre1.webp
new file mode 100644
index 0000000..206c873
Binary files /dev/null and b/public/assets/img/docs/fre1.webp differ
diff --git a/public/assets/img/docs/fre2.webp b/public/assets/img/docs/fre2.webp
new file mode 100644
index 0000000..6ccc0ec
Binary files /dev/null and b/public/assets/img/docs/fre2.webp differ
diff --git a/public/assets/img/docs/fre3.webp b/public/assets/img/docs/fre3.webp
new file mode 100644
index 0000000..bbffbe7
Binary files /dev/null and b/public/assets/img/docs/fre3.webp differ
diff --git a/public/assets/img/docs/hero1.webp b/public/assets/img/docs/hero1.webp
new file mode 100644
index 0000000..d2f02d2
Binary files /dev/null and b/public/assets/img/docs/hero1.webp differ
diff --git a/public/assets/img/docs/hero10.webp b/public/assets/img/docs/hero10.webp
new file mode 100644
index 0000000..46ae913
Binary files /dev/null and b/public/assets/img/docs/hero10.webp differ
diff --git a/public/assets/img/docs/hero11.webp b/public/assets/img/docs/hero11.webp
new file mode 100644
index 0000000..fa0f459
Binary files /dev/null and b/public/assets/img/docs/hero11.webp differ
diff --git a/public/assets/img/docs/hero12.webp b/public/assets/img/docs/hero12.webp
new file mode 100644
index 0000000..839004b
Binary files /dev/null and b/public/assets/img/docs/hero12.webp differ
diff --git a/public/assets/img/docs/hero13.webp b/public/assets/img/docs/hero13.webp
new file mode 100644
index 0000000..d557338
Binary files /dev/null and b/public/assets/img/docs/hero13.webp differ
diff --git a/public/assets/img/docs/hero14.webp b/public/assets/img/docs/hero14.webp
new file mode 100644
index 0000000..ffedc9c
Binary files /dev/null and b/public/assets/img/docs/hero14.webp differ
diff --git a/public/assets/img/docs/hero15.webp b/public/assets/img/docs/hero15.webp
new file mode 100644
index 0000000..5773ea9
Binary files /dev/null and b/public/assets/img/docs/hero15.webp differ
diff --git a/public/assets/img/docs/hero16.webp b/public/assets/img/docs/hero16.webp
new file mode 100644
index 0000000..86a51c2
Binary files /dev/null and b/public/assets/img/docs/hero16.webp differ
diff --git a/public/assets/img/docs/hero17.webp b/public/assets/img/docs/hero17.webp
new file mode 100644
index 0000000..ee52a8a
Binary files /dev/null and b/public/assets/img/docs/hero17.webp differ
diff --git a/public/assets/img/docs/hero18.webp b/public/assets/img/docs/hero18.webp
new file mode 100644
index 0000000..2e63a1d
Binary files /dev/null and b/public/assets/img/docs/hero18.webp differ
diff --git a/public/assets/img/docs/hero19.webp b/public/assets/img/docs/hero19.webp
new file mode 100644
index 0000000..9f8c7d5
Binary files /dev/null and b/public/assets/img/docs/hero19.webp differ
diff --git a/public/assets/img/docs/hero2.webp b/public/assets/img/docs/hero2.webp
new file mode 100644
index 0000000..3783742
Binary files /dev/null and b/public/assets/img/docs/hero2.webp differ
diff --git a/public/assets/img/docs/hero20.webp b/public/assets/img/docs/hero20.webp
new file mode 100644
index 0000000..ebd20fc
Binary files /dev/null and b/public/assets/img/docs/hero20.webp differ
diff --git a/public/assets/img/docs/hero21.webp b/public/assets/img/docs/hero21.webp
new file mode 100644
index 0000000..f4b0cb4
Binary files /dev/null and b/public/assets/img/docs/hero21.webp differ
diff --git a/public/assets/img/docs/hero22.webp b/public/assets/img/docs/hero22.webp
new file mode 100644
index 0000000..2ad2957
Binary files /dev/null and b/public/assets/img/docs/hero22.webp differ
diff --git a/public/assets/img/docs/hero23.webp b/public/assets/img/docs/hero23.webp
new file mode 100644
index 0000000..d2b506d
Binary files /dev/null and b/public/assets/img/docs/hero23.webp differ
diff --git a/public/assets/img/docs/hero24.webp b/public/assets/img/docs/hero24.webp
new file mode 100644
index 0000000..1095214
Binary files /dev/null and b/public/assets/img/docs/hero24.webp differ
diff --git a/public/assets/img/docs/hero25.webp b/public/assets/img/docs/hero25.webp
new file mode 100644
index 0000000..71a4377
Binary files /dev/null and b/public/assets/img/docs/hero25.webp differ
diff --git a/public/assets/img/docs/hero26.webp b/public/assets/img/docs/hero26.webp
new file mode 100644
index 0000000..e968843
Binary files /dev/null and b/public/assets/img/docs/hero26.webp differ
diff --git a/public/assets/img/docs/hero27.webp b/public/assets/img/docs/hero27.webp
new file mode 100644
index 0000000..24276fa
Binary files /dev/null and b/public/assets/img/docs/hero27.webp differ
diff --git a/public/assets/img/docs/hero28.webp b/public/assets/img/docs/hero28.webp
new file mode 100644
index 0000000..a471fc8
Binary files /dev/null and b/public/assets/img/docs/hero28.webp differ
diff --git a/public/assets/img/docs/hero29.webp b/public/assets/img/docs/hero29.webp
new file mode 100644
index 0000000..b336505
Binary files /dev/null and b/public/assets/img/docs/hero29.webp differ
diff --git a/public/assets/img/docs/hero3.webp b/public/assets/img/docs/hero3.webp
new file mode 100644
index 0000000..5f74074
Binary files /dev/null and b/public/assets/img/docs/hero3.webp differ
diff --git a/public/assets/img/docs/hero30.webp b/public/assets/img/docs/hero30.webp
new file mode 100644
index 0000000..62d12f9
Binary files /dev/null and b/public/assets/img/docs/hero30.webp differ
diff --git a/public/assets/img/docs/hero31.webp b/public/assets/img/docs/hero31.webp
new file mode 100644
index 0000000..f8c833a
Binary files /dev/null and b/public/assets/img/docs/hero31.webp differ
diff --git a/public/assets/img/docs/hero32.webp b/public/assets/img/docs/hero32.webp
new file mode 100644
index 0000000..cff72a9
Binary files /dev/null and b/public/assets/img/docs/hero32.webp differ
diff --git a/public/assets/img/docs/hero33.webp b/public/assets/img/docs/hero33.webp
new file mode 100644
index 0000000..1326c84
Binary files /dev/null and b/public/assets/img/docs/hero33.webp differ
diff --git a/public/assets/img/docs/hero34.webp b/public/assets/img/docs/hero34.webp
new file mode 100644
index 0000000..1825605
Binary files /dev/null and b/public/assets/img/docs/hero34.webp differ
diff --git a/public/assets/img/docs/hero4.webp b/public/assets/img/docs/hero4.webp
new file mode 100644
index 0000000..ee80764
Binary files /dev/null and b/public/assets/img/docs/hero4.webp differ
diff --git a/public/assets/img/docs/hero5.webp b/public/assets/img/docs/hero5.webp
new file mode 100644
index 0000000..b27553f
Binary files /dev/null and b/public/assets/img/docs/hero5.webp differ
diff --git a/public/assets/img/docs/hero6.webp b/public/assets/img/docs/hero6.webp
new file mode 100644
index 0000000..ca0f87e
Binary files /dev/null and b/public/assets/img/docs/hero6.webp differ
diff --git a/public/assets/img/docs/hero7.webp b/public/assets/img/docs/hero7.webp
new file mode 100644
index 0000000..14e3694
Binary files /dev/null and b/public/assets/img/docs/hero7.webp differ
diff --git a/public/assets/img/docs/hero8.webp b/public/assets/img/docs/hero8.webp
new file mode 100644
index 0000000..2681ca8
Binary files /dev/null and b/public/assets/img/docs/hero8.webp differ
diff --git a/public/assets/img/docs/hero9.webp b/public/assets/img/docs/hero9.webp
new file mode 100644
index 0000000..04f7b83
Binary files /dev/null and b/public/assets/img/docs/hero9.webp differ
diff --git a/public/assets/img/docs/ico1.webp b/public/assets/img/docs/ico1.webp
new file mode 100644
index 0000000..14166a9
Binary files /dev/null and b/public/assets/img/docs/ico1.webp differ
diff --git a/public/assets/img/docs/ico2.webp b/public/assets/img/docs/ico2.webp
new file mode 100644
index 0000000..a144069
Binary files /dev/null and b/public/assets/img/docs/ico2.webp differ
diff --git a/public/assets/img/docs/ico3.webp b/public/assets/img/docs/ico3.webp
new file mode 100644
index 0000000..9b4d563
Binary files /dev/null and b/public/assets/img/docs/ico3.webp differ
diff --git a/public/assets/img/docs/mo1.webp b/public/assets/img/docs/mo1.webp
new file mode 100644
index 0000000..b8a050e
Binary files /dev/null and b/public/assets/img/docs/mo1.webp differ
diff --git a/public/assets/img/docs/mo10.webp b/public/assets/img/docs/mo10.webp
new file mode 100644
index 0000000..823bc31
Binary files /dev/null and b/public/assets/img/docs/mo10.webp differ
diff --git a/public/assets/img/docs/mo11.webp b/public/assets/img/docs/mo11.webp
new file mode 100644
index 0000000..4ad0bba
Binary files /dev/null and b/public/assets/img/docs/mo11.webp differ
diff --git a/public/assets/img/docs/mo2.webp b/public/assets/img/docs/mo2.webp
new file mode 100644
index 0000000..111ebea
Binary files /dev/null and b/public/assets/img/docs/mo2.webp differ
diff --git a/public/assets/img/docs/mo3.webp b/public/assets/img/docs/mo3.webp
new file mode 100644
index 0000000..2e2bf6d
Binary files /dev/null and b/public/assets/img/docs/mo3.webp differ
diff --git a/public/assets/img/docs/mo4.webp b/public/assets/img/docs/mo4.webp
new file mode 100644
index 0000000..a038b1d
Binary files /dev/null and b/public/assets/img/docs/mo4.webp differ
diff --git a/public/assets/img/docs/mo5.webp b/public/assets/img/docs/mo5.webp
new file mode 100644
index 0000000..95bbac4
Binary files /dev/null and b/public/assets/img/docs/mo5.webp differ
diff --git a/public/assets/img/docs/mo6.webp b/public/assets/img/docs/mo6.webp
new file mode 100644
index 0000000..91fd6bc
Binary files /dev/null and b/public/assets/img/docs/mo6.webp differ
diff --git a/public/assets/img/docs/mo7.webp b/public/assets/img/docs/mo7.webp
new file mode 100644
index 0000000..b47a712
Binary files /dev/null and b/public/assets/img/docs/mo7.webp differ
diff --git a/public/assets/img/docs/mo8.webp b/public/assets/img/docs/mo8.webp
new file mode 100644
index 0000000..7d46b9f
Binary files /dev/null and b/public/assets/img/docs/mo8.webp differ
diff --git a/public/assets/img/docs/mo9.webp b/public/assets/img/docs/mo9.webp
new file mode 100644
index 0000000..68972e7
Binary files /dev/null and b/public/assets/img/docs/mo9.webp differ
diff --git a/public/assets/img/docs/oth.webp b/public/assets/img/docs/oth.webp
new file mode 100644
index 0000000..fcf3522
Binary files /dev/null and b/public/assets/img/docs/oth.webp differ
diff --git a/public/assets/img/docs/oth2.webp b/public/assets/img/docs/oth2.webp
new file mode 100644
index 0000000..1b63d08
Binary files /dev/null and b/public/assets/img/docs/oth2.webp differ
diff --git a/public/assets/img/docs/pex1.webp b/public/assets/img/docs/pex1.webp
new file mode 100644
index 0000000..f25b3a7
Binary files /dev/null and b/public/assets/img/docs/pex1.webp differ
diff --git a/public/assets/img/docs/pex2.webp b/public/assets/img/docs/pex2.webp
new file mode 100644
index 0000000..3820876
Binary files /dev/null and b/public/assets/img/docs/pex2.webp differ
diff --git a/public/assets/img/docs/pex3.webp b/public/assets/img/docs/pex3.webp
new file mode 100644
index 0000000..49fedd9
Binary files /dev/null and b/public/assets/img/docs/pex3.webp differ
diff --git a/public/assets/img/docs/pix1.webp b/public/assets/img/docs/pix1.webp
new file mode 100644
index 0000000..f41f41f
Binary files /dev/null and b/public/assets/img/docs/pix1.webp differ
diff --git a/public/assets/img/docs/pix2.webp b/public/assets/img/docs/pix2.webp
new file mode 100644
index 0000000..1714ea9
Binary files /dev/null and b/public/assets/img/docs/pix2.webp differ
diff --git a/public/assets/img/docs/pix3.webp b/public/assets/img/docs/pix3.webp
new file mode 100644
index 0000000..f272e71
Binary files /dev/null and b/public/assets/img/docs/pix3.webp differ
diff --git a/public/assets/img/docs/raw1.webp b/public/assets/img/docs/raw1.webp
new file mode 100644
index 0000000..95140dc
Binary files /dev/null and b/public/assets/img/docs/raw1.webp differ
diff --git a/public/assets/img/docs/raw2.webp b/public/assets/img/docs/raw2.webp
new file mode 100644
index 0000000..a067b42
Binary files /dev/null and b/public/assets/img/docs/raw2.webp differ
diff --git a/public/assets/img/docs/raw3.webp b/public/assets/img/docs/raw3.webp
new file mode 100644
index 0000000..2aa504b
Binary files /dev/null and b/public/assets/img/docs/raw3.webp differ
diff --git a/public/assets/img/docs/un1.webp b/public/assets/img/docs/un1.webp
new file mode 100644
index 0000000..c2bd6c2
Binary files /dev/null and b/public/assets/img/docs/un1.webp differ
diff --git a/public/assets/img/docs/un2.webp b/public/assets/img/docs/un2.webp
new file mode 100644
index 0000000..0696bd5
Binary files /dev/null and b/public/assets/img/docs/un2.webp differ
diff --git a/public/assets/img/docs/un3.webp b/public/assets/img/docs/un3.webp
new file mode 100644
index 0000000..74714ec
Binary files /dev/null and b/public/assets/img/docs/un3.webp differ
diff --git a/public/assets/img/favicon.webp b/public/assets/img/favicon.webp
new file mode 100644
index 0000000..0dc9ae4
Binary files /dev/null and b/public/assets/img/favicon.webp differ
diff --git a/public/assets/img/gsap/iot.webp b/public/assets/img/gsap/iot.webp
new file mode 100644
index 0000000..e173e7c
Binary files /dev/null and b/public/assets/img/gsap/iot.webp differ
diff --git a/public/assets/img/gsap/parallax-web-site.webp b/public/assets/img/gsap/parallax-web-site.webp
new file mode 100644
index 0000000..23f5909
Binary files /dev/null and b/public/assets/img/gsap/parallax-web-site.webp differ
diff --git a/public/assets/img/gsap/semantik-web.webp b/public/assets/img/gsap/semantik-web.webp
new file mode 100644
index 0000000..cd772b5
Binary files /dev/null and b/public/assets/img/gsap/semantik-web.webp differ
diff --git a/public/assets/img/gsap/yapay-zeka.webp b/public/assets/img/gsap/yapay-zeka.webp
new file mode 100644
index 0000000..807de63
Binary files /dev/null and b/public/assets/img/gsap/yapay-zeka.webp differ
diff --git a/public/assets/img/illustrations/3d1.webp b/public/assets/img/illustrations/3d1.webp
new file mode 100644
index 0000000..17f546d
Binary files /dev/null and b/public/assets/img/illustrations/3d1.webp differ
diff --git a/public/assets/img/illustrations/3d10.webp b/public/assets/img/illustrations/3d10.webp
new file mode 100644
index 0000000..c13f8e3
Binary files /dev/null and b/public/assets/img/illustrations/3d10.webp differ
diff --git a/public/assets/img/illustrations/3d11.webp b/public/assets/img/illustrations/3d11.webp
new file mode 100644
index 0000000..93a1c72
Binary files /dev/null and b/public/assets/img/illustrations/3d11.webp differ
diff --git a/public/assets/img/illustrations/3d12.webp b/public/assets/img/illustrations/3d12.webp
new file mode 100644
index 0000000..2ee425c
Binary files /dev/null and b/public/assets/img/illustrations/3d12.webp differ
diff --git a/public/assets/img/illustrations/3d2.webp b/public/assets/img/illustrations/3d2.webp
new file mode 100644
index 0000000..6e0f408
Binary files /dev/null and b/public/assets/img/illustrations/3d2.webp differ
diff --git a/public/assets/img/illustrations/3d3.webp b/public/assets/img/illustrations/3d3.webp
new file mode 100644
index 0000000..6330abb
Binary files /dev/null and b/public/assets/img/illustrations/3d3.webp differ
diff --git a/public/assets/img/illustrations/3d4.webp b/public/assets/img/illustrations/3d4.webp
new file mode 100644
index 0000000..a0522da
Binary files /dev/null and b/public/assets/img/illustrations/3d4.webp differ
diff --git a/public/assets/img/illustrations/3d5.webp b/public/assets/img/illustrations/3d5.webp
new file mode 100644
index 0000000..547758d
Binary files /dev/null and b/public/assets/img/illustrations/3d5.webp differ
diff --git a/public/assets/img/illustrations/3d6.webp b/public/assets/img/illustrations/3d6.webp
new file mode 100644
index 0000000..0057d12
Binary files /dev/null and b/public/assets/img/illustrations/3d6.webp differ
diff --git a/public/assets/img/illustrations/3d7.webp b/public/assets/img/illustrations/3d7.webp
new file mode 100644
index 0000000..5ded277
Binary files /dev/null and b/public/assets/img/illustrations/3d7.webp differ
diff --git a/public/assets/img/illustrations/3d8.webp b/public/assets/img/illustrations/3d8.webp
new file mode 100644
index 0000000..32fc758
Binary files /dev/null and b/public/assets/img/illustrations/3d8.webp differ
diff --git a/public/assets/img/illustrations/3d9.webp b/public/assets/img/illustrations/3d9.webp
new file mode 100644
index 0000000..121e8c5
Binary files /dev/null and b/public/assets/img/illustrations/3d9.webp differ
diff --git a/public/assets/img/illustrations/404.webp b/public/assets/img/illustrations/404.webp
new file mode 100644
index 0000000..cd5dfcf
Binary files /dev/null and b/public/assets/img/illustrations/404.webp differ
diff --git a/public/assets/img/illustrations/i1.webp b/public/assets/img/illustrations/i1.webp
new file mode 100644
index 0000000..6fea527
Binary files /dev/null and b/public/assets/img/illustrations/i1.webp differ
diff --git a/public/assets/img/illustrations/i10.webp b/public/assets/img/illustrations/i10.webp
new file mode 100644
index 0000000..f649bcb
Binary files /dev/null and b/public/assets/img/illustrations/i10.webp differ
diff --git a/public/assets/img/illustrations/i11.webp b/public/assets/img/illustrations/i11.webp
new file mode 100644
index 0000000..0841704
Binary files /dev/null and b/public/assets/img/illustrations/i11.webp differ
diff --git a/public/assets/img/illustrations/i12.webp b/public/assets/img/illustrations/i12.webp
new file mode 100644
index 0000000..502cdc8
Binary files /dev/null and b/public/assets/img/illustrations/i12.webp differ
diff --git a/public/assets/img/illustrations/i13.webp b/public/assets/img/illustrations/i13.webp
new file mode 100644
index 0000000..6670d0f
Binary files /dev/null and b/public/assets/img/illustrations/i13.webp differ
diff --git a/public/assets/img/illustrations/i14.webp b/public/assets/img/illustrations/i14.webp
new file mode 100644
index 0000000..0cd3124
Binary files /dev/null and b/public/assets/img/illustrations/i14.webp differ
diff --git a/public/assets/img/illustrations/i15.webp b/public/assets/img/illustrations/i15.webp
new file mode 100644
index 0000000..b9bf0ee
Binary files /dev/null and b/public/assets/img/illustrations/i15.webp differ
diff --git a/public/assets/img/illustrations/i16.webp b/public/assets/img/illustrations/i16.webp
new file mode 100644
index 0000000..e8631b3
Binary files /dev/null and b/public/assets/img/illustrations/i16.webp differ
diff --git a/public/assets/img/illustrations/i17.webp b/public/assets/img/illustrations/i17.webp
new file mode 100644
index 0000000..2f3e1b3
Binary files /dev/null and b/public/assets/img/illustrations/i17.webp differ
diff --git a/public/assets/img/illustrations/i18.webp b/public/assets/img/illustrations/i18.webp
new file mode 100644
index 0000000..1b7bbec
Binary files /dev/null and b/public/assets/img/illustrations/i18.webp differ
diff --git a/public/assets/img/illustrations/i19.webp b/public/assets/img/illustrations/i19.webp
new file mode 100644
index 0000000..684241e
Binary files /dev/null and b/public/assets/img/illustrations/i19.webp differ
diff --git a/public/assets/img/illustrations/i2.webp b/public/assets/img/illustrations/i2.webp
new file mode 100644
index 0000000..c84e05e
Binary files /dev/null and b/public/assets/img/illustrations/i2.webp differ
diff --git a/public/assets/img/illustrations/i20.webp b/public/assets/img/illustrations/i20.webp
new file mode 100644
index 0000000..e3a5586
Binary files /dev/null and b/public/assets/img/illustrations/i20.webp differ
diff --git a/public/assets/img/illustrations/i21.webp b/public/assets/img/illustrations/i21.webp
new file mode 100644
index 0000000..bbbabff
Binary files /dev/null and b/public/assets/img/illustrations/i21.webp differ
diff --git a/public/assets/img/illustrations/i22.webp b/public/assets/img/illustrations/i22.webp
new file mode 100644
index 0000000..d93af90
Binary files /dev/null and b/public/assets/img/illustrations/i22.webp differ
diff --git a/public/assets/img/illustrations/i23.webp b/public/assets/img/illustrations/i23.webp
new file mode 100644
index 0000000..55437d8
Binary files /dev/null and b/public/assets/img/illustrations/i23.webp differ
diff --git a/public/assets/img/illustrations/i24.webp b/public/assets/img/illustrations/i24.webp
new file mode 100644
index 0000000..fe51a5e
Binary files /dev/null and b/public/assets/img/illustrations/i24.webp differ
diff --git a/public/assets/img/illustrations/i25.webp b/public/assets/img/illustrations/i25.webp
new file mode 100644
index 0000000..04e0dbf
Binary files /dev/null and b/public/assets/img/illustrations/i25.webp differ
diff --git a/public/assets/img/illustrations/i26.webp b/public/assets/img/illustrations/i26.webp
new file mode 100644
index 0000000..f6ae46f
Binary files /dev/null and b/public/assets/img/illustrations/i26.webp differ
diff --git a/public/assets/img/illustrations/i27.webp b/public/assets/img/illustrations/i27.webp
new file mode 100644
index 0000000..c4b6720
Binary files /dev/null and b/public/assets/img/illustrations/i27.webp differ
diff --git a/public/assets/img/illustrations/i28.webp b/public/assets/img/illustrations/i28.webp
new file mode 100644
index 0000000..d26349e
Binary files /dev/null and b/public/assets/img/illustrations/i28.webp differ
diff --git a/public/assets/img/illustrations/i29.webp b/public/assets/img/illustrations/i29.webp
new file mode 100644
index 0000000..437822b
Binary files /dev/null and b/public/assets/img/illustrations/i29.webp differ
diff --git a/public/assets/img/illustrations/i3.webp b/public/assets/img/illustrations/i3.webp
new file mode 100644
index 0000000..e0fed75
Binary files /dev/null and b/public/assets/img/illustrations/i3.webp differ
diff --git a/public/assets/img/illustrations/i30.webp b/public/assets/img/illustrations/i30.webp
new file mode 100644
index 0000000..4e56bea
Binary files /dev/null and b/public/assets/img/illustrations/i30.webp differ
diff --git a/public/assets/img/illustrations/i31.webp b/public/assets/img/illustrations/i31.webp
new file mode 100644
index 0000000..d9809d6
Binary files /dev/null and b/public/assets/img/illustrations/i31.webp differ
diff --git a/public/assets/img/illustrations/i32.webp b/public/assets/img/illustrations/i32.webp
new file mode 100644
index 0000000..e839b56
Binary files /dev/null and b/public/assets/img/illustrations/i32.webp differ
diff --git a/public/assets/img/illustrations/i4.webp b/public/assets/img/illustrations/i4.webp
new file mode 100644
index 0000000..5736387
Binary files /dev/null and b/public/assets/img/illustrations/i4.webp differ
diff --git a/public/assets/img/illustrations/i5.webp b/public/assets/img/illustrations/i5.webp
new file mode 100644
index 0000000..f3763df
Binary files /dev/null and b/public/assets/img/illustrations/i5.webp differ
diff --git a/public/assets/img/illustrations/i6.webp b/public/assets/img/illustrations/i6.webp
new file mode 100644
index 0000000..ae58691
Binary files /dev/null and b/public/assets/img/illustrations/i6.webp differ
diff --git a/public/assets/img/illustrations/i7.webp b/public/assets/img/illustrations/i7.webp
new file mode 100644
index 0000000..2b57ec3
Binary files /dev/null and b/public/assets/img/illustrations/i7.webp differ
diff --git a/public/assets/img/illustrations/i8.webp b/public/assets/img/illustrations/i8.webp
new file mode 100644
index 0000000..ae489ee
Binary files /dev/null and b/public/assets/img/illustrations/i8.webp differ
diff --git a/public/assets/img/illustrations/i9.webp b/public/assets/img/illustrations/i9.webp
new file mode 100644
index 0000000..3e32650
Binary files /dev/null and b/public/assets/img/illustrations/i9.webp differ
diff --git a/public/assets/img/illustrations/ni1.webp b/public/assets/img/illustrations/ni1.webp
new file mode 100644
index 0000000..8222ae4
Binary files /dev/null and b/public/assets/img/illustrations/ni1.webp differ
diff --git a/public/assets/img/illustrations/ni2.webp b/public/assets/img/illustrations/ni2.webp
new file mode 100644
index 0000000..ef69bbf
Binary files /dev/null and b/public/assets/img/illustrations/ni2.webp differ
diff --git a/public/assets/img/illustrations/ni3.webp b/public/assets/img/illustrations/ni3.webp
new file mode 100644
index 0000000..1dfbdab
Binary files /dev/null and b/public/assets/img/illustrations/ni3.webp differ
diff --git a/public/assets/img/illustrations/ni4.webp b/public/assets/img/illustrations/ni4.webp
new file mode 100644
index 0000000..ba418e9
Binary files /dev/null and b/public/assets/img/illustrations/ni4.webp differ
diff --git a/public/assets/img/illustrations/ni5.webp b/public/assets/img/illustrations/ni5.webp
new file mode 100644
index 0000000..3a39ba2
Binary files /dev/null and b/public/assets/img/illustrations/ni5.webp differ
diff --git a/public/assets/img/illustrations/ni6.webp b/public/assets/img/illustrations/ni6.webp
new file mode 100644
index 0000000..ceb5c0b
Binary files /dev/null and b/public/assets/img/illustrations/ni6.webp differ
diff --git a/public/assets/img/illustrations/ni7.webp b/public/assets/img/illustrations/ni7.webp
new file mode 100644
index 0000000..c3a6994
Binary files /dev/null and b/public/assets/img/illustrations/ni7.webp differ
diff --git a/public/assets/img/illustrations/ni8.webp b/public/assets/img/illustrations/ni8.webp
new file mode 100644
index 0000000..8aab247
Binary files /dev/null and b/public/assets/img/illustrations/ni8.webp differ
diff --git a/public/assets/img/illustrations/ni9.webp b/public/assets/img/illustrations/ni9.webp
new file mode 100644
index 0000000..9d7feff
Binary files /dev/null and b/public/assets/img/illustrations/ni9.webp differ
diff --git a/public/assets/img/illustrations/ui1.webp b/public/assets/img/illustrations/ui1.webp
new file mode 100644
index 0000000..619a8ed
Binary files /dev/null and b/public/assets/img/illustrations/ui1.webp differ
diff --git a/public/assets/img/illustrations/ui2.webp b/public/assets/img/illustrations/ui2.webp
new file mode 100644
index 0000000..15c4ecb
Binary files /dev/null and b/public/assets/img/illustrations/ui2.webp differ
diff --git a/public/assets/img/illustrations/ui3.webp b/public/assets/img/illustrations/ui3.webp
new file mode 100644
index 0000000..6fe663c
Binary files /dev/null and b/public/assets/img/illustrations/ui3.webp differ
diff --git a/public/assets/img/illustrations/ui4.webp b/public/assets/img/illustrations/ui4.webp
new file mode 100644
index 0000000..9579a6e
Binary files /dev/null and b/public/assets/img/illustrations/ui4.webp differ
diff --git a/public/assets/img/illustrations/ui5.webp b/public/assets/img/illustrations/ui5.webp
new file mode 100644
index 0000000..77bb034
Binary files /dev/null and b/public/assets/img/illustrations/ui5.webp differ
diff --git a/public/assets/img/logo-dark.webp b/public/assets/img/logo-dark.webp
new file mode 100644
index 0000000..25e2aac
Binary files /dev/null and b/public/assets/img/logo-dark.webp differ
diff --git a/public/assets/img/logo-light.webp b/public/assets/img/logo-light.webp
new file mode 100644
index 0000000..159fead
Binary files /dev/null and b/public/assets/img/logo-light.webp differ
diff --git a/public/assets/img/logo-purple.webp b/public/assets/img/logo-purple.webp
new file mode 100644
index 0000000..4f5ad81
Binary files /dev/null and b/public/assets/img/logo-purple.webp differ
diff --git a/public/assets/img/logo.webp b/public/assets/img/logo.webp
new file mode 100644
index 0000000..68ec16f
Binary files /dev/null and b/public/assets/img/logo.webp differ
diff --git a/public/assets/img/map.webp b/public/assets/img/map.webp
new file mode 100644
index 0000000..b596f9e
Binary files /dev/null and b/public/assets/img/map.webp differ
diff --git a/public/assets/img/pattern.webp b/public/assets/img/pattern.webp
new file mode 100644
index 0000000..71b6e9e
Binary files /dev/null and b/public/assets/img/pattern.webp differ
diff --git a/public/assets/img/photos/a1.webp b/public/assets/img/photos/a1.webp
new file mode 100644
index 0000000..6289ebe
Binary files /dev/null and b/public/assets/img/photos/a1.webp differ
diff --git a/public/assets/img/photos/a2.webp b/public/assets/img/photos/a2.webp
new file mode 100644
index 0000000..2d8b5c2
Binary files /dev/null and b/public/assets/img/photos/a2.webp differ
diff --git a/public/assets/img/photos/a3.webp b/public/assets/img/photos/a3.webp
new file mode 100644
index 0000000..95a2e30
Binary files /dev/null and b/public/assets/img/photos/a3.webp differ
diff --git a/public/assets/img/photos/a4.webp b/public/assets/img/photos/a4.webp
new file mode 100644
index 0000000..d22f3ae
Binary files /dev/null and b/public/assets/img/photos/a4.webp differ
diff --git a/public/assets/img/photos/a5.webp b/public/assets/img/photos/a5.webp
new file mode 100644
index 0000000..3d707c8
Binary files /dev/null and b/public/assets/img/photos/a5.webp differ
diff --git a/public/assets/img/photos/a6.webp b/public/assets/img/photos/a6.webp
new file mode 100644
index 0000000..42d7178
Binary files /dev/null and b/public/assets/img/photos/a6.webp differ
diff --git a/public/assets/img/photos/ab1.webp b/public/assets/img/photos/ab1.webp
new file mode 100644
index 0000000..cf6e89c
Binary files /dev/null and b/public/assets/img/photos/ab1.webp differ
diff --git a/public/assets/img/photos/ab2.webp b/public/assets/img/photos/ab2.webp
new file mode 100644
index 0000000..3cf9f10
Binary files /dev/null and b/public/assets/img/photos/ab2.webp differ
diff --git a/public/assets/img/photos/ab3.webp b/public/assets/img/photos/ab3.webp
new file mode 100644
index 0000000..95d1265
Binary files /dev/null and b/public/assets/img/photos/ab3.webp differ
diff --git a/public/assets/img/photos/about10.webp b/public/assets/img/photos/about10.webp
new file mode 100644
index 0000000..9650cc8
Binary files /dev/null and b/public/assets/img/photos/about10.webp differ
diff --git a/public/assets/img/photos/about11.webp b/public/assets/img/photos/about11.webp
new file mode 100644
index 0000000..386daa7
Binary files /dev/null and b/public/assets/img/photos/about11.webp differ
diff --git a/public/assets/img/photos/about12.webp b/public/assets/img/photos/about12.webp
new file mode 100644
index 0000000..9b37ab2
Binary files /dev/null and b/public/assets/img/photos/about12.webp differ
diff --git a/public/assets/img/photos/about13.webp b/public/assets/img/photos/about13.webp
new file mode 100644
index 0000000..53ab485
Binary files /dev/null and b/public/assets/img/photos/about13.webp differ
diff --git a/public/assets/img/photos/about14.webp b/public/assets/img/photos/about14.webp
new file mode 100644
index 0000000..33810f4
Binary files /dev/null and b/public/assets/img/photos/about14.webp differ
diff --git a/public/assets/img/photos/about15.webp b/public/assets/img/photos/about15.webp
new file mode 100644
index 0000000..97a4c11
Binary files /dev/null and b/public/assets/img/photos/about15.webp differ
diff --git a/public/assets/img/photos/about17.webp b/public/assets/img/photos/about17.webp
new file mode 100644
index 0000000..d24af8d
Binary files /dev/null and b/public/assets/img/photos/about17.webp differ
diff --git a/public/assets/img/photos/about18.webp b/public/assets/img/photos/about18.webp
new file mode 100644
index 0000000..3b2ab3a
Binary files /dev/null and b/public/assets/img/photos/about18.webp differ
diff --git a/public/assets/img/photos/about19.webp b/public/assets/img/photos/about19.webp
new file mode 100644
index 0000000..5965f3a
Binary files /dev/null and b/public/assets/img/photos/about19.webp differ
diff --git a/public/assets/img/photos/about2.webp b/public/assets/img/photos/about2.webp
new file mode 100644
index 0000000..9755019
Binary files /dev/null and b/public/assets/img/photos/about2.webp differ
diff --git a/public/assets/img/photos/about20.webp b/public/assets/img/photos/about20.webp
new file mode 100644
index 0000000..1abae46
Binary files /dev/null and b/public/assets/img/photos/about20.webp differ
diff --git a/public/assets/img/photos/about21.webp b/public/assets/img/photos/about21.webp
new file mode 100644
index 0000000..79341ec
Binary files /dev/null and b/public/assets/img/photos/about21.webp differ
diff --git a/public/assets/img/photos/about22.webp b/public/assets/img/photos/about22.webp
new file mode 100644
index 0000000..54baeaa
Binary files /dev/null and b/public/assets/img/photos/about22.webp differ
diff --git a/public/assets/img/photos/about23.webp b/public/assets/img/photos/about23.webp
new file mode 100644
index 0000000..ff99479
Binary files /dev/null and b/public/assets/img/photos/about23.webp differ
diff --git a/public/assets/img/photos/about24.webp b/public/assets/img/photos/about24.webp
new file mode 100644
index 0000000..2edcb2e
Binary files /dev/null and b/public/assets/img/photos/about24.webp differ
diff --git a/public/assets/img/photos/about25.webp b/public/assets/img/photos/about25.webp
new file mode 100644
index 0000000..22bae60
Binary files /dev/null and b/public/assets/img/photos/about25.webp differ
diff --git a/public/assets/img/photos/about26.webp b/public/assets/img/photos/about26.webp
new file mode 100644
index 0000000..3a118bd
Binary files /dev/null and b/public/assets/img/photos/about26.webp differ
diff --git a/public/assets/img/photos/about27.webp b/public/assets/img/photos/about27.webp
new file mode 100644
index 0000000..3e5b885
Binary files /dev/null and b/public/assets/img/photos/about27.webp differ
diff --git a/public/assets/img/photos/about28.webp b/public/assets/img/photos/about28.webp
new file mode 100644
index 0000000..0c0854e
Binary files /dev/null and b/public/assets/img/photos/about28.webp differ
diff --git a/public/assets/img/photos/about29.webp b/public/assets/img/photos/about29.webp
new file mode 100644
index 0000000..29f07f7
Binary files /dev/null and b/public/assets/img/photos/about29.webp differ
diff --git a/public/assets/img/photos/about3.webp b/public/assets/img/photos/about3.webp
new file mode 100644
index 0000000..305b14c
Binary files /dev/null and b/public/assets/img/photos/about3.webp differ
diff --git a/public/assets/img/photos/about30.webp b/public/assets/img/photos/about30.webp
new file mode 100644
index 0000000..21fd2b3
Binary files /dev/null and b/public/assets/img/photos/about30.webp differ
diff --git a/public/assets/img/photos/about4.webp b/public/assets/img/photos/about4.webp
new file mode 100644
index 0000000..680d140
Binary files /dev/null and b/public/assets/img/photos/about4.webp differ
diff --git a/public/assets/img/photos/about5.webp b/public/assets/img/photos/about5.webp
new file mode 100644
index 0000000..ee08041
Binary files /dev/null and b/public/assets/img/photos/about5.webp differ
diff --git a/public/assets/img/photos/about7.webp b/public/assets/img/photos/about7.webp
new file mode 100644
index 0000000..8788da9
Binary files /dev/null and b/public/assets/img/photos/about7.webp differ
diff --git a/public/assets/img/photos/about8.webp b/public/assets/img/photos/about8.webp
new file mode 100644
index 0000000..9a84867
Binary files /dev/null and b/public/assets/img/photos/about8.webp differ
diff --git a/public/assets/img/photos/about9.webp b/public/assets/img/photos/about9.webp
new file mode 100644
index 0000000..ee5977e
Binary files /dev/null and b/public/assets/img/photos/about9.webp differ
diff --git a/public/assets/img/photos/adobe-premiere-book.webp b/public/assets/img/photos/adobe-premiere-book.webp
new file mode 100644
index 0000000..5c3b3fe
Binary files /dev/null and b/public/assets/img/photos/adobe-premiere-book.webp differ
diff --git a/public/assets/img/photos/b1.webp b/public/assets/img/photos/b1.webp
new file mode 100644
index 0000000..9d8b638
Binary files /dev/null and b/public/assets/img/photos/b1.webp differ
diff --git a/public/assets/img/photos/b10-full.webp b/public/assets/img/photos/b10-full.webp
new file mode 100644
index 0000000..1e38653
Binary files /dev/null and b/public/assets/img/photos/b10-full.webp differ
diff --git a/public/assets/img/photos/b10.webp b/public/assets/img/photos/b10.webp
new file mode 100644
index 0000000..1c95830
Binary files /dev/null and b/public/assets/img/photos/b10.webp differ
diff --git a/public/assets/img/photos/b11-full.webp b/public/assets/img/photos/b11-full.webp
new file mode 100644
index 0000000..632bdb2
Binary files /dev/null and b/public/assets/img/photos/b11-full.webp differ
diff --git a/public/assets/img/photos/b11.webp b/public/assets/img/photos/b11.webp
new file mode 100644
index 0000000..c2d3d28
Binary files /dev/null and b/public/assets/img/photos/b11.webp differ
diff --git a/public/assets/img/photos/b12.webp b/public/assets/img/photos/b12.webp
new file mode 100644
index 0000000..88834ba
Binary files /dev/null and b/public/assets/img/photos/b12.webp differ
diff --git a/public/assets/img/photos/b13.webp b/public/assets/img/photos/b13.webp
new file mode 100644
index 0000000..b171130
Binary files /dev/null and b/public/assets/img/photos/b13.webp differ
diff --git a/public/assets/img/photos/b14.webp b/public/assets/img/photos/b14.webp
new file mode 100644
index 0000000..91886f2
Binary files /dev/null and b/public/assets/img/photos/b14.webp differ
diff --git a/public/assets/img/photos/b15.webp b/public/assets/img/photos/b15.webp
new file mode 100644
index 0000000..8e0cadc
Binary files /dev/null and b/public/assets/img/photos/b15.webp differ
diff --git a/public/assets/img/photos/b16.webp b/public/assets/img/photos/b16.webp
new file mode 100644
index 0000000..1d0b539
Binary files /dev/null and b/public/assets/img/photos/b16.webp differ
diff --git a/public/assets/img/photos/b17.webp b/public/assets/img/photos/b17.webp
new file mode 100644
index 0000000..8bbd893
Binary files /dev/null and b/public/assets/img/photos/b17.webp differ
diff --git a/public/assets/img/photos/b2.webp b/public/assets/img/photos/b2.webp
new file mode 100644
index 0000000..a7ddbf9
Binary files /dev/null and b/public/assets/img/photos/b2.webp differ
diff --git a/public/assets/img/photos/b3.webp b/public/assets/img/photos/b3.webp
new file mode 100644
index 0000000..c1808d3
Binary files /dev/null and b/public/assets/img/photos/b3.webp differ
diff --git a/public/assets/img/photos/b4.webp b/public/assets/img/photos/b4.webp
new file mode 100644
index 0000000..9c14cc1
Binary files /dev/null and b/public/assets/img/photos/b4.webp differ
diff --git a/public/assets/img/photos/b5.webp b/public/assets/img/photos/b5.webp
new file mode 100644
index 0000000..f3cb97a
Binary files /dev/null and b/public/assets/img/photos/b5.webp differ
diff --git a/public/assets/img/photos/b6.webp b/public/assets/img/photos/b6.webp
new file mode 100644
index 0000000..b066a1c
Binary files /dev/null and b/public/assets/img/photos/b6.webp differ
diff --git a/public/assets/img/photos/b7.webp b/public/assets/img/photos/b7.webp
new file mode 100644
index 0000000..4aeb839
Binary files /dev/null and b/public/assets/img/photos/b7.webp differ
diff --git a/public/assets/img/photos/b8-full.webp b/public/assets/img/photos/b8-full.webp
new file mode 100644
index 0000000..459e55e
Binary files /dev/null and b/public/assets/img/photos/b8-full.webp differ
diff --git a/public/assets/img/photos/b8.webp b/public/assets/img/photos/b8.webp
new file mode 100644
index 0000000..ec38446
Binary files /dev/null and b/public/assets/img/photos/b8.webp differ
diff --git a/public/assets/img/photos/b9-full.webp b/public/assets/img/photos/b9-full.webp
new file mode 100644
index 0000000..d66ca6c
Binary files /dev/null and b/public/assets/img/photos/b9-full.webp differ
diff --git a/public/assets/img/photos/b9.webp b/public/assets/img/photos/b9.webp
new file mode 100644
index 0000000..b27484f
Binary files /dev/null and b/public/assets/img/photos/b9.webp differ
diff --git a/public/assets/img/photos/bg1.webp b/public/assets/img/photos/bg1.webp
new file mode 100644
index 0000000..835cb75
Binary files /dev/null and b/public/assets/img/photos/bg1.webp differ
diff --git a/public/assets/img/photos/bg10.webp b/public/assets/img/photos/bg10.webp
new file mode 100644
index 0000000..99e32e8
Binary files /dev/null and b/public/assets/img/photos/bg10.webp differ
diff --git a/public/assets/img/photos/bg11.webp b/public/assets/img/photos/bg11.webp
new file mode 100644
index 0000000..4b5462b
Binary files /dev/null and b/public/assets/img/photos/bg11.webp differ
diff --git a/public/assets/img/photos/bg12.webp b/public/assets/img/photos/bg12.webp
new file mode 100644
index 0000000..3dfd36a
Binary files /dev/null and b/public/assets/img/photos/bg12.webp differ
diff --git a/public/assets/img/photos/bg13.webp b/public/assets/img/photos/bg13.webp
new file mode 100644
index 0000000..bd51a71
Binary files /dev/null and b/public/assets/img/photos/bg13.webp differ
diff --git a/public/assets/img/photos/bg14.webp b/public/assets/img/photos/bg14.webp
new file mode 100644
index 0000000..94fb1e9
Binary files /dev/null and b/public/assets/img/photos/bg14.webp differ
diff --git a/public/assets/img/photos/bg15.webp b/public/assets/img/photos/bg15.webp
new file mode 100644
index 0000000..6ff9917
Binary files /dev/null and b/public/assets/img/photos/bg15.webp differ
diff --git a/public/assets/img/photos/bg16.webp b/public/assets/img/photos/bg16.webp
new file mode 100644
index 0000000..33d7e06
Binary files /dev/null and b/public/assets/img/photos/bg16.webp differ
diff --git a/public/assets/img/photos/bg17.webp b/public/assets/img/photos/bg17.webp
new file mode 100644
index 0000000..545513d
Binary files /dev/null and b/public/assets/img/photos/bg17.webp differ
diff --git a/public/assets/img/photos/bg18.webp b/public/assets/img/photos/bg18.webp
new file mode 100644
index 0000000..e33b71d
Binary files /dev/null and b/public/assets/img/photos/bg18.webp differ
diff --git a/public/assets/img/photos/bg19.webp b/public/assets/img/photos/bg19.webp
new file mode 100644
index 0000000..f2707ea
Binary files /dev/null and b/public/assets/img/photos/bg19.webp differ
diff --git a/public/assets/img/photos/bg2.webp b/public/assets/img/photos/bg2.webp
new file mode 100644
index 0000000..d18c8c0
Binary files /dev/null and b/public/assets/img/photos/bg2.webp differ
diff --git a/public/assets/img/photos/bg20.webp b/public/assets/img/photos/bg20.webp
new file mode 100644
index 0000000..2f69c5b
Binary files /dev/null and b/public/assets/img/photos/bg20.webp differ
diff --git a/public/assets/img/photos/bg21.webp b/public/assets/img/photos/bg21.webp
new file mode 100644
index 0000000..871ec9b
Binary files /dev/null and b/public/assets/img/photos/bg21.webp differ
diff --git a/public/assets/img/photos/bg22.webp b/public/assets/img/photos/bg22.webp
new file mode 100644
index 0000000..7c58656
Binary files /dev/null and b/public/assets/img/photos/bg22.webp differ
diff --git a/public/assets/img/photos/bg23.webp b/public/assets/img/photos/bg23.webp
new file mode 100644
index 0000000..060de42
Binary files /dev/null and b/public/assets/img/photos/bg23.webp differ
diff --git a/public/assets/img/photos/bg24.webp b/public/assets/img/photos/bg24.webp
new file mode 100644
index 0000000..24e3c9b
Binary files /dev/null and b/public/assets/img/photos/bg24.webp differ
diff --git a/public/assets/img/photos/bg25.webp b/public/assets/img/photos/bg25.webp
new file mode 100644
index 0000000..032d99b
Binary files /dev/null and b/public/assets/img/photos/bg25.webp differ
diff --git a/public/assets/img/photos/bg27.webp b/public/assets/img/photos/bg27.webp
new file mode 100644
index 0000000..afc3186
Binary files /dev/null and b/public/assets/img/photos/bg27.webp differ
diff --git a/public/assets/img/photos/bg28-th.webp b/public/assets/img/photos/bg28-th.webp
new file mode 100644
index 0000000..4dd397b
Binary files /dev/null and b/public/assets/img/photos/bg28-th.webp differ
diff --git a/public/assets/img/photos/bg28.webp b/public/assets/img/photos/bg28.webp
new file mode 100644
index 0000000..bba2bf8
Binary files /dev/null and b/public/assets/img/photos/bg28.webp differ
diff --git a/public/assets/img/photos/bg29-th.webp b/public/assets/img/photos/bg29-th.webp
new file mode 100644
index 0000000..8da8808
Binary files /dev/null and b/public/assets/img/photos/bg29-th.webp differ
diff --git a/public/assets/img/photos/bg3.webp b/public/assets/img/photos/bg3.webp
new file mode 100644
index 0000000..e55174d
Binary files /dev/null and b/public/assets/img/photos/bg3.webp differ
diff --git a/public/assets/img/photos/bg30-th.webp b/public/assets/img/photos/bg30-th.webp
new file mode 100644
index 0000000..4f1596d
Binary files /dev/null and b/public/assets/img/photos/bg30-th.webp differ
diff --git a/public/assets/img/photos/bg30.webp b/public/assets/img/photos/bg30.webp
new file mode 100644
index 0000000..f9be2ba
Binary files /dev/null and b/public/assets/img/photos/bg30.webp differ
diff --git a/public/assets/img/photos/bg31-th.webp b/public/assets/img/photos/bg31-th.webp
new file mode 100644
index 0000000..e6d2855
Binary files /dev/null and b/public/assets/img/photos/bg31-th.webp differ
diff --git a/public/assets/img/photos/bg31.webp b/public/assets/img/photos/bg31.webp
new file mode 100644
index 0000000..a505dc8
Binary files /dev/null and b/public/assets/img/photos/bg31.webp differ
diff --git a/public/assets/img/photos/bg32.webp b/public/assets/img/photos/bg32.webp
new file mode 100644
index 0000000..10ff138
Binary files /dev/null and b/public/assets/img/photos/bg32.webp differ
diff --git a/public/assets/img/photos/bg33.webp b/public/assets/img/photos/bg33.webp
new file mode 100644
index 0000000..7c2856d
Binary files /dev/null and b/public/assets/img/photos/bg33.webp differ
diff --git a/public/assets/img/photos/bg35.webp b/public/assets/img/photos/bg35.webp
new file mode 100644
index 0000000..eb55bf2
Binary files /dev/null and b/public/assets/img/photos/bg35.webp differ
diff --git a/public/assets/img/photos/bg36.webp b/public/assets/img/photos/bg36.webp
new file mode 100644
index 0000000..65ece83
Binary files /dev/null and b/public/assets/img/photos/bg36.webp differ
diff --git a/public/assets/img/photos/bg38.webp b/public/assets/img/photos/bg38.webp
new file mode 100644
index 0000000..2e3b3bf
Binary files /dev/null and b/public/assets/img/photos/bg38.webp differ
diff --git a/public/assets/img/photos/bg39.webp b/public/assets/img/photos/bg39.webp
new file mode 100644
index 0000000..04d85f7
Binary files /dev/null and b/public/assets/img/photos/bg39.webp differ
diff --git a/public/assets/img/photos/bg4.webp b/public/assets/img/photos/bg4.webp
new file mode 100644
index 0000000..12525c2
Binary files /dev/null and b/public/assets/img/photos/bg4.webp differ
diff --git a/public/assets/img/photos/bg5.webp b/public/assets/img/photos/bg5.webp
new file mode 100644
index 0000000..211527d
Binary files /dev/null and b/public/assets/img/photos/bg5.webp differ
diff --git a/public/assets/img/photos/bg6.webp b/public/assets/img/photos/bg6.webp
new file mode 100644
index 0000000..0f623b9
Binary files /dev/null and b/public/assets/img/photos/bg6.webp differ
diff --git a/public/assets/img/photos/bg7.webp b/public/assets/img/photos/bg7.webp
new file mode 100644
index 0000000..aecf7ff
Binary files /dev/null and b/public/assets/img/photos/bg7.webp differ
diff --git a/public/assets/img/photos/bg8.webp b/public/assets/img/photos/bg8.webp
new file mode 100644
index 0000000..5987fa2
Binary files /dev/null and b/public/assets/img/photos/bg8.webp differ
diff --git a/public/assets/img/photos/bg9.webp b/public/assets/img/photos/bg9.webp
new file mode 100644
index 0000000..d7b2fe6
Binary files /dev/null and b/public/assets/img/photos/bg9.webp differ
diff --git a/public/assets/img/photos/blurry.webp b/public/assets/img/photos/blurry.webp
new file mode 100644
index 0000000..e689085
Binary files /dev/null and b/public/assets/img/photos/blurry.webp differ
diff --git a/public/assets/img/photos/bp1.webp b/public/assets/img/photos/bp1.webp
new file mode 100644
index 0000000..7006d88
Binary files /dev/null and b/public/assets/img/photos/bp1.webp differ
diff --git a/public/assets/img/photos/bp2.webp b/public/assets/img/photos/bp2.webp
new file mode 100644
index 0000000..7907751
Binary files /dev/null and b/public/assets/img/photos/bp2.webp differ
diff --git a/public/assets/img/photos/bp3.webp b/public/assets/img/photos/bp3.webp
new file mode 100644
index 0000000..717eb24
Binary files /dev/null and b/public/assets/img/photos/bp3.webp differ
diff --git a/public/assets/img/photos/bp4.webp b/public/assets/img/photos/bp4.webp
new file mode 100644
index 0000000..9a5a189
Binary files /dev/null and b/public/assets/img/photos/bp4.webp differ
diff --git a/public/assets/img/photos/bp5.webp b/public/assets/img/photos/bp5.webp
new file mode 100644
index 0000000..d2b62b5
Binary files /dev/null and b/public/assets/img/photos/bp5.webp differ
diff --git a/public/assets/img/photos/bp6.webp b/public/assets/img/photos/bp6.webp
new file mode 100644
index 0000000..a9ee5ac
Binary files /dev/null and b/public/assets/img/photos/bp6.webp differ
diff --git a/public/assets/img/photos/cf1.webp b/public/assets/img/photos/cf1.webp
new file mode 100644
index 0000000..1278f6c
Binary files /dev/null and b/public/assets/img/photos/cf1.webp differ
diff --git a/public/assets/img/photos/cf2.webp b/public/assets/img/photos/cf2.webp
new file mode 100644
index 0000000..5b76605
Binary files /dev/null and b/public/assets/img/photos/cf2.webp differ
diff --git a/public/assets/img/photos/cf3.webp b/public/assets/img/photos/cf3.webp
new file mode 100644
index 0000000..bb18b06
Binary files /dev/null and b/public/assets/img/photos/cf3.webp differ
diff --git a/public/assets/img/photos/cf4.webp b/public/assets/img/photos/cf4.webp
new file mode 100644
index 0000000..08bd9d6
Binary files /dev/null and b/public/assets/img/photos/cf4.webp differ
diff --git a/public/assets/img/photos/cf5.webp b/public/assets/img/photos/cf5.webp
new file mode 100644
index 0000000..b0e1493
Binary files /dev/null and b/public/assets/img/photos/cf5.webp differ
diff --git a/public/assets/img/photos/cf6.webp b/public/assets/img/photos/cf6.webp
new file mode 100644
index 0000000..e5ef143
Binary files /dev/null and b/public/assets/img/photos/cf6.webp differ
diff --git a/public/assets/img/photos/clouds.webp b/public/assets/img/photos/clouds.webp
new file mode 100644
index 0000000..5f0b159
Binary files /dev/null and b/public/assets/img/photos/clouds.webp differ
diff --git a/public/assets/img/photos/co1.webp b/public/assets/img/photos/co1.webp
new file mode 100644
index 0000000..815feae
Binary files /dev/null and b/public/assets/img/photos/co1.webp differ
diff --git a/public/assets/img/photos/co2.webp b/public/assets/img/photos/co2.webp
new file mode 100644
index 0000000..22f0fa9
Binary files /dev/null and b/public/assets/img/photos/co2.webp differ
diff --git a/public/assets/img/photos/co3.webp b/public/assets/img/photos/co3.webp
new file mode 100644
index 0000000..e726454
Binary files /dev/null and b/public/assets/img/photos/co3.webp differ
diff --git a/public/assets/img/photos/cs1-full.webp b/public/assets/img/photos/cs1-full.webp
new file mode 100644
index 0000000..2aff30e
Binary files /dev/null and b/public/assets/img/photos/cs1-full.webp differ
diff --git a/public/assets/img/photos/cs1.webp b/public/assets/img/photos/cs1.webp
new file mode 100644
index 0000000..e8688f0
Binary files /dev/null and b/public/assets/img/photos/cs1.webp differ
diff --git a/public/assets/img/photos/cs10-full.webp b/public/assets/img/photos/cs10-full.webp
new file mode 100644
index 0000000..a821b85
Binary files /dev/null and b/public/assets/img/photos/cs10-full.webp differ
diff --git a/public/assets/img/photos/cs10.webp b/public/assets/img/photos/cs10.webp
new file mode 100644
index 0000000..34192a4
Binary files /dev/null and b/public/assets/img/photos/cs10.webp differ
diff --git a/public/assets/img/photos/cs11-full.webp b/public/assets/img/photos/cs11-full.webp
new file mode 100644
index 0000000..1fae55f
Binary files /dev/null and b/public/assets/img/photos/cs11-full.webp differ
diff --git a/public/assets/img/photos/cs11.webp b/public/assets/img/photos/cs11.webp
new file mode 100644
index 0000000..0306e08
Binary files /dev/null and b/public/assets/img/photos/cs11.webp differ
diff --git a/public/assets/img/photos/cs12-full.webp b/public/assets/img/photos/cs12-full.webp
new file mode 100644
index 0000000..d487bbe
Binary files /dev/null and b/public/assets/img/photos/cs12-full.webp differ
diff --git a/public/assets/img/photos/cs12.webp b/public/assets/img/photos/cs12.webp
new file mode 100644
index 0000000..6769684
Binary files /dev/null and b/public/assets/img/photos/cs12.webp differ
diff --git a/public/assets/img/photos/cs13-full.webp b/public/assets/img/photos/cs13-full.webp
new file mode 100644
index 0000000..4dd0762
Binary files /dev/null and b/public/assets/img/photos/cs13-full.webp differ
diff --git a/public/assets/img/photos/cs13.webp b/public/assets/img/photos/cs13.webp
new file mode 100644
index 0000000..1ee5dd2
Binary files /dev/null and b/public/assets/img/photos/cs13.webp differ
diff --git a/public/assets/img/photos/cs14-full.webp b/public/assets/img/photos/cs14-full.webp
new file mode 100644
index 0000000..5bc43c6
Binary files /dev/null and b/public/assets/img/photos/cs14-full.webp differ
diff --git a/public/assets/img/photos/cs14.webp b/public/assets/img/photos/cs14.webp
new file mode 100644
index 0000000..7934f98
Binary files /dev/null and b/public/assets/img/photos/cs14.webp differ
diff --git a/public/assets/img/photos/cs15-full.webp b/public/assets/img/photos/cs15-full.webp
new file mode 100644
index 0000000..9b67a4e
Binary files /dev/null and b/public/assets/img/photos/cs15-full.webp differ
diff --git a/public/assets/img/photos/cs15.webp b/public/assets/img/photos/cs15.webp
new file mode 100644
index 0000000..99f2f15
Binary files /dev/null and b/public/assets/img/photos/cs15.webp differ
diff --git a/public/assets/img/photos/cs16.webp b/public/assets/img/photos/cs16.webp
new file mode 100644
index 0000000..875d60d
Binary files /dev/null and b/public/assets/img/photos/cs16.webp differ
diff --git a/public/assets/img/photos/cs17.webp b/public/assets/img/photos/cs17.webp
new file mode 100644
index 0000000..0c43bd2
Binary files /dev/null and b/public/assets/img/photos/cs17.webp differ
diff --git a/public/assets/img/photos/cs18.webp b/public/assets/img/photos/cs18.webp
new file mode 100644
index 0000000..7dbc3d0
Binary files /dev/null and b/public/assets/img/photos/cs18.webp differ
diff --git a/public/assets/img/photos/cs19.webp b/public/assets/img/photos/cs19.webp
new file mode 100644
index 0000000..5224ffa
Binary files /dev/null and b/public/assets/img/photos/cs19.webp differ
diff --git a/public/assets/img/photos/cs2-full.webp b/public/assets/img/photos/cs2-full.webp
new file mode 100644
index 0000000..f2bffb8
Binary files /dev/null and b/public/assets/img/photos/cs2-full.webp differ
diff --git a/public/assets/img/photos/cs2.webp b/public/assets/img/photos/cs2.webp
new file mode 100644
index 0000000..7a9ed50
Binary files /dev/null and b/public/assets/img/photos/cs2.webp differ
diff --git a/public/assets/img/photos/cs20.webp b/public/assets/img/photos/cs20.webp
new file mode 100644
index 0000000..fc5f99e
Binary files /dev/null and b/public/assets/img/photos/cs20.webp differ
diff --git a/public/assets/img/photos/cs21.webp b/public/assets/img/photos/cs21.webp
new file mode 100644
index 0000000..27d01b7
Binary files /dev/null and b/public/assets/img/photos/cs21.webp differ
diff --git a/public/assets/img/photos/cs22.webp b/public/assets/img/photos/cs22.webp
new file mode 100644
index 0000000..2c31ca9
Binary files /dev/null and b/public/assets/img/photos/cs22.webp differ
diff --git a/public/assets/img/photos/cs23.webp b/public/assets/img/photos/cs23.webp
new file mode 100644
index 0000000..129b36c
Binary files /dev/null and b/public/assets/img/photos/cs23.webp differ
diff --git a/public/assets/img/photos/cs24.webp b/public/assets/img/photos/cs24.webp
new file mode 100644
index 0000000..0365f31
Binary files /dev/null and b/public/assets/img/photos/cs24.webp differ
diff --git a/public/assets/img/photos/cs25.webp b/public/assets/img/photos/cs25.webp
new file mode 100644
index 0000000..46336cd
Binary files /dev/null and b/public/assets/img/photos/cs25.webp differ
diff --git a/public/assets/img/photos/cs3-full.webp b/public/assets/img/photos/cs3-full.webp
new file mode 100644
index 0000000..b4ced60
Binary files /dev/null and b/public/assets/img/photos/cs3-full.webp differ
diff --git a/public/assets/img/photos/cs3.webp b/public/assets/img/photos/cs3.webp
new file mode 100644
index 0000000..4b9f8a3
Binary files /dev/null and b/public/assets/img/photos/cs3.webp differ
diff --git a/public/assets/img/photos/cs4-full.webp b/public/assets/img/photos/cs4-full.webp
new file mode 100644
index 0000000..d66792f
Binary files /dev/null and b/public/assets/img/photos/cs4-full.webp differ
diff --git a/public/assets/img/photos/cs4.webp b/public/assets/img/photos/cs4.webp
new file mode 100644
index 0000000..d3cf0b2
Binary files /dev/null and b/public/assets/img/photos/cs4.webp differ
diff --git a/public/assets/img/photos/cs5-full.webp b/public/assets/img/photos/cs5-full.webp
new file mode 100644
index 0000000..357cf79
Binary files /dev/null and b/public/assets/img/photos/cs5-full.webp differ
diff --git a/public/assets/img/photos/cs5.webp b/public/assets/img/photos/cs5.webp
new file mode 100644
index 0000000..c6ff519
Binary files /dev/null and b/public/assets/img/photos/cs5.webp differ
diff --git a/public/assets/img/photos/cs6-full.webp b/public/assets/img/photos/cs6-full.webp
new file mode 100644
index 0000000..5e1d460
Binary files /dev/null and b/public/assets/img/photos/cs6-full.webp differ
diff --git a/public/assets/img/photos/cs6.webp b/public/assets/img/photos/cs6.webp
new file mode 100644
index 0000000..1f79b09
Binary files /dev/null and b/public/assets/img/photos/cs6.webp differ
diff --git a/public/assets/img/photos/cs7-full.webp b/public/assets/img/photos/cs7-full.webp
new file mode 100644
index 0000000..aa44c7e
Binary files /dev/null and b/public/assets/img/photos/cs7-full.webp differ
diff --git a/public/assets/img/photos/cs7.webp b/public/assets/img/photos/cs7.webp
new file mode 100644
index 0000000..1b8783e
Binary files /dev/null and b/public/assets/img/photos/cs7.webp differ
diff --git a/public/assets/img/photos/cs8-full.webp b/public/assets/img/photos/cs8-full.webp
new file mode 100644
index 0000000..17903fc
Binary files /dev/null and b/public/assets/img/photos/cs8-full.webp differ
diff --git a/public/assets/img/photos/cs8.webp b/public/assets/img/photos/cs8.webp
new file mode 100644
index 0000000..0ed0cfd
Binary files /dev/null and b/public/assets/img/photos/cs8.webp differ
diff --git a/public/assets/img/photos/cs9-full.webp b/public/assets/img/photos/cs9-full.webp
new file mode 100644
index 0000000..f04a267
Binary files /dev/null and b/public/assets/img/photos/cs9-full.webp differ
diff --git a/public/assets/img/photos/cs9.webp b/public/assets/img/photos/cs9.webp
new file mode 100644
index 0000000..176b112
Binary files /dev/null and b/public/assets/img/photos/cs9.webp differ
diff --git a/public/assets/img/photos/device.webp b/public/assets/img/photos/device.webp
new file mode 100644
index 0000000..6d9398b
Binary files /dev/null and b/public/assets/img/photos/device.webp differ
diff --git a/public/assets/img/photos/devices.webp b/public/assets/img/photos/devices.webp
new file mode 100644
index 0000000..d525d14
Binary files /dev/null and b/public/assets/img/photos/devices.webp differ
diff --git a/public/assets/img/photos/devices2.webp b/public/assets/img/photos/devices2.webp
new file mode 100644
index 0000000..603df55
Binary files /dev/null and b/public/assets/img/photos/devices2.webp differ
diff --git a/public/assets/img/photos/devices3.webp b/public/assets/img/photos/devices3.webp
new file mode 100644
index 0000000..050ecaf
Binary files /dev/null and b/public/assets/img/photos/devices3.webp differ
diff --git a/public/assets/img/photos/devices4.webp b/public/assets/img/photos/devices4.webp
new file mode 100644
index 0000000..1cace64
Binary files /dev/null and b/public/assets/img/photos/devices4.webp differ
diff --git a/public/assets/img/photos/devices5.webp b/public/assets/img/photos/devices5.webp
new file mode 100644
index 0000000..f60477c
Binary files /dev/null and b/public/assets/img/photos/devices5.webp differ
diff --git a/public/assets/img/photos/devices6.webp b/public/assets/img/photos/devices6.webp
new file mode 100644
index 0000000..1407332
Binary files /dev/null and b/public/assets/img/photos/devices6.webp differ
diff --git a/public/assets/img/photos/f1.webp b/public/assets/img/photos/f1.webp
new file mode 100644
index 0000000..46578e8
Binary files /dev/null and b/public/assets/img/photos/f1.webp differ
diff --git a/public/assets/img/photos/f2.webp b/public/assets/img/photos/f2.webp
new file mode 100644
index 0000000..2498aa0
Binary files /dev/null and b/public/assets/img/photos/f2.webp differ
diff --git a/public/assets/img/photos/f3.webp b/public/assets/img/photos/f3.webp
new file mode 100644
index 0000000..e842bfb
Binary files /dev/null and b/public/assets/img/photos/f3.webp differ
diff --git a/public/assets/img/photos/f4.webp b/public/assets/img/photos/f4.webp
new file mode 100644
index 0000000..b11dda7
Binary files /dev/null and b/public/assets/img/photos/f4.webp differ
diff --git a/public/assets/img/photos/fc1.webp b/public/assets/img/photos/fc1.webp
new file mode 100644
index 0000000..83f3d67
Binary files /dev/null and b/public/assets/img/photos/fc1.webp differ
diff --git a/public/assets/img/photos/fc2.webp b/public/assets/img/photos/fc2.webp
new file mode 100644
index 0000000..daf7133
Binary files /dev/null and b/public/assets/img/photos/fc2.webp differ
diff --git a/public/assets/img/photos/fc3.webp b/public/assets/img/photos/fc3.webp
new file mode 100644
index 0000000..939412e
Binary files /dev/null and b/public/assets/img/photos/fc3.webp differ
diff --git a/public/assets/img/photos/fc4.webp b/public/assets/img/photos/fc4.webp
new file mode 100644
index 0000000..d97943d
Binary files /dev/null and b/public/assets/img/photos/fc4.webp differ
diff --git a/public/assets/img/photos/fc5.webp b/public/assets/img/photos/fc5.webp
new file mode 100644
index 0000000..078226f
Binary files /dev/null and b/public/assets/img/photos/fc5.webp differ
diff --git a/public/assets/img/photos/fc6.webp b/public/assets/img/photos/fc6.webp
new file mode 100644
index 0000000..665b9db
Binary files /dev/null and b/public/assets/img/photos/fc6.webp differ
diff --git a/public/assets/img/photos/fc7.webp b/public/assets/img/photos/fc7.webp
new file mode 100644
index 0000000..977ed53
Binary files /dev/null and b/public/assets/img/photos/fc7.webp differ
diff --git a/public/assets/img/photos/fs1.webp b/public/assets/img/photos/fs1.webp
new file mode 100644
index 0000000..f54da32
Binary files /dev/null and b/public/assets/img/photos/fs1.webp differ
diff --git a/public/assets/img/photos/fs2.webp b/public/assets/img/photos/fs2.webp
new file mode 100644
index 0000000..1db4b6f
Binary files /dev/null and b/public/assets/img/photos/fs2.webp differ
diff --git a/public/assets/img/photos/fs3.webp b/public/assets/img/photos/fs3.webp
new file mode 100644
index 0000000..9b452ec
Binary files /dev/null and b/public/assets/img/photos/fs3.webp differ
diff --git a/public/assets/img/photos/fs4.webp b/public/assets/img/photos/fs4.webp
new file mode 100644
index 0000000..6dfd119
Binary files /dev/null and b/public/assets/img/photos/fs4.webp differ
diff --git a/public/assets/img/photos/fs5.webp b/public/assets/img/photos/fs5.webp
new file mode 100644
index 0000000..4a7cb2b
Binary files /dev/null and b/public/assets/img/photos/fs5.webp differ
diff --git a/public/assets/img/photos/fs6.webp b/public/assets/img/photos/fs6.webp
new file mode 100644
index 0000000..2197474
Binary files /dev/null and b/public/assets/img/photos/fs6.webp differ
diff --git a/public/assets/img/photos/fs7.webp b/public/assets/img/photos/fs7.webp
new file mode 100644
index 0000000..8f4faa2
Binary files /dev/null and b/public/assets/img/photos/fs7.webp differ
diff --git a/public/assets/img/photos/g1.webp b/public/assets/img/photos/g1.webp
new file mode 100644
index 0000000..e572567
Binary files /dev/null and b/public/assets/img/photos/g1.webp differ
diff --git a/public/assets/img/photos/g10.webp b/public/assets/img/photos/g10.webp
new file mode 100644
index 0000000..54eeb74
Binary files /dev/null and b/public/assets/img/photos/g10.webp differ
diff --git a/public/assets/img/photos/g11.webp b/public/assets/img/photos/g11.webp
new file mode 100644
index 0000000..ecab626
Binary files /dev/null and b/public/assets/img/photos/g11.webp differ
diff --git a/public/assets/img/photos/g12.webp b/public/assets/img/photos/g12.webp
new file mode 100644
index 0000000..c574a99
Binary files /dev/null and b/public/assets/img/photos/g12.webp differ
diff --git a/public/assets/img/photos/g13.webp b/public/assets/img/photos/g13.webp
new file mode 100644
index 0000000..daa190f
Binary files /dev/null and b/public/assets/img/photos/g13.webp differ
diff --git a/public/assets/img/photos/g14.webp b/public/assets/img/photos/g14.webp
new file mode 100644
index 0000000..61e090b
Binary files /dev/null and b/public/assets/img/photos/g14.webp differ
diff --git a/public/assets/img/photos/g15.webp b/public/assets/img/photos/g15.webp
new file mode 100644
index 0000000..602ec0a
Binary files /dev/null and b/public/assets/img/photos/g15.webp differ
diff --git a/public/assets/img/photos/g16.webp b/public/assets/img/photos/g16.webp
new file mode 100644
index 0000000..294e763
Binary files /dev/null and b/public/assets/img/photos/g16.webp differ
diff --git a/public/assets/img/photos/g2.webp b/public/assets/img/photos/g2.webp
new file mode 100644
index 0000000..b66e204
Binary files /dev/null and b/public/assets/img/photos/g2.webp differ
diff --git a/public/assets/img/photos/g3.webp b/public/assets/img/photos/g3.webp
new file mode 100644
index 0000000..8c365d5
Binary files /dev/null and b/public/assets/img/photos/g3.webp differ
diff --git a/public/assets/img/photos/g4.webp b/public/assets/img/photos/g4.webp
new file mode 100644
index 0000000..f2647e9
Binary files /dev/null and b/public/assets/img/photos/g4.webp differ
diff --git a/public/assets/img/photos/g5.webp b/public/assets/img/photos/g5.webp
new file mode 100644
index 0000000..01394eb
Binary files /dev/null and b/public/assets/img/photos/g5.webp differ
diff --git a/public/assets/img/photos/g6.webp b/public/assets/img/photos/g6.webp
new file mode 100644
index 0000000..7c03901
Binary files /dev/null and b/public/assets/img/photos/g6.webp differ
diff --git a/public/assets/img/photos/g7.webp b/public/assets/img/photos/g7.webp
new file mode 100644
index 0000000..cdfabbd
Binary files /dev/null and b/public/assets/img/photos/g7.webp differ
diff --git a/public/assets/img/photos/g8.webp b/public/assets/img/photos/g8.webp
new file mode 100644
index 0000000..330a980
Binary files /dev/null and b/public/assets/img/photos/g8.webp differ
diff --git a/public/assets/img/photos/g9.webp b/public/assets/img/photos/g9.webp
new file mode 100644
index 0000000..5e3abfe
Binary files /dev/null and b/public/assets/img/photos/g9.webp differ
diff --git a/public/assets/img/photos/is1.webp b/public/assets/img/photos/is1.webp
new file mode 100644
index 0000000..127d95f
Binary files /dev/null and b/public/assets/img/photos/is1.webp differ
diff --git a/public/assets/img/photos/is2.webp b/public/assets/img/photos/is2.webp
new file mode 100644
index 0000000..6938dcb
Binary files /dev/null and b/public/assets/img/photos/is2.webp differ
diff --git a/public/assets/img/photos/is3.webp b/public/assets/img/photos/is3.webp
new file mode 100644
index 0000000..91c554e
Binary files /dev/null and b/public/assets/img/photos/is3.webp differ
diff --git a/public/assets/img/photos/lines.webp b/public/assets/img/photos/lines.webp
new file mode 100644
index 0000000..f079f98
Binary files /dev/null and b/public/assets/img/photos/lines.webp differ
diff --git a/public/assets/img/photos/ma1.webp b/public/assets/img/photos/ma1.webp
new file mode 100644
index 0000000..c03fa56
Binary files /dev/null and b/public/assets/img/photos/ma1.webp differ
diff --git a/public/assets/img/photos/ma10.webp b/public/assets/img/photos/ma10.webp
new file mode 100644
index 0000000..a84f23c
Binary files /dev/null and b/public/assets/img/photos/ma10.webp differ
diff --git a/public/assets/img/photos/ma11.webp b/public/assets/img/photos/ma11.webp
new file mode 100644
index 0000000..d965e76
Binary files /dev/null and b/public/assets/img/photos/ma11.webp differ
diff --git a/public/assets/img/photos/ma12.webp b/public/assets/img/photos/ma12.webp
new file mode 100644
index 0000000..6a2772a
Binary files /dev/null and b/public/assets/img/photos/ma12.webp differ
diff --git a/public/assets/img/photos/ma13.webp b/public/assets/img/photos/ma13.webp
new file mode 100644
index 0000000..691628c
Binary files /dev/null and b/public/assets/img/photos/ma13.webp differ
diff --git a/public/assets/img/photos/ma14.webp b/public/assets/img/photos/ma14.webp
new file mode 100644
index 0000000..23ba96f
Binary files /dev/null and b/public/assets/img/photos/ma14.webp differ
diff --git a/public/assets/img/photos/ma2.webp b/public/assets/img/photos/ma2.webp
new file mode 100644
index 0000000..38821af
Binary files /dev/null and b/public/assets/img/photos/ma2.webp differ
diff --git a/public/assets/img/photos/ma3.webp b/public/assets/img/photos/ma3.webp
new file mode 100644
index 0000000..368716d
Binary files /dev/null and b/public/assets/img/photos/ma3.webp differ
diff --git a/public/assets/img/photos/ma4.webp b/public/assets/img/photos/ma4.webp
new file mode 100644
index 0000000..32790a6
Binary files /dev/null and b/public/assets/img/photos/ma4.webp differ
diff --git a/public/assets/img/photos/ma5.webp b/public/assets/img/photos/ma5.webp
new file mode 100644
index 0000000..1af80da
Binary files /dev/null and b/public/assets/img/photos/ma5.webp differ
diff --git a/public/assets/img/photos/ma6.webp b/public/assets/img/photos/ma6.webp
new file mode 100644
index 0000000..e4fb695
Binary files /dev/null and b/public/assets/img/photos/ma6.webp differ
diff --git a/public/assets/img/photos/ma7.webp b/public/assets/img/photos/ma7.webp
new file mode 100644
index 0000000..bed4d78
Binary files /dev/null and b/public/assets/img/photos/ma7.webp differ
diff --git a/public/assets/img/photos/ma8.webp b/public/assets/img/photos/ma8.webp
new file mode 100644
index 0000000..ee7c000
Binary files /dev/null and b/public/assets/img/photos/ma8.webp differ
diff --git a/public/assets/img/photos/ma9.webp b/public/assets/img/photos/ma9.webp
new file mode 100644
index 0000000..1e4fd0d
Binary files /dev/null and b/public/assets/img/photos/ma9.webp differ
diff --git a/public/assets/img/photos/mi1.webp b/public/assets/img/photos/mi1.webp
new file mode 100644
index 0000000..7378ede
Binary files /dev/null and b/public/assets/img/photos/mi1.webp differ
diff --git a/public/assets/img/photos/mi2.webp b/public/assets/img/photos/mi2.webp
new file mode 100644
index 0000000..9fae433
Binary files /dev/null and b/public/assets/img/photos/mi2.webp differ
diff --git a/public/assets/img/photos/movie.webp b/public/assets/img/photos/movie.webp
new file mode 100644
index 0000000..d281700
Binary files /dev/null and b/public/assets/img/photos/movie.webp differ
diff --git a/public/assets/img/photos/movie2.webp b/public/assets/img/photos/movie2.webp
new file mode 100644
index 0000000..2f4a08a
Binary files /dev/null and b/public/assets/img/photos/movie2.webp differ
diff --git a/public/assets/img/photos/movie3.webp b/public/assets/img/photos/movie3.webp
new file mode 100644
index 0000000..4425b6d
Binary files /dev/null and b/public/assets/img/photos/movie3.webp differ
diff --git a/public/assets/img/photos/p1.webp b/public/assets/img/photos/p1.webp
new file mode 100644
index 0000000..65c99fd
Binary files /dev/null and b/public/assets/img/photos/p1.webp differ
diff --git a/public/assets/img/photos/p2.webp b/public/assets/img/photos/p2.webp
new file mode 100644
index 0000000..8b1dc23
Binary files /dev/null and b/public/assets/img/photos/p2.webp differ
diff --git a/public/assets/img/photos/p2@2x.webp b/public/assets/img/photos/p2@2x.webp
new file mode 100644
index 0000000..6e5e8a3
Binary files /dev/null and b/public/assets/img/photos/p2@2x.webp differ
diff --git a/public/assets/img/photos/p3.webp b/public/assets/img/photos/p3.webp
new file mode 100644
index 0000000..6a7776d
Binary files /dev/null and b/public/assets/img/photos/p3.webp differ
diff --git a/public/assets/img/photos/p3@2x.webp b/public/assets/img/photos/p3@2x.webp
new file mode 100644
index 0000000..2832319
Binary files /dev/null and b/public/assets/img/photos/p3@2x.webp differ
diff --git a/public/assets/img/photos/p4.webp b/public/assets/img/photos/p4.webp
new file mode 100644
index 0000000..1649d50
Binary files /dev/null and b/public/assets/img/photos/p4.webp differ
diff --git a/public/assets/img/photos/p5.webp b/public/assets/img/photos/p5.webp
new file mode 100644
index 0000000..21faf0b
Binary files /dev/null and b/public/assets/img/photos/p5.webp differ
diff --git a/public/assets/img/photos/p6.webp b/public/assets/img/photos/p6.webp
new file mode 100644
index 0000000..f69a7f3
Binary files /dev/null and b/public/assets/img/photos/p6.webp differ
diff --git a/public/assets/img/photos/p6@2x.webp b/public/assets/img/photos/p6@2x.webp
new file mode 100644
index 0000000..2ec6a59
Binary files /dev/null and b/public/assets/img/photos/p6@2x.webp differ
diff --git a/public/assets/img/photos/pd1.webp b/public/assets/img/photos/pd1.webp
new file mode 100644
index 0000000..fede9ec
Binary files /dev/null and b/public/assets/img/photos/pd1.webp differ
diff --git a/public/assets/img/photos/pd10-full.webp b/public/assets/img/photos/pd10-full.webp
new file mode 100644
index 0000000..744bfd5
Binary files /dev/null and b/public/assets/img/photos/pd10-full.webp differ
diff --git a/public/assets/img/photos/pd10.webp b/public/assets/img/photos/pd10.webp
new file mode 100644
index 0000000..397255f
Binary files /dev/null and b/public/assets/img/photos/pd10.webp differ
diff --git a/public/assets/img/photos/pd11-full.webp b/public/assets/img/photos/pd11-full.webp
new file mode 100644
index 0000000..3fa8d52
Binary files /dev/null and b/public/assets/img/photos/pd11-full.webp differ
diff --git a/public/assets/img/photos/pd11.webp b/public/assets/img/photos/pd11.webp
new file mode 100644
index 0000000..438096d
Binary files /dev/null and b/public/assets/img/photos/pd11.webp differ
diff --git a/public/assets/img/photos/pd12-full.webp b/public/assets/img/photos/pd12-full.webp
new file mode 100644
index 0000000..18cd3c8
Binary files /dev/null and b/public/assets/img/photos/pd12-full.webp differ
diff --git a/public/assets/img/photos/pd12.webp b/public/assets/img/photos/pd12.webp
new file mode 100644
index 0000000..d19694a
Binary files /dev/null and b/public/assets/img/photos/pd12.webp differ
diff --git a/public/assets/img/photos/pd2.webp b/public/assets/img/photos/pd2.webp
new file mode 100644
index 0000000..3f1bdf9
Binary files /dev/null and b/public/assets/img/photos/pd2.webp differ
diff --git a/public/assets/img/photos/pd3.webp b/public/assets/img/photos/pd3.webp
new file mode 100644
index 0000000..ec381a9
Binary files /dev/null and b/public/assets/img/photos/pd3.webp differ
diff --git a/public/assets/img/photos/pd4.webp b/public/assets/img/photos/pd4.webp
new file mode 100644
index 0000000..93266de
Binary files /dev/null and b/public/assets/img/photos/pd4.webp differ
diff --git a/public/assets/img/photos/pd5.webp b/public/assets/img/photos/pd5.webp
new file mode 100644
index 0000000..109737f
Binary files /dev/null and b/public/assets/img/photos/pd5.webp differ
diff --git a/public/assets/img/photos/pd6.webp b/public/assets/img/photos/pd6.webp
new file mode 100644
index 0000000..0fb44ee
Binary files /dev/null and b/public/assets/img/photos/pd6.webp differ
diff --git a/public/assets/img/photos/pd7-full.webp b/public/assets/img/photos/pd7-full.webp
new file mode 100644
index 0000000..2f738e8
Binary files /dev/null and b/public/assets/img/photos/pd7-full.webp differ
diff --git a/public/assets/img/photos/pd7.webp b/public/assets/img/photos/pd7.webp
new file mode 100644
index 0000000..6a4b06f
Binary files /dev/null and b/public/assets/img/photos/pd7.webp differ
diff --git a/public/assets/img/photos/pd8-full.webp b/public/assets/img/photos/pd8-full.webp
new file mode 100644
index 0000000..2058a2d
Binary files /dev/null and b/public/assets/img/photos/pd8-full.webp differ
diff --git a/public/assets/img/photos/pd8.webp b/public/assets/img/photos/pd8.webp
new file mode 100644
index 0000000..350b1d2
Binary files /dev/null and b/public/assets/img/photos/pd8.webp differ
diff --git a/public/assets/img/photos/pd9-full.webp b/public/assets/img/photos/pd9-full.webp
new file mode 100644
index 0000000..cb30684
Binary files /dev/null and b/public/assets/img/photos/pd9-full.webp differ
diff --git a/public/assets/img/photos/pd9.webp b/public/assets/img/photos/pd9.webp
new file mode 100644
index 0000000..8f80f1e
Binary files /dev/null and b/public/assets/img/photos/pd9.webp differ
diff --git a/public/assets/img/photos/pf1-full.webp b/public/assets/img/photos/pf1-full.webp
new file mode 100644
index 0000000..b17696e
Binary files /dev/null and b/public/assets/img/photos/pf1-full.webp differ
diff --git a/public/assets/img/photos/pf1.webp b/public/assets/img/photos/pf1.webp
new file mode 100644
index 0000000..d649b64
Binary files /dev/null and b/public/assets/img/photos/pf1.webp differ
diff --git a/public/assets/img/photos/pf10-full.webp b/public/assets/img/photos/pf10-full.webp
new file mode 100644
index 0000000..ba082d5
Binary files /dev/null and b/public/assets/img/photos/pf10-full.webp differ
diff --git a/public/assets/img/photos/pf10.webp b/public/assets/img/photos/pf10.webp
new file mode 100644
index 0000000..31d6a25
Binary files /dev/null and b/public/assets/img/photos/pf10.webp differ
diff --git a/public/assets/img/photos/pf11-full.webp b/public/assets/img/photos/pf11-full.webp
new file mode 100644
index 0000000..284200d
Binary files /dev/null and b/public/assets/img/photos/pf11-full.webp differ
diff --git a/public/assets/img/photos/pf11.webp b/public/assets/img/photos/pf11.webp
new file mode 100644
index 0000000..30e0188
Binary files /dev/null and b/public/assets/img/photos/pf11.webp differ
diff --git a/public/assets/img/photos/pf12-full.webp b/public/assets/img/photos/pf12-full.webp
new file mode 100644
index 0000000..b10751d
Binary files /dev/null and b/public/assets/img/photos/pf12-full.webp differ
diff --git a/public/assets/img/photos/pf12.webp b/public/assets/img/photos/pf12.webp
new file mode 100644
index 0000000..855b6ce
Binary files /dev/null and b/public/assets/img/photos/pf12.webp differ
diff --git a/public/assets/img/photos/pf13-full.webp b/public/assets/img/photos/pf13-full.webp
new file mode 100644
index 0000000..4fd689b
Binary files /dev/null and b/public/assets/img/photos/pf13-full.webp differ
diff --git a/public/assets/img/photos/pf13.webp b/public/assets/img/photos/pf13.webp
new file mode 100644
index 0000000..a3f4dd1
Binary files /dev/null and b/public/assets/img/photos/pf13.webp differ
diff --git a/public/assets/img/photos/pf2-full.webp b/public/assets/img/photos/pf2-full.webp
new file mode 100644
index 0000000..4d64bc5
Binary files /dev/null and b/public/assets/img/photos/pf2-full.webp differ
diff --git a/public/assets/img/photos/pf2.webp b/public/assets/img/photos/pf2.webp
new file mode 100644
index 0000000..24937ec
Binary files /dev/null and b/public/assets/img/photos/pf2.webp differ
diff --git a/public/assets/img/photos/pf3-full.webp b/public/assets/img/photos/pf3-full.webp
new file mode 100644
index 0000000..0bb3868
Binary files /dev/null and b/public/assets/img/photos/pf3-full.webp differ
diff --git a/public/assets/img/photos/pf3.webp b/public/assets/img/photos/pf3.webp
new file mode 100644
index 0000000..9fef9f6
Binary files /dev/null and b/public/assets/img/photos/pf3.webp differ
diff --git a/public/assets/img/photos/pf4-full.webp b/public/assets/img/photos/pf4-full.webp
new file mode 100644
index 0000000..2c3c3ff
Binary files /dev/null and b/public/assets/img/photos/pf4-full.webp differ
diff --git a/public/assets/img/photos/pf4.webp b/public/assets/img/photos/pf4.webp
new file mode 100644
index 0000000..5cf2315
Binary files /dev/null and b/public/assets/img/photos/pf4.webp differ
diff --git a/public/assets/img/photos/pf5-full.webp b/public/assets/img/photos/pf5-full.webp
new file mode 100644
index 0000000..3687ab1
Binary files /dev/null and b/public/assets/img/photos/pf5-full.webp differ
diff --git a/public/assets/img/photos/pf5.webp b/public/assets/img/photos/pf5.webp
new file mode 100644
index 0000000..547b670
Binary files /dev/null and b/public/assets/img/photos/pf5.webp differ
diff --git a/public/assets/img/photos/pf6-full.webp b/public/assets/img/photos/pf6-full.webp
new file mode 100644
index 0000000..45a1314
Binary files /dev/null and b/public/assets/img/photos/pf6-full.webp differ
diff --git a/public/assets/img/photos/pf6.webp b/public/assets/img/photos/pf6.webp
new file mode 100644
index 0000000..0df275a
Binary files /dev/null and b/public/assets/img/photos/pf6.webp differ
diff --git a/public/assets/img/photos/pf7-full.webp b/public/assets/img/photos/pf7-full.webp
new file mode 100644
index 0000000..b2b43d2
Binary files /dev/null and b/public/assets/img/photos/pf7-full.webp differ
diff --git a/public/assets/img/photos/pf7.webp b/public/assets/img/photos/pf7.webp
new file mode 100644
index 0000000..42f22a7
Binary files /dev/null and b/public/assets/img/photos/pf7.webp differ
diff --git a/public/assets/img/photos/pf8-full.webp b/public/assets/img/photos/pf8-full.webp
new file mode 100644
index 0000000..14fb087
Binary files /dev/null and b/public/assets/img/photos/pf8-full.webp differ
diff --git a/public/assets/img/photos/pf8.webp b/public/assets/img/photos/pf8.webp
new file mode 100644
index 0000000..f42c537
Binary files /dev/null and b/public/assets/img/photos/pf8.webp differ
diff --git a/public/assets/img/photos/pf9-full.webp b/public/assets/img/photos/pf9-full.webp
new file mode 100644
index 0000000..97d3aa1
Binary files /dev/null and b/public/assets/img/photos/pf9-full.webp differ
diff --git a/public/assets/img/photos/pf9.webp b/public/assets/img/photos/pf9.webp
new file mode 100644
index 0000000..8a023c6
Binary files /dev/null and b/public/assets/img/photos/pf9.webp differ
diff --git a/public/assets/img/photos/php-eticaret-book.webp b/public/assets/img/photos/php-eticaret-book.webp
new file mode 100644
index 0000000..3ee6be2
Binary files /dev/null and b/public/assets/img/photos/php-eticaret-book.webp differ
diff --git a/public/assets/img/photos/pp1.webp b/public/assets/img/photos/pp1.webp
new file mode 100644
index 0000000..5490394
Binary files /dev/null and b/public/assets/img/photos/pp1.webp differ
diff --git a/public/assets/img/photos/pp10.webp b/public/assets/img/photos/pp10.webp
new file mode 100644
index 0000000..2efe7c8
Binary files /dev/null and b/public/assets/img/photos/pp10.webp differ
diff --git a/public/assets/img/photos/pp11.webp b/public/assets/img/photos/pp11.webp
new file mode 100644
index 0000000..6a61af8
Binary files /dev/null and b/public/assets/img/photos/pp11.webp differ
diff --git a/public/assets/img/photos/pp12.webp b/public/assets/img/photos/pp12.webp
new file mode 100644
index 0000000..5cca575
Binary files /dev/null and b/public/assets/img/photos/pp12.webp differ
diff --git a/public/assets/img/photos/pp13.webp b/public/assets/img/photos/pp13.webp
new file mode 100644
index 0000000..e2be8fd
Binary files /dev/null and b/public/assets/img/photos/pp13.webp differ
diff --git a/public/assets/img/photos/pp14.webp b/public/assets/img/photos/pp14.webp
new file mode 100644
index 0000000..c8c400f
Binary files /dev/null and b/public/assets/img/photos/pp14.webp differ
diff --git a/public/assets/img/photos/pp15.webp b/public/assets/img/photos/pp15.webp
new file mode 100644
index 0000000..f1b71e1
Binary files /dev/null and b/public/assets/img/photos/pp15.webp differ
diff --git a/public/assets/img/photos/pp16.webp b/public/assets/img/photos/pp16.webp
new file mode 100644
index 0000000..1b34c7f
Binary files /dev/null and b/public/assets/img/photos/pp16.webp differ
diff --git a/public/assets/img/photos/pp17.webp b/public/assets/img/photos/pp17.webp
new file mode 100644
index 0000000..2dc5685
Binary files /dev/null and b/public/assets/img/photos/pp17.webp differ
diff --git a/public/assets/img/photos/pp18.webp b/public/assets/img/photos/pp18.webp
new file mode 100644
index 0000000..5b2a126
Binary files /dev/null and b/public/assets/img/photos/pp18.webp differ
diff --git a/public/assets/img/photos/pp19.webp b/public/assets/img/photos/pp19.webp
new file mode 100644
index 0000000..809f4a4
Binary files /dev/null and b/public/assets/img/photos/pp19.webp differ
diff --git a/public/assets/img/photos/pp2.webp b/public/assets/img/photos/pp2.webp
new file mode 100644
index 0000000..0065eff
Binary files /dev/null and b/public/assets/img/photos/pp2.webp differ
diff --git a/public/assets/img/photos/pp20.webp b/public/assets/img/photos/pp20.webp
new file mode 100644
index 0000000..7814691
Binary files /dev/null and b/public/assets/img/photos/pp20.webp differ
diff --git a/public/assets/img/photos/pp21.webp b/public/assets/img/photos/pp21.webp
new file mode 100644
index 0000000..d79c9b2
Binary files /dev/null and b/public/assets/img/photos/pp21.webp differ
diff --git a/public/assets/img/photos/pp22.webp b/public/assets/img/photos/pp22.webp
new file mode 100644
index 0000000..974a54c
Binary files /dev/null and b/public/assets/img/photos/pp22.webp differ
diff --git a/public/assets/img/photos/pp23.webp b/public/assets/img/photos/pp23.webp
new file mode 100644
index 0000000..9cd03f1
Binary files /dev/null and b/public/assets/img/photos/pp23.webp differ
diff --git a/public/assets/img/photos/pp24.webp b/public/assets/img/photos/pp24.webp
new file mode 100644
index 0000000..aa19bff
Binary files /dev/null and b/public/assets/img/photos/pp24.webp differ
diff --git a/public/assets/img/photos/pp24@2x.webp b/public/assets/img/photos/pp24@2x.webp
new file mode 100644
index 0000000..5f225cd
Binary files /dev/null and b/public/assets/img/photos/pp24@2x.webp differ
diff --git a/public/assets/img/photos/pp25.webp b/public/assets/img/photos/pp25.webp
new file mode 100644
index 0000000..7a74be0
Binary files /dev/null and b/public/assets/img/photos/pp25.webp differ
diff --git a/public/assets/img/photos/pp25@2x.webp b/public/assets/img/photos/pp25@2x.webp
new file mode 100644
index 0000000..e3cdb9b
Binary files /dev/null and b/public/assets/img/photos/pp25@2x.webp differ
diff --git a/public/assets/img/photos/pp26.webp b/public/assets/img/photos/pp26.webp
new file mode 100644
index 0000000..90a0f6b
Binary files /dev/null and b/public/assets/img/photos/pp26.webp differ
diff --git a/public/assets/img/photos/pp26@2x.webp b/public/assets/img/photos/pp26@2x.webp
new file mode 100644
index 0000000..49212fb
Binary files /dev/null and b/public/assets/img/photos/pp26@2x.webp differ
diff --git a/public/assets/img/photos/pp27.webp b/public/assets/img/photos/pp27.webp
new file mode 100644
index 0000000..0fb3964
Binary files /dev/null and b/public/assets/img/photos/pp27.webp differ
diff --git a/public/assets/img/photos/pp27@2x.webp b/public/assets/img/photos/pp27@2x.webp
new file mode 100644
index 0000000..51e5fbb
Binary files /dev/null and b/public/assets/img/photos/pp27@2x.webp differ
diff --git a/public/assets/img/photos/pp28.webp b/public/assets/img/photos/pp28.webp
new file mode 100644
index 0000000..76dd260
Binary files /dev/null and b/public/assets/img/photos/pp28.webp differ
diff --git a/public/assets/img/photos/pp28@2x.webp b/public/assets/img/photos/pp28@2x.webp
new file mode 100644
index 0000000..7b187fe
Binary files /dev/null and b/public/assets/img/photos/pp28@2x.webp differ
diff --git a/public/assets/img/photos/pp29.webp b/public/assets/img/photos/pp29.webp
new file mode 100644
index 0000000..03b5296
Binary files /dev/null and b/public/assets/img/photos/pp29.webp differ
diff --git a/public/assets/img/photos/pp29@2x.webp b/public/assets/img/photos/pp29@2x.webp
new file mode 100644
index 0000000..9b3081e
Binary files /dev/null and b/public/assets/img/photos/pp29@2x.webp differ
diff --git a/public/assets/img/photos/pp3.webp b/public/assets/img/photos/pp3.webp
new file mode 100644
index 0000000..16b62ff
Binary files /dev/null and b/public/assets/img/photos/pp3.webp differ
diff --git a/public/assets/img/photos/pp30.webp b/public/assets/img/photos/pp30.webp
new file mode 100644
index 0000000..3efe303
Binary files /dev/null and b/public/assets/img/photos/pp30.webp differ
diff --git a/public/assets/img/photos/pp30@2x.webp b/public/assets/img/photos/pp30@2x.webp
new file mode 100644
index 0000000..0aea03c
Binary files /dev/null and b/public/assets/img/photos/pp30@2x.webp differ
diff --git a/public/assets/img/photos/pp4.webp b/public/assets/img/photos/pp4.webp
new file mode 100644
index 0000000..98e7136
Binary files /dev/null and b/public/assets/img/photos/pp4.webp differ
diff --git a/public/assets/img/photos/pp5.webp b/public/assets/img/photos/pp5.webp
new file mode 100644
index 0000000..67487a4
Binary files /dev/null and b/public/assets/img/photos/pp5.webp differ
diff --git a/public/assets/img/photos/pp7.webp b/public/assets/img/photos/pp7.webp
new file mode 100644
index 0000000..1c8c871
Binary files /dev/null and b/public/assets/img/photos/pp7.webp differ
diff --git a/public/assets/img/photos/pp8.webp b/public/assets/img/photos/pp8.webp
new file mode 100644
index 0000000..12430c8
Binary files /dev/null and b/public/assets/img/photos/pp8.webp differ
diff --git a/public/assets/img/photos/pp9.webp b/public/assets/img/photos/pp9.webp
new file mode 100644
index 0000000..2a9239a
Binary files /dev/null and b/public/assets/img/photos/pp9.webp differ
diff --git a/public/assets/img/photos/rp1.webp b/public/assets/img/photos/rp1.webp
new file mode 100644
index 0000000..c89eda4
Binary files /dev/null and b/public/assets/img/photos/rp1.webp differ
diff --git a/public/assets/img/photos/rp2.webp b/public/assets/img/photos/rp2.webp
new file mode 100644
index 0000000..5fddb0c
Binary files /dev/null and b/public/assets/img/photos/rp2.webp differ
diff --git a/public/assets/img/photos/rp3.webp b/public/assets/img/photos/rp3.webp
new file mode 100644
index 0000000..0d57cee
Binary files /dev/null and b/public/assets/img/photos/rp3.webp differ
diff --git a/public/assets/img/photos/sa1.webp b/public/assets/img/photos/sa1.webp
new file mode 100644
index 0000000..d11db7e
Binary files /dev/null and b/public/assets/img/photos/sa1.webp differ
diff --git a/public/assets/img/photos/sa10.webp b/public/assets/img/photos/sa10.webp
new file mode 100644
index 0000000..6e9fdd2
Binary files /dev/null and b/public/assets/img/photos/sa10.webp differ
diff --git a/public/assets/img/photos/sa11.webp b/public/assets/img/photos/sa11.webp
new file mode 100644
index 0000000..2ff0bc0
Binary files /dev/null and b/public/assets/img/photos/sa11.webp differ
diff --git a/public/assets/img/photos/sa12.webp b/public/assets/img/photos/sa12.webp
new file mode 100644
index 0000000..af965fc
Binary files /dev/null and b/public/assets/img/photos/sa12.webp differ
diff --git a/public/assets/img/photos/sa13.webp b/public/assets/img/photos/sa13.webp
new file mode 100644
index 0000000..8cf9b47
Binary files /dev/null and b/public/assets/img/photos/sa13.webp differ
diff --git a/public/assets/img/photos/sa14.webp b/public/assets/img/photos/sa14.webp
new file mode 100644
index 0000000..d9ebdf9
Binary files /dev/null and b/public/assets/img/photos/sa14.webp differ
diff --git a/public/assets/img/photos/sa15.webp b/public/assets/img/photos/sa15.webp
new file mode 100644
index 0000000..dbf9490
Binary files /dev/null and b/public/assets/img/photos/sa15.webp differ
diff --git a/public/assets/img/photos/sa16.webp b/public/assets/img/photos/sa16.webp
new file mode 100644
index 0000000..3e1aae7
Binary files /dev/null and b/public/assets/img/photos/sa16.webp differ
diff --git a/public/assets/img/photos/sa17.webp b/public/assets/img/photos/sa17.webp
new file mode 100644
index 0000000..21fa994
Binary files /dev/null and b/public/assets/img/photos/sa17.webp differ
diff --git a/public/assets/img/photos/sa18.webp b/public/assets/img/photos/sa18.webp
new file mode 100644
index 0000000..abf132f
Binary files /dev/null and b/public/assets/img/photos/sa18.webp differ
diff --git a/public/assets/img/photos/sa19.webp b/public/assets/img/photos/sa19.webp
new file mode 100644
index 0000000..bb1e126
Binary files /dev/null and b/public/assets/img/photos/sa19.webp differ
diff --git a/public/assets/img/photos/sa2.webp b/public/assets/img/photos/sa2.webp
new file mode 100644
index 0000000..9b95d72
Binary files /dev/null and b/public/assets/img/photos/sa2.webp differ
diff --git a/public/assets/img/photos/sa20.webp b/public/assets/img/photos/sa20.webp
new file mode 100644
index 0000000..6645b86
Binary files /dev/null and b/public/assets/img/photos/sa20.webp differ
diff --git a/public/assets/img/photos/sa21.webp b/public/assets/img/photos/sa21.webp
new file mode 100644
index 0000000..5106646
Binary files /dev/null and b/public/assets/img/photos/sa21.webp differ
diff --git a/public/assets/img/photos/sa3.webp b/public/assets/img/photos/sa3.webp
new file mode 100644
index 0000000..c052d38
Binary files /dev/null and b/public/assets/img/photos/sa3.webp differ
diff --git a/public/assets/img/photos/sa4.webp b/public/assets/img/photos/sa4.webp
new file mode 100644
index 0000000..791c9b8
Binary files /dev/null and b/public/assets/img/photos/sa4.webp differ
diff --git a/public/assets/img/photos/sa5.webp b/public/assets/img/photos/sa5.webp
new file mode 100644
index 0000000..6c410c0
Binary files /dev/null and b/public/assets/img/photos/sa5.webp differ
diff --git a/public/assets/img/photos/sa6.webp b/public/assets/img/photos/sa6.webp
new file mode 100644
index 0000000..dbad4cb
Binary files /dev/null and b/public/assets/img/photos/sa6.webp differ
diff --git a/public/assets/img/photos/sa7.webp b/public/assets/img/photos/sa7.webp
new file mode 100644
index 0000000..6bf5643
Binary files /dev/null and b/public/assets/img/photos/sa7.webp differ
diff --git a/public/assets/img/photos/sa8.webp b/public/assets/img/photos/sa8.webp
new file mode 100644
index 0000000..74576e1
Binary files /dev/null and b/public/assets/img/photos/sa8.webp differ
diff --git a/public/assets/img/photos/sa9.webp b/public/assets/img/photos/sa9.webp
new file mode 100644
index 0000000..98ae804
Binary files /dev/null and b/public/assets/img/photos/sa9.webp differ
diff --git a/public/assets/img/photos/se1.webp b/public/assets/img/photos/se1.webp
new file mode 100644
index 0000000..02cd47f
Binary files /dev/null and b/public/assets/img/photos/se1.webp differ
diff --git a/public/assets/img/photos/se2.webp b/public/assets/img/photos/se2.webp
new file mode 100644
index 0000000..2bd370e
Binary files /dev/null and b/public/assets/img/photos/se2.webp differ
diff --git a/public/assets/img/photos/se3.webp b/public/assets/img/photos/se3.webp
new file mode 100644
index 0000000..aa85787
Binary files /dev/null and b/public/assets/img/photos/se3.webp differ
diff --git a/public/assets/img/photos/se4.webp b/public/assets/img/photos/se4.webp
new file mode 100644
index 0000000..9bab70a
Binary files /dev/null and b/public/assets/img/photos/se4.webp differ
diff --git a/public/assets/img/photos/se5.webp b/public/assets/img/photos/se5.webp
new file mode 100644
index 0000000..03d2ab4
Binary files /dev/null and b/public/assets/img/photos/se5.webp differ
diff --git a/public/assets/img/photos/se6.webp b/public/assets/img/photos/se6.webp
new file mode 100644
index 0000000..efa999b
Binary files /dev/null and b/public/assets/img/photos/se6.webp differ
diff --git a/public/assets/img/photos/se7.webp b/public/assets/img/photos/se7.webp
new file mode 100644
index 0000000..2440c56
Binary files /dev/null and b/public/assets/img/photos/se7.webp differ
diff --git a/public/assets/img/photos/sh1.webp b/public/assets/img/photos/sh1.webp
new file mode 100644
index 0000000..4dda818
Binary files /dev/null and b/public/assets/img/photos/sh1.webp differ
diff --git a/public/assets/img/photos/sh2.webp b/public/assets/img/photos/sh2.webp
new file mode 100644
index 0000000..3f14080
Binary files /dev/null and b/public/assets/img/photos/sh2.webp differ
diff --git a/public/assets/img/photos/sh3.webp b/public/assets/img/photos/sh3.webp
new file mode 100644
index 0000000..7c4a3bc
Binary files /dev/null and b/public/assets/img/photos/sh3.webp differ
diff --git a/public/assets/img/photos/sh4.webp b/public/assets/img/photos/sh4.webp
new file mode 100644
index 0000000..41a56ed
Binary files /dev/null and b/public/assets/img/photos/sh4.webp differ
diff --git a/public/assets/img/photos/sh5.webp b/public/assets/img/photos/sh5.webp
new file mode 100644
index 0000000..c87bf54
Binary files /dev/null and b/public/assets/img/photos/sh5.webp differ
diff --git a/public/assets/img/photos/sh6.webp b/public/assets/img/photos/sh6.webp
new file mode 100644
index 0000000..07a8b78
Binary files /dev/null and b/public/assets/img/photos/sh6.webp differ
diff --git a/public/assets/img/photos/sh7.webp b/public/assets/img/photos/sh7.webp
new file mode 100644
index 0000000..63b673f
Binary files /dev/null and b/public/assets/img/photos/sh7.webp differ
diff --git a/public/assets/img/photos/sh8.webp b/public/assets/img/photos/sh8.webp
new file mode 100644
index 0000000..e0d622e
Binary files /dev/null and b/public/assets/img/photos/sh8.webp differ
diff --git a/public/assets/img/photos/sh9.webp b/public/assets/img/photos/sh9.webp
new file mode 100644
index 0000000..846eaf3
Binary files /dev/null and b/public/assets/img/photos/sh9.webp differ
diff --git a/public/assets/img/photos/shs1-th.webp b/public/assets/img/photos/shs1-th.webp
new file mode 100644
index 0000000..9ee21a7
Binary files /dev/null and b/public/assets/img/photos/shs1-th.webp differ
diff --git a/public/assets/img/photos/shs1.webp b/public/assets/img/photos/shs1.webp
new file mode 100644
index 0000000..3a48e44
Binary files /dev/null and b/public/assets/img/photos/shs1.webp differ
diff --git a/public/assets/img/photos/shs1@2x.webp b/public/assets/img/photos/shs1@2x.webp
new file mode 100644
index 0000000..7ab6cae
Binary files /dev/null and b/public/assets/img/photos/shs1@2x.webp differ
diff --git a/public/assets/img/photos/shs2-th.webp b/public/assets/img/photos/shs2-th.webp
new file mode 100644
index 0000000..5d7c6d1
Binary files /dev/null and b/public/assets/img/photos/shs2-th.webp differ
diff --git a/public/assets/img/photos/shs2.webp b/public/assets/img/photos/shs2.webp
new file mode 100644
index 0000000..30ac183
Binary files /dev/null and b/public/assets/img/photos/shs2.webp differ
diff --git a/public/assets/img/photos/shs2@2x.webp b/public/assets/img/photos/shs2@2x.webp
new file mode 100644
index 0000000..1608677
Binary files /dev/null and b/public/assets/img/photos/shs2@2x.webp differ
diff --git a/public/assets/img/photos/shs3-th.webp b/public/assets/img/photos/shs3-th.webp
new file mode 100644
index 0000000..670937c
Binary files /dev/null and b/public/assets/img/photos/shs3-th.webp differ
diff --git a/public/assets/img/photos/shs3.webp b/public/assets/img/photos/shs3.webp
new file mode 100644
index 0000000..618cf83
Binary files /dev/null and b/public/assets/img/photos/shs3.webp differ
diff --git a/public/assets/img/photos/shs3@2x.webp b/public/assets/img/photos/shs3@2x.webp
new file mode 100644
index 0000000..df08807
Binary files /dev/null and b/public/assets/img/photos/shs3@2x.webp differ
diff --git a/public/assets/img/photos/shs4-th.webp b/public/assets/img/photos/shs4-th.webp
new file mode 100644
index 0000000..f8da2af
Binary files /dev/null and b/public/assets/img/photos/shs4-th.webp differ
diff --git a/public/assets/img/photos/shs4.webp b/public/assets/img/photos/shs4.webp
new file mode 100644
index 0000000..9b8a00e
Binary files /dev/null and b/public/assets/img/photos/shs4.webp differ
diff --git a/public/assets/img/photos/shs4@2x.webp b/public/assets/img/photos/shs4@2x.webp
new file mode 100644
index 0000000..54c7868
Binary files /dev/null and b/public/assets/img/photos/shs4@2x.webp differ
diff --git a/public/assets/img/photos/sp1.webp b/public/assets/img/photos/sp1.webp
new file mode 100644
index 0000000..54e402e
Binary files /dev/null and b/public/assets/img/photos/sp1.webp differ
diff --git a/public/assets/img/photos/sp2.webp b/public/assets/img/photos/sp2.webp
new file mode 100644
index 0000000..9a67d10
Binary files /dev/null and b/public/assets/img/photos/sp2.webp differ
diff --git a/public/assets/img/photos/sp3.webp b/public/assets/img/photos/sp3.webp
new file mode 100644
index 0000000..3fe0988
Binary files /dev/null and b/public/assets/img/photos/sp3.webp differ
diff --git a/public/assets/img/photos/sp4.webp b/public/assets/img/photos/sp4.webp
new file mode 100644
index 0000000..0554645
Binary files /dev/null and b/public/assets/img/photos/sp4.webp differ
diff --git a/public/assets/img/photos/sp5.webp b/public/assets/img/photos/sp5.webp
new file mode 100644
index 0000000..de5b0fa
Binary files /dev/null and b/public/assets/img/photos/sp5.webp differ
diff --git a/public/assets/img/photos/sp6.webp b/public/assets/img/photos/sp6.webp
new file mode 100644
index 0000000..0e8fc51
Binary files /dev/null and b/public/assets/img/photos/sp6.webp differ
diff --git a/public/assets/img/photos/sth1.webp b/public/assets/img/photos/sth1.webp
new file mode 100644
index 0000000..8e79efd
Binary files /dev/null and b/public/assets/img/photos/sth1.webp differ
diff --git a/public/assets/img/photos/sth2.webp b/public/assets/img/photos/sth2.webp
new file mode 100644
index 0000000..c4786ba
Binary files /dev/null and b/public/assets/img/photos/sth2.webp differ
diff --git a/public/assets/img/photos/sth3.webp b/public/assets/img/photos/sth3.webp
new file mode 100644
index 0000000..031c9d9
Binary files /dev/null and b/public/assets/img/photos/sth3.webp differ
diff --git a/public/assets/img/photos/tb1.webp b/public/assets/img/photos/tb1.webp
new file mode 100644
index 0000000..2930e86
Binary files /dev/null and b/public/assets/img/photos/tb1.webp differ
diff --git a/public/assets/img/photos/tb10.webp b/public/assets/img/photos/tb10.webp
new file mode 100644
index 0000000..ce677f5
Binary files /dev/null and b/public/assets/img/photos/tb10.webp differ
diff --git a/public/assets/img/photos/tb11.webp b/public/assets/img/photos/tb11.webp
new file mode 100644
index 0000000..215b6b7
Binary files /dev/null and b/public/assets/img/photos/tb11.webp differ
diff --git a/public/assets/img/photos/tb12.webp b/public/assets/img/photos/tb12.webp
new file mode 100644
index 0000000..f92030b
Binary files /dev/null and b/public/assets/img/photos/tb12.webp differ
diff --git a/public/assets/img/photos/tb13.webp b/public/assets/img/photos/tb13.webp
new file mode 100644
index 0000000..afa5125
Binary files /dev/null and b/public/assets/img/photos/tb13.webp differ
diff --git a/public/assets/img/photos/tb2.webp b/public/assets/img/photos/tb2.webp
new file mode 100644
index 0000000..a3cfad2
Binary files /dev/null and b/public/assets/img/photos/tb2.webp differ
diff --git a/public/assets/img/photos/tb3.webp b/public/assets/img/photos/tb3.webp
new file mode 100644
index 0000000..2964e5b
Binary files /dev/null and b/public/assets/img/photos/tb3.webp differ
diff --git a/public/assets/img/photos/tb4.webp b/public/assets/img/photos/tb4.webp
new file mode 100644
index 0000000..bae1bb6
Binary files /dev/null and b/public/assets/img/photos/tb4.webp differ
diff --git a/public/assets/img/photos/tb5.webp b/public/assets/img/photos/tb5.webp
new file mode 100644
index 0000000..047a3a2
Binary files /dev/null and b/public/assets/img/photos/tb5.webp differ
diff --git a/public/assets/img/photos/tb6.webp b/public/assets/img/photos/tb6.webp
new file mode 100644
index 0000000..c88313b
Binary files /dev/null and b/public/assets/img/photos/tb6.webp differ
diff --git a/public/assets/img/photos/tb7.webp b/public/assets/img/photos/tb7.webp
new file mode 100644
index 0000000..a532bec
Binary files /dev/null and b/public/assets/img/photos/tb7.webp differ
diff --git a/public/assets/img/photos/tb8.webp b/public/assets/img/photos/tb8.webp
new file mode 100644
index 0000000..8028f2c
Binary files /dev/null and b/public/assets/img/photos/tb8.webp differ
diff --git a/public/assets/img/photos/tb9.webp b/public/assets/img/photos/tb9.webp
new file mode 100644
index 0000000..4c8b985
Binary files /dev/null and b/public/assets/img/photos/tb9.webp differ
diff --git a/public/assets/img/photos/tei1.webp b/public/assets/img/photos/tei1.webp
new file mode 100644
index 0000000..329810c
Binary files /dev/null and b/public/assets/img/photos/tei1.webp differ
diff --git a/public/assets/img/photos/tensorflow-book-real.webp b/public/assets/img/photos/tensorflow-book-real.webp
new file mode 100644
index 0000000..100ed6c
Binary files /dev/null and b/public/assets/img/photos/tensorflow-book-real.webp differ
diff --git a/public/assets/img/photos/tensorflow-book.webp b/public/assets/img/photos/tensorflow-book.webp
new file mode 100644
index 0000000..f1bd9fb
Binary files /dev/null and b/public/assets/img/photos/tensorflow-book.webp differ
diff --git a/public/assets/img/photos/tm1.webp b/public/assets/img/photos/tm1.webp
new file mode 100644
index 0000000..c55faa4
Binary files /dev/null and b/public/assets/img/photos/tm1.webp differ
diff --git a/public/assets/img/photos/tm3.webp b/public/assets/img/photos/tm3.webp
new file mode 100644
index 0000000..e07cc98
Binary files /dev/null and b/public/assets/img/photos/tm3.webp differ
diff --git a/public/assets/img/photos/v1.webp b/public/assets/img/photos/v1.webp
new file mode 100644
index 0000000..cd46ac3
Binary files /dev/null and b/public/assets/img/photos/v1.webp differ
diff --git a/public/assets/img/photos/woman.webp b/public/assets/img/photos/woman.webp
new file mode 100644
index 0000000..63287d6
Binary files /dev/null and b/public/assets/img/photos/woman.webp differ
diff --git a/public/assets/img/truncgil/truncgil-hero.webp b/public/assets/img/truncgil/truncgil-hero.webp
new file mode 100644
index 0000000..fd7c611
Binary files /dev/null and b/public/assets/img/truncgil/truncgil-hero.webp differ
diff --git a/resources/css/app.css b/resources/css/app.css
index 497166a..db90777 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -36,8 +36,19 @@ html {
 .line-clamp-2 {
     display: -webkit-box;
     -webkit-line-clamp: 2;
+    line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }
 
 
+
+/* Force checkbox visibility */
+input[type="checkbox"] {
+    appearance: auto !important;
+    -webkit-appearance: auto !important;
+    width: 1rem !important;
+    height: 1rem !important;
+    display: inline-block !important;
+    cursor: pointer;
+}
\ No newline at end of file
diff --git a/resources/views/blog/index.blade.php b/resources/views/blog/index.blade.php
index b69a40a..38bc131 100644
--- a/resources/views/blog/index.blade.php
+++ b/resources/views/blog/index.blade.php
@@ -29,7 +29,7 @@
               $categoryName = $post->category ? $post->category->name : '';
               $categorySlug = $post->category ? $post->category->slug : '';
               $publishedDate = $post->published_at ? $post->published_at->format('d M Y') : $post->created_at->format('d M Y');
-              $imageUrl = $post->featured_image ? asset('storage/' . $post->featured_image) : asset('assets/img/photos/b1.jpg');
+              $imageUrl = $post->featured_image ? asset('storage/' . $post->featured_image) : asset('assets/img/photos/b1.webp');
               $blogUrl = route('blog.show', $post->slug);
               $commentCount = $post->comments_count ?? 0;
               $authorName = $post->author ? $post->author->name : '';
@@ -42,7 +42,7 @@
                   @if($post->featured_image_url)
                     <figure class="card-img-top overlay overlay-1 hover-scale group">
                       <a class="!text-[#343f52] hover:!text-[#e31e24]" href="{{ $blogUrl }}">
-                        <img class="!transition-all !duration-[0.35s] !ease-in-out group-hover:scale-105" src="{{ $imageUrl }}" alt="{{ $title }}">
+                        <img class="!transition-all !duration-[0.35s] !ease-in-out group-hover:scale-105" src="{{ $imageUrl }}" alt="{{ $title }}" loading="lazy">
                       </a>
                       <figcaption class="group-hover:opacity-100 absolute w-full h-full opacity-0 text-center px-4 py-3 inset-0 z-[5] pointer-events-none p-2">
                         <h5 class="from-top !mb-0 absolute w-full translate-y-[-80%] p-[.75rem_1rem] left-0 top-2/4">{{ __('blog.read_more') }}</h5>
@@ -118,7 +118,7 @@
                     $categoryName = $post->category ? $post->category->name : '';
                     $categorySlug = $post->category ? $post->category->slug : '';
                     $publishedDate = $post->published_at ? $post->published_at->format('d M Y') : $post->created_at->format('d M Y');
-                    $imageUrl = $post->featured_image ? asset('storage/' . $post->featured_image) : asset('assets/img/photos/b4.jpg');
+                    $imageUrl = $post->featured_image ? asset('storage/' . $post->featured_image) : asset('assets/img/photos/b4.webp');
                     $blogUrl = route('blog.show', $post->slug);
                     $commentCount = $post->comments_count ?? 0;
                   @endphp
@@ -127,7 +127,7 @@
                     <div class="card">
                       <figure class="card-img-top overlay overlay-1 hover-scale group">
                         <a href="{{ $blogUrl }}">
-                          <img class="!transition-all !duration-[0.35s] !ease-in-out group-hover:scale-105" src="{{ $imageUrl }}" alt="{{ $title }}">
+                          <img class="!transition-all !duration-[0.35s] !ease-in-out group-hover:scale-105" src="{{ $imageUrl }}" alt="{{ $title }}" loading="lazy">
                         </a>
                         <figcaption class="group-hover:opacity-100 absolute w-full h-full opacity-0 text-center px-4 py-3 inset-0 z-[5] pointer-events-none p-2">
                           <h5 class="from-top !mb-0 absolute w-full translate-y-[-80%] p-[.75rem_1rem] left-0 top-2/4">{{ __('blog.read_more') }}</h5>
diff --git a/resources/views/blog/show.blade.php b/resources/views/blog/show.blade.php
index 8d7909b..d59a950 100644
--- a/resources/views/blog/show.blade.php
+++ b/resources/views/blog/show.blade.php
@@ -54,7 +54,7 @@
           <div class="card">
             @if($post->featured_image_url)
               <figure class="card-img-top">
-                <img src="{{ $post->featured_image_url }}" alt="{{ method_exists($post, 'translate') ? $post->translate('title') : $post->title }}">
+                <img loading="lazy" src="{{ $post->featured_image_url }}" alt="{{ method_exists($post, 'translate') ? $post->translate('title') : $post->title }}">
               </figure>
             @endif
             <div class="card-body flex-[1_1_auto] p-[40px] xl:!p-[2.8rem_3rem_2.8rem] lg:!p-[2.8rem_3rem_2.8rem] md:!p-[2.8rem_3rem_2.8rem]">
@@ -112,9 +112,9 @@
                   <div class="flex items-center">
                     <figure class="w-12 h-12 !relative !mr-4 rounded-[100%]">
                       @if($post->author->avatar)
-                        <img class="rounded-[50%]" alt="image" src="{{ asset('storage/' . $post->author->avatar) }}">
+                        <img loading="lazy" class="rounded-[50%]" alt="image" src="{{ asset('storage/' . $post->author->avatar) }}">
                       @else
-                        <img class="rounded-[50%]" alt="image" src="{{ asset('assets/img/avatars/u5.jpg') }}">
+                        <img class="rounded-[50%]" alt="image" src="{{ asset('assets/img/avatars/u5.webp') }}" loading="lazy">
                       @endif
                     </figure>
                     <div>
@@ -174,7 +174,7 @@
                         @php
                           $relatedTitle = method_exists($relatedPost, 'translate') ? $relatedPost->translate('title') : $relatedPost->title;
                           $relatedCategoryName = $relatedPost->category ? $relatedPost->category->name : '';
-                          $relatedImageUrl = $relatedPost->featured_image ? asset('storage/' . $relatedPost->featured_image) : asset('assets/img/photos/b4.jpg');
+                          $relatedImageUrl = $relatedPost->featured_image ? asset('storage/' . $relatedPost->featured_image) : asset('assets/img/photos/b4.webp');
                           $relatedUrl = route('blog.show', $relatedPost->slug);
                           $relatedDate = $relatedPost->published_at ? $relatedPost->published_at->format('d M Y') : $relatedPost->created_at->format('d M Y');
                           $relatedCommentCount = $relatedPost->comments_count ?? 0;
@@ -183,7 +183,7 @@
                           <article>
                             <figure class="overlay overlay-1 hover-scale group rounded !mb-5">
                               <a href="{{ $relatedUrl }}">
-                                <img class="!transition-all !duration-[0.35s] !ease-in-out group-hover:scale-105" src="{{ $relatedImageUrl }}" alt="{{ $relatedTitle }}">
+                                <img class="!transition-all !duration-[0.35s] !ease-in-out group-hover:scale-105" src="{{ $relatedImageUrl }}" alt="{{ $relatedTitle }}" loading="lazy">
                                 <span class="bg"></span>
                               </a>
                               <figcaption class="group-hover:opacity-100 absolute w-full h-full opacity-0 text-center px-4 py-3 inset-0 z-[5] pointer-events-none p-2">
@@ -243,7 +243,7 @@
                           <div class="comment-header xl:!flex lg:!flex md:!flex items-center !mb-[.5rem]">
                             <div class="flex items-center">
                               <figure class="w-12 h-12 !relative !mr-4 rounded-[100%]">
-                                <img class="rounded-[50%]" alt="image" src="{{ asset('assets/img/avatars/u1.jpg') }}">
+                                <img class="rounded-[50%]" alt="image" src="{{ asset('assets/img/avatars/u1.webp') }}" loading="lazy">
                               </figure>
                               <div>
                                 <h6 class="m-0 !mb-[0.2rem]">
@@ -276,7 +276,7 @@
                                   <div class="comment-header xl:!flex lg:!flex md:!flex items-center !mb-[.5rem]">
                                     <div class="flex items-center">
                                       <figure class="w-12 h-12 !relative !mr-4 rounded-[100%]">
-                                        <img class="rounded-[50%]" alt="image" src="{{ asset('assets/img/avatars/u3.jpg') }}">
+                                        <img class="rounded-[50%]" alt="image" src="{{ asset('assets/img/avatars/u3.webp') }}" loading="lazy">
                                       </figure>
                                       <div>
                                         <h6 class="m-0 !mb-[0.2rem]">
@@ -309,7 +309,7 @@
                                           <div class="comment-header xl:!flex lg:!flex md:!flex items-center !mb-[.5rem]">
                                             <div class="flex items-center">
                                               <figure class="w-12 h-12 !relative !mr-4 rounded-[100%]">
-                                                <img class="rounded-[50%]" alt="image" src="{{ asset('assets/img/avatars/u2.jpg') }}">
+                                                <img class="rounded-[50%]" alt="image" src="{{ asset('assets/img/avatars/u2.webp') }}" loading="lazy">
                                               </figure>
                                               <div>
                                                 <h6 class="m-0 !mb-[0.2rem]">
diff --git a/resources/views/components/blocks/cta.blade.php b/resources/views/components/blocks/cta.blade.php
index ccc586b..8c0f2c1 100644
--- a/resources/views/components/blocks/cta.blade.php
+++ b/resources/views/components/blocks/cta.blade.php
@@ -4,7 +4,7 @@
   <div class="container pt-24 xl:pt-32 lg:pt-32 md:pt-32 pb-24 xl:pb-32 lg:pb-32 md:pb-32 !text-center !relative">
     @if(!empty($data['background_image']))
     <div class="absolute" style="top: -7%; left: 50%; transform: translateX(-50%);">
-      <img src="{{ asset($data['background_image']) }}" alt="background">
+      <img src="{{ asset($data['background_image']) }}" alt="background" loading="lazy">
     </div>
     @endif
     
@@ -12,7 +12,7 @@
       <div class="lg:w-10/12 xl:w-9/12 xxl:w-7/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
         @if(!empty($data['icon']))
         <div class="!mb-5">
-          <img class="m-[0_auto] !w-[4rem] !h-[4rem]" src="{{ asset($data['icon']) }}" alt="icon">
+          <img class="m-[0_auto] !w-[4rem] !h-[4rem]" src="{{ asset($data['icon']) }}" alt="icon" loading="lazy">
         </div>
         @endif
         
@@ -46,7 +46,7 @@
     
     @if(!empty($data['cta_image']))
     <div class="container !text-center !mt-10">
-      <img class="max-w-full h-auto !relative m-[0_auto]" style="z-index: 2;" src="{{ asset($data['cta_image']) }}" alt="cta">
+      <img class="max-w-full h-auto !relative m-[0_auto]" style="z-index: 2;" src="{{ asset($data['cta_image']) }}" alt="cta" loading="lazy">
     </div>
     @endif
   </div>
diff --git a/resources/views/components/blocks/features.blade.php b/resources/views/components/blocks/features.blade.php
index b15b965..f07a515 100644
--- a/resources/views/components/blocks/features.blade.php
+++ b/resources/views/components/blocks/features.blade.php
@@ -29,7 +29,7 @@
         <div class="flex flex-row">
           @if(!empty($feature['icon']))
           <div>
-            <img src="{{ asset($feature['icon']) }}" class="!w-[2.2rem] !h-[2.2rem] !mr-4" alt="icon">
+            <img src="{{ asset($feature['icon']) }}" class="!w-[2.2rem] !h-[2.2rem] !mr-4" alt="icon" loading="lazy">
           </div>
           @endif
           <div>
diff --git a/resources/views/components/blocks/gallery.blade.php b/resources/views/components/blocks/gallery.blade.php
index 32c4286..6456609 100644
--- a/resources/views/components/blocks/gallery.blade.php
+++ b/resources/views/components/blocks/gallery.blade.php
@@ -30,7 +30,7 @@
           <a href="{{ $item['link'] ?? '#' }}">
             <img class="!rounded-[0.8rem] !transition-all !duration-[0.3s] !ease-in-out group-hover:!scale-105" 
                  src="{{ asset($item['image']) }}" 
-                 alt="{{ $item['title'] ?? '' }}">
+                 alt="{{ $item['title'] ?? '' }}" loading="lazy">
           </a>
         </figure>
         @if(!empty($item['category']))
diff --git a/resources/views/components/blocks/hero.blade.php b/resources/views/components/blocks/hero.blade.php
index 87160c0..42cfd4c 100644
--- a/resources/views/components/blocks/hero.blade.php
+++ b/resources/views/components/blocks/hero.blade.php
@@ -4,7 +4,7 @@
   <div class="container pt-36 xl:pt-[12.5rem] lg:pt-[12.5rem] md:pt-[12.5rem] pb-24 xl:pb-32 lg:pb-32 md:pb-32 !text-center !relative">
     @if(!empty($data['background_image']))
     <div class="absolute" style="top: -12%; left: 50%; transform: translateX(-50%);" data-cue="fadeIn">
-      <img src="{{ asset($data['background_image']) }}" alt="background">
+      <img src="{{ asset($data['background_image']) }}" alt="background" loading="lazy">
     </div>
     @endif
     
@@ -44,7 +44,7 @@
     
     @if(!empty($data['hero_image']))
     <div class="!mt-10">
-      <img class="max-w-full h-auto !relative m-[0_auto]" src="{{ asset($data['hero_image']) }}" alt="hero">
+      <img class="max-w-full h-auto !relative m-[0_auto]" src="{{ asset($data['hero_image']) }}" alt="hero" loading="lazy">
     </div>
     @endif
   </div>
diff --git a/resources/views/components/blocks/stats.blade.php b/resources/views/components/blocks/stats.blade.php
index 652e24e..2e6b15d 100644
--- a/resources/views/components/blocks/stats.blade.php
+++ b/resources/views/components/blocks/stats.blade.php
@@ -8,7 +8,7 @@
       <div class="{{ $data['column_class'] ?? 'md:w-6/12 lg:w-3/12' }} xl:w-3/12 w-full flex-[0_0_auto] xl:!px-[35px] lg:!px-[35px] !px-[15px] max-w-full">
         <div class="!mb-4">
           @if(!empty($stat['icon']))
-          <img src="{{ asset($stat['icon']) }}" class="!w-[3rem] !h-[3rem] m-[0_auto] !mb-3" alt="icon">
+          <img src="{{ asset($stat['icon']) }}" class="!w-[3rem] !h-[3rem] m-[0_auto] !mb-3" alt="icon" loading="lazy">
           @endif
           
           @if(!empty($stat['number']))
diff --git a/resources/views/components/blocks/team.blade.php b/resources/views/components/blocks/team.blade.php
index 40ec434..335f720 100644
--- a/resources/views/components/blocks/team.blade.php
+++ b/resources/views/components/blocks/team.blade.php
@@ -31,7 +31,7 @@
           <figure class="!mb-4">
             <img class="!rounded-[50%] !w-[10rem] !h-[10rem] m-[0_auto] object-cover" 
                  src="{{ asset($member['photo']) }}" 
-                 alt="{{ $member['name'] ?? '' }}">
+                 alt="{{ $member['name'] ?? '' }}" loading="lazy">
           </figure>
           @endif
           
diff --git a/resources/views/components/blocks/testimonials.blade.php b/resources/views/components/blocks/testimonials.blade.php
index 6402eec..e926ffa 100644
--- a/resources/views/components/blocks/testimonials.blade.php
+++ b/resources/views/components/blocks/testimonials.blade.php
@@ -43,7 +43,7 @@
           
           <div class="flex items-center">
             @if(!empty($testimonial['avatar']))
-            <img class="!rounded-[50%] !w-12 !h-12 !mr-4" src="{{ asset($testimonial['avatar']) }}" alt="avatar">
+            <img class="!rounded-[50%] !w-12 !h-12 !mr-4" src="{{ asset($testimonial['avatar']) }}" alt="avatar" loading="lazy">
             @endif
             <div>
               @if(!empty($testimonial['name']))
diff --git a/resources/views/components/custom/blog.blade.php b/resources/views/components/custom/blog.blade.php
index 3004683..a5a82cd 100644
--- a/resources/views/components/custom/blog.blade.php
+++ b/resources/views/components/custom/blog.blade.php
@@ -21,7 +21,7 @@
                   $excerpt = method_exists($blog, 'translate') ? $blog->translate('excerpt') : ($blog->excerpt ?? '');
                   $categoryName = $blog->category ? ($blog->category->name ?? '') : '';
                   $publishedDate = $blog->published_at ? $blog->published_at->format('d M Y') : '';
-                  $imageUrl = $blog->featured_image ? asset('storage/' . $blog->featured_image) : asset('assets/img/photos/b4.jpg');
+                  $imageUrl = $blog->featured_image ? asset('storage/' . $blog->featured_image) : asset('assets/img/photos/b4.webp');
                   $blogUrl = route('blog.show', $blog->slug);
                   $commentCount = $blog->comments_count ?? 0;
                 @endphp
@@ -30,7 +30,7 @@
                   <article>
                     <figure class="overlay overlay-1 hover-scale group rounded !mb-5">
                       <a href="{{ $blogUrl }}">
-                        <img class="!transition-all !duration-[0.35s] !ease-in-out group-hover:scale-105" src="{{ $imageUrl }}" alt="{{ $title }}">
+                        <img class="!transition-all !duration-[0.35s] !ease-in-out group-hover:scale-105" src="{{ $imageUrl }}" alt="{{ $title }}" loading="lazy">
                       </a>
                       <figcaption class="group-hover:opacity-100 absolute w-full h-full opacity-0 text-center px-4 py-3 inset-0 z-[5] pointer-events-none p-2">
                         <h5 class="from-top  !mb-0 absolute w-full translate-y-[-80%] p-[.75rem_1rem] left-0 top-2/4">{{ __('blog.read_more', ['default' => 'Read More']) }}</h5>
diff --git a/resources/views/components/footer.blade.php b/resources/views/components/footer.blade.php
index 195ef48..490e1f6 100644
--- a/resources/views/components/footer.blade.php
+++ b/resources/views/components/footer.blade.php
@@ -3,8 +3,8 @@
         <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
             <!-- Logo ve Açıklama -->
             <div class="col-span-1 md:col-span-2">
-                <img src="{{ asset('logos/truncgil-yatay.svg') }}" alt="Trunçgil Teknoloji" class="h-10 mb-4 dark:hidden">
-                <img src="{{ asset('logos/truncgil-yatay-dark.svg') }}" alt="Trunçgil Teknoloji" class="h-10 mb-4 hidden dark:block">
+                <img src="{{ asset('logos/truncgil-yatay.svg') }}" alt="Trunçgil Teknoloji" class="h-10 mb-4 dark:hidden" loading="lazy">
+                <img src="{{ asset('logos/truncgil-yatay-dark.svg') }}" alt="Trunçgil Teknoloji" class="h-10 mb-4 hidden dark:block" loading="lazy">
                 <p class="text-gray-600 dark:text-gray-400 mt-4 max-w-md">
                     Trunçgil Teknoloji olarak, yenilikçi ve güvenilir teknoloji çözümleri sunuyoruz.
                 </p>
diff --git a/resources/views/components/front/footer.blade.php b/resources/views/components/front/footer.blade.php
index f07447b..1fb9d00 100644
--- a/resources/views/components/front/footer.blade.php
+++ b/resources/views/components/front/footer.blade.php
@@ -3,7 +3,7 @@
 	  <div class="flex flex-wrap mx-[-15px] !mt-[-30px] xl:!mt-0 lg:!mt-0">
 		<div class="md:w-4/12 xl:w-3/12 lg:w-3/12 w-full flex-[0_0_auto] !px-[15px] max-w-full xl:!mt-0 lg:!mt-0 !mt-[30px]">
 		  <div class="widget !text-[#cacaca]">
-			<img class="!mb-4" src="{{ asset('assets/img/truncgil-yatay-dark.svg') }}" alt="image">
+			<img class="!mb-4" src="{{ asset('assets/img/truncgil-yatay-dark.svg') }}" alt="image" loading="lazy">
 			<p class="!mb-4">© {{ date('Y') }} {{ t('Trunçgil Teknoloji') }}. <br class="hidden xl:block lg:block !text-[#cacaca]">{{ t('Tüm hakları saklıdır.') }}</p>
 			<?php $social_media = json_decode(setting('social_links'), true); 
 			?>
diff --git a/resources/views/components/front/header.blade.php b/resources/views/components/front/header.blade.php
index 7b39b3c..90c7ac8 100644
--- a/resources/views/components/front/header.blade.php
+++ b/resources/views/components/front/header.blade.php
@@ -29,8 +29,8 @@ $isHomepage = $currentRoute === 'homepage' || $currentPath === '/' || request()-
       <!-- Mobile Header -->
       <div class="flex flex-row w-full justify-between items-center xl:!hidden lg:!hidden">
         <div class="navbar-brand"><a href="/">
-            <img class="logo-dark" src="{{ asset('assets/img/truncgil-yatay.svg') }}" alt="image">
-            <img class="logo-light" src="{{ asset('assets/img/truncgil-yatay-dark.svg') }}" alt="image">
+            <img class="logo-dark" src="{{ asset('assets/img/truncgil-yatay.svg') }}" alt="image" loading="lazy">
+            <img class="logo-light" src="{{ asset('assets/img/truncgil-yatay-dark.svg') }}" alt="image" loading="lazy">
           </a></div>
         <div class="navbar-other !ml-auto">
           <ul class="navbar-nav flex-row items-center">
@@ -47,8 +47,8 @@ $isHomepage = $currentRoute === 'homepage' || $currentPath === '/' || request()-
         <div class="navbar-collapse-wrapper flex flex-row items-center w-full">
           <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">
             <div class="offcanvas-header lg:mx-auto xl:mx-auto order-0 lg:!order-1 lg:!px-[5rem] xl:!order-1 xl:!px-[5rem] p-[1.5rem] !flex items-center justify-between flex-row">
-              <a class="transition-none hidden lg:!flex xl:!flex" href="/"><img class="logo-dark" src="{{ asset('assets/img/truncgil-yatay.svg') }}" alt="image">
-                <img class="logo-light" src="{{ asset('assets/img/truncgil-yatay-dark.svg') }}" alt="image"></a>
+              <a class="transition-none hidden lg:!flex xl:!flex" href="/"><img class="logo-dark" src="{{ asset('assets/img/truncgil-yatay.svg') }}" alt="image" loading="lazy">
+                <img class="logo-light" src="{{ asset('assets/img/truncgil-yatay-dark.svg') }}" alt="image" loading="lazy"></a>
             </div>
             <div class="w-full order-1 lg:!order-none lg:!flex xl:!order-none xl:!flex offcanvas-body">
               <ul class="navbar-nav lg:!ml-auto xl:!ml-auto">                  
@@ -88,7 +88,7 @@ $isHomepage = $currentRoute === 'homepage' || $currentPath === '/' || request()-
           <!-- Logo on Left -->
           <div class="navbar-brand">
             <a href="/">
-              <img class="!h-[2.5rem]" src="{{ asset('assets/img/truncgil-yatay.svg') }}" alt="Truncgil Teknoloji">
+              <img class="!h-[2.5rem]" src="{{ asset('assets/img/truncgil-yatay.svg') }}" alt="Truncgil Teknoloji" loading="lazy">
             </a>
           </div>
           
diff --git a/resources/views/components/front/menu-item.blade.php b/resources/views/components/front/menu-item.blade.php
index 9cb97b4..aad17cf 100644
--- a/resources/views/components/front/menu-item.blade.php
+++ b/resources/views/components/front/menu-item.blade.php
@@ -55,9 +55,9 @@
                                         <figure style="width: 183px; height: 103px;"
                                             class="!rounded-[.4rem] lift overflow-hidden shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.57)] mx-auto block transition-transform duration-300 group-hover:-translate-y-1 hidden xl:block lg:block ">
                                             @if($item->hero_image)
-                                                <img style="width: 183px; height: 103px;" class="!rounded-[.4rem] object-cover block" src="{{ \Storage::url($item->hero_image) }}" alt="{{ $item->translate('title') }}">
+                                                <img loading="lazy" style="width: 183px; height: 103px;" class="!rounded-[.4rem] object-cover block" src="{{ \Storage::url($item->hero_image) }}" alt="{{ $item->translate('title') }}">
                                             @else
-                                                <img style="width: 183px; height: 103px;" class="!rounded-[.4rem] object-cover block" src="https://placehold.co/185x135?text={{ urlencode($item->translate('title')) }}" alt="{{ $item->translate('title') }}">
+                                                <img loading="lazy" style="width: 183px; height: 103px;" class="!rounded-[.4rem] object-cover block" src="https://placehold.co/185x135?text={{ urlencode($item->translate('title')) }}" alt="{{ $item->translate('title') }}">
                                             @endif
                                         </figure>
                                         <span class="xl:!hidden lg:!hidden">{{ $item->translate('title') }}</span>
diff --git a/resources/views/components/navigation.blade.php b/resources/views/components/navigation.blade.php
index a3f6288..1b5cfad 100644
--- a/resources/views/components/navigation.blade.php
+++ b/resources/views/components/navigation.blade.php
@@ -4,8 +4,8 @@
             <!-- Logo -->
             <div class="flex-shrink-0">
                 <a href="{{ route('home') }}" class="flex items-center">
-                    <img src="{{ asset('logos/truncgil-yatay.svg') }}" alt="Trunçgil Teknoloji" class="h-10 dark:hidden">
-                    <img src="{{ asset('logos/truncgil-yatay-dark.svg') }}" alt="Trunçgil Teknoloji" class="h-10 hidden dark:block">
+                    <img src="{{ asset('logos/truncgil-yatay.svg') }}" alt="Trunçgil Teknoloji" class="h-10 dark:hidden" loading="lazy">
+                    <img src="{{ asset('logos/truncgil-yatay-dark.svg') }}" alt="Trunçgil Teknoloji" class="h-10 hidden dark:block" loading="lazy">
                 </a>
             </div>
 
diff --git a/resources/views/filament/pages/edit-page-footer.blade.php b/resources/views/filament/pages/edit-page-footer.blade.php
index 41f4333..b3dacc4 100644
--- a/resources/views/filament/pages/edit-page-footer.blade.php
+++ b/resources/views/filament/pages/edit-page-footer.blade.php
@@ -1,3 +1,4 @@
+<div>
 {{-- Sticky Header CSS --}}
 <style>
     /* Header'ı sticky yap */
@@ -58,4 +59,5 @@
     <!-- Otomatik kaydetme aktif: Her 30 saniyede bir -->
 </div>
 @endif
+</div>
 
diff --git a/resources/views/front/products/landing.blade.php b/resources/views/front/products/landing.blade.php
index 6293d80..098cc14 100644
--- a/resources/views/front/products/landing.blade.php
+++ b/resources/views/front/products/landing.blade.php
@@ -30,7 +30,7 @@ use Illuminate\Support\Facades\Storage;
 @section('content')
     {{-- Hero Section --}}
     @if(!empty($hero))
-    <section class="wrapper image-wrapper bg-full bg-image bg-overlay bg-overlay-light-600 [background-size:100%] bg-[center_center] bg-no-repeat bg-scroll relative z-0 before:content-[''] before:block before:absolute before:z-[1] before:w-full before:h-full before:left-0 before:top-0 before:bg-[rgba(255,255,255,.6)]" data-image-src="{{ !empty($hero['background_image']) ? asset($hero['background_image']) : asset('assets/img/photos/bg23.png') }}">
+    <section class="wrapper image-wrapper bg-full bg-image bg-overlay bg-overlay-light-600 [background-size:100%] bg-[center_center] bg-no-repeat bg-scroll relative z-0 before:content-[''] before:block before:absolute before:z-[1] before:w-full before:h-full before:left-0 before:top-0 before:bg-[rgba(255,255,255,.6)]" data-image-src="{{ !empty($hero['background_image']) ? asset($hero['background_image']) : asset('assets/img/photos/bg23.webp') }}">
         <div class="container pt-24 xl:pt-32 lg:pt-32 md:pt-32 pb-9">
             <div class="flex flex-wrap mx-0 !mt-[-50px] items-center text-center lg:text-left xl:text-left">
                 <div class="xl:w-5/12 lg:w-5/12 xxl:w-4/12 w-full flex-[0_0_auto] max-w-full !relative !mt-[50px]" data-cues="slideInDown" data-group="page-title" data-delay="700">
@@ -45,12 +45,12 @@ use Illuminate\Support\Facades\Storage;
                     <div class="flex justify-center lg:!justify-start xl:!justify-start" data-cues="slideInDown" data-group="page-title-buttons" data-delay="1800">
                         @if(!empty($hero['app_store_link']))
                         <span class="inline-flex"><a href="{{ $hero['app_store_link'] }}" target="_blank" class="!mr-2 inline-block">
-                            <img src="{{ asset('assets/img/photos/button-appstore.svg') }}" class="!h-[3rem] !rounded-[0.8rem]" alt="App Store">
+                            <img src="{{ asset('assets/img/photos/button-appstore.svg') }}" class="!h-[3rem] !rounded-[0.8rem]" alt="App Store" loading="lazy">
                         </a></span>
                         @endif
                         @if(!empty($hero['google_play_link']))
                         <span class="inline-flex"><a href="{{ $hero['google_play_link'] }}" target="_blank" class="inline-block">
-                            <img src="{{ asset('assets/img/photos/button-google-play.svg') }}" class="!h-[3rem] !rounded-[0.8rem]" alt="Google Play">
+                            <img src="{{ asset('assets/img/photos/button-google-play.svg') }}" class="!h-[3rem] !rounded-[0.8rem]" alt="Google Play" loading="lazy">
                         </a></span>
                         @endif
                     </div>
@@ -59,10 +59,9 @@ use Illuminate\Support\Facades\Storage;
                 @if(!empty($hero['featured_image']))
                 <div class="xl:w-7/12 lg:w-7/12 w-full flex-[0_0_auto] max-w-full !ml-auto !mb-[-10rem] xxl:!mb-[-15rem] !mt-[50px] flex justify-center items-center" data-cues="slideInDown" data-delay="600" style="z-index:2;">
                     <figure class="m-0 p-0 w-full flex justify-center items-center">
-                        <img 
-                            class="w-[95%] max-w-[850px] !h-auto xl:!max-h-[540px] lg:!max-h-[440px] object-contain drop-shadow-2xl rounded-xl"
+                        <img class="w-[95%] max-w-[850px] !h-auto xl:!max-h-[540px] lg:!max-h-[440px] object-contain drop-shadow-2xl rounded-xl"
                             src="{{ Storage::url($hero['featured_image']) }}" 
-                            alt="{{ $product->translate('title') }}"
+                            alt="{{ $product->translate('title') }}" loading="lazy"
                             
                         >
                     </figure>
@@ -115,7 +114,7 @@ use Illuminate\Support\Facades\Storage;
                                         : null;
                                 @endphp
                                 @if($iconUrl)
-                                    <img src="{{ $iconUrl }}" class="icon-svg solid text-[#343f52] text-navy" alt="{{ $feature['title'] ?? '' }}" style="width: 48px; height: 48px;">
+                                    <img src="{{ $iconUrl }}" class="icon-svg solid text-[#343f52] text-navy" alt="{{ $feature['title'] ?? '' }}" style="width: 48px; height: 48px;" loading="lazy">
                                 @else
                                     <div class="w-12 h-12 bg-gray-200 rounded-lg flex items-center justify-center">
                                         <span class="text-gray-400 text-xs">{{ substr($feature['icon'], 0, 2) }}</span>
@@ -162,7 +161,7 @@ use Illuminate\Support\Facades\Storage;
                         @if(!empty($howItWorks['download_image']))
                         <div class="md:w-6/12 lg:w-4/12 xl:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto !mb-[-2.5rem] lg:!mb-0 xl:!mb-0 !mt-[50px] xl:!mt-0 lg:!mt-0">
                             <figure class="mx-auto">
-                                <img src="{{ Storage::url($howItWorks['download_image']) }}" alt="How It Works">
+                                <img src="{{ Storage::url($howItWorks['download_image']) }}" alt="How It Works" loading="lazy">
                             </figure>
                         </div>
                         <!-- /column -->
@@ -216,7 +215,7 @@ use Illuminate\Support\Facades\Storage;
 
     {{-- Video Section --}}
     @if(!empty($video['youtube_video_id']))
-    <section class="wrapper image-wrapper bg-full bg-image bg-overlay bg-overlay-light-600 bg-content [background-size:100%] bg-[center_center] bg-no-repeat bg-scroll relative z-0 before:content-[''] before:block before:absolute before:z-[1] before:w-full before:h-full before:left-0 before:top-0 before:bg-[rgba(255,255,255,.6)]" data-image-src="{{ !empty($hero['background_image']) ? asset($hero['background_image']) : asset('assets/img/photos/bg23.png') }}">
+    <section class="wrapper image-wrapper bg-full bg-image bg-overlay bg-overlay-light-600 bg-content [background-size:100%] bg-[center_center] bg-no-repeat bg-scroll relative z-0 before:content-[''] before:block before:absolute before:z-[1] before:w-full before:h-full before:left-0 before:top-0 before:bg-[rgba(255,255,255,.6)]" data-image-src="{{ !empty($hero['background_image']) ? asset($hero['background_image']) : asset('assets/img/photos/bg23.webp') }}">
         <div class="container py-[4.5rem] md:pt-24 lg:pt-0 xl:pt-0 xl:pb-[7rem] lg:pb-[7rem] md:pb-[7rem] !relative" style="z-index: 2;">
             <div class="flex flex-wrap mx-[-15px]">
                 <div class="xl:w-11/12 xxl:w-10/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
@@ -242,7 +241,7 @@ use Illuminate\Support\Facades\Storage;
 
     {{-- FAQ Section --}}
     @if(!empty($faqs))
-    <section class="wrapper image-wrapper bg-full bg-image bg-overlay bg-overlay-light-600 bg-content [background-size:100%] bg-[center_center] bg-no-repeat bg-scroll relative z-0 before:content-[''] before:block before:absolute before:z-[1] before:w-full before:h-full before:left-0 before:top-0 before:bg-[rgba(255,255,255,.6)]" data-image-src="{{ !empty($hero['background_image']) ? asset($hero['background_image']) : asset('assets/img/photos/bg21.png') }}">
+    <section class="wrapper image-wrapper bg-full bg-image bg-overlay bg-overlay-light-600 bg-content [background-size:100%] bg-[center_center] bg-no-repeat bg-scroll relative z-0 before:content-[''] before:block before:absolute before:z-[1] before:w-full before:h-full before:left-0 before:top-0 before:bg-[rgba(255,255,255,.6)]" data-image-src="{{ !empty($hero['background_image']) ? asset($hero['background_image']) : asset('assets/img/photos/bg21.webp') }}">
         <div class="overflow-hidden" style="z-index:1;">
             <div class="divider divider-alt !text-[#fefefe] mx-[-0.5rem]">
               <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100">
diff --git a/resources/views/front/products/show.blade.php b/resources/views/front/products/show.blade.php
index 508806c..96a1e3b 100644
--- a/resources/views/front/products/show.blade.php
+++ b/resources/views/front/products/show.blade.php
@@ -22,7 +22,7 @@
                 
                 @if($product->hero_image)
                 <figure class="!mb-[2rem] !rounded-[.4rem]">
-                    <img class="!rounded-[.4rem] w-full" src="{{ Storage::url($product->hero_image) }}" alt="{{ $product->translate('title') }}">
+                    <img loading="lazy" class="!rounded-[.4rem] w-full" src="{{ Storage::url($product->hero_image) }}" alt="{{ $product->translate('title') }}">
                 </figure>
                 @endif
                 
diff --git a/resources/views/partials/footer.blade.php b/resources/views/partials/footer.blade.php
index 9636776..6df4619 100644
--- a/resources/views/partials/footer.blade.php
+++ b/resources/views/partials/footer.blade.php
@@ -3,7 +3,7 @@
 	  <div class="flex flex-wrap mx-[-15px] !mt-[-30px] xl:!mt-0 lg:!mt-0">
 		<div class="md:w-4/12 xl:w-3/12 lg:w-3/12 w-full flex-[0_0_auto] !px-[15px] max-w-full xl:!mt-0 lg:!mt-0 !mt-[30px]">
 		  <div class="widget !text-[#cacaca]">
-			<img class="!mb-4" src="../../assets/img/truncgil-yatay-dark.svg" alt="image">
+			<img class="!mb-4" src="../../assets/img/truncgil-yatay-dark.svg" alt="image" loading="lazy">
 			<p class="!mb-4">© {{ date('Y') }} {{ t('Trunçgil Teknoloji') }}. <br class="hidden xl:block lg:block !text-[#cacaca]">{{ t('Tüm hakları saklıdır.') }}</p>
 			<?php $social_media = json_decode(setting('social_links'), true); 
 			?>
diff --git a/resources/views/partials/header.blade.php b/resources/views/partials/header.blade.php
index 0775066..7bd9ad0 100644
--- a/resources/views/partials/header.blade.php
+++ b/resources/views/partials/header.blade.php
@@ -29,8 +29,8 @@ $isHomepage = $currentRoute === 'homepage' || $currentPath === '/' || request()-
       <!-- Mobile Header -->
       <div class="flex flex-row w-full justify-between items-center xl:!hidden lg:!hidden">
         <div class="navbar-brand"><a href="/">
-            <img class="logo-dark" src="{{ asset('assets/img/truncgil-yatay.svg') }}" alt="image">
-            <img class="logo-light" src="{{ asset('assets/img/truncgil-yatay-dark.svg') }}" alt="image">
+            <img class="logo-dark" src="{{ asset('assets/img/truncgil-yatay.svg') }}" alt="image" loading="lazy">
+            <img class="logo-light" src="{{ asset('assets/img/truncgil-yatay-dark.svg') }}" alt="image" loading="lazy">
           </a></div>
         <div class="navbar-other !ml-auto">
           <ul class="navbar-nav flex-row items-center">
@@ -47,8 +47,8 @@ $isHomepage = $currentRoute === 'homepage' || $currentPath === '/' || request()-
         <div class="navbar-collapse-wrapper flex flex-row items-center w-full">
           <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">
             <div class="offcanvas-header lg:mx-auto xl:mx-auto order-0 lg:!order-1 lg:!px-[5rem] xl:!order-1 xl:!px-[5rem] p-[1.5rem] !flex items-center justify-between flex-row">
-              <a class="transition-none hidden lg:!flex xl:!flex" href="/"><img class="logo-dark" src="{{ asset('assets/img/truncgil-yatay.svg') }}" alt="image">
-                <img class="logo-light" src="{{ asset('assets/img/truncgil-yatay-dark.svg') }}" alt="image"></a>
+              <a class="transition-none hidden lg:!flex xl:!flex" href="/"><img class="logo-dark" src="{{ asset('assets/img/truncgil-yatay.svg') }}" alt="image" loading="lazy">
+                <img class="logo-light" src="{{ asset('assets/img/truncgil-yatay-dark.svg') }}" alt="image" loading="lazy"></a>
               <div class="" style="position: relative; left:5px">
                 @include("components.custom.language-selector")
               </div>
@@ -91,7 +91,7 @@ $isHomepage = $currentRoute === 'homepage' || $currentPath === '/' || request()-
           <!-- Logo on Left -->
           <div class="navbar-brand">
             <a href="/">
-              <img class="!h-[2.5rem]" src="{{ asset('assets/img/truncgil-yatay.svg') }}" alt="Truncgil Teknoloji">
+              <img class="!h-[2.5rem]" src="{{ asset('assets/img/truncgil-yatay.svg') }}" alt="Truncgil Teknoloji" loading="lazy">
             </a>
           </div>
           
diff --git a/resources/views/partials/header2.blade.php b/resources/views/partials/header2.blade.php
index 7317a81..9c372b8 100644
--- a/resources/views/partials/header2.blade.php
+++ b/resources/views/partials/header2.blade.php
@@ -3,7 +3,7 @@
         <div class="container xl:!flex-row lg:!flex-row !flex-nowrap items-center">
           <div class="navbar-brand w-full">
             <a href="./">
-              <img src="assets/img/truncgil-yatay.svg" alt="image">
+              <img src="assets/img/truncgil-yatay.svg" alt="image" loading="lazy">
             </a>
           </div>
           <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">
diff --git a/resources/views/templates/books/sections/book-list.blade.php b/resources/views/templates/books/sections/book-list.blade.php
index 30ae1e2..18c895f 100644
--- a/resources/views/templates/books/sections/book-list.blade.php
+++ b/resources/views/templates/books/sections/book-list.blade.php
@@ -36,7 +36,7 @@ Yapay zeka ve derin öğrenmenin temellerini atıp ileriye taşıyabileceğiniz
             'Optik Kağıt Tanıma Projesi',
             'Mnist Veri Seti Oluşturma Projesi'
         ],
-        'image' => 'assets/img/photos/tensorflow-book-real.jpg',
+        'image' => 'assets/img/photos/tensorflow-book-real.webp',
         'year' => 'Yapay Zeka',
         'isbn' => '9786052118566',
         'pages' => '160',
@@ -80,7 +80,7 @@ Kuruluşu doğru yapmak ve olası hataların önüne geçmek için bu videoyu se
             'Alan Adı ve Barındırma',
             'Klasör Erişim İzinleri'
         ],
-        'image' => 'assets/img/photos/php-eticaret-book.jpg',
+        'image' => 'assets/img/photos/php-eticaret-book.webp',
         'year' => 'E-Ticaret',
         'isbn' => '978-605-5201-333',
         'pages' => '440',
@@ -116,7 +116,7 @@ Kendi haberlerinizi hazırlayacağınız, kliplerinizi çekeceğiniz, kitapları
             'Crawl ve Roll Yazılar',
             'Color Correction'
         ],
-        'image' => 'assets/img/photos/adobe-premiere-book.jpg',
+        'image' => 'assets/img/photos/adobe-premiere-book.webp',
         'year' => 'Video Montaj',
         'isbn' => '978-605-5201-456',
         'pages' => '312',
@@ -137,7 +137,7 @@ Kendi haberlerinizi hazırlayacağınız, kliplerinizi çekeceğiniz, kitapları
                     <img class="max-h-[350px] w-auto object-contain shadow-md transform group-hover:scale-105 transition-all duration-500 rounded" 
                          src="{{ asset($book['image']) }}" 
                          alt="{{ $book['title'] }}"
-                         onerror="this.onerror=null;this.src='{{ asset('assets/img/photos/bs1.jpg') }}';">
+                         onerror="this.onerror=null;this.src='{{ asset('assets/img/photos/bs1.jpg') }}';" loading="lazy">
                 </figure>
                 <div class="absolute top-4 left-4">
                      <span class="inline-flex items-center justify-center px-3 py-1 rounded bg-[#e31e24] text-white text-[0.7rem] font-bold uppercase tracking-wider shadow-sm">
diff --git a/resources/views/templates/books/sections/contact.blade.php b/resources/views/templates/books/sections/contact.blade.php
index d04e5d9..cc5ed6c 100644
--- a/resources/views/templates/books/sections/contact.blade.php
+++ b/resources/views/templates/books/sections/contact.blade.php
@@ -2,7 +2,7 @@
 <div class="container pt-20 pb-20 xl:pb-28 lg:pb-28 md:pb-28">
 	<div class="flex flex-wrap mx-[-7.5px] items-center">
 		<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] px-[7.5px] max-w-full">
-		  <figure class="m-0 p-0"><img class="w-auto" src="{{ asset('assets/img/illustrations/3d3.png') }}" alt="image"></figure>
+		  <figure class="m-0 p-0"><img class="w-auto" src="{{ asset('assets/img/illustrations/3d3.webp') }}" alt="image" loading="lazy"></figure>
 		</div>
 		<!--/column -->
 		<div class="xl:w-5/12 lg:w-5/12 w-full flex-[0_0_auto] px-[7.5px] max-w-full xl:!ml-[8.33333333%] lg:!ml-[8.33333333%]">
diff --git a/resources/views/templates/books/sections/features.blade.php b/resources/views/templates/books/sections/features.blade.php
index 30953eb..a876bb6 100644
--- a/resources/views/templates/books/sections/features.blade.php
+++ b/resources/views/templates/books/sections/features.blade.php
@@ -47,7 +47,7 @@
             'Veri Artırma & Setleri',
             'GANs ve Projeler'
         ],
-        'image' => 'assets/img/photos/tensorflow-book-real.jpg',
+        'image' => 'assets/img/photos/tensorflow-book-real.webp',
         'google_play_link' => 'https://play.google.com/store/books/details/%C3%9CM%C4%B0T_TUN%C3%87_TENSORFLOW_%C4%B0LE_DER%C4%B0N_%C3%96%C4%9ERENME?id=X8gqEAAAQBAJ'
       ],
       [
@@ -66,7 +66,7 @@
             'SSL & SEO',
             'Yönetim Paneli Geliştirme'
         ],
-        'image' => 'assets/img/photos/php-eticaret-book.jpg',
+        'image' => 'assets/img/photos/php-eticaret-book.webp',
         'google_play_link' => 'https://play.google.com/store/books/details/%C3%9Cmit_TUN%C3%87_PHP_%C4%B0LE_E_T%C4%B0CARET_KAPILARI?id=aPK3DwAAQBAJ'
       ],
       [
@@ -85,7 +85,7 @@
             'Timeline & Keyframe',
             'Render & Formatlar'
         ],
-        'image' => 'assets/img/photos/adobe-premiere-book.jpg',
+        'image' => 'assets/img/photos/adobe-premiere-book.webp',
         'google_play_link' => 'https://play.google.com/store/books/details/%C3%9Cmit_Tun%C3%A7_ADOBE_PREMIERE_PRO_CC?id=it1TDwAAQBAJ'
       ]
     ];
@@ -118,7 +118,7 @@
                     @endif
 
                     <figure class="!rounded-[.4rem] !mb-0 shadow-lg group overflow-hidden">
-                        <img class="!rounded-[.4rem] w-full h-auto object-cover transform group-hover:scale-105 transition-transform duration-500" src="{{ asset($book['image']) }}" alt="{{ $book['title'] }}">
+                        <img class="!rounded-[.4rem] w-full h-auto object-cover transform group-hover:scale-105 transition-transform duration-500" src="{{ asset($book['image']) }}" alt="{{ $book['title'] }}" loading="lazy">
                     </figure>
                 </div>
                 <!--/column -->
diff --git a/resources/views/templates/corporate/bank-accounts.blade.php b/resources/views/templates/corporate/bank-accounts.blade.php
index 462a7fa..cb57bb6 100644
--- a/resources/views/templates/corporate/bank-accounts.blade.php
+++ b/resources/views/templates/corporate/bank-accounts.blade.php
@@ -26,7 +26,7 @@
                         <div class="flex items-center justify-between mb-6">
                             @if(!empty($account['logo']))
                                 <div class="bg-gray-50 flex items-center justify-center p-2 rounded-lg" style="width: 120px; height: 60px;">
-                                    <img src="{{ asset('storage/' . $account['logo']) }}" class="img-fluid" style="max-height: 100%; max-width: 100%;" alt="{{ $account['bank_name'] }}">
+                                    <img src="{{ asset('storage/' . $account['logo']) }}" class="img-fluid" style="max-height: 100%; max-width: 100%;" alt="{{ $account['bank_name'] }}" loading="lazy">
                                 </div>
                             @else
                                 <div class="bg-primary/10 text-primary w-16 h-16 rounded-lg flex items-center justify-center text-2xl">
diff --git a/resources/views/templates/corporate/logos.blade.php b/resources/views/templates/corporate/logos.blade.php
index 3cc4ee2..f1e497e 100644
--- a/resources/views/templates/corporate/logos.blade.php
+++ b/resources/views/templates/corporate/logos.blade.php
@@ -88,7 +88,7 @@
                                                     <div class="absolute top-0 right-0 -mt-2 -mr-2 w-12 h-12 bg-primary/5 rounded-full blur-xl"></div>
                                                     <div class="absolute bottom-0 left-0 -mb-2 -ml-2 w-14 h-14 bg-blue-500/5 rounded-full blur-xl"></div>
                                                     
-                                                    <img src="{{ asset('storage/' . $logo['file']) }}" class="img-fluid relative z-10 drop-shadow-sm group-hover:scale-105 transition-transform duration-300" style="max-height: 80px;" alt="{{ $logo['label'] }}">
+                                                    <img src="{{ asset('storage/' . $logo['file']) }}" class="img-fluid relative z-10 drop-shadow-sm group-hover:scale-105 transition-transform duration-300" style="max-height: 80px;" alt="{{ $logo['label'] }}" loading="lazy">
                                                 </div>
                                                 <h5 class="mb-1 font-bold text-dark">{!! t($logo['label']) !!}</h5>
                                             </div>
diff --git a/resources/views/templates/corporate/online-payment.blade.php b/resources/views/templates/corporate/online-payment.blade.php
index 2513938..da00214 100644
--- a/resources/views/templates/corporate/online-payment.blade.php
+++ b/resources/views/templates/corporate/online-payment.blade.php
@@ -2,23 +2,24 @@
 
 @section('content')
 
-<section class="wrapper bg-white py-14 xl:py-20 relative">
+<section class="wrapper bg-white py-16 xl:py-20 relative">
     <div class="container">
+        <!-- Header -->
         <div class="row align-items-center mb-12">
             <div class="col-lg-8 mx-auto text-center">
-                <div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-orange-100 text-orange-600 text-sm font-bold mb-4">
-                    <i class="uil uil-shield-check text-lg"></i>
+                <div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-blue-50 text-blue-600 text-sm font-bold mb-6">
+                    <i class="uil uil-shield-check text-xl"></i>
                     {!! t('256-Bit SSL Güvenli Ödeme') !!}
                 </div>
-                <h1 class="display-3 font-bold text-slate-800 mb-3">{!! $page->title !!}</h1>
-                <p class="lead text-slate-500 max-w-2xl mx-auto">{!! $page->excerpt ?? t('Kredi kartınızla hızlı, kolay ve güvenli ödeme yapın.') !!}</p>
+                <h1 class="display-3 font-bold text-slate-800 mb-4">{!! $page->title !!}</h1>
+                <p class="text-lg text-slate-500 max-w-2xl mx-auto">{!! $page->excerpt ?? t('Kredi kartınızla hızlı, kolay ve güvenli ödeme yapın.') !!}</p>
             </div>
         </div>
 
         @if(session('success'))
-        <div class="row mb-8">
-            <div class="col-lg-8 mx-auto">
-                <div class="alert alert-success bg-green-100 text-green-700 border-green-200 rounded-xl p-4 flex items-center gap-3">
+        <div class="row mb-10">
+            <div class="col-lg-6 mx-auto">
+                <div class="alert alert-success bg-green-50 text-green-700 border-green-100 rounded-2xl p-5 flex items-start gap-4 shadow-sm">
                     <i class="uil uil-check-circle text-2xl"></i>
                     <div>
                         <h4 class="font-bold text-lg mb-1">{!! t('Ödeme Başarılı!') !!}</h4>
@@ -30,9 +31,9 @@
         @endif
 
         @if(session('error'))
-        <div class="row mb-8">
-            <div class="col-lg-8 mx-auto">
-                <div class="alert alert-danger bg-red-100 text-red-700 border-red-200 rounded-xl p-4 flex items-center gap-3">
+        <div class="row mb-10">
+            <div class="col-lg-6 mx-auto">
+                <div class="alert alert-danger bg-red-50 text-red-700 border-red-100 rounded-2xl p-5 flex items-start gap-4 shadow-sm">
                     <i class="uil uil-exclamation-triangle text-2xl"></i>
                     <div>
                         <h4 class="font-bold text-lg mb-1">{!! t('Ödeme Başarısız!') !!}</h4>
@@ -44,14 +45,14 @@
         @endif
 
         @if($errors->any())
-        <div class="row mb-8">
-            <div class="col-lg-8 mx-auto">
-                <div class="alert alert-danger p-4 rounded-xl border border-red-200 bg-red-50" style="background-color: #fef2f2 !important; border-color: #fecaca !important;">
-                    <div class="flex items-center gap-3 mb-2" style="color: #dc2626 !important;">
+        <div class="row mb-10">
+            <div class="col-lg-6 mx-auto">
+                <div class="alert alert-danger p-5 rounded-2xl border border-red-100 bg-red-50 shadow-sm">
+                    <div class="flex items-center gap-3 mb-3 text-red-700">
                         <i class="uil uil-exclamation-triangle text-2xl"></i>
-                        <h4 class="font-bold text-lg mb-0" style="color: #dc2626 !important;">{!! t('Lütfen Bilgileri Kontrol Ediniz') !!}</h4>
+                        <h4 class="font-bold text-lg mb-0">{!! t('Lütfen Bilgileri Kontrol Ediniz') !!}</h4>
                     </div>
-                    <ul class="list-disc pl-10 mb-0 font-medium" style="color: #dc2626 !important;">
+                    <ul class="list-disc pl-11 mb-0 font-medium text-red-600 space-y-1">
                         @foreach ($errors->all() as $error)
                             <li>{{ $error }}</li>
                         @endforeach
@@ -62,11 +63,11 @@
         @endif
 
         <div class="row justify-content-center">
-            <div class="col-lg-10 col-xl-9">
+            <div class="col-lg-12 col-xl-10">
                 @if(isset($paytr_token))
-                <div class="card shadow-lg border-0 rounded-3xl overflow-hidden relative" style="min-height: 500px;">
-                     <!-- Üst Turuncu Çizgi -->
-                     <div class="absolute top-0 left-0 w-full h-2 bg-gradient-to-r from-orange-500 to-amber-500"></div>
+                <div class="card shadow-xl border-0 rounded-3xl overflow-hidden relative" style="min-height: 500px;">
+                     <!-- Header Line -->
+                     <div class="absolute top-0 left-0 w-full h-1.5 bg-gradient-to-r from-blue-500 to-blue-600"></div>
                      <div class="card-body p-4 bg-white">
                         <script src="https://www.paytr.com/js/iframeResizer.min.js"></script>
                         <iframe src="https://www.paytr.com/odeme/guvenli/{!! $paytr_token !!}" id="paytriframe" frameborder="0" scrolling="no" style="width: 100%;"></iframe>
@@ -74,125 +75,131 @@
                      </div>
                 </div>
                 @else
-                <div class="card shadow-lg border-0 rounded-3xl overflow-hidden relative">
-                    <!-- Üst Turuncu Çizgi -->
-                    <div class="absolute top-0 left-0 w-full h-2 bg-gradient-to-r from-orange-500 to-amber-500"></div>
+                
+                <div class="max-w-xl mx-auto">
+                    <!-- Tabs -->
+                    <div class="flex justify-center mb-8">
+                        <div class="bg-gray-100 p-1.5 rounded-full inline-flex">
+                            <button type="button" class="px-8 py-3 rounded-full text-blue-700 bg-white shadow-sm font-bold text-sm transition-all">
+                                {!! t('KART İLE ÖDEME') !!}
+                            </button>
+                            <a href="{{ url('banka-bilgilerimiz') }}" class="px-8 py-3 rounded-full text-gray-500 font-medium hover:text-gray-700 text-sm transition-colors flex items-center justify-center">
+                                 {!! t('DİĞER YÖNTEMLER') !!}
+                            </a>
+                        </div>
+                    </div>
 
-                    <div class="card-body p-0">
+                    <div class="bg-white rounded-[2rem] shadow-2xl shadow-blue-900/5 border border-gray-100 overflow-hidden relative">
+                        <!-- Top Line -->
+                        <div class="absolute top-0 left-0 w-full h-1.5 bg-blue-600"></div>
 
-
-                        <form action="{{ route('payment.process') }}" method="POST">
-                            @csrf
-                            <input type="hidden" name="payment_type" value="online">
-
-                            <div class="row g-0">
-                                <!-- Sol Taraf: Ödeme Formu -->
-                                <div class="col-lg-7 p-8 md:p-10 bg-white">
-                                    <h3 class="h4 mb-6 text-slate-800 font-bold flex items-center gap-2">
-                                        <div class="w-8 h-8 rounded-full bg-orange-100 flex items-center justify-center text-orange-600 text-sm">1</div>
-                                        {!! t('Kart Sahibi Bilgileri') !!}
-                                    </h3>
-
-                                    <div class="row g-4">
-                                        <div class="col-md-6">
-                                            <div class="mb-3">
-                                                <label for="name" class="form-label text-slate-700 font-bold mb-2">{!! t('Adınız') !!}</label>
-                                                <input type="text" name="name" class="form-control bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-orange-500 focus:border-orange-500 block w-full p-3 @error('name') border-red-500 @enderror" id="name" placeholder="{!! t('Adınızı Giriniz') !!}" value="{{ old('name') }}">
-                                                @error('name') <div class="text-red-600 text-sm mt-1 font-medium">{{ $message }}</div> @enderror
-                                            </div>
-                                        </div>
-                                        <div class="col-md-6">
-                                            <div class="mb-3">
-                                                <label for="surname" class="form-label text-slate-700 font-bold mb-2">{!! t('Soyadınız') !!}</label>
-                                                <input type="text" name="surname" class="form-control bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-orange-500 focus:border-orange-500 block w-full p-3 @error('surname') border-red-500 @enderror" id="surname" placeholder="{!! t('Soyadınızı Giriniz') !!}" value="{{ old('surname') }}">
-                                                @error('surname') <div class="text-red-600 text-sm mt-1 font-medium">{{ $message }}</div> @enderror
-                                            </div>
-                                        </div>
-                                        <div class="col-md-6">
-                                            <div class="mb-3">
-                                                <label for="email" class="form-label text-slate-700 font-bold mb-2">{!! t('E-Posta Adresi') !!}</label>
-                                                <input type="email" name="email" class="form-control bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-orange-500 focus:border-orange-500 block w-full p-3 @error('email') border-red-500 @enderror" id="email" placeholder="{!! t('E-Posta Adresinizi Giriniz') !!}" value="{{ old('email') }}">
-                                                @error('email') <div class="text-red-600 text-sm mt-1 font-medium">{{ $message }}</div> @enderror
-                                            </div>
-                                        </div>
-                                        <div class="col-md-6">
-                                            <div class="mb-3">
-                                                <label for="phone" class="form-label text-slate-700 font-bold mb-2">{!! t('Telefon Numarası') !!}</label>
-                                                <input type="tel" name="phone" class="form-control bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-orange-500 focus:border-orange-500 block w-full p-3 @error('phone') border-red-500 @enderror" id="phone" placeholder="{!! t('Telefon Numaranızı Giriniz') !!}" value="{{ old('phone') }}">
-                                                @error('phone') <div class="text-red-600 text-sm mt-1 font-medium">{{ $message }}</div> @enderror
-                                            </div>
-                                        </div>
-                                        <div class="col-12">
-                                            <div class="mb-3">
-                                                <label for="address" class="form-label text-slate-700 font-bold mb-2">{!! t('Ödeme Açıklaması / Not') !!}</label>
-                                                <textarea name="address" class="form-control bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-orange-500 focus:border-orange-500 block w-full p-3 @error('address') border-red-500 @enderror" id="address" placeholder="{!! t('Varsa notunuzu buraya yazabilirsiniz...') !!}" style="height: 100px;">{{ old('address') }}</textarea>
-                                                @error('address') <div class="text-red-600 text-sm mt-1 font-medium">{{ $message }}</div> @enderror
-                                            </div>
+                        <div class="p-8 md:p-10">
+                            <form action="{{ route('payment.process') }}" method="POST">
+                                @csrf
+                                <input type="hidden" name="payment_type" value="online">
+                                
+                                <div class="space-y-6">
+                                    <!-- Name -->
+                                    <div class="relative group">
+                                        <div class="absolute inset-y-0 left-0 pl-5 flex items-center pointer-events-none">
+                                            <i class="uil uil-user text-gray-400 group-focus-within:text-blue-600 transition-colors text-xl"></i>
                                         </div>
+                                        <input type="text" name="name" class="block w-full pl-14 pr-5 py-4 bg-white border border-gray-200 rounded-xl text-gray-800 placeholder-gray-400 focus:outline-none focus:border-blue-500 focus:ring-4 focus:ring-blue-500/10 transition-all font-medium shadow-sm" placeholder="{!! t('Adınız') !!}" value="{{ old('name') }}" required>
                                     </div>
-                                    
-                                    <div class="mt-8 pt-6 border-t border-slate-100">
-                                        <div class="form-check">
-                                            <input class="form-check-input border-slate-300 checked:bg-orange-500 checked:border-orange-500 focus:ring-orange-200 @error('agreement') border-red-500 @enderror" type="checkbox" name="agreement" value="1" id="policyCheck" {{ old('agreement') ? 'checked' : '' }}>
-                                            <label class="form-check-label text-sm text-slate-500" for="policyCheck">
-                                                {!! t('<a href="#" class="text-orange-600 hover:text-orange-700 font-medium">Mesafeli Satış Sözleşmesi</a>\'ni okudum, onaylıyorum.') !!}
-                                            </label>
-                                            @error('agreement') <div class="text-red-600 text-sm mt-1 font-medium">{{ $message }}</div> @enderror
+                                    @error('name') <div class="text-red-500 text-xs ml-2 mt-1 font-medium">{{ $message }}</div> @enderror
+
+                                    <!-- Surname -->
+                                    <div class="relative group">
+                                        <div class="absolute inset-y-0 left-0 pl-5 flex items-center pointer-events-none">
+                                            <i class="uil uil-user text-gray-400 group-focus-within:text-blue-600 transition-colors text-xl"></i>
                                         </div>
+                                        <input type="text" name="surname" value="{{ old('surname') }}" class="block w-full pl-14 pr-5 py-4 bg-white border border-gray-200 rounded-xl text-gray-800 placeholder-gray-400 focus:outline-none focus:border-blue-500 focus:ring-4 focus:ring-blue-500/10 transition-all font-medium shadow-sm" placeholder="{!! t('Soyadınız') !!}" required>
+                                    </div>
+                                    @error('surname') <div class="text-red-500 text-xs ml-2 mt-1 font-medium">{{ $message }}</div> @enderror
+
+                                    <!-- Email -->
+                                    <div class="relative group">
+                                        <div class="absolute inset-y-0 left-0 pl-5 flex items-center pointer-events-none">
+                                            <i class="uil uil-envelope text-gray-400 group-focus-within:text-blue-600 transition-colors text-xl"></i>
+                                        </div>
+                                        <input type="email" name="email" class="block w-full pl-14 pr-5 py-4 bg-white border border-gray-200 rounded-xl text-gray-800 placeholder-gray-400 focus:outline-none focus:border-blue-500 focus:ring-4 focus:ring-blue-500/10 transition-all font-medium shadow-sm" placeholder="{!! t('E-Posta Adresi') !!}" value="{{ old('email') }}" required>
+                                    </div>
+                                    @error('email') <div class="text-red-500 text-xs ml-2 mt-1 font-medium">{{ $message }}</div> @enderror
+
+                                    <!-- Phone -->
+                                    <div class="relative group">
+                                        <div class="absolute inset-y-0 left-0 pl-5 flex items-center pointer-events-none">
+                                            <i class="uil uil-phone text-gray-400 group-focus-within:text-blue-600 transition-colors text-xl"></i>
+                                        </div>
+                                        <input type="tel" name="phone" class="block w-full pl-14 pr-5 py-4 bg-white border border-gray-200 rounded-xl text-gray-800 placeholder-gray-400 focus:outline-none focus:border-blue-500 focus:ring-4 focus:ring-blue-500/10 transition-all font-medium shadow-sm" placeholder="{!! t('Telefon Numarası') !!}" value="{{ old('phone') }}" required>
+                                    </div>
+                                    @error('phone') <div class="text-red-500 text-xs ml-2 mt-1 font-medium">{{ $message }}</div> @enderror
+
+                                    <!-- Note -->
+                                    <div class="relative group">
+                                        <div class="absolute top-4 left-0 pl-5 flex pointer-events-none">
+                                            <i class="uil uil-comment-alt-notes text-gray-400 group-focus-within:text-blue-600 transition-colors text-xl"></i>
+                                        </div>
+                                        <textarea name="address" rows="3" class="block w-full pl-14 pr-5 py-4 bg-white border border-gray-200 rounded-xl text-gray-800 placeholder-gray-400 focus:outline-none focus:border-blue-500 focus:ring-4 focus:ring-blue-500/10 transition-all font-medium shadow-sm resize-none" placeholder="{!! t('Sipariş Notunuz (Opsiyonel)') !!}">{{ old('address') }}</textarea>
+                                    </div>
+                                </div>
+                                
+                                <!-- Agreement -->
+                                <div class="mt-6 flex items-start gap-3">
+                                    <div class="flex items-center pt-0.5">
+                                        <input id="agreement" name="agreement" type="checkbox" value="1" 
+                                            class="cursor-pointer" 
+                                            style="appearance: auto !important; -webkit-appearance: auto !important; width: 20px; height: 20px; accent-color: #1e3a8a;" 
+                                            {{ old('agreement') ? 'checked' : '' }} required>
+                                    </div>
+                                    <div class="ml-1 text-sm">
+                                        <label for="agreement" class="font-medium text-gray-700 select-none cursor-pointer">
+                                            <span class="text-blue-900 font-bold hover:underline" onclick="event.preventDefault(); document.getElementById('agreementModal').classList.remove('hidden');">
+                                                Mesafeli Satış Sözleşmesi
+                                            </span>'ni okudum, onaylıyorum.
+                                        </label>
+                                        @error('agreement') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
                                     </div>
                                 </div>
 
-                                <!-- Sağ Taraf: Özet ve Tutar -->
-                                <div class="col-lg-5 bg-slate-50 p-8 md:p-10 border-l border-slate-100 flex flex-col justify-between">
-                                    <div>
-                                        <h3 class="h4 mb-6 text-slate-800 font-bold flex items-center gap-2">
-                                            <div class="w-8 h-8 rounded-full bg-slate-200 flex items-center justify-center text-slate-600 text-sm">2</div>
-                                            {!! t('Ödeme Tutarı') !!}
-                                        </h3>
-                                        
-                                        <div class="bg-white p-6 rounded-2xl border border-slate-200 shadow-sm text-center mb-6">
-                                            <label class="block text-xs font-bold text-slate-400 uppercase tracking-wider mb-2">{!! t('TOPLAM TUTAR') !!}</label>
-                                            <div class="relative inline-block w-full">
-                                                <span class="absolute left-4 top-1/2 -translate-y-1/2 text-2xl font-bold text-orange-500">₺</span>
-                                                <input type="number" step="0.01" min="1" name="price" class="form-control border-0 bg-transparent text-center text-4xl font-bold text-slate-800 p-0 focus:ring-0 focus:shadow-none w-full @error('price') text-red-500 @enderror" placeholder="0.00" id="amount" value="{{ old('price') }}">
-                                            </div>
-                                            @error('price') <div class="text-red-600 text-xs mt-1 font-medium">{{ $message }}</div> @enderror
-                                        </div>
+                                <div class="my-8 border-t border-gray-100"></div>
 
-                                        <div class="space-y-3 opacity-70">
-                                            <div class="flex items-center gap-3 text-sm text-slate-600">
-                                                <i class="uil uil-check-circle text-green-500 text-lg"></i>
-                                                <span>{!! t('Komisyonsuz İşlem') !!}</span>
-                                            </div>
-                                            <div class="flex items-center gap-3 text-sm text-slate-600">
-                                                <i class="uil uil-check-circle text-green-500 text-lg"></i>
-                                                <span>{!! t('3D Secure ile Maksimum Güvenlik') !!}</span>
-                                            </div>
-                                        </div>
-                                    </div>
-
-                                    <div class="mt-8">
-                                        <button type="submit" class="btn w-full rounded-xl py-3 px-6 text-white font-bold text-lg shadow-lg hover:-translate-y-1 transition-all duration-300 flex items-center justify-center gap-2" style="background-color: #dc2626 !important; color: #ffffff !important; box-shadow: 0 4px 6px -1px rgba(220, 38, 38, 0.5);">
-                                            <i class="uil uil-padlock"></i>
-                                            <span>{!! t('ÖDEMEYİ TAMAMLA') !!}</span>
-                                        </button>
-                                        
-                                        <div class="mt-6 flex justify-center gap-4 opacity-50 grayscale hover:grayscale-0 transition-all duration-300">
-                                            <i class="uil uil-master-card text-3xl"></i>
-                                            <i class="uil uil-visa text-3xl"></i>
-                                            <i class="uil uil-card-atm text-3xl"></i>
+                                <!-- Total Amount Row -->
+                                <div class="flex items-end justify-between mb-8 bg-blue-50/50 p-6 rounded-2xl border border-blue-50">
+                                    <div class="text-blue-900 font-bold text-lg mb-1">{!! t('Ödenecek Tutar') !!}</div>
+                                    <div class="text-right">
+                                        <div class="flex items-center justify-end gap-1">
+                                            <input type="number" step="0.01" min="1" name="price" class="bg-transparent border-none text-right font-black text-4xl text-blue-600 p-0 focus:ring-0 w-48 placeholder-blue-300 transition-all outline-none" placeholder="0.00" value="{{ old('price') }}" required>
+                                            <span class="font-bold text-blue-400 text-2xl mb-1">TL</span>
                                         </div>
+                                        @error('price') <div class="text-red-500 text-xs mt-1 font-medium">{{ $message }}</div> @enderror
                                     </div>
                                 </div>
-                            </div>
-                        </form>
+
+                                <!-- Submit Button -->
+                                <button type="submit" class="w-full py-5 bg-orange-600 hover:bg-orange-700 text-white font-bold text-lg rounded-full shadow-xl shadow-orange-200/50 hover:shadow-orange-600/30 hover:-translate-y-1 active:translate-y-0 transition-all duration-300 flex items-center justify-center gap-3">
+                                    <span>{!! t('Ödemeyi Tamamla') !!}</span>
+                                    <i class="uil uil-arrow-right text-2xl"></i>
+                                </button>
+                                
+                                <div class="mt-6 text-center">
+                                    <div class="flex justify-center gap-2 opacity-30 grayscale hover:grayscale-0 transition-all duration-300">
+                                        <i class="uil uil-master-card text-2xl"></i>
+                                        <i class="uil uil-visa text-2xl"></i>
+                                        <i class="uil uil-card-atm text-2xl"></i>
+                                    </div>
+                                </div>
+
+                            </form>
+                        </div>
                     </div>
                 </div>
+                
                 @endif
 
                 @if($page->content)
-                <div class="mt-14 text-center">
-                    <div class="prose max-w-3xl mx-auto text-slate-600">
+                <div class="mt-20 text-center">
+                    <div class="prose max-w-3xl mx-auto text-slate-500">
                         {!! $page->content !!}
                     </div>
                 </div>
@@ -201,6 +208,63 @@
             </div>
         </div>
     </div>
+
+    <!-- Agreement Modal (Top-Spaced) -->
+    <div id="agreementModal" class="fixed inset-0 hidden" style="z-index: 99999;" aria-labelledby="modal-title" role="dialog" aria-modal="true">
+        <!-- Backdrop -->
+        <div class="absolute inset-0 bg-black/75 transition-opacity backdrop-blur-sm" aria-hidden="true" onclick="document.getElementById('agreementModal').classList.add('hidden')"></div>
+
+        <!-- Modal Dialog Layout -->
+        <div class="absolute inset-0 overflow-y-auto">
+            <!-- Changed from 'items-center' to 'items-start' and added 'pt-20' for top spacing -->
+            <div class="flex min-h-full items-start justify-center p-4 text-center pt-24 sm:pt-32">
+                <!-- Modal Panel -->
+                <div class="relative w-full max-w-xl transform overflow-hidden rounded-2xl bg-white text-left shadow-2xl transition-all mb-10" style="background-color: #ffffff;">
+                    
+                    <!-- Header -->
+                    <div class="flex items-center justify-between border-b border-gray-100 bg-gray-50 px-6 py-4">
+                        <h3 class="text-lg font-bold leading-6 text-gray-900" id="modal-title">
+                            {!! t('Mesafeli Satış Sözleşmesi') !!}
+                        </h3>
+                        <button type="button" onclick="document.getElementById('agreementModal').classList.add('hidden')" class="rounded-full p-1 text-gray-400 hover:bg-gray-200 hover:text-gray-500 focus:outline-none transition-colors">
+                            <i class="uil uil-times text-2xl"></i>
+                        </button>
+                    </div>
+
+                    <!-- Body -->
+                    <div class="px-6 py-6">
+                        <div class="text-sm text-gray-600 max-h-[60vh] overflow-y-auto space-y-4 pr-2 custom-scrollbar">
+                            <p class="font-bold text-gray-900">MADDE 1 – TARAFLAR</p>
+                            <p>İşbu Sözleşme aşağıdaki taraflar arasında aşağıda belirtilen hüküm ve şartlar çerçevesinde imzalanmıştır.</p>
+                            
+                            <p class="font-bold text-gray-900">MADDE 2 – KONU</p>
+                            <p>İşbu sözleşmenin konusu, ALICI'nın SATICI'ya ait internet sitesinden elektronik ortamda siparişini yaptığı aşağıda nitelikleri ve satış fiyatı belirtilen ürünün satışı ve teslimi ile ilgili olarak 6502 sayılı Tüketicinin Korunması Hakkında Kanun ve Mesafeli Sözleşmelere Dair Yönetmelik hükümleri gereğince tarafların hak ve yükümlülüklerinin saptanmasıdır.</p>
+                            
+                            <p class="font-bold text-gray-900">MADDE 3 – CAYMA HAKKI</p>
+                            <p>ALICI; mal satışına ilişkin mesafeli sözleşmelerde, ürünün kendisine veya gösterdiği adresteki kişi/kuruluşa teslim tarihinden itibaren 14 (on dört) gün içerisinde hiçbir hukuki ve cezai sorumluluk üstlenmeksizin ve hiçbir gerekçe göstermeksizin malı reddederek sözleşmeden cayma hakkını kullanabilir.</p>
+                            <p>...</p>
+                        </div>
+                    </div>
+
+                    <!-- Footer -->
+                    <div class="flex flex-col-reverse gap-3 border-t border-gray-100 bg-gray-50 px-6 py-4 sm:flex-row sm:justify-end">
+                        <button type="button" onclick="document.getElementById('agreementModal').classList.add('hidden')" 
+                            class="inline-flex w-full justify-center items-center px-6 py-3 text-sm font-bold shadow-md hover:shadow-xl hover:-translate-y-1 focus:outline-none sm:w-auto" 
+                            style="background-color: #dc2626 !important; color: #ffffff !important; border-radius: 9999px !important; transition: all 0.3s ease !important;">
+                            {!! t('Kapat') !!}
+                        </button>
+                        <button type="button" onclick="document.getElementById('agreement').checked = true; document.getElementById('agreementModal').classList.add('hidden');" 
+                            class="inline-flex w-full justify-center items-center px-6 py-3 text-sm font-bold shadow-md hover:shadow-xl hover:-translate-y-1 focus:outline-none sm:w-auto" 
+                            style="background-color: #16a34a !important; color: #ffffff !important; border-radius: 9999px !important; transition: all 0.3s ease !important;">
+                            <i class="uil uil-check mr-2 text-lg"></i>
+                            {!! t('Okudum, Onaylıyorum') !!}
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
 </section>
 
 @endsection
diff --git a/resources/views/templates/corporate/partners.blade.php b/resources/views/templates/corporate/partners.blade.php
index c0174d5..a97f02c 100644
--- a/resources/views/templates/corporate/partners.blade.php
+++ b/resources/views/templates/corporate/partners.blade.php
@@ -18,7 +18,7 @@
                                  @if(!empty($partner['url']))
                                     <a href="{{ $partner['url'] }}" target="_blank" rel="nofollow" class="block">
                                  @endif
-                                    <img class="!w-full !h-auto" src="{{ asset('storage/' . $partner['logo']) }}" alt="Partner">
+                                    <img class="!w-full !h-auto" src="{{ asset('storage/' . $partner['logo']) }}" alt="Partner" loading="lazy">
                                  @if(!empty($partner['url']))
                                     </a>
                                  @endif
@@ -28,9 +28,9 @@
                           
                           {{-- Fallback for design preview if no data exists --}}
                           @if(empty($partners))
-                              <div class="swiper-slide px-5"><img class="!w-full !h-auto" src="../../assets/img/brands/c1.png" alt="image"></div>
-                              <div class="swiper-slide px-5"><img class="!w-full !h-auto" src="../../assets/img/brands/c2.png" alt="image"></div>
-                              <div class="swiper-slide px-5"><img class="!w-full !h-auto" src="../../assets/img/brands/c3.png" alt="image"></div>
+                              <div class="swiper-slide px-5"><img class="!w-full !h-auto" src="../../assets/img/brands/c1.webp" alt="image" loading="lazy"></div>
+                              <div class="swiper-slide px-5"><img class="!w-full !h-auto" src="../../assets/img/brands/c2.webp" alt="image" loading="lazy"></div>
+                              <div class="swiper-slide px-5"><img class="!w-full !h-auto" src="../../assets/img/brands/c3.webp" alt="image" loading="lazy"></div>
                           @endif
 
                         </div>
diff --git a/resources/views/templates/corporate/testimonials.blade.php b/resources/views/templates/corporate/testimonials.blade.php
index 427b5e8..51e8410 100644
--- a/resources/views/templates/corporate/testimonials.blade.php
+++ b/resources/views/templates/corporate/testimonials.blade.php
@@ -3,12 +3,12 @@
 @section('content')
 
 {{-- Unified Hero & Testimonials Section --}}
-<section id="testimonials-hero" class="wrapper image-wrapper bg-image bg-overlay bg-overlay-500" data-image-src="{{ asset('assets/img/photos/bg1.jpg') }}">
+<section id="testimonials-hero" class="wrapper image-wrapper bg-image bg-overlay bg-overlay-500" data-image-src="{{ asset('assets/img/photos/bg1.webp') }}">
     
     {{-- Inline style scoped to this ID --}}
     <style>
         #testimonials-hero.bg-image[data-image-src] {
-            background-image: url("{{ asset('assets/img/photos/bg1.jpg') }}");
+            background-image: url("{{ asset('assets/img/photos/bg1.webp') }}");
         }
     </style>
 
@@ -50,7 +50,7 @@
                                         <div class="flex items-center text-left mt-6">
                                             @if($testimonial->avatar)
                                             <div class="avatar w-12 h-12 !mr-4">
-                                                <img src="{{ asset('storage/' . $testimonial->avatar) }}" class="!rounded-[50%] w-full h-full object-cover" alt="{{ $testimonial->name }}">
+                                                <img src="{{ asset('storage/' . $testimonial->avatar) }}" class="!rounded-[50%] w-full h-full object-cover" alt="{{ $testimonial->name }}" loading="lazy">
                                             </div>
                                             @endif
                                             <div class="info p-0">
diff --git a/resources/views/templates/home/carousel.blade.php b/resources/views/templates/home/carousel.blade.php
index ccc7829..50d3fb8 100644
--- a/resources/views/templates/home/carousel.blade.php
+++ b/resources/views/templates/home/carousel.blade.php
@@ -9,7 +9,7 @@
         <div class="swiper-slide" style="margin-right: 40px;">
             <a href="{{ route('products.show', $product->slug) }}" class="block group relative">
                 <figure class="!rounded-[0.8rem] shadow-[rgba(30,34,40,0.02)_0_2px_1px,rgba(30,34,40,0.02)_0_4px_2px,rgba(30,34,40,0.02)_0_8px_4px,rgba(30,34,40,0.02)_0_16px_8px,rgba(30,34,40,0.03)_0_32px_16px] transition-transform duration-300 group-hover:scale-105">
-                    <img class="!rounded-[.8rem] h-[300px] w-auto object-cover" src="{{ asset('storage/' . $product->hero_image) }}" alt="{{ $product->translate('title') }}">
+                    <img loading="lazy" class="!rounded-[.8rem] h-[300px] w-auto object-cover" src="{{ asset('storage/' . $product->hero_image) }}" alt="{{ $product->translate('title') }}">
                 </figure>
                 <!-- Tooltip -->
                 <div class="absolute bottom-2 left-1/2 transform -translate-x-1/2 px-3 py-1 bg-black/80 backdrop-blur-sm text-white text-xs rounded opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none whitespace-nowrap z-20">
@@ -29,7 +29,7 @@
         <div class="swiper-slide" style="margin-left: 40px;">
              <a href="{{ route('products.show', $product->slug) }}" class="block group relative">
                 <figure class="!rounded-[0.8rem] shadow-[rgba(30,34,40,0.02)_0_2px_1px,rgba(30,34,40,0.02)_0_4px_2px,rgba(30,34,40,0.02)_0_8px_4px,rgba(30,34,40,0.02)_0_16px_8px,rgba(30,34,40,0.03)_0_32px_16px] transition-transform duration-300 group-hover:scale-105">
-                    <img class="!rounded-[.8rem] h-[300px] w-auto object-cover" src="{{ asset('storage/' . $product->hero_image) }}" alt="{{ $product->translate('title') }}">
+                    <img loading="lazy" class="!rounded-[.8rem] h-[300px] w-auto object-cover" src="{{ asset('storage/' . $product->hero_image) }}" alt="{{ $product->translate('title') }}">
                 </figure>
                  <!-- Tooltip -->
                  <div class="absolute bottom-2 left-1/2 transform -translate-x-1/2 px-3 py-1 bg-black/80 backdrop-blur-sm text-white text-xs rounded opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none whitespace-nowrap z-20">
diff --git a/resources/views/templates/home/contact.blade.php b/resources/views/templates/home/contact.blade.php
index 5669031..3eb9e4b 100644
--- a/resources/views/templates/home/contact.blade.php
+++ b/resources/views/templates/home/contact.blade.php
@@ -2,7 +2,7 @@
 <div class="container pt-20 pb-20 xl:pb-28 lg:pb-28 md:pb-28">
 	<div class="flex flex-wrap mx-[-7.5px] !mt-[-50px] !mb-[5rem] xl:!mb-[8rem] lg:!mb-[8rem] md:!mb-[8rem]  items-center">
 		<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] px-[7.5px] !mt-[50px] max-w-full">
-		  <figure class="m-0 p-0"><img class="w-auto" src="assets/img/illustrations/3d3.png" alt="image"></figure>
+		  <figure class="m-0 p-0"><img class="w-auto" src="assets/img/illustrations/3d3.webp" alt="image" loading="lazy"></figure>
 		</div>
 		<!--/column -->
 		<div class="xl:w-5/12 lg:w-5/12 w-full flex-[0_0_auto] px-[7.5px] !mt-[50px] max-w-full xl:!ml-[8.33333333%] lg:!ml-[8.33333333%]">
diff --git a/resources/views/templates/home/hero.blade.php b/resources/views/templates/home/hero.blade.php
index 5d206fb..423ee75 100644
--- a/resources/views/templates/home/hero.blade.php
+++ b/resources/views/templates/home/hero.blade.php
@@ -1,4 +1,4 @@
-<section class="wrapper image-wrapper bg-image bg-overlay bg-overlay-300 !bg-fixed bg-no-repeat bg-[center_center] bg-cover relative z-0 before:content-[''] before:block before:absolute before:z-[1] before:w-full before:h-full before:left-0 before:top-0 before:bg-[rgba(30,34,40,.3)]" data-image-src="./assets/img/photos/bg16.png" style="background-image: url('./assets/img/photos/bg16.png');">
+<section class="wrapper image-wrapper bg-image bg-overlay bg-overlay-300 !bg-fixed bg-no-repeat bg-[center_center] bg-cover relative z-0 before:content-[''] before:block before:absolute before:z-[1] before:w-full before:h-full before:left-0 before:top-0 before:bg-[rgba(30,34,40,.3)]" data-image-src="./assets/img/photos/bg16.webp" style="background-image: url('./assets/img/photos/bg16.webp');">
 	<div class="container pt-28 pb-36 xl:pt-32 lg:pt-32 md:pt-32 xl:pb-28 lg:pb-28 md:pb-28 !text-center">
 	<div class="flex flex-wrap mx-[-15px]">
 		<div class="lg:w-8/12 xl:w-7/12 xxl:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto" data-cues="slideInDown" data-group="page-title" data-disabled="true">
diff --git a/resources/views/templates/home/human-centered.blade.php b/resources/views/templates/home/human-centered.blade.php
index b41eefb..045d438 100644
--- a/resources/views/templates/home/human-centered.blade.php
+++ b/resources/views/templates/home/human-centered.blade.php
@@ -9,14 +9,14 @@
 		</div>
 		<!--/column -->
 		<div class="w-10/12 md:w-7/12 lg:w-6/12 xl:w-5/12 !mx-auto flex-[0_0_auto] !px-[15px] max-w-full xl:!ml-5 md:!px-[20px] lg:!px-[20px] xl:!px-[35px] !mt-[50px]">
-			<img class="max-w-full h-auto !mb-[-3.5rem] md:!mb-[-4.5rem] lg:!mb-[-9rem] xl:!mb-[-9rem]" src="{{ setting('home_hero', asset('assets/img/illustrations/3d11.png')) }}" data-cue="fadeIn" data-delay="300" alt="image" data-show="true" style="animation-name: fadeIn; animation-duration: 700ms; animation-timing-function: ease; animation-delay: 300ms; animation-direction: normal; animation-fill-mode: both;">
+			<img class="max-w-full h-auto !mb-[-3.5rem] md:!mb-[-4.5rem] lg:!mb-[-9rem] xl:!mb-[-9rem]" src="{{ setting('home_hero', asset('assets/img/illustrations/3d11.webp')) }}" data-cue="fadeIn" data-delay="300" alt="image" data-show="true" style="animation-name: fadeIn; animation-duration: 700ms; animation-timing-function: ease; animation-delay: 300ms; animation-direction: normal; animation-fill-mode: both;" loading="lazy">
 		</div>
 		<!--/column -->
 		</div>
 		<!-- /.row -->
 	</div>
 	<!-- /.container -->
-	<figure class="m-0 p-0"><img class="w-full max-w-full !h-auto" src="{{ asset('assets/img/photos/clouds.png') }}" alt="image"></figure>
+	<figure class="m-0 p-0"><img class="w-full max-w-full !h-auto" src="{{ asset('assets/img/photos/clouds.webp') }}" alt="image" loading="lazy"></figure>
 </section>
 
 
diff --git a/resources/views/templates/home/services-grid.blade.php b/resources/views/templates/home/services-grid.blade.php
index b7ae87b..b341e94 100644
--- a/resources/views/templates/home/services-grid.blade.php
+++ b/resources/views/templates/home/services-grid.blade.php
@@ -6,7 +6,7 @@
 			<div class="xl:w-6/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
 			  <div class="flex flex-wrap mx-[-15px]">
 				<div class="w-full flex-[0_0_auto] !px-[15px] max-w-full">
-				  <figure class="!rounded-[.4rem] !mb-6"><img class="!rounded-[.4rem]" src="assets/img/photos/se1.jpg" alt="image"></figure>
+				  <figure class="!rounded-[.4rem] !mb-6"><img class="!rounded-[.4rem]" src="assets/img/photos/se1.webp" alt="image" loading="lazy"></figure>
 				</div>
 				<!-- /column -->
 				<div class="w-full flex-[0_0_auto] !px-[15px] max-w-full">
@@ -29,7 +29,7 @@
 			<div class="xl:w-6/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[30px]">
 			  <div class="flex flex-wrap mx-[-15px]">
 				<div class="w-full flex-[0_0_auto] !px-[15px] max-w-full xl:!order-2 lg:!order-2 md:!order-2">
-				  <figure class="!rounded-[.4rem] !mb-6 xl:!mb-0 lg:!mb-0 md:!mb-0"><img class="!rounded-[.4rem]" src="assets/img/photos/se2.jpg" alt="image"></figure>
+				  <figure class="!rounded-[.4rem] !mb-6 xl:!mb-0 lg:!mb-0 md:!mb-0"><img class="!rounded-[.4rem]" src="assets/img/photos/se2.webp" alt="image" loading="lazy"></figure>
 				</div>
 				<!-- /column -->
 				<div class="w-full flex-[0_0_auto] !px-[15px] max-w-full">
diff --git a/resources/views/templates/home/solutions.blade.php b/resources/views/templates/home/solutions.blade.php
index f5ea633..7040797 100644
--- a/resources/views/templates/home/solutions.blade.php
+++ b/resources/views/templates/home/solutions.blade.php
@@ -2,7 +2,7 @@
 <div class="container pt-20 pb-20 xl:pb-28 lg:pb-28 md:pb-28">
 	<div class="flex flex-wrap mx-[-7.5px] !mt-[-50px] xl:!mt-0 lg:!mt-0 !mb-20 xl:!mb-[7rem] lg:!mb-[7rem] md:!mb-[7rem] items-center">
 	<div class="xl:w-5/12 lg:w-5/12 w-full flex-[0_0_auto] max-w-full !mx-auto xl:!order-2 lg:!order-2 px-[7.5px] !mt-[50px] xl:!mt-0 lg:!mt-0">
-		<figure class="m-0 p-0"><img class="w-auto" src="{{ setting('home_solutions_image', asset('assets/img/illustrations/3d5.png')) }}" alt="image"></figure>
+		<figure class="m-0 p-0"><img class="w-auto" src="{{ setting('home_solutions_image', asset('assets/img/illustrations/3d5.webp')) }}" alt="image" loading="lazy"></figure>
 	</div>
 	<!--/column -->
 	<div class="xl:w-5/12 lg:w-5/12 w-full flex-[0_0_auto] max-w-full !mr-auto px-[7.5px] !mt-[50px] xl:!mt-0 lg:!mt-0">
diff --git a/resources/views/templates/home/testimonials.blade.php b/resources/views/templates/home/testimonials.blade.php
index ef41a9e..c665dde 100644
--- a/resources/views/templates/home/testimonials.blade.php
+++ b/resources/views/templates/home/testimonials.blade.php
@@ -12,7 +12,7 @@
 		<!-- /.row -->
 		<div class="flex flex-wrap mx-[-15px] xl:mx-[-35px] lg:mx-[-20px] items-center">
 		<div class="lg:w-5/12 xl:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !ml-auto hidden xl:!flex lg:!flex xl:!px-[35px] lg:!px-[20px]">
-			<div class="img-mask mask-3"><img src="{{ setting('home_testimonials_image', asset('assets/img/photos/about28.jpg')) }}" alt="image"></div>
+			<div class="img-mask mask-3"><img src="{{ setting('home_testimonials_image', asset('assets/img/photos/about28.webp')) }}" alt="image" loading="lazy"></div>
 		</div>
 		<!--/column -->
 		<div class="lg:w-6/12 xl:w-6/12 xxl:w-5/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mr-auto xl:!px-[35px] lg:!px-[20px]">
diff --git a/resources/views/templates/home/why-choose-us-features.blade.php b/resources/views/templates/home/why-choose-us-features.blade.php
index 5d9a079..0c98b2c 100644
--- a/resources/views/templates/home/why-choose-us-features.blade.php
+++ b/resources/views/templates/home/why-choose-us-features.blade.php
@@ -2,7 +2,7 @@
 <div class="container pt-20 pb-20 xl:pb-28 lg:pb-28 md:pb-28">
 	<div class="flex flex-wrap mx-[-7.5px] !mt-[-50px] !mb-[4.5rem] xl:!mb-[6rem] lg:!mb-[6rem] md:!mb-[6rem] items-center">
 	<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] max-w-full px-[7.5px] !mt-[50px]">
-		<figure class="m-0 p-0"><img class="w-auto" src="{{ setting('home_why_choose_us_image', asset('assets/img/illustrations/3d8.png')) }}" alt="image"></figure>
+		<figure class="m-0 p-0"><img class="w-auto" src="{{ setting('home_why_choose_us_image', asset('assets/img/illustrations/3d8.webp')) }}" alt="image" loading="lazy"></figure>
 	</div>
 	<!--/column -->
 	<div class="xl:w-5/12 lg:w-5/12 w-full flex-[0_0_auto] max-w-full !ml-auto px-[7.5px] !mt-[50px]">
diff --git a/resources/views/templates/home/why-choose-us.blade.php b/resources/views/templates/home/why-choose-us.blade.php
index 34f86a0..6404fe9 100644
--- a/resources/views/templates/home/why-choose-us.blade.php
+++ b/resources/views/templates/home/why-choose-us.blade.php
@@ -36,7 +36,7 @@
 	<div class="tab-pane fade show active" id="tab2-1" role="tabpanel">
 		<div class="flex flex-wrap mx-[-15px] xl:mx-[-35px] lg:mx-[-20px] !mt-[-50px] items-center">
 		<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[50px] max-w-full">
-			<figure class="!rounded-[.4rem] !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"><img class="!rounded-[.4rem]" src="assets/img/photos/se5.jpg" alt="image"></figure>
+			<figure class="!rounded-[.4rem] !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"><img class="!rounded-[.4rem]" src="assets/img/photos/se5.webp" alt="image" loading="lazy"></figure>
 		</div>
 		<!--/column -->
 		<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[50px] max-w-full">
@@ -57,7 +57,7 @@
 	<div class="tab-pane fade" id="tab2-2" role="tabpanel">
 		<div class="flex flex-wrap mx-[-15px] xl:mx-[-35px] lg:mx-[-20px] !mt-[-50px] items-center">
 		<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[50px] max-w-full xl:!order-2 lg:!order-2">
-			<figure class="!rounded-[.4rem] !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"><img class="!rounded-[.4rem]" src="assets/img/photos/se6.jpg" alt="image"></figure>
+			<figure class="!rounded-[.4rem] !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"><img class="!rounded-[.4rem]" src="assets/img/photos/se6.webp" alt="image" loading="lazy"></figure>
 		</div>
 		<!--/column -->
 		<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[50px] max-w-full">
@@ -78,7 +78,7 @@
 	<div class="tab-pane fade" id="tab2-3" role="tabpanel">
 		<div class="flex flex-wrap mx-[-15px] xl:mx-[-35px] lg:mx-[-20px] !mt-[-50px] items-center">
 		<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[50px] max-w-full">
-			<figure class="!rounded-[.4rem] !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"><img class="!rounded-[.4rem]" src="assets/img/photos/se7.jpg" alt="image"></figure>
+			<figure class="!rounded-[.4rem] !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"><img class="!rounded-[.4rem]" src="assets/img/photos/se7.webp" alt="image" loading="lazy"></figure>
 		</div>
 		<!--/column -->
 		<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[35px] lg:!px-[20px] !mt-[50px] max-w-full">
diff --git a/resources/views/templates/iletisim.blade.php b/resources/views/templates/iletisim.blade.php
index 86679c2..4a5ccce 100644
--- a/resources/views/templates/iletisim.blade.php
+++ b/resources/views/templates/iletisim.blade.php
@@ -6,7 +6,7 @@
 @section('content')
 <div class="grow shrink-0">
     
-    <section class="wrapper image-wrapper bg-image bg-overlay bg-overlay-400 !text-white bg-no-repeat bg-[center_center] bg-cover relative z-0 !bg-fixed before:content-[''] before:block before:absolute before:z-[1] before:w-full before:h-full before:left-0 before:top-0 before:bg-[rgba(30,34,40,.4)]" data-image-src="../assets/img/photos/bg4.jpg" style="background-image: url(&quot;../assets/img/photos/bg4.jpg&quot;);">
+    <section class="wrapper image-wrapper bg-image bg-overlay bg-overlay-400 !text-white bg-no-repeat bg-[center_center] bg-cover relative z-0 !bg-fixed before:content-[''] before:block before:absolute before:z-[1] before:w-full before:h-full before:left-0 before:top-0 before:bg-[rgba(30,34,40,.4)]" data-image-src="../assets/img/photos/bg4.webp" style="background-image: url(&quot;../assets/img/photos/bg4.jpg&quot;);">
       <div class="container pt-28 pb-40 xl:pt-36 lg:pt-36 md:pt-36 xl:pb-[12.5rem] lg:pb-[12.5rem] md:pb-[12.5rem] !text-center">
         <div class="flex flex-wrap mx-[-15px]">
           <div class="xl:w-8/12 lg:w-8/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
@@ -156,7 +156,7 @@
       <!-- /.container -->
     </section>
     <!-- /section -->
-    <section class="wrapper image-wrapper bg-auto no-overlay bg-image !text-center bg-map bg-[center_center] bg-no-repeat !bg-scroll relative z-[0]" data-image-src="../assets/img/map.png" style="background-image: url(&quot;../assets/img/map.png&quot;);">
+    <section class="wrapper image-wrapper bg-auto no-overlay bg-image !text-center bg-map bg-[center_center] bg-no-repeat !bg-scroll relative z-[0]" data-image-src="../assets/img/map.webp" style="background-image: url(&quot;../assets/img/map.png&quot;);">
       <div class="container pt-0 pb-[4.5rem] xl:pt-24 lg:pt-24 md:pt-24 xl:pb-32 lg:pb-32 md:pb-32">
         <div class="flex flex-wrap mx-[-15px]">
           <div class="lg:w-9/12 xl:w-9/12 xxl:w-8/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
diff --git a/resources/views/templates/neler-yapariz-gsap/navigation.blade.php b/resources/views/templates/neler-yapariz-gsap/navigation.blade.php
index 686a8ad..503ac6b 100644
--- a/resources/views/templates/neler-yapariz-gsap/navigation.blade.php
+++ b/resources/views/templates/neler-yapariz-gsap/navigation.blade.php
@@ -1,7 +1,7 @@
 <nav data-module="nav" class="nav-w">
     <div class="nav">
         <div class="logo-banner-w">
-            <img class="logo-light" src="{{url("assets/img/truncgil-yatay.svg")}}" alt="image">
+            <img class="logo-light" src="{{url("assets/img/truncgil-yatay.svg")}}" alt="image" loading="lazy">
     </div>
     </div>
     <div class="overflow-w">
diff --git a/resources/views/templates/neler-yapariz-gsap/sections/flip.blade.php b/resources/views/templates/neler-yapariz-gsap/sections/flip.blade.php
index 1383d2a..79134bf 100644
--- a/resources/views/templates/neler-yapariz-gsap/sections/flip.blade.php
+++ b/resources/views/templates/neler-yapariz-gsap/sections/flip.blade.php
@@ -18,7 +18,7 @@
                         <h3 class="font-c size-md _w-ch">{{t("Yapay Zeka Uygulamaları")}}</h3>
                         <div class="abs-img">
                             <div class="dual-img">
-                                <img src="{{asset('assets/img/gsap/yapay-zeka.png')}}" loading="eager" alt="" class="dual-img-img">
+                                <img src="{{asset('assets/img/gsap/yapay-zeka.webp')}}" loading="eager" alt="" class="dual-img-img">
                               
                             </div>
                         </div>
@@ -30,7 +30,7 @@
                         <h3 class="font-c size-md _w-ch">{{t("Semantik Web")}}</h3>
                         <div class="abs-img">
                             <div class="dual-img">
-                                <img src="{{asset('assets/img/gsap/semantik-web.png')}}" loading="eager" alt="" class="dual-img-img">
+                                <img src="{{asset('assets/img/gsap/semantik-web.webp')}}" loading="eager" alt="" class="dual-img-img">
                             </div>
                         </div>
                     </div>
@@ -41,7 +41,7 @@
                         <h3 class="font-c size-md _w-ch">{{t("Parallax Web Sitesi")}}</h3>
                         <div class="abs-img">
                             <div class="dual-img">
-                                <img src="{{asset('assets/img/gsap/parallax-web-site.png')}}" loading="eager" alt="" class="dual-img-img">
+                                <img src="{{asset('assets/img/gsap/parallax-web-site.webp')}}" loading="eager" alt="" class="dual-img-img">
                             </div>
                         </div>
                     </div>
@@ -52,7 +52,7 @@
                         <h3 class="font-c size-md _w-ch">{{t("Nesnelerin İnterneti")}}</h3>
                         <div class="abs-img">
                             <div class="dual-img">
-                                <img src="{{asset('assets/img/gsap/iot.png')}}" loading="eager" alt="" class="dual-img-img">
+                                <img src="{{asset('assets/img/gsap/iot.webp')}}" loading="eager" alt="" class="dual-img-img">
                             </div>
                         </div>
                     </div>
@@ -63,7 +63,7 @@
                         <h3 class="font-c size-md _w-ch">Sequenced Motion</h3>
                         <div class="abs-img">
                             <div class="dual-img">
-                                <img src="{{asset('assets/img/gsap/yapay-zeka.png')}}" loading="eager" alt="" class="dual-img-img">
+                                <img src="{{asset('assets/img/gsap/yapay-zeka.webp')}}" loading="eager" alt="" class="dual-img-img">
                             </div>
                         </div>
                     </div>
@@ -74,7 +74,7 @@
                         <h3 class="font-c size-md _w-ch">FLEXIBLE LAYOUTS</h3>
                         <div class="abs-img">
                             <div class="dual-img">
-                                <img src="{{asset('assets/img/gsap/yapay-zeka.png')}}" loading="eager" alt="" class="dual-img-img">
+                                <img src="{{asset('assets/img/gsap/yapay-zeka.webp')}}" loading="eager" alt="" class="dual-img-img">
                             </div>
                         </div>
                     </div>
diff --git a/resources/views/templates/neler-yapariz/hero.blade.php b/resources/views/templates/neler-yapariz/hero.blade.php
index e75b797..ee4ab99 100644
--- a/resources/views/templates/neler-yapariz/hero.blade.php
+++ b/resources/views/templates/neler-yapariz/hero.blade.php
@@ -15,10 +15,10 @@
     <div class="container !pb-[4.5rem] xl:!pb-24 lg:!pb-24 md:!pb-24">
       <div class="flex flex-wrap mx-[-15px] !mb-8">
         <div class="w-full flex-[0_0_auto] !px-[15px] max-w-full !mt-[-10rem]">
-              <figure class="rounded-[0.4rem]"><img class="rounded-[0.4rem]" src="{{ $page->featured_image_url  }}" alt="{{ t('neler-yapariz.image_alt') }}"></figure>
+              <figure class="rounded-[0.4rem]"><img loading="lazy" class="rounded-[0.4rem]" src="{{ $page->featured_image_url }}" alt="{{ t('neler-yapariz.image_alt') }}"></figure>
           <div class="flex flex-wrap mx-[-15px]">
             <div class="xl:w-10/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
-              <div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-400 !text-white !mt-[-1.25rem] xl:!mt-0 lg:!mt-0  xl:-translate-y-2/4 lg:-translate-y-2/4 bg-cover [background-size:100%] bg-[center_center] bg-no-repeat !bg-scroll !relative z-0 before:rounded-[0.4rem] before:bg-[rgba(30,34,40,.4)] before:content-[''] before:block before:absolute before:z-[1] before:w-full before:h-full before:left-0 before:top-0" data-image-src="{{ asset('assets/img/photos/bg3.jpg') }}" style="background-image: url('{{ asset('assets/img/photos/bg3.jpg') }}');">
+              <div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-400 !text-white !mt-[-1.25rem] xl:!mt-0 lg:!mt-0  xl:-translate-y-2/4 lg:-translate-y-2/4 bg-cover [background-size:100%] bg-[center_center] bg-no-repeat !bg-scroll !relative z-0 before:rounded-[0.4rem] before:bg-[rgba(30,34,40,.4)] before:content-[''] before:block before:absolute before:z-[1] before:w-full before:h-full before:left-0 before:top-0" data-image-src="{{ asset('assets/img/photos/bg3.webp') }}" style="background-image: url('{{ asset('assets/img/photos/bg3.webp') }}');">
                 <div class="card-body p-[2.25rem] xl:!p-[2.5rem]">
                   <div class="flex flex-wrap mx-[-15px] items-center counter-wrapper !mt-[-20px] !text-center">
                     <div class="w-6/12 xl:w-3/12 lg:w-3/12 flex-[0_0_auto] !px-[15px] max-w-full !mt-[20px]">
@@ -59,25 +59,25 @@
         <div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] px-[20px] !mt-[40px] max-w-full xl:!order-2 lg:!order-2">
           <div class="flex flex-wrap mx-[-15px] xl:mx-[-12.5px] lg:mx-[-12.5px] md:mx-[-12.5px] !mt-[-25px]">
             <div class="xl:w-4/12 lg:w-4/12 md:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full xl:!ml-[16.66666667%] lg:!ml-[16.66666667%] md:!ml-[16.66666667%] !self-end !mt-[25px]">
-              <figure class="rounded-[0.4rem]"><img class="rounded-[0.4rem]" src="{{ asset('assets/img/photos/g1.jpg') }}" alt="{{ t('neler-yapariz.gallery.image_1_alt') }}"></figure>
+              <figure class="rounded-[0.4rem]"><img class="rounded-[0.4rem]" src="{{ asset('assets/img/photos/g1.webp') }}" alt="{{ t('neler-yapariz.gallery.image_1_alt') }}" loading="lazy"></figure>
             </div>
             <!--/column -->
             <div class="xl:w-6/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] px-[12.5px] max-w-full !self-end !mt-[25px]">
-              <figure class="rounded-[0.4rem]"><img class="rounded-[0.4rem]" src="{{ asset('assets/img/photos/g2.jpg') }}" alt="{{ t('neler-yapariz.gallery.image_2_alt') }}"></figure>
+              <figure class="rounded-[0.4rem]"><img class="rounded-[0.4rem]" src="{{ asset('assets/img/photos/g2.webp') }}" alt="{{ t('neler-yapariz.gallery.image_2_alt') }}" loading="lazy"></figure>
             </div>
             <!--/column -->
             <div class="xl:w-6/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] px-[12.5px] max-w-full xl:!ml-[8.33333333%] lg:!ml-[8.33333333%] md:!ml-[8.33333333%] !mt-[25px]">
               <figure class="rounded-[0.4rem] overflow-hidden aspect-video bg-gray-100">
-                <img 
-                  class="rounded-[0.4rem] object-cover w-full h-full" 
-                  src="{{ $content->cover ?? asset('assets/img/photos/g3.jpg') }}" 
+                <img class="rounded-[0.4rem] object-cover w-full h-full" 
+                  src="{{ $content->cover ?? asset('assets/img/photos/g3.webp') }}" 
                   alt="{{ t('neler-yapariz.gallery.image_3_alt') }}"
+                  loading="lazy"
                 >
               </figure>
             </div>
             <!--/column -->
             <div class="xl:w-4/12 lg:w-4/12 md:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !self-start !mt-[25px]">
-              <figure class="rounded-[0.4rem]"><img class="rounded-[0.4rem]" src="{{ asset('assets/img/photos/g4.jpg') }}" alt="{{ t('neler-yapariz.gallery.image_4_alt') }}"></figure>
+              <figure class="rounded-[0.4rem]"><img class="rounded-[0.4rem]" src="{{ asset('assets/img/photos/g4.webp') }}" alt="{{ t('neler-yapariz.gallery.image_4_alt') }}" loading="lazy"></figure>
             </div>
             <!--/column -->
           </div>
diff --git a/resources/views/vendor/filament/components/avatar.blade.php b/resources/views/vendor/filament/components/avatar.blade.php
index 657eba0..b2f8d3b 100644
--- a/resources/views/vendor/filament/components/avatar.blade.php
+++ b/resources/views/vendor/filament/components/avatar.blade.php
@@ -3,8 +3,7 @@
     'size' => 'md',
 ])
 
-<img
-    {{
+<img loading="lazy" {{
         $attributes
             ->class([
                 'fi-avatar',