refactor: extract partner data module and optimize logo rendering

Author: Samet

README.md

@@ -98,6 +98,7 @@ mapora-next/
 │  └─ app/
 │     ├─ page.tsx
 │     ├─ layout.tsx
+│     ├─ data/partners.ts
 │     ├─ robots.ts
 │     ├─ sitemap.ts
 │     └─ cerez-politikasi/

next.config.ts

@@ -4,6 +4,20 @@ const nextConfig: NextConfig = {
   output: "export",
   images: {
     unoptimized: true,
+    remotePatterns: [
+      {
+        protocol: "https",
+        hostname: "encrypted-tbn0.gstatic.com",
+      },
+      {
+        protocol: "https",
+        hostname: "www.find.com.tr",
+      },
+      {
+        protocol: "https",
+        hostname: "kentagri.com.tr",
+      },
+    ],
   },
   trailingSlash: true,
 };

src/app/data/partners.ts

@@ -0,0 +1,71 @@
+export type PartnerBusiness = {
+  name: string;
+  logo: string;
+  logoUrl?: string;
+  category: string;
+  location: string;
+  website?: string;
+  instagram?: string;
+  facebook?: string;
+  status?: string;
+};
+
+export const partnerBusinesses: PartnerBusiness[] = [
+  {
+    name: "ERLER AVM",
+    logo: "EA",
+    logoUrl:
+      "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSbDfk-EZ-HsR9_y_0trWFpHViSzOsRmXavGQ&s",
+    category: "Perakende / AVM",
+    location: "Bursa / Karacabey",
+    website: "https://erleravm.com",
+    instagram: "https://www.instagram.com/erleravm/",
+    facebook: "https://www.facebook.com/erleravm",
+  },
+  {
+    name: "Helvacı Yakub Efendi",
+    logo: "HY",
+    logoUrl: "https://kentagri.com.tr/images/firms/158/l/helvaci-yakuppng-6.jpg",
+    category: "Gıda Perakende",
+    location: "Çok Şubeli",
+    website: "https://helvaciyakubefendi.com",
+  },
+  {
+    name: "Roll Mobilya",
+    logo: "RM",
+    logoUrl:
+      "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR7pUGhRpxJdO6-Cr_NTWv4QXan7KK2Xi3T5g&s",
+    category: "Mobilya Perakende",
+    location: "Bursa / İnegöl",
+    website: "https://rollmobilya.com",
+  },
+  {
+    name: "Karacabey Gross Market",
+    logo: "KG",
+    logoUrl: "https://www.find.com.tr/assets/images/Uploads/Company/1566377/find_2021714_165744561.jpg",
+    category: "Market",
+    location: "Bursa / Karacabey",
+  },
+  {
+    name: "FullMark",
+    logo: "FM",
+    logoUrl:
+      "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTrrvRjPm3ryx0rQySpxfheh-c4Zs8PZNy2QQ&s",
+    category: "Perakende",
+    location: "Türkiye",
+  },
+  {
+    name: "Ev Dünyası",
+    logo: "ED",
+    logoUrl:
+      "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRkQs-m0UUxxa1lrVgumR2Mc_HQStCuw7Iieg&s",
+    category: "Ev Yaşam / Perakende",
+    location: "Bursa",
+  },
+];
+
+export const partnerBannerItems = [...partnerBusinesses, ...partnerBusinesses];
+export const partnerBannerItemsReverse = [
+  ...[...partnerBusinesses].reverse(),
+  ...[...partnerBusinesses].reverse(),
+];

src/app/page.tsx

@@ -1,6 +1,13 @@
 "use client";
 
+import Image from "next/image";
 import { type FormEvent, useEffect, useId, useRef, useState } from "react";
+import {
+  partnerBannerItems,
+  partnerBannerItemsReverse,
+  partnerBusinesses,
+  type PartnerBusiness,
+} from "./data/partners";
 
 type BillingMode = "monthly" | "yearly";
 
@@ -13,18 +20,6 @@ type Plan = {
   features: string[];
 };
 
-type PartnerBusiness = {
-  name: string;
-  logo: string;
-  logoUrl?: string;
-  category: string;
-  location: string;
-  website?: string;
-  instagram?: string;
-  facebook?: string;
-  status?: string;
-};
-
 type CounterProps = {
   label: string;
   target: number;
@@ -124,66 +119,6 @@ const faqItems = [
   },
 ];
 
-const partnerBusinesses: PartnerBusiness[] = [
-  {
-    name: "ERLER AVM",
-    logo: "EA",
-    logoUrl:
-      "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSbDfk-EZ-HsR9_y_0trWFpHViSzOsRmXavGQ&s",
-    category: "Perakende / AVM",
-    location: "Bursa / Karacabey",
-    website: "https://erleravm.com",
-    instagram: "https://www.instagram.com/erleravm/",
-    facebook: "https://www.facebook.com/erleravm",
-  },
-  {
-    name: "Helvacı Yakub Efendi",
-    logo: "HY",
-    logoUrl: "https://kentagri.com.tr/images/firms/158/l/helvaci-yakuppng-6.jpg",
-    category: "Gıda Perakende",
-    location: "Çok Şubeli",
-    website: "https://helvaciyakubefendi.com",
-  },
-  {
-    name: "Roll Mobilya",
-    logo: "RM",
-    logoUrl:
-      "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR7pUGhRpxJdO6-Cr_NTWv4QXan7KK2Xi3T5g&s",
-    category: "Mobilya Perakende",
-    location: "Bursa / İnegöl",
-    website: "https://rollmobilya.com",
-  },
-  {
-    name: "Karacabey Gross Market",
-    logo: "KG",
-    logoUrl: "https://www.find.com.tr/assets/images/Uploads/Company/1566377/find_2021714_165744561.jpg",
-    category: "Market",
-    location: "Bursa / Karacabey",
-  },
-  {
-    name: "FullMark",
-    logo: "FM",
-    logoUrl:
-      "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTrrvRjPm3ryx0rQySpxfheh-c4Zs8PZNy2QQ&s",
-    category: "Perakende",
-    location: "Türkiye",
-  },
-  {
-    name: "Ev Dünyası",
-    logo: "ED",
-    logoUrl:
-      "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRkQs-m0UUxxa1lrVgumR2Mc_HQStCuw7Iieg&s",
-    category: "Ev Yaşam / Perakende",
-    location: "Bursa",
-  },
-];
-
-const partnerBannerItems = [...partnerBusinesses, ...partnerBusinesses];
-const partnerBannerItemsReverse = [
-  ...[...partnerBusinesses].reverse(),
-  ...[...partnerBusinesses].reverse(),
-];
-
 const ceoQuotes = [
   {
     role: "Kurucu (Perakende Market)",
@@ -533,7 +468,14 @@ function PartnerLogo({
       }`}
     >
       {business.logoUrl ? (
-        <img src={business.logoUrl} alt={`${business.name} logosu`} loading="lazy" decoding="async" />
+        <Image
+          src={business.logoUrl}
+          alt={`${business.name} logosu`}
+          width={96}
+          height={96}
+          unoptimized
+          loading="lazy"
+        />
       ) : (
         business.logo
       )}