diff --git a/backend/src/db/migrations/20260617123000-create-place-offerings.js b/backend/src/db/migrations/20260617123000-create-place-offerings.js
new file mode 100644
index 0000000..50c843b
--- /dev/null
+++ b/backend/src/db/migrations/20260617123000-create-place-offerings.js
@@ -0,0 +1,133 @@
+'use strict';
+
+const isMissingTableError = (err) => {
+  const message = String(err && err.message);
+  return message.includes('No description found')
+    || message.includes('does not exist')
+    || message.includes('Cannot read properties of undefined');
+};
+
+module.exports = {
+  up: async (queryInterface, Sequelize) => {
+    const transaction = await queryInterface.sequelize.transaction();
+
+    try {
+      try {
+        await queryInterface.describeTable('place_offerings');
+        await transaction.commit();
+        return;
+      } catch (err) {
+        if (!isMissingTableError(err)) {
+          throw err;
+        }
+      }
+
+      await queryInterface.createTable('place_offerings', {
+        id: {
+          type: Sequelize.DataTypes.UUID,
+          defaultValue: Sequelize.DataTypes.UUIDV4,
+          primaryKey: true,
+        },
+        placeId: {
+          type: Sequelize.DataTypes.UUID,
+          allowNull: false,
+          references: {
+            key: 'id',
+            model: 'places',
+          },
+        },
+        name: {
+          type: Sequelize.DataTypes.TEXT,
+          allowNull: false,
+        },
+        description: {
+          type: Sequelize.DataTypes.TEXT,
+        },
+        offering_type: {
+          type: Sequelize.DataTypes.ENUM('product', 'service'),
+          allowNull: false,
+          defaultValue: 'product',
+        },
+        price: {
+          type: Sequelize.DataTypes.DECIMAL,
+        },
+        stock_status: {
+          type: Sequelize.DataTypes.ENUM('in_stock', 'limited', 'out_of_stock', 'by_request'),
+          allowNull: false,
+          defaultValue: 'by_request',
+        },
+        stock_quantity: {
+          type: Sequelize.DataTypes.INTEGER,
+        },
+        is_verified: {
+          type: Sequelize.DataTypes.BOOLEAN,
+          allowNull: false,
+          defaultValue: false,
+        },
+        is_active: {
+          type: Sequelize.DataTypes.BOOLEAN,
+          allowNull: false,
+          defaultValue: true,
+        },
+        last_stock_update: {
+          type: Sequelize.DataTypes.DATE,
+        },
+        createdAt: {
+          type: Sequelize.DataTypes.DATE,
+        },
+        updatedAt: {
+          type: Sequelize.DataTypes.DATE,
+        },
+        deletedAt: {
+          type: Sequelize.DataTypes.DATE,
+        },
+        importHash: {
+          type: Sequelize.DataTypes.STRING(255),
+          allowNull: true,
+          unique: true,
+        },
+      }, { transaction });
+
+      await queryInterface.addIndex('place_offerings', ['placeId'], {
+        transaction,
+      });
+      await queryInterface.addIndex('place_offerings', ['offering_type', 'stock_status'], {
+        transaction,
+      });
+      await queryInterface.addIndex('place_offerings', ['is_active'], {
+        transaction,
+      });
+
+      await transaction.commit();
+    } catch (err) {
+      await transaction.rollback();
+      throw err;
+    }
+  },
+
+  down: async (queryInterface) => {
+    const transaction = await queryInterface.sequelize.transaction();
+
+    try {
+      let tableExists = true;
+      try {
+        await queryInterface.describeTable('place_offerings');
+      } catch (err) {
+        if (!isMissingTableError(err)) {
+          throw err;
+        }
+        tableExists = false;
+      }
+
+      if (tableExists) {
+        await queryInterface.dropTable('place_offerings', { transaction });
+      }
+      await queryInterface.sequelize.query('DROP TYPE IF EXISTS "enum_place_offerings_offering_type";', { transaction });
+      await queryInterface.sequelize.query('DROP TYPE IF EXISTS "enum_place_offerings_stock_status";', { transaction });
+      await transaction.commit();
+    } catch (err) {
+      await transaction.rollback();
+      throw err;
+    }
+  },
+};
diff --git a/backend/src/db/models/place_offerings.js b/backend/src/db/models/place_offerings.js
new file mode 100644
index 0000000..19c7dc7
--- /dev/null
+++ b/backend/src/db/models/place_offerings.js
@@ -0,0 +1,80 @@
+module.exports = function(sequelize, DataTypes) {
+  const place_offerings = sequelize.define(
+    'place_offerings',
+    {
+      id: {
+        type: DataTypes.UUID,
+        defaultValue: DataTypes.UUIDV4,
+        primaryKey: true,
+      },
+      name: {
+        type: DataTypes.TEXT,
+        allowNull: false,
+      },
+      description: {
+        type: DataTypes.TEXT,
+      },
+      offering_type: {
+        type: DataTypes.ENUM,
+        values: ['product', 'service'],
+        allowNull: false,
+        defaultValue: 'product',
+      },
+      price: {
+        type: DataTypes.DECIMAL,
+      },
+      stock_status: {
+        type: DataTypes.ENUM,
+        values: ['in_stock', 'limited', 'out_of_stock', 'by_request'],
+        allowNull: false,
+        defaultValue: 'by_request',
+      },
+      stock_quantity: {
+        type: DataTypes.INTEGER,
+      },
+      is_verified: {
+        type: DataTypes.BOOLEAN,
+        allowNull: false,
+        defaultValue: false,
+      },
+      is_active: {
+        type: DataTypes.BOOLEAN,
+        allowNull: false,
+        defaultValue: true,
+      },
+      last_stock_update: {
+        type: DataTypes.DATE,
+      },
+      importHash: {
+        type: DataTypes.STRING(255),
+        allowNull: true,
+        unique: true,
+      },
+    },
+    {
+      timestamps: true,
+      paranoid: true,
+      freezeTableName: true,
+    },
+  );
+
+  place_offerings.associate = (db) => {
+    db.place_offerings.belongsTo(db.places, {
+      as: 'place',
+      foreignKey: {
+        name: 'placeId',
+      },
+      constraints: false,
+    });
+
+    db.place_offerings.belongsTo(db.users, {
+      as: 'createdBy',
+    });
+
+    db.place_offerings.belongsTo(db.users, {
+      as: 'updatedBy',
+    });
+  };
+
+  return place_offerings;
+};
diff --git a/backend/src/db/models/places.js b/backend/src/db/models/places.js
index 817b10b..2775f34 100644
--- a/backend/src/db/models/places.js
+++ b/backend/src/db/models/places.js
@@ -1,8 +1,3 @@
-const config = require('../../config');
-const providers = config.providers;
-const crypto = require('crypto');
-const bcrypt = require('bcrypt');
-const moment = require('moment');
 
 module.exports = function(sequelize, DataTypes) {
   const places = sequelize.define(
@@ -227,6 +222,15 @@ is_verified: {
     });
 
 
+    db.places.hasMany(db.place_offerings, {
+      as: 'offerings',
+      foreignKey: {
+        name: 'placeId',
+      },
+      constraints: false,
+    });
+
+
     db.places.hasMany(db.reviews, {
       as: 'reviews_place',
       foreignKey: {
diff --git a/backend/src/db/seeders/20260617120000-public-search-quality-data.js b/backend/src/db/seeders/20260617120000-public-search-quality-data.js
new file mode 100644
index 0000000..a53f58c
--- /dev/null
+++ b/backend/src/db/seeders/20260617120000-public-search-quality-data.js
@@ -0,0 +1,1010 @@
+const CATEGORY_IMPORT_PREFIX = 'public-search-category:';
+const PLACE_IMPORT_PREFIX = 'public-search-place:';
+const OFFERING_IMPORT_PREFIX = 'public-search-offering:';
+
+const categories = [
+  {
+    id: '11111111-1111-4111-8111-111111111111',
+    name: 'Toko Interior',
+    slug: 'toko-interior',
+    description: 'Toko perabot, furniture, kitchen set, dekorasi, dan jasa desain interior.',
+    color_hex: '#2563EB',
+    icon_name: 'mdiSofa',
+  },
+  {
+    id: '22222222-2222-4222-8222-222222222222',
+    name: 'Cafe Melayu',
+    slug: 'cafe-melayu',
+    description: 'Cafe, kedai kopi, dan kuliner khas Melayu atau Riau.',
+    color_hex: '#16A34A',
+    icon_name: 'mdiCoffeeOutline',
+  },
+  {
+    id: '33333333-3333-4333-8333-333333333333',
+    name: 'Bengkel Mobil',
+    slug: 'bengkel-mobil',
+    description: 'Bengkel servis mobil, ganti oli, tune up, mesin, ban, dan kaki-kaki.',
+    color_hex: '#DC2626',
+    icon_name: 'mdiCarWrench',
+  },
+    {
+    id: '44444444-4444-4444-8444-444444444444',
+    name: 'Jasa AC & Elektronik',
+    slug: 'jasa-ac-elektronik',
+    description: 'Teknisi AC, cuci AC, isi freon, servis elektronik rumah, dan booking jasa datang ke lokasi.',
+    color_hex: '#0891B2',
+    icon_name: 'mdiAirConditioner',
+  },
+  {
+    id: '55555555-5555-4555-8555-555555555555',
+    name: 'Toko Herbal & Kesehatan',
+    slug: 'toko-herbal-kesehatan',
+    description: 'Toko herbal, jamu, madu, produk kesehatan alami, dan edukasi hidup sehat lokal.',
+    color_hex: '#65A30D',
+    icon_name: 'mdiLeaf',
+  },
+];
+
+const places = [
+  {
+    id: 'aaaaaaaa-1111-4111-8111-aaaaaaaa1111',
+    name: 'Riau Interior Studio',
+    categorySlug: 'toko-interior',
+    short_description: 'Toko interior, desain ruangan, custom furniture, dan kitchen set dekat pusat kota.',
+    full_description: 'Melayani desain interior rumah, kitchen set, lemari, partisi, sofa custom, dan konsultasi gratis. Cocok untuk renovasi rumah, kantor kecil, dan ruang usaha.',
+    address: 'Jl. Riau No. 45, Pekanbaru',
+    city: 'Pekanbaru',
+    province: 'Riau',
+    postal_code: '28112',
+    latitude: 0.5199,
+    longitude: 101.4512,
+    phone_number: '+62761234567',
+    whatsapp_number: '+6281270001111',
+    email: 'cs@riauinteriorstudio.id',
+    website_url: 'https://riauinteriorstudio.id',
+    google_maps_url: 'https://maps.google.com/?q=0.5199,101.4512',
+    price_level: 'budget',
+    average_price: 2500000,
+    rating_average: 4.6,
+    rating_count: 128,
+    is_verified: true,
+  },
+  {
+    id: 'aaaaaaaa-2222-4222-8222-aaaaaaaa2222',
+    name: 'Nusantara Mebel & Dekor',
+    categorySlug: 'toko-interior',
+    short_description: 'Mebel, sofa, lemari, meja makan, dan dekorasi interior siap pakai.',
+    full_description: 'Pilihan furniture rumah dan kantor dengan layanan antar. Tersedia perabot minimalis, dekorasi dinding, sofa, lemari, dan meja custom.',
+    address: 'Jl. Tuanku Tambusai No. 88, Pekanbaru',
+    city: 'Pekanbaru',
+    province: 'Riau',
+    postal_code: '28282',
+    latitude: 0.5206,
+    longitude: 101.439,
+    phone_number: '+62761771088',
+    whatsapp_number: '+6281270004444',
+    email: 'halo@nusantaramebel.id',
+    website_url: 'https://nusantaramebel.id',
+    google_maps_url: 'https://maps.google.com/?q=0.5206,101.4390',
+    price_level: 'midrange',
+    average_price: 1800000,
+    rating_average: 4.5,
+    rating_count: 96,
+    is_verified: true,
+  },
+  {
+    id: 'aaaaaaaa-3333-4333-8333-aaaaaaaa3333',
+    name: 'Dapur Indah Kitchen Set',
+    categorySlug: 'toko-interior',
+    short_description: 'Spesialis kitchen set, kabinet dapur, lemari, dan desain interior dapur.',
+    full_description: 'Jasa ukur lokasi, desain 3D sederhana, produksi kitchen set, kabinet bawah tangga, dan lemari pakaian custom dengan pilihan material budget sampai premium.',
+    address: 'Jl. Paus No. 31, Pekanbaru',
+    city: 'Pekanbaru',
+    province: 'Riau',
+    postal_code: '28124',
+    latitude: 0.4967,
+    longitude: 101.4562,
+    phone_number: '+62761818031',
+    whatsapp_number: '+6281270005555',
+    email: 'order@dapurindah.id',
+    website_url: 'https://dapurindah.id',
+    google_maps_url: 'https://maps.google.com/?q=0.4967,101.4562',
+    price_level: 'premium',
+    average_price: 6500000,
+    rating_average: 4.7,
+    rating_count: 74,
+    is_verified: true,
+  },
+  {
+    id: 'bbbbbbbb-1111-4111-8111-bbbbbbbb1111',
+    name: 'Kopi Selasih Melayu',
+    categorySlug: 'cafe-melayu',
+    short_description: 'Cafe khas Melayu dengan kopi saring, teh tarik, roti jala, dan kue tradisional.',
+    full_description: 'Menu unggulan: kopi saring, teh tarik, roti jala kari, bolu kemojo, lempeng kelapa, dan camilan khas Riau. Suasana cocok untuk keluarga dan kerja santai.',
+    address: 'Jl. Sudirman No. 120, Pekanbaru',
+    city: 'Pekanbaru',
+    province: 'Riau',
+    postal_code: '28116',
+    latitude: 0.5095,
+    longitude: 101.4549,
+    phone_number: '+62761876543',
+    whatsapp_number: '+6281270002222',
+    email: 'hello@kopiselasih.co',
+    website_url: 'https://kopiselasih.co',
+    google_maps_url: 'https://maps.google.com/?q=0.5095,101.4549',
+    price_level: 'midrange',
+    average_price: 35000,
+    rating_average: 4.4,
+    rating_count: 342,
+    is_verified: true,
+  },
+  {
+    id: 'bbbbbbbb-2222-4222-8222-bbbbbbbb2222',
+    name: 'Kedai Laksamana Riau',
+    categorySlug: 'cafe-melayu',
+    short_description: 'Kedai kopi dan kuliner Melayu: laksa, nasi lemak, teh tarik, dan kopi kampung.',
+    full_description: 'Tempat makan santai dengan menu Melayu Riau, kopi kampung, teh tarik, laksa, nasi lemak, dan paket sarapan. Lokasi mudah dijangkau dari pusat kota.',
+    address: 'Jl. Diponegoro No. 17, Pekanbaru',
+    city: 'Pekanbaru',
+    province: 'Riau',
+    postal_code: '28131',
+    latitude: 0.5142,
+    longitude: 101.4485,
+    phone_number: '+62761771717',
+    whatsapp_number: '+6281270006666',
+    email: 'kedai@laksamanariau.id',
+    website_url: 'https://laksamanariau.id',
+    google_maps_url: 'https://maps.google.com/?q=0.5142,101.4485',
+    price_level: 'budget',
+    average_price: 28000,
+    rating_average: 4.6,
+    rating_count: 188,
+    is_verified: true,
+  },
+  {
+    id: 'bbbbbbbb-3333-4333-8333-bbbbbbbb3333',
+    name: 'Warung Roti Jala Mak Long',
+    categorySlug: 'cafe-melayu',
+    short_description: 'Warung makan Melayu rumahan dengan roti jala kari, kue tradisional, dan kopi saring.',
+    full_description: 'Pilihan sarapan dan makan siang khas Melayu: roti jala, laksa, lempeng, kue talam, dan kopi saring. Area parkir motor tersedia.',
+    address: 'Jl. Kuantan Raya No. 9, Pekanbaru',
+    city: 'Pekanbaru',
+    province: 'Riau',
+    postal_code: '28143',
+    latitude: 0.5023,
+    longitude: 101.4617,
+    phone_number: '+62761770009',
+    whatsapp_number: '+6281270007777',
+    email: 'maklong@rotijala.id',
+    website_url: 'https://rotijala.id',
+    google_maps_url: 'https://maps.google.com/?q=0.5023,101.4617',
+    price_level: 'budget',
+    average_price: 22000,
+    rating_average: 4.3,
+    rating_count: 139,
+    is_verified: false,
+  },
+  {
+    id: 'cccccccc-1111-4111-8111-cccccccc1111',
+    name: 'Bengkel Mobil Mandiri Jaya',
+    categorySlug: 'bengkel-mobil',
+    short_description: 'Bengkel mobil umum dengan servis berkala, ganti oli, tune up, dan diagnosa cepat.',
+    full_description: 'Layanan: servis berkala, ganti oli, tune up, kaki-kaki, rem, aki, dan diagnosa mesin. Estimasi biaya dijelaskan sebelum pengerjaan.',
+    address: 'Jl. Arifin Ahmad No. 18, Pekanbaru',
+    city: 'Pekanbaru',
+    province: 'Riau',
+    postal_code: '28125',
+    latitude: 0.4989,
+    longitude: 101.4231,
+    phone_number: '+62761123456',
+    whatsapp_number: '+6281270003333',
+    email: 'service@mandirijaya-auto.id',
+    website_url: 'https://mandirijaya-auto.id',
+    google_maps_url: 'https://maps.google.com/?q=0.4989,101.4231',
+    price_level: 'unknown',
+    average_price: 400000,
+    rating_average: 4.5,
+    rating_count: 211,
+    is_verified: true,
+  },
+  {
+    id: 'cccccccc-2222-4222-8222-cccccccc2222',
+    name: 'AutoCare Hangtuah',
+    categorySlug: 'bengkel-mobil',
+    short_description: 'Servis mobil, spooring balancing, ganti oli, aki, rem, dan ban.',
+    full_description: 'Bengkel otomotif untuk perawatan mobil harian. Menangani ganti oli, tune up ringan, rem, aki, ban, spooring balancing, dan pengecekan mesin.',
+    address: 'Jl. Hang Tuah No. 66, Pekanbaru',
+    city: 'Pekanbaru',
+    province: 'Riau',
+    postal_code: '28155',
+    latitude: 0.5262,
+    longitude: 101.463,
+    phone_number: '+62761770666',
+    whatsapp_number: '+6281270008888',
+    email: 'booking@autocarehangtuah.id',
+    website_url: 'https://autocarehangtuah.id',
+    google_maps_url: 'https://maps.google.com/?q=0.5262,101.4630',
+    price_level: 'midrange',
+    average_price: 350000,
+    rating_average: 4.7,
+    rating_count: 167,
+    is_verified: true,
+  },
+  {
+    id: 'cccccccc-3333-4333-8333-cccccccc3333',
+    name: 'Bengkel Kaki-Kaki Tuah Karya',
+    categorySlug: 'bengkel-mobil',
+    short_description: 'Spesialis kaki-kaki mobil, shockbreaker, bushing, rem, dan pengecekan bunyi.',
+    full_description: 'Bengkel mobil untuk keluhan kaki-kaki, stir getar, rem, shockbreaker, bearing, dan bunyi pada kolong mobil. Tersedia konsultasi awal.',
+    address: 'Jl. Soekarno Hatta No. 210, Pekanbaru',
+    city: 'Pekanbaru',
+    province: 'Riau',
+    postal_code: '28294',
+    latitude: 0.4928,
+    longitude: 101.4377,
+    phone_number: '+62761770210',
+    whatsapp_number: '+6281270009999',
+    email: 'admin@tuahkarya-auto.id',
+    website_url: 'https://tuahkarya-auto.id',
+    google_maps_url: 'https://maps.google.com/?q=0.4928,101.4377',
+    price_level: 'midrange',
+    average_price: 450000,
+    rating_average: 4.4,
+    rating_count: 118,
+    is_verified: false,
+  },
+    {
+    id: 'ddddcccc-1111-4111-8111-ddddcccc1111',
+    name: 'Sejuk Mandiri Service AC',
+    categorySlug: 'jasa-ac-elektronik',
+    short_description: 'Jasa AC terdekat untuk cuci AC, isi freon, bongkar pasang, dan servis AC rumah.',
+    full_description: 'Teknisi AC panggilan untuk rumah, kos, toko, dan kantor kecil. Menangani cuci AC, isi freon, bocor halus, kapasitor, remote, dan perawatan berkala dengan jadwal booking.',
+    address: 'Jl. Durian No. 52, Pekanbaru',
+    city: 'Pekanbaru',
+    province: 'Riau',
+    postal_code: '28124',
+    latitude: 0.5118,
+    longitude: 101.4441,
+    phone_number: '+62761770352',
+    whatsapp_number: '+6281270010101',
+    email: 'booking@sejukmandiri.id',
+    website_url: 'https://sejukmandiri.id',
+    google_maps_url: 'https://maps.google.com/?q=0.5118,101.4441',
+    price_level: 'budget',
+    average_price: 95000,
+    rating_average: 4.8,
+    rating_count: 204,
+    is_verified: true,
+  },
+  {
+    id: 'ddddcccc-2222-4222-8222-ddddcccc2222',
+    name: 'AC Cepat Panam',
+    categorySlug: 'jasa-ac-elektronik',
+    short_description: 'Teknisi AC dan elektronik panggilan untuk servis cepat area kota dan kampus.',
+    full_description: 'Layanan panggilan cuci AC, tambah freon, perbaikan AC tidak dingin, instalasi unit baru, dan cek elektronik rumah. Bisa booking jadwal pagi, siang, atau sore.',
+    address: 'Jl. HR Soebrantas No. 144, Pekanbaru',
+    city: 'Pekanbaru',
+    province: 'Riau',
+    postal_code: '28293',
+    latitude: 0.4666,
+    longitude: 101.3989,
+    phone_number: '+62761770444',
+    whatsapp_number: '+6281270010202',
+    email: 'halo@accepatpanam.id',
+    website_url: 'https://accepatpanam.id',
+    google_maps_url: 'https://maps.google.com/?q=0.4666,101.3989',
+    price_level: 'midrange',
+    average_price: 125000,
+    rating_average: 4.5,
+    rating_count: 89,
+    is_verified: true,
+  },
+  {
+    id: 'eeeecccc-1111-4111-8111-eeeecccc1111',
+    name: 'Herbal Sehat Riau',
+    categorySlug: 'toko-herbal-kesehatan',
+    short_description: 'Toko herbal terdekat dengan madu hutan, jamu tradisional, minyak herbal, dan edukasi sehat.',
+    full_description: 'Menyediakan produk herbal lokal dan Nusantara seperti madu hutan, jamu kunyit asem, temulawak, minyak kayu putih, teh herbal, serta edukasi penggunaan produk secara bijak.',
+    address: 'Jl. Hang Lekir No. 27, Pekanbaru',
+    city: 'Pekanbaru',
+    province: 'Riau',
+    postal_code: '28131',
+    latitude: 0.5079,
+    longitude: 101.4527,
+    phone_number: '+62761770527',
+    whatsapp_number: '+6281270010303',
+    email: 'info@herbalsehatriau.id',
+    website_url: 'https://herbalsehatriau.id',
+    google_maps_url: 'https://maps.google.com/?q=0.5079,101.4527',
+    price_level: 'budget',
+    average_price: 65000,
+    rating_average: 4.7,
+    rating_count: 156,
+    is_verified: true,
+  },
+  {
+    id: 'eeeecccc-2222-4222-8222-eeeecccc2222',
+    name: 'Kedai Jamu Nusantara',
+    categorySlug: 'toko-herbal-kesehatan',
+    short_description: 'Jamu siap minum, racikan herbal, madu, dan minuman kesehatan lokal.',
+    full_description: 'Kedai jamu dan produk herbal harian dengan menu kunyit asem, beras kencur, wedang jahe, madu, dan paket edukasi herbal untuk keluarga.',
+    address: 'Jl. Pattimura No. 63, Pekanbaru',
+    city: 'Pekanbaru',
+    province: 'Riau',
+    postal_code: '28132',
+    latitude: 0.5156,
+    longitude: 101.4595,
+    phone_number: '+62761770663',
+    whatsapp_number: '+6281270010404',
+    email: 'kedai@jamunusantara.id',
+    website_url: 'https://jamunusantara.id',
+    google_maps_url: 'https://maps.google.com/?q=0.5156,101.4595',
+    price_level: 'budget',
+    average_price: 25000,
+    rating_average: 4.4,
+    rating_count: 97,
+    is_verified: false,
+  },
+];
+
+const offerings = [
+  {
+    id: 'dddddddd-1111-4111-8111-dddddddd1111',
+    placeId: 'aaaaaaaa-1111-4111-8111-aaaaaaaa1111',
+    name: 'Kitchen set minimalis custom',
+    description: 'Produk custom untuk dapur rumah, termasuk ukur lokasi dan desain awal.',
+    offering_type: 'product',
+    price: 4500000,
+    stock_status: 'by_request',
+    stock_quantity: null,
+    is_verified: true,
+  },
+  {
+    id: 'dddddddd-1112-4112-8112-dddddddd1112',
+    placeId: 'aaaaaaaa-1111-4111-8111-aaaaaaaa1111',
+    name: 'Jasa desain interior ruang usaha',
+    description: 'Konsultasi layout, warna, dan material untuk cafe, toko, atau kantor kecil.',
+    offering_type: 'service',
+    price: 750000,
+    stock_status: 'by_request',
+    stock_quantity: null,
+    is_verified: true,
+  },
+  {
+    id: 'dddddddd-1113-4113-8113-dddddddd1113',
+    placeId: 'aaaaaaaa-1111-4111-8111-aaaaaaaa1111',
+    name: 'Partisi ruangan kayu',
+    description: 'Partisi dekoratif untuk rumah dan kantor.',
+    offering_type: 'product',
+    price: 1200000,
+    stock_status: 'limited',
+    stock_quantity: 4,
+    is_verified: true,
+  },
+  {
+    id: 'dddddddd-2221-4221-8221-dddddddd2221',
+    placeId: 'aaaaaaaa-2222-4222-8222-aaaaaaaa2222',
+    name: 'Sofa ruang tamu ready stock',
+    description: 'Sofa minimalis dua dan tiga dudukan, tersedia pengiriman lokal.',
+    offering_type: 'product',
+    price: 2200000,
+    stock_status: 'in_stock',
+    stock_quantity: 7,
+    is_verified: true,
+  },
+  {
+    id: 'dddddddd-2222-4222-8222-dddddddd2222',
+    placeId: 'aaaaaaaa-2222-4222-8222-aaaaaaaa2222',
+    name: 'Lemari pakaian sliding',
+    description: 'Lemari sliding siap pakai untuk kamar minimalis.',
+    offering_type: 'product',
+    price: 1850000,
+    stock_status: 'limited',
+    stock_quantity: 3,
+    is_verified: true,
+  },
+  {
+    id: 'dddddddd-2223-4223-8223-dddddddd2223',
+    placeId: 'aaaaaaaa-2222-4222-8222-aaaaaaaa2222',
+    name: 'Meja makan kayu jati',
+    description: 'Meja makan keluarga dengan opsi kursi tambahan.',
+    offering_type: 'product',
+    price: 2800000,
+    stock_status: 'in_stock',
+    stock_quantity: 5,
+    is_verified: true,
+  },
+  {
+    id: 'dddddddd-3331-4331-8331-dddddddd3331',
+    placeId: 'aaaaaaaa-3333-4333-8333-aaaaaaaa3333',
+    name: 'Kabinet dapur bawah tangga',
+    description: 'Kabinet custom untuk memaksimalkan ruang kecil.',
+    offering_type: 'product',
+    price: 5200000,
+    stock_status: 'by_request',
+    stock_quantity: null,
+    is_verified: true,
+  },
+  {
+    id: 'dddddddd-3332-4332-8332-dddddddd3332',
+    placeId: 'aaaaaaaa-3333-4333-8333-aaaaaaaa3333',
+    name: 'Jasa ukur dan desain 3D dapur',
+    description: 'Survey lokasi, ukuran, dan gambar 3D sederhana sebelum produksi.',
+    offering_type: 'service',
+    price: 350000,
+    stock_status: 'by_request',
+    stock_quantity: null,
+    is_verified: true,
+  },
+  {
+    id: 'dddddddd-3333-4333-8333-dddddddd3333',
+    placeId: 'aaaaaaaa-3333-4333-8333-aaaaaaaa3333',
+    name: 'Top table granit kitchen set',
+    description: 'Material top table untuk kitchen set premium.',
+    offering_type: 'product',
+    price: 1750000,
+    stock_status: 'limited',
+    stock_quantity: 2,
+    is_verified: true,
+  },
+  {
+    id: 'eeeeeeee-1111-4111-8111-eeeeeeee1111',
+    placeId: 'bbbbbbbb-1111-4111-8111-bbbbbbbb1111',
+    name: 'Kopi saring Melayu',
+    description: 'Kopi saring panas khas Melayu, tersedia setiap hari.',
+    offering_type: 'product',
+    price: 18000,
+    stock_status: 'in_stock',
+    stock_quantity: 40,
+    is_verified: true,
+  },
+  {
+    id: 'eeeeeeee-1112-4112-8112-eeeeeeee1112',
+    placeId: 'bbbbbbbb-1111-4111-8111-bbbbbbbb1111',
+    name: 'Teh tarik rempah',
+    description: 'Teh tarik hangat dengan aroma rempah ringan.',
+    offering_type: 'product',
+    price: 16000,
+    stock_status: 'in_stock',
+    stock_quantity: 35,
+    is_verified: true,
+  },
+  {
+    id: 'eeeeeeee-1113-4113-8113-eeeeeeee1113',
+    placeId: 'bbbbbbbb-1111-4111-8111-bbbbbbbb1111',
+    name: 'Roti jala kari ayam',
+    description: 'Menu Melayu favorit untuk sarapan dan makan sore.',
+    offering_type: 'product',
+    price: 28000,
+    stock_status: 'limited',
+    stock_quantity: 9,
+    is_verified: true,
+  },
+  {
+    id: 'eeeeeeee-2221-4221-8221-eeeeeeee2221',
+    placeId: 'bbbbbbbb-2222-4222-8222-bbbbbbbb2222',
+    name: 'Laksa Melayu Riau',
+    description: 'Laksa kuah gurih khas Melayu.',
+    offering_type: 'product',
+    price: 26000,
+    stock_status: 'in_stock',
+    stock_quantity: 28,
+    is_verified: true,
+  },
+  {
+    id: 'eeeeeeee-2222-4222-8222-eeeeeeee2222',
+    placeId: 'bbbbbbbb-2222-4222-8222-bbbbbbbb2222',
+    name: 'Nasi lemak ayam sambal',
+    description: 'Paket nasi lemak dengan ayam dan sambal.',
+    offering_type: 'product',
+    price: 30000,
+    stock_status: 'in_stock',
+    stock_quantity: 22,
+    is_verified: true,
+  },
+  {
+    id: 'eeeeeeee-2223-4223-8223-eeeeeeee2223',
+    placeId: 'bbbbbbbb-2222-4222-8222-bbbbbbbb2222',
+    name: 'Paket booking sarapan kantor',
+    description: 'Pesanan paket sarapan Melayu untuk tim kecil.',
+    offering_type: 'service',
+    price: 250000,
+    stock_status: 'by_request',
+    stock_quantity: null,
+    is_verified: true,
+  },
+  {
+    id: 'eeeeeeee-3331-4331-8331-eeeeeeee3331',
+    placeId: 'bbbbbbbb-3333-4333-8333-bbbbbbbb3333',
+    name: 'Roti jala kari daging',
+    description: 'Roti jala rumahan dengan kari daging.',
+    offering_type: 'product',
+    price: 30000,
+    stock_status: 'limited',
+    stock_quantity: 6,
+    is_verified: false,
+  },
+  {
+    id: 'eeeeeeee-3332-4332-8332-eeeeeeee3332',
+    placeId: 'bbbbbbbb-3333-4333-8333-bbbbbbbb3333',
+    name: 'Kue talam Melayu',
+    description: 'Kue tradisional untuk makan di tempat atau bungkus.',
+    offering_type: 'product',
+    price: 5000,
+    stock_status: 'in_stock',
+    stock_quantity: 45,
+    is_verified: false,
+  },
+  {
+    id: 'eeeeeeee-3333-4333-8333-eeeeeeee3333',
+    placeId: 'bbbbbbbb-3333-4333-8333-bbbbbbbb3333',
+    name: 'Kopi saring kampung',
+    description: 'Kopi saring sederhana ala warung Melayu.',
+    offering_type: 'product',
+    price: 12000,
+    stock_status: 'in_stock',
+    stock_quantity: 30,
+    is_verified: false,
+  },
+  {
+    id: 'ffffffff-1111-4111-8111-ffffffff1111',
+    placeId: 'cccccccc-1111-4111-8111-cccccccc1111',
+    name: 'Ganti oli mobil 10W-40',
+    description: 'Paket oli, filter, dan pengecekan ringan.',
+    offering_type: 'service',
+    price: 380000,
+    stock_status: 'in_stock',
+    stock_quantity: 18,
+    is_verified: true,
+  },
+  {
+    id: 'ffffffff-1112-4112-8112-ffffffff1112',
+    placeId: 'cccccccc-1111-4111-8111-cccccccc1111',
+    name: 'Servis berkala 10.000 km',
+    description: 'Pemeriksaan mesin, oli, rem, aki, dan cairan kendaraan.',
+    offering_type: 'service',
+    price: 550000,
+    stock_status: 'by_request',
+    stock_quantity: null,
+    is_verified: true,
+  },
+  {
+    id: 'ffffffff-1113-4113-8113-ffffffff1113',
+    placeId: 'cccccccc-1111-4111-8111-cccccccc1111',
+    name: 'Aki mobil NS60',
+    description: 'Aki mobil untuk kendaraan harian populer.',
+    offering_type: 'product',
+    price: 780000,
+    stock_status: 'limited',
+    stock_quantity: 5,
+    is_verified: true,
+  },
+  {
+    id: 'ffffffff-2221-4221-8221-ffffffff2221',
+    placeId: 'cccccccc-2222-4222-8222-cccccccc2222',
+    name: 'Spooring balancing',
+    description: 'Layanan spooring dan balancing ban mobil.',
+    offering_type: 'service',
+    price: 250000,
+    stock_status: 'by_request',
+    stock_quantity: null,
+    is_verified: true,
+  },
+  {
+    id: 'ffffffff-2222-4222-8222-ffffffff2222',
+    placeId: 'cccccccc-2222-4222-8222-cccccccc2222',
+    name: 'Ban mobil ring 15',
+    description: 'Ban ring 15 untuk city car dan MPV kecil.',
+    offering_type: 'product',
+    price: 720000,
+    stock_status: 'limited',
+    stock_quantity: 4,
+    is_verified: true,
+  },
+  {
+    id: 'ffffffff-2223-4223-8223-ffffffff2223',
+    placeId: 'cccccccc-2222-4222-8222-cccccccc2222',
+    name: 'Tune up ringan',
+    description: 'Tune up ringan untuk performa mesin harian.',
+    offering_type: 'service',
+    price: 320000,
+    stock_status: 'by_request',
+    stock_quantity: null,
+    is_verified: true,
+  },
+  {
+    id: 'ffffffff-3331-4331-8331-ffffffff3331',
+    placeId: 'cccccccc-3333-4333-8333-cccccccc3333',
+    name: 'Perbaikan kaki-kaki mobil',
+    description: 'Cek dan perbaikan bunyi kaki-kaki, bushing, dan bearing.',
+    offering_type: 'service',
+    price: 450000,
+    stock_status: 'by_request',
+    stock_quantity: null,
+    is_verified: false,
+  },
+  {
+    id: 'ffffffff-3332-4332-8332-ffffffff3332',
+    placeId: 'cccccccc-3333-4333-8333-cccccccc3333',
+    name: 'Shockbreaker depan',
+    description: 'Komponen shockbreaker depan untuk beberapa model populer.',
+    offering_type: 'product',
+    price: 900000,
+    stock_status: 'limited',
+    stock_quantity: 2,
+    is_verified: false,
+  },
+  {
+    id: 'ffffffff-3333-4333-8333-ffffffff3333',
+    placeId: 'cccccccc-3333-4333-8333-cccccccc3333',
+    name: 'Cek rem dan bunyi kolong',
+    description: 'Diagnosa awal rem, kaki-kaki, dan bunyi pada kolong mobil.',
+    offering_type: 'service',
+    price: 100000,
+    stock_status: 'by_request',
+    stock_quantity: null,
+    is_verified: false,
+  },
+    {
+    id: '99999999-1111-4111-8111-999999991111',
+    placeId: 'ddddcccc-1111-4111-8111-ddddcccc1111',
+    name: 'Cuci AC 1 PK',
+    description: 'Jasa cuci AC rumah 0.5 sampai 1 PK dengan jadwal panggilan.',
+    offering_type: 'service',
+    price: 85000,
+    stock_status: 'by_request',
+    stock_quantity: null,
+    is_verified: true,
+  },
+  {
+    id: '99999999-1112-4112-8112-999999991112',
+    placeId: 'ddddcccc-1111-4111-8111-ddddcccc1111',
+    name: 'Isi freon AC R32',
+    description: 'Tambah freon AC R32 setelah pengecekan tekanan dan kebocoran ringan.',
+    offering_type: 'service',
+    price: 180000,
+    stock_status: 'by_request',
+    stock_quantity: null,
+    is_verified: true,
+  },
+  {
+    id: '99999999-1113-4113-8113-999999991113',
+    placeId: 'ddddcccc-1111-4111-8111-ddddcccc1111',
+    name: 'Kapasitor AC 25uF',
+    description: 'Sparepart kapasitor AC untuk beberapa model populer.',
+    offering_type: 'product',
+    price: 65000,
+    stock_status: 'limited',
+    stock_quantity: 6,
+    is_verified: true,
+  },
+  {
+    id: '99999999-2221-4221-8221-999999992221',
+    placeId: 'ddddcccc-2222-4222-8222-ddddcccc2222',
+    name: 'Bongkar pasang AC',
+    description: 'Jasa bongkar pasang AC unit lama atau pindah lokasi.',
+    offering_type: 'service',
+    price: 350000,
+    stock_status: 'by_request',
+    stock_quantity: null,
+    is_verified: true,
+  },
+  {
+    id: '99999999-2222-4222-8222-999999992222',
+    placeId: 'ddddcccc-2222-4222-8222-ddddcccc2222',
+    name: 'Service AC tidak dingin',
+    description: 'Diagnosa AC tidak dingin, cek freon, kipas, sensor, dan kebocoran ringan.',
+    offering_type: 'service',
+    price: 120000,
+    stock_status: 'by_request',
+    stock_quantity: null,
+    is_verified: true,
+  },
+  {
+    id: '88888888-1111-4111-8111-888888881111',
+    placeId: 'eeeecccc-1111-4111-8111-eeeecccc1111',
+    name: 'Madu hutan Riau 250 ml',
+    description: 'Madu hutan lokal ukuran 250 ml, stok diperbarui harian.',
+    offering_type: 'product',
+    price: 75000,
+    stock_status: 'in_stock',
+    stock_quantity: 18,
+    is_verified: true,
+  },
+  {
+    id: '88888888-1112-4112-8112-888888881112',
+    placeId: 'eeeecccc-1111-4111-8111-eeeecccc1111',
+    name: 'Teh herbal serai jahe',
+    description: 'Teh herbal siap seduh berbahan serai dan jahe.',
+    offering_type: 'product',
+    price: 42000,
+    stock_status: 'in_stock',
+    stock_quantity: 24,
+    is_verified: true,
+  },
+  {
+    id: '88888888-1113-4113-8113-888888881113',
+    placeId: 'eeeecccc-1111-4111-8111-eeeecccc1111',
+    name: 'Edukasi produk herbal keluarga',
+    description: 'Sesi edukasi singkat untuk memilih produk herbal secara bijak.',
+    offering_type: 'service',
+    price: 50000,
+    stock_status: 'by_request',
+    stock_quantity: null,
+    is_verified: true,
+  },
+  {
+    id: '88888888-2221-4221-8221-888888882221',
+    placeId: 'eeeecccc-2222-4222-8222-eeeecccc2222',
+    name: 'Jamu kunyit asem botol',
+    description: 'Jamu kunyit asem siap minum ukuran botol harian.',
+    offering_type: 'product',
+    price: 18000,
+    stock_status: 'in_stock',
+    stock_quantity: 30,
+    is_verified: false,
+  },
+  {
+    id: '88888888-2222-4222-8222-888888882222',
+    placeId: 'eeeecccc-2222-4222-8222-eeeecccc2222',
+    name: 'Wedang jahe merah',
+    description: 'Minuman jahe merah hangat untuk kebutuhan harian.',
+    offering_type: 'product',
+    price: 15000,
+    stock_status: 'limited',
+    stock_quantity: 10,
+    is_verified: false,
+  },
+];
+
+const upsertCategory = async (queryInterface, category, transaction) => {
+  await queryInterface.sequelize.query(
+    `
+      UPDATE place_categories
+      SET
+        name = :name,
+        slug = :slug,
+        description = :description,
+        color_hex = :color_hex,
+        icon_name = :icon_name,
+        is_active = true,
+        "updatedAt" = NOW()
+      WHERE (slug = :slug OR LOWER(name) = LOWER(:name))
+        AND "deletedAt" IS NULL;
+
+      INSERT INTO place_categories (
+        id, name, slug, description, color_hex, icon_name, is_active,
+        "createdAt", "updatedAt", "deletedAt", "importHash"
+      )
+      SELECT
+        :id, :name, :slug, :description, :color_hex, :icon_name, true,
+        NOW(), NOW(), NULL, :importHash
+      WHERE NOT EXISTS (
+        SELECT 1 FROM place_categories
+        WHERE (slug = :slug OR LOWER(name) = LOWER(:name))
+          AND "deletedAt" IS NULL
+      );
+    `,
+    {
+      replacements: {
+        ...category,
+        importHash: `${CATEGORY_IMPORT_PREFIX}${category.slug}`,
+      },
+      transaction,
+    },
+  );
+};
+
+const findCategoryId = async (queryInterface, Sequelize, slug, transaction) => {
+  const rows = await queryInterface.sequelize.query(
+    `
+      SELECT id FROM place_categories
+      WHERE slug = :slug AND "deletedAt" IS NULL
+      ORDER BY "createdAt" ASC
+      LIMIT 1;
+    `,
+    {
+      replacements: { slug },
+      transaction,
+      type: Sequelize.QueryTypes.SELECT,
+    },
+  );
+
+  if (!rows.length) {
+    throw new Error(`Kategori ${slug} tidak ditemukan saat memperbaiki data pencarian publik.`);
+  }
+
+  return rows[0].id;
+};
+
+
+const findPlaceId = async (queryInterface, Sequelize, name, transaction) => {
+  const rows = await queryInterface.sequelize.query(
+    `
+      SELECT id FROM places
+      WHERE LOWER(name) = LOWER(:name) AND "deletedAt" IS NULL
+      ORDER BY "createdAt" ASC
+      LIMIT 1;
+    `,
+    {
+      replacements: { name },
+      transaction,
+      type: Sequelize.QueryTypes.SELECT,
+    },
+  );
+
+  if (!rows.length) {
+    throw new Error(`Tempat ${name} tidak ditemukan saat menautkan produk/jasa pencarian publik.`);
+  }
+
+  return rows[0].id;
+};
+
+const upsertPlace = async (queryInterface, place, categoryId, transaction) => {
+  await queryInterface.sequelize.query(
+    `
+      UPDATE places
+      SET
+        "categoryId" = :categoryId,
+        short_description = :short_description,
+        full_description = :full_description,
+        address = :address,
+        city = :city,
+        province = :province,
+        postal_code = :postal_code,
+        latitude = :latitude,
+        longitude = :longitude,
+        phone_number = :phone_number,
+        whatsapp_number = :whatsapp_number,
+        email = :email,
+        website_url = :website_url,
+        google_maps_url = :google_maps_url,
+        price_level = :price_level,
+        average_price = :average_price,
+        rating_average = :rating_average,
+        rating_count = :rating_count,
+        status = 'published',
+        is_verified = :is_verified,
+        "updatedAt" = NOW()
+      WHERE LOWER(name) = LOWER(:name)
+        AND "deletedAt" IS NULL;
+
+      INSERT INTO places (
+        id, name, "categoryId", short_description, full_description, address, city, province,
+        postal_code, latitude, longitude, phone_number, whatsapp_number, email, website_url,
+        google_maps_url, price_level, average_price, rating_average, rating_count, status,
+        is_verified, "createdAt", "updatedAt", "deletedAt", "importHash"
+      )
+      SELECT
+        :id, :name, :categoryId, :short_description, :full_description, :address, :city, :province,
+        :postal_code, :latitude, :longitude, :phone_number, :whatsapp_number, :email, :website_url,
+        :google_maps_url, :price_level, :average_price, :rating_average, :rating_count, 'published',
+        :is_verified, NOW(), NOW(), NULL, :importHash
+      WHERE NOT EXISTS (
+        SELECT 1 FROM places
+        WHERE LOWER(name) = LOWER(:name)
+          AND "deletedAt" IS NULL
+      );
+    `,
+    {
+      replacements: {
+        ...place,
+        categoryId,
+        importHash: `${PLACE_IMPORT_PREFIX}${place.id}`,
+      },
+      transaction,
+    },
+  );
+};
+
+
+const upsertOffering = async (queryInterface, offering, transaction) => {
+  await queryInterface.sequelize.query(
+    `
+      UPDATE place_offerings
+      SET
+        "placeId" = :placeId,
+        name = :name,
+        description = :description,
+        offering_type = :offering_type,
+        price = :price,
+        stock_status = :stock_status,
+        stock_quantity = :stock_quantity,
+        is_verified = :is_verified,
+        is_active = true,
+        last_stock_update = COALESCE(:last_stock_update, NOW()),
+        "updatedAt" = NOW()
+      WHERE "importHash" = :importHash
+        AND "deletedAt" IS NULL;
+
+      INSERT INTO place_offerings (
+        id, "placeId", name, description, offering_type, price, stock_status,
+        stock_quantity, is_verified, is_active, last_stock_update,
+        "createdAt", "updatedAt", "deletedAt", "importHash"
+      )
+      SELECT
+        :id, :placeId, :name, :description, :offering_type, :price, :stock_status,
+        :stock_quantity, :is_verified, true, COALESCE(:last_stock_update, NOW()),
+        NOW(), NOW(), NULL, :importHash
+      WHERE NOT EXISTS (
+        SELECT 1 FROM place_offerings
+        WHERE "importHash" = :importHash
+          AND "deletedAt" IS NULL
+      );
+    `,
+    {
+      replacements: {
+        ...offering,
+        last_stock_update: offering.last_stock_update || null,
+        importHash: `${OFFERING_IMPORT_PREFIX}${offering.id}`,
+      },
+      transaction,
+    },
+  );
+};
+
+module.exports = {
+  up: async (queryInterface, Sequelize) => {
+    const transaction = await queryInterface.sequelize.transaction();
+
+    try {
+      for (const category of categories) {
+        await upsertCategory(queryInterface, category, transaction);
+      }
+
+      const actualPlaceIds = {};
+      for (const place of places) {
+        const categoryId = await findCategoryId(queryInterface, Sequelize, place.categorySlug, transaction);
+        await upsertPlace(queryInterface, place, categoryId, transaction);
+        actualPlaceIds[place.id] = await findPlaceId(queryInterface, Sequelize, place.name, transaction);
+      }
+
+      for (const offering of offerings) {
+        await upsertOffering(queryInterface, {
+          ...offering,
+          placeId: actualPlaceIds[offering.placeId] || offering.placeId,
+        }, transaction);
+      }
+
+      await transaction.commit();
+    } catch (err) {
+      await transaction.rollback();
+      throw err;
+    }
+  },
+
+  down: async (queryInterface) => {
+    const transaction = await queryInterface.sequelize.transaction();
+
+    try {
+      await queryInterface.sequelize.query(
+        'DELETE FROM place_offerings WHERE "importHash" LIKE :prefix;',
+        {
+          replacements: { prefix: `${OFFERING_IMPORT_PREFIX}%` },
+          transaction,
+        },
+      );
+
+      await queryInterface.sequelize.query(
+        'DELETE FROM places WHERE "importHash" LIKE :prefix;',
+        {
+          replacements: { prefix: `${PLACE_IMPORT_PREFIX}%` },
+          transaction,
+        },
+      );
+
+      await queryInterface.sequelize.query(
+        'DELETE FROM place_categories WHERE "importHash" LIKE :prefix;',
+        {
+          replacements: { prefix: `${CATEGORY_IMPORT_PREFIX}%` },
+          transaction,
+        },
+      );
+
+      await transaction.commit();
+    } catch (err) {
+      await transaction.rollback();
+      throw err;
+    }
+  },
+};
diff --git a/backend/src/index.js b/backend/src/index.js
index 4f99184..05ad21e 100644
--- a/backend/src/index.js
+++ b/backend/src/index.js
@@ -6,7 +6,6 @@ const passport = require('passport');
 const path = require('path');
 const fs = require('fs');
 const bodyParser = require('body-parser');
-const db = require('./db/models');
 const config = require('./config');
 const swaggerUI = require('swagger-ui-express');
 const swaggerJsDoc = require('swagger-jsdoc');
@@ -16,6 +15,7 @@ const fileRoutes = require('./routes/file');
 const searchRoutes = require('./routes/search');
 const sqlRoutes = require('./routes/sql');
 const pexelsRoutes = require('./routes/pexels');
+const publicPlacesRoutes = require('./routes/publicPlaces');
 
 const openaiRoutes = require('./routes/openai');
 
@@ -100,6 +100,7 @@ app.use(bodyParser.json());
 app.use('/api/auth', authRoutes);
 app.use('/api/file', fileRoutes);
 app.use('/api/pexels', pexelsRoutes);
+app.use('/api/public', publicPlacesRoutes);
 app.enable('trust proxy');
 
 
diff --git a/backend/src/routes/publicPlaces.js b/backend/src/routes/publicPlaces.js
new file mode 100644
index 0000000..e0edc40
--- /dev/null
+++ b/backend/src/routes/publicPlaces.js
@@ -0,0 +1,1154 @@
+const express = require('express');
+const db = require('../db/models');
+const wrapAsync = require('../helpers').wrapAsync;
+const commonErrorHandler = require('../helpers').commonErrorHandler;
+
+const router = express.Router();
+const Sequelize = db.Sequelize;
+const Op = Sequelize.Op;
+
+const DEFAULT_LIMIT = 24;
+const MAX_LIMIT = 60;
+const CANDIDATE_LIMIT = 500;
+const DEFAULT_RADIUS_KM = 5;
+const GLOBAL_RADIUS_KM = 20038;
+
+const GEO_SCORE_FORMULA = {
+  relevance: 40,
+  distance: 25,
+  reputation: 15,
+  activity: 10,
+  interaction: 10,
+};
+
+const RADIUS_ZONES = [
+  {
+    value: 1,
+    label: 'Walking Zone',
+    range: '0–1 Km',
+    description: 'Paling cocok untuk jalan kaki dan kebutuhan sangat dekat.',
+  },
+  {
+    value: 5,
+    label: 'Neighborhood Zone',
+    range: '1–5 Km',
+    description: 'Default GeoSeek: sekitar rumah, kantor, dan lingkungan sekitar.',
+  },
+  {
+    value: 25,
+    label: 'City Zone',
+    range: '5–25 Km',
+    description: 'Menjangkau satu kota untuk pilihan yang lebih banyak.',
+  },
+  {
+    value: 100,
+    label: 'Regional Zone',
+    range: '25–100 Km',
+    description: 'Area regional atau kabupaten/kota sekitar.',
+  },
+  {
+    value: 500,
+    label: 'Provincial Zone',
+    range: '100–500 Km',
+    description: 'Skala provinsi untuk pencarian yang lebih luas.',
+  },
+  {
+    value: GLOBAL_RADIUS_KM,
+    label: 'Global Zone',
+    range: '500+ Km',
+    description: 'Skala nasional/global ketika lokasi lokal tidak cukup.',
+  },
+];
+
+const DISTANCE_BUCKETS = [0.5, 1, 3, 5, 25, 100, 500, GLOBAL_RADIUS_KM];
+
+const STOCK_STATUS_LABELS = {
+  in_stock: 'Tersedia',
+  limited: 'Stok terbatas',
+  out_of_stock: 'Habis',
+  by_request: 'By request',
+};
+
+const STOP_WORDS = new Set([
+  'ada',
+  'aku',
+  'atau',
+  'buka',
+  'cari',
+  'dan',
+  'dekat',
+  'desa',
+  'di',
+  'dengan',
+  'direkomendasikan',
+  'dalam',
+  'enak',
+  'ini',
+  'itu',
+  'jam',
+  'ke',
+  'kecamatan',
+  'kelurahan',
+  'km',
+  'kota',
+  'lokasi',
+  'me',
+  'murah',
+  'near',
+  'paling',
+  'populer',
+  'radius',
+  'ramai',
+  'rating',
+  'rumah',
+  'saya',
+  'sekarang',
+  'sekitar',
+  'terbaru',
+  'terdekat',
+  'terlaris',
+  'tertinggi',
+  'terverifikasi',
+  'untuk',
+  'yang',
+  '10',
+  '24',
+]);
+
+const SYNONYMS = {
+  ac: ['air', 'conditioner', 'pendingin', 'service', 'servis', 'jasa'],
+  apotek: ['farmasi', 'obat', 'kesehatan', 'herbal', 'jamu', 'madu'],
+  atm: ['bank', 'uang', 'tunai', 'lokal', 'toko', 'umkm'],
+  aki: ['baterai', 'mobil', 'bengkel'],
+  artikel: ['blog', 'berita', 'website', 'konten'],
+  auto: ['automotif', 'otomotif', 'mobil', 'kendaraan', 'bengkel'],
+  ban: ['roda', 'spooring', 'balancing', 'mobil', 'bengkel'],
+  belanja: ['toko', 'produk', 'marketplace', 'jual', 'barang'],
+  cuci: ['mobil', 'bengkel', 'otomotif', 'auto', 'kendaraan'],
+  dokter: ['klinik', 'kesehatan', 'herbal', 'sehat', 'obat'],
+  bengkel: ['servis', 'service', 'otomotif', 'automotif', 'auto', 'mobil', 'kendaraan', 'oli', 'tune', 'mesin', 'kaki'],
+  booking: ['reservasi', 'jadwal', 'pesan', 'jasa'],
+  cafe: ['kafe', 'kopi', 'coffee', 'kedai', 'warung', 'kuliner', 'makan', 'minum'],
+  clinic: ['klinik', 'kesehatan', 'dokter', 'obat'],
+  coffee: ['cafe', 'kafe', 'kopi', 'kedai'],
+  dapur: ['kitchen', 'kabinet', 'interior', 'lemari'],
+  dekor: ['dekorasi', 'interior', 'furniture', 'furnitur', 'mebel', 'perabot'],
+  desain: ['design', 'interior', 'renovasi', 'dekorasi', 'jasa'],
+  furniture: ['furnitur', 'mebel', 'perabot', 'sofa', 'lemari', 'interior'],
+  furnitur: ['furniture', 'mebel', 'perabot', 'sofa', 'lemari', 'interior'],
+  herbal: ['sehat', 'kesehatan', 'alami', 'jamu', 'madu', 'temulawak'],
+  hotel: ['penginapan', 'wisata', 'travel', 'lokal', 'kuliner', 'cafe'],
+  interior: ['furniture', 'furnitur', 'mebel', 'perabot', 'sofa', 'lemari', 'kitchen', 'set', 'dekorasi', 'desain'],
+  jasa: ['layanan', 'service', 'servis', 'booking'],
+  kaki: ['shockbreaker', 'bushing', 'bearing', 'rem', 'bengkel', 'mobil'],
+  kafe: ['cafe', 'kopi', 'coffee', 'kedai', 'warung', 'kuliner', 'makan', 'minum'],
+  kabinet: ['lemari', 'kitchen', 'dapur', 'interior'],
+  kedai: ['cafe', 'kafe', 'kopi', 'warung', 'kuliner'],
+  kitchen: ['dapur', 'kabinet', 'interior', 'furniture', 'furnitur', 'lemari'],
+  kopi: ['cafe', 'kafe', 'coffee', 'kedai', 'warung', 'melayu', 'saring'],
+  kuliner: ['cafe', 'kafe', 'kedai', 'warung', 'makan', 'minum'],
+  klinik: ['clinic', 'dokter', 'kesehatan', 'herbal', 'sehat', 'obat'],
+  laksa: ['melayu', 'makan', 'kuliner', 'kedai'],
+  lemari: ['kabinet', 'furniture', 'furnitur', 'mebel', 'perabot', 'interior'],
+  makan: ['kuliner', 'cafe', 'kafe', 'kedai', 'warung'],
+  marketplace: ['produk', 'stok', 'jual', 'toko', 'belanja'],
+  mall: ['belanja', 'toko', 'marketplace', 'produk', 'kuliner'],
+  minimarket: ['belanja', 'toko', 'marketplace', 'produk'],
+  mebel: ['furniture', 'furnitur', 'perabot', 'sofa', 'lemari', 'interior'],
+  melayu: ['riau', 'tradisional', 'kopi', 'roti', 'jala', 'laksa', 'teh', 'tarik', 'saring'],
+  mobil: ['bengkel', 'servis', 'service', 'otomotif', 'auto', 'kendaraan', 'oli', 'mesin'],
+  nasi: ['makan', 'kuliner', 'melayu', 'lemak'],
+  obat: ['apotek', 'farmasi', 'kesehatan', 'herbal', 'jamu'],
+  oli: ['pelumas', 'ganti', 'servis', 'service', 'bengkel', 'mobil'],
+  otomotif: ['automotif', 'auto', 'bengkel', 'mobil', 'kendaraan', 'servis', 'service'],
+  pembayaran: ['bayar', 'digital', 'cashless', 'qris'],
+  pantai: ['wisata', 'travel', 'penginapan', 'hotel', 'lokal'],
+  pasar: ['belanja', 'toko', 'marketplace', 'produk'],
+  perabot: ['furniture', 'furnitur', 'mebel', 'interior', 'sofa', 'lemari'],
+  produk: ['barang', 'stok', 'ready', 'tersedia'],
+  penginapan: ['hotel', 'wisata', 'travel', 'lokal'],
+  rem: ['brake', 'bengkel', 'mobil', 'kaki'],
+  restoran: ['restaurant', 'kuliner', 'makan', 'warung', 'cafe', 'kafe', 'kedai', 'nasi'],
+  restaurant: ['restoran', 'kuliner', 'makan', 'warung', 'cafe', 'kafe', 'kedai'],
+  roti: ['jala', 'melayu', 'kuliner', 'makan'],
+  saring: ['kopi', 'melayu', 'kedai'],
+  sekolah: ['pendidikan', 'kursus', 'belajar'],
+  service: ['servis', 'bengkel', 'mobil', 'otomotif', 'auto', 'oli', 'tune', 'mesin'],
+  sakit: ['kesehatan', 'klinik', 'dokter', 'obat', 'herbal'],
+  servis: ['service', 'bengkel', 'mobil', 'otomotif', 'auto', 'oli', 'tune', 'mesin'],
+  shockbreaker: ['shock', 'kaki', 'mobil', 'bengkel'],
+  sofa: ['furniture', 'furnitur', 'mebel', 'interior', 'ruang', 'tamu'],
+  spbu: ['bbm', 'bensin', 'otomotif', 'mobil', 'bengkel', 'auto'],
+  spooring: ['balancing', 'ban', 'bengkel', 'mobil'],
+  stok: ['stock', 'tersedia', 'ready', 'produk', 'barang'],
+  tersedia: ['ready', 'stok', 'stock', 'in stock'],
+  tambal: ['ban', 'bengkel', 'otomotif', 'mobil', 'roda'],
+  toko: ['store', 'shop', 'belanja', 'jual', 'produk'],
+  tempat: ['lokal', 'wisata', 'kuliner', 'toko', 'umkm'],
+  tune: ['servis', 'service', 'mesin', 'bengkel', 'mobil'],
+  umkm: ['usaha', 'lokal', 'toko', 'jasa', 'produk'],
+  warung: ['kedai', 'cafe', 'kafe', 'kopi', 'kuliner', 'makan'],
+  wisata: ['travel', 'hotel', 'penginapan', 'pantai', 'lokal', 'kuliner'],
+};
+
+const parseCoordinate = (value, label) => {
+  if (value === undefined || value === null || value === '') {
+    return null;
+  }
+
+  const number = Number(value);
+  if (!Number.isFinite(number)) {
+    const error = new Error(`${label} harus berupa angka.`);
+    error.code = 400;
+    throw error;
+  }
+
+  return number;
+};
+
+const parseRadius = (value) => {
+  if (value === undefined || value === null || value === '') {
+    return DEFAULT_RADIUS_KM;
+  }
+
+  const number = Number(value);
+  if (!Number.isFinite(number) || number <= 0) {
+    const error = new Error('Radius harus berupa angka lebih dari 0 km.');
+    error.code = 400;
+    throw error;
+  }
+
+  return Math.min(number, GLOBAL_RADIUS_KM);
+};
+
+const clampScore = (value) => Math.max(0, Math.min(100, Number(value) || 0));
+
+const toNumber = (value) => {
+  if (value === null || value === undefined || value === '') {
+    return null;
+  }
+
+  const number = Number(value);
+  return Number.isFinite(number) ? number : null;
+};
+
+const normalizeText = (value) => String(value || '')
+  .toLowerCase()
+  .normalize('NFD')
+  .replace(/[\u0300-\u036f]/g, '')
+  .replace(/[^a-z0-9]+/g, ' ')
+  .trim();
+
+const parseRadiusFromQueryText = (query) => {
+  const normalized = normalizeText(query);
+  const radiusMatch = normalized.match(/(?:dalam\s+)?radius\s+(\d+(?:[.,]\d+)?)\s*km/) || normalized.match(/\b(\d+(?:[.,]\d+)?)\s*km\b/);
+
+  if (!radiusMatch) {
+    return null;
+  }
+
+  const number = Number(String(radiusMatch[1]).replace(',', '.'));
+  if (!Number.isFinite(number) || number <= 0) {
+    return null;
+  }
+
+  return Math.min(number, GLOBAL_RADIUS_KM);
+};
+
+const hasAnyPhrase = (text, phrases) => phrases.some((phrase) => text.includes(phrase));
+
+const analyzeHyperlocalIntent = (query) => {
+  const normalized = normalizeText(query);
+
+  return {
+    nearby: hasAnyPhrase(normalized, [
+      'terdekat',
+      'dekat saya',
+      'near me',
+      'sekitar saya',
+      'lokasi terdekat',
+      'dalam radius',
+      'radius',
+    ]),
+    openNow: hasAnyPhrase(normalized, ['buka sekarang', 'buka sek', 'sedang buka']),
+    twentyFourHour: /\b24\s*jam\b/.test(normalized) || normalized.includes('24jam'),
+    highestRating: hasAnyPhrase(normalized, ['rating tertinggi', 'terbaik', 'bintang tertinggi']),
+    popular: hasAnyPhrase(normalized, ['populer', 'paling ramai', 'ramai', 'trafik tertinggi']),
+    cheap: hasAnyPhrase(normalized, ['paling murah', 'termurah', 'murah']),
+    bestSeller: hasAnyPhrase(normalized, ['terlaris', 'best seller', 'laris']),
+    newest: hasAnyPhrase(normalized, ['terbaru', 'baru update', 'update terbaru']),
+    recommended: hasAnyPhrase(normalized, ['direkomendasikan', 'recommended', 'rekomendasi']),
+    verified: hasAnyPhrase(normalized, ['terverifikasi', 'verified']),
+    requestedRadiusKm: parseRadiusFromQueryText(query),
+  };
+};
+
+const tokenizeQuery = (value) => normalizeText(value)
+  .split(/\s+/)
+  .filter((token) => token.length > 1 && !STOP_WORDS.has(token));
+
+const includesToken = (text, token) => {
+  if (!text || !token) {
+    return false;
+  }
+
+  if (token.includes(' ')) {
+    return text.includes(token);
+  }
+
+  const words = text.split(/\s+/).filter(Boolean);
+  return words.some((word) => word === token
+    || (token.length >= 4 && word.startsWith(token))
+    || (token.length >= 5 && word.includes(token)));
+};
+
+const scoreField = (field, token, weight) => (includesToken(field, token) ? weight : 0);
+
+const isAvailableOffering = (offering) => ['in_stock', 'limited', 'by_request'].includes(offering.stock_status);
+
+const buildOfferingText = (offerings) => offerings
+  .map((offering) => [
+    offering.name,
+    offering.description,
+    offering.offering_type === 'service' ? 'jasa layanan service servis booking' : 'produk barang stok ready marketplace',
+    STOCK_STATUS_LABELS[offering.stock_status],
+  ].filter(Boolean).join(' '))
+  .join(' ');
+
+const scoreOfferingTokens = (offerings, tokens, tokenWeight, availableWeight) => {
+  let score = 0;
+
+  offerings.forEach((offering) => {
+    const offeringText = normalizeText([
+      offering.name,
+      offering.description,
+      offering.offering_type,
+      STOCK_STATUS_LABELS[offering.stock_status],
+    ].filter(Boolean).join(' '));
+    const matches = tokens.filter((token) => includesToken(offeringText, token)).length;
+
+    if (!matches) {
+      return;
+    }
+
+    score += matches * tokenWeight;
+
+    if (isAvailableOffering(offering)) {
+      score += availableWeight;
+    }
+
+    if (offering.is_verified) {
+      score += 5;
+    }
+
+    if (offering.stock_status === 'out_of_stock') {
+      score -= 25;
+    }
+  });
+
+  return score;
+};
+
+const scoreTokenInSearchFields = (fields, token, weights) => scoreField(fields.name, token, weights.name)
+  + scoreField(fields.category, token, weights.category)
+  + scoreField(fields.offerings, token, weights.offerings)
+  + scoreField(fields.description, token, weights.description)
+  + scoreField(fields.location, token, weights.location);
+
+const calculateRawRelevanceScore = (place, query) => {
+  const originalTokens = tokenizeQuery(query);
+
+  if (!originalTokens.length) {
+    return 62 + Math.min(calculateInventoryScore(place) * 0.18, 18);
+  }
+
+  const normalizedQuery = normalizeText(query);
+  const offerings = Array.isArray(place.offerings) ? place.offerings : [];
+  const fields = {
+    name: normalizeText(place.name),
+    category: normalizeText([
+      place.category?.name,
+      place.category?.slug,
+      place.category?.description,
+    ].filter(Boolean).join(' ')),
+    description: normalizeText([
+      place.short_description,
+      place.full_description,
+    ].filter(Boolean).join(' ')),
+    location: normalizeText([
+      place.address,
+      place.city,
+      place.province,
+    ].filter(Boolean).join(' ')),
+    offerings: normalizeText(buildOfferingText(offerings)),
+  };
+
+  const exactWeights = {
+    name: 22,
+    category: 18,
+    offerings: 26,
+    description: 10,
+    location: 4,
+  };
+  const synonymWeights = {
+    name: 9,
+    category: 7,
+    offerings: 11,
+    description: 4,
+    location: 2,
+  };
+
+  let score = 0;
+
+  if (normalizedQuery) {
+    score += scoreField(fields.name, normalizedQuery, 80);
+    score += scoreField(fields.category, normalizedQuery, 70);
+    score += scoreField(fields.offerings, normalizedQuery, 86);
+    score += scoreField(fields.description, normalizedQuery, 46);
+    score += scoreField(fields.location, normalizedQuery, 16);
+  }
+
+  let originalMatches = 0;
+  const matchedSearchTerms = new Set();
+
+  originalTokens.forEach((token) => {
+    const tokenScore = scoreTokenInSearchFields(fields, token, exactWeights);
+
+    if (tokenScore > 0) {
+      originalMatches += 1;
+      matchedSearchTerms.add(token);
+      score += tokenScore;
+    }
+  });
+
+  score += scoreOfferingTokens(offerings, originalTokens, 9, 12);
+
+  let synonymScore = 0;
+  const usedSynonyms = new Set();
+
+  originalTokens.forEach((originalToken) => {
+    let tokenSynonymScore = 0;
+
+    (SYNONYMS[originalToken] || []).forEach((token) => {
+      if (usedSynonyms.has(token)) {
+        return;
+      }
+
+      usedSynonyms.add(token);
+      tokenSynonymScore += scoreTokenInSearchFields(fields, token, synonymWeights);
+      tokenSynonymScore += scoreOfferingTokens(offerings, [token], 4, 5);
+    });
+
+    if (tokenSynonymScore > 0) {
+      matchedSearchTerms.add(originalToken);
+      synonymScore += tokenSynonymScore;
+    }
+  });
+
+  if (originalTokens.length > 1 && matchedSearchTerms.size < originalTokens.length) {
+    return 0;
+  }
+
+  if (originalMatches === 0) {
+    if (synonymScore < 16) {
+      return 0;
+    }
+
+    score = synonymScore * 0.72;
+  } else {
+    score += synonymScore;
+  }
+
+  if (score <= 0) {
+    return 0;
+  }
+
+  if (matchedSearchTerms.size === originalTokens.length) {
+    score += 24;
+  }
+
+  return score;
+};
+
+const calculateInventoryScore = (place) => {
+  const offerings = Array.isArray(place.offerings) ? place.offerings : [];
+  const availableOfferings = offerings.filter(isAvailableOffering).length;
+  const verifiedOfferings = offerings.filter((offering) => offering.is_verified).length;
+  const products = offerings.filter((offering) => offering.offering_type === 'product').length;
+  const services = offerings.filter((offering) => offering.offering_type === 'service').length;
+
+  return clampScore((availableOfferings * 12) + (verifiedOfferings * 8) + (products * 3) + (services * 3));
+};
+
+const calculateIntentBoost = (place, intent, radiusKm) => {
+  let boost = 0;
+
+  if (intent.openNow && place.live_status?.status === 'open') {
+    boost += 34;
+  }
+
+  if (intent.twentyFourHour && place.live_status?.status === 'open') {
+    boost += 16;
+  }
+
+  if (intent.nearby && place.distance_km !== null && place.distance_km !== undefined) {
+    const safeRadius = radiusKm || intent.requestedRadiusKm || DEFAULT_RADIUS_KM;
+    boost += clampScore(18 * (1 - Math.min(place.distance_km / safeRadius, 1)));
+  }
+
+  if (intent.highestRating && Number(place.rating_average || 0) >= 4.5) {
+    boost += 24;
+  }
+
+  if (intent.popular || intent.bestSeller) {
+    boost += clampScore(Math.log10(Number(place.rating_count || 0) + 1) * 12);
+  }
+
+  if (intent.cheap) {
+    if (place.price_level === 'budget') {
+      boost += 26;
+    } else if (place.price_level === 'midrange') {
+      boost += 12;
+    }
+  }
+
+  if (intent.newest) {
+    boost += calculateActivityComponent(place) * 0.22;
+  }
+
+  if (intent.recommended) {
+    boost += 14;
+  }
+
+  if (intent.verified && place.is_verified) {
+    boost += 28;
+  }
+
+  return boost;
+};
+
+const calculateRelevanceComponent = (place, query, radiusKm) => {
+  const intent = analyzeHyperlocalIntent(query);
+  const semanticTokens = tokenizeQuery(query);
+  const rawRelevance = calculateRawRelevanceScore(place, query);
+
+  if (rawRelevance <= 0 && semanticTokens.length > 0) {
+    return 0;
+  }
+
+  const raw = rawRelevance + calculateIntentBoost(place, intent, radiusKm);
+
+  if (raw <= 0) {
+    return 0;
+  }
+
+  return clampScore(raw * 0.72 + calculateInventoryScore(place) * 0.22);
+};
+
+const calculateDistanceComponent = (place, radiusKm) => {
+  if (place.distance_km === null || place.distance_km === undefined) {
+    return 58;
+  }
+
+  const safeRadius = radiusKm || DEFAULT_RADIUS_KM;
+  if (safeRadius >= GLOBAL_RADIUS_KM) {
+    return clampScore(100 - Math.min(place.distance_km / 100, 80));
+  }
+
+  return clampScore(100 * (1 - Math.min(place.distance_km / safeRadius, 1)));
+};
+
+const calculateReputationComponent = (place) => {
+  const rating = Number(place.rating_average || 0);
+  const ratingCount = Number(place.rating_count || 0);
+  const ratingScore = clampScore((rating / 5) * 84);
+  const volumeScore = clampScore(Math.log10(ratingCount + 1) * 10);
+  const verifiedScore = place.is_verified ? 8 : 0;
+
+  return clampScore(ratingScore + volumeScore + verifiedScore);
+};
+
+const getMostRecentActivityDate = (place) => {
+  const dates = [];
+
+  if (place.updatedAt) {
+    dates.push(new Date(place.updatedAt));
+  }
+
+  (place.offerings || []).forEach((offering) => {
+    if (offering.last_stock_update) {
+      dates.push(new Date(offering.last_stock_update));
+    }
+  });
+
+  return dates
+    .filter((date) => !Number.isNaN(date.getTime()))
+    .sort((a, b) => b.getTime() - a.getTime())[0] || null;
+};
+
+const calculateActivityComponent = (place) => {
+  const latestDate = getMostRecentActivityDate(place);
+
+  if (!latestDate) {
+    return 42;
+  }
+
+  const days = (Date.now() - latestDate.getTime()) / (1000 * 60 * 60 * 24);
+
+  if (days <= 1) return 100;
+  if (days <= 7) return 92;
+  if (days <= 30) return 76;
+  if (days <= 90) return 58;
+  return 40;
+};
+
+const calculateInteractionComponent = (place) => {
+  const ratingCount = Number(place.rating_count || 0);
+  const offerings = Array.isArray(place.offerings) ? place.offerings : [];
+  const availableOfferings = offerings.filter(isAvailableOffering).length;
+  const contactScore = [place.phone_number, place.whatsapp_number, place.website_url, place.google_maps_url]
+    .filter(Boolean).length * 5;
+  const engagementScore = Math.log10(ratingCount + 1) * 26;
+  const inventoryScore = Math.min(availableOfferings * 4, 18);
+
+  return clampScore(contactScore + engagementScore + inventoryScore);
+};
+
+const calculateGeoScore = (place, query, radiusKm) => {
+  const components = {
+    relevance: calculateRelevanceComponent(place, query, radiusKm),
+    distance: calculateDistanceComponent(place, radiusKm),
+    reputation: calculateReputationComponent(place),
+    activity: calculateActivityComponent(place),
+    interaction: calculateInteractionComponent(place),
+  };
+  const weighted = (components.relevance * GEO_SCORE_FORMULA.relevance
+    + components.distance * GEO_SCORE_FORMULA.distance
+    + components.reputation * GEO_SCORE_FORMULA.reputation
+    + components.activity * GEO_SCORE_FORMULA.activity
+    + components.interaction * GEO_SCORE_FORMULA.interaction) / 100;
+
+  return {
+    value: Number(clampScore(weighted).toFixed(2)),
+    components: Object.fromEntries(
+      Object.entries(components).map(([key, value]) => [key, Number(value.toFixed(2))]),
+    ),
+    formula: GEO_SCORE_FORMULA,
+  };
+};
+
+const compareDistance = (a, b) => {
+  if (a.distance_km !== null && b.distance_km !== null) return a.distance_km - b.distance_km;
+  if (a.distance_km !== null) return -1;
+  if (b.distance_km !== null) return 1;
+  return 0;
+};
+
+const compareLatestActivity = (a, b) => {
+  const dateA = getMostRecentActivityDate(a);
+  const dateB = getMostRecentActivityDate(b);
+
+  if (dateA && dateB) {
+    return dateB.getTime() - dateA.getTime();
+  }
+
+  if (dateA) return -1;
+  if (dateB) return 1;
+  return 0;
+};
+
+const compareAveragePrice = (a, b) => {
+  const priceA = Number(a.average_price || 0);
+  const priceB = Number(b.average_price || 0);
+
+  if (priceA && priceB) {
+    return priceA - priceB;
+  }
+
+  if (priceA) return -1;
+  if (priceB) return 1;
+  return 0;
+};
+
+const sortScoredPlaces = (a, b, hasQuery, intent = {}) => {
+  if (intent.openNow || intent.twentyFourHour) {
+    const openDiff = Number(b.place.live_status?.status === 'open') - Number(a.place.live_status?.status === 'open');
+    if (openDiff !== 0) return openDiff;
+  }
+
+  if (intent.verified) {
+    const verifiedDiff = Number(b.place.is_verified) - Number(a.place.is_verified);
+    if (verifiedDiff !== 0) return verifiedDiff;
+  }
+
+  if (intent.highestRating) {
+    const ratingDiff = (b.place.rating_average || 0) - (a.place.rating_average || 0);
+    if (Math.abs(ratingDiff) >= 0.05) return ratingDiff;
+  }
+
+  if (intent.popular || intent.bestSeller) {
+    const popularityDiff = (b.place.rating_count || 0) - (a.place.rating_count || 0);
+    if (popularityDiff !== 0) return popularityDiff;
+  }
+
+  if (intent.cheap) {
+    const priceDiff = compareAveragePrice(a.place, b.place);
+    if (priceDiff !== 0) return priceDiff;
+  }
+
+  if (intent.newest) {
+    const latestDiff = compareLatestActivity(a.place, b.place);
+    if (latestDiff !== 0) return latestDiff;
+  }
+
+  if (intent.nearby && !hasQuery) {
+    const distanceDiff = compareDistance(a.place, b.place);
+    if (distanceDiff !== 0) return distanceDiff;
+  }
+
+  if (hasQuery) {
+    const relevanceDiff = b.geoScore.components.relevance - a.geoScore.components.relevance;
+    if (Math.abs(relevanceDiff) >= 4) return relevanceDiff;
+  }
+
+  const geoScoreDiff = b.geoScore.value - a.geoScore.value;
+
+  if (Math.abs(geoScoreDiff) > (hasQuery ? 2 : 5)) {
+    return geoScoreDiff;
+  }
+
+  const ratingDiff = (b.place.rating_average || 0) - (a.place.rating_average || 0);
+  if (Math.abs(ratingDiff) >= 0.2) {
+    return ratingDiff;
+  }
+
+  const distanceDiff = compareDistance(a.place, b.place);
+  if (distanceDiff !== 0) {
+    return distanceDiff;
+  }
+
+  if (Boolean(a.place.is_verified) !== Boolean(b.place.is_verified)) {
+    return a.place.is_verified ? -1 : 1;
+  }
+
+  return String(a.place.name || '').localeCompare(String(b.place.name || ''));
+};
+
+const getLocalHour = () => {
+  try {
+    const value = new Intl.DateTimeFormat('en-US', {
+      hour: 'numeric',
+      hour12: false,
+      timeZone: 'Asia/Jakarta',
+    }).format(new Date());
+
+    return Number(value);
+  } catch (err) {
+    console.error('Gagal membaca timezone Asia/Jakarta untuk live status', err);
+    return (new Date().getUTCHours() + 7) % 24;
+  }
+};
+
+const isBetweenHour = (hour, start, end) => hour >= start && hour < end;
+
+const calculateLiveStatus = (place) => {
+  const hour = getLocalHour();
+  const slug = place.category?.slug || '';
+  let open = isBetweenHour(hour, 8, 21);
+  let busy = false;
+
+  if (slug.includes('cafe')) {
+    open = isBetweenHour(hour, 7, 22);
+    busy = isBetweenHour(hour, 7, 9) || isBetweenHour(hour, 12, 14) || isBetweenHour(hour, 19, 21);
+  } else if (slug.includes('bengkel')) {
+    open = isBetweenHour(hour, 8, 17);
+    busy = isBetweenHour(hour, 9, 11) || isBetweenHour(hour, 14, 16);
+  } else if (slug.includes('interior')) {
+    open = isBetweenHour(hour, 9, 18);
+    busy = isBetweenHour(hour, 10, 12) || isBetweenHour(hour, 15, 17);
+  }
+
+  const activityDate = getMostRecentActivityDate(place);
+  const updatedToday = activityDate
+    ? ((Date.now() - activityDate.getTime()) / (1000 * 60 * 60 * 24)) <= 1
+    : false;
+
+  return {
+    status: open ? 'open' : 'closed',
+    label: open ? 'Buka sekarang' : 'Tutup sekarang',
+    crowd: open ? (busy ? 'Ramai' : 'Sepi') : 'Tutup',
+    updated_label: updatedToday ? 'Update stok hari ini' : 'Update berkala',
+    source: 'Simulasi live search MVP berbasis jam lokal dan aktivitas data.',
+  };
+};
+
+const getRadiusZone = (distanceKm, selectedRadiusKm) => {
+  const value = distanceKm === null || distanceKm === undefined ? selectedRadiusKm : distanceKm;
+  const zone = RADIUS_ZONES.find((item) => value <= item.value) || RADIUS_ZONES[RADIUS_ZONES.length - 1];
+
+  return zone;
+};
+
+const toPublicOffering = (offering) => ({
+  id: offering.id,
+  name: offering.name,
+  description: offering.description,
+  offering_type: offering.offering_type,
+  price: toNumber(offering.price),
+  stock_status: offering.stock_status,
+  stock_label: STOCK_STATUS_LABELS[offering.stock_status] || 'Info stok',
+  stock_quantity: offering.stock_quantity,
+  is_verified: Boolean(offering.is_verified),
+  last_stock_update: offering.last_stock_update,
+});
+
+const summarizeOfferings = (offerings) => {
+  const activeOfferings = Array.isArray(offerings) ? offerings : [];
+  const availableOfferings = activeOfferings.filter(isAvailableOffering);
+
+  return {
+    total: activeOfferings.length,
+    available: availableOfferings.length,
+    products: activeOfferings.filter((offering) => offering.offering_type === 'product').length,
+    services: activeOfferings.filter((offering) => offering.offering_type === 'service').length,
+    verified: activeOfferings.filter((offering) => offering.is_verified).length,
+    top_available: availableOfferings.slice(0, 3),
+  };
+};
+
+const calculateDistanceKm = (lat1, lon1, lat2, lon2) => {
+  const earthRadiusKm = 6371;
+  const toRadians = (value) => (value * Math.PI) / 180;
+  const dLat = toRadians(lat2 - lat1);
+  const dLon = toRadians(lon2 - lon1);
+  const a = Math.sin(dLat / 2) * Math.sin(dLat / 2)
+    + Math.cos(toRadians(lat1))
+    * Math.cos(toRadians(lat2))
+    * Math.sin(dLon / 2)
+    * Math.sin(dLon / 2);
+
+  return earthRadiusKm * 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
+};
+
+const toPublicPlace = (place, origin) => {
+  const plain = place.get({ plain: true });
+  const latitude = toNumber(plain.latitude);
+  const longitude = toNumber(plain.longitude);
+  const distanceKm = origin && latitude !== null && longitude !== null
+    ? calculateDistanceKm(origin.lat, origin.lng, latitude, longitude)
+    : null;
+  const offerings = (plain.offerings || []).map(toPublicOffering);
+  const publicPlace = {
+    id: plain.id,
+    name: plain.name,
+    short_description: plain.short_description,
+    full_description: plain.full_description,
+    address: plain.address,
+    city: plain.city,
+    province: plain.province,
+    latitude,
+    longitude,
+    phone_number: plain.phone_number,
+    whatsapp_number: plain.whatsapp_number,
+    website_url: plain.website_url,
+    google_maps_url: plain.google_maps_url,
+    price_level: plain.price_level,
+    average_price: toNumber(plain.average_price),
+    rating_average: toNumber(plain.rating_average),
+    rating_count: plain.rating_count || 0,
+    status: plain.status,
+    is_verified: Boolean(plain.is_verified),
+    updatedAt: plain.updatedAt,
+    category: plain.category ? {
+      id: plain.category.id,
+      name: plain.category.name,
+      slug: plain.category.slug,
+      color_hex: plain.category.color_hex,
+      description: plain.category.description,
+    } : null,
+    distance_km: distanceKm === null ? null : Number(distanceKm.toFixed(2)),
+    offerings,
+    offerings_summary: summarizeOfferings(offerings),
+  };
+
+  publicPlace.live_status = calculateLiveStatus(publicPlace);
+
+  return publicPlace;
+};
+
+const buildCategoryWhere = (category) => {
+  if (!category) {
+    return { is_active: true };
+  }
+
+  const categoryFilters = [
+    { slug: category },
+    { name: { [Op.iLike]: `%${category}%` } },
+  ];
+
+  if (/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(category)) {
+    categoryFilters.unshift({ id: category });
+  }
+
+  return {
+    is_active: true,
+    [Op.or]: categoryFilters,
+  };
+};
+
+const offeringsInclude = {
+  model: db.place_offerings,
+  as: 'offerings',
+  attributes: [
+    'id',
+    'name',
+    'description',
+    'offering_type',
+    'price',
+    'stock_status',
+    'stock_quantity',
+    'is_verified',
+    'last_stock_update',
+  ],
+  where: { is_active: true },
+  required: false,
+  separate: true,
+  order: [
+    ['is_verified', 'DESC'],
+    ['stock_status', 'ASC'],
+    ['name', 'ASC'],
+  ],
+};
+
+const buildDistanceBuckets = (places) => DISTANCE_BUCKETS.map((maxKm) => {
+  const count = places.filter((place) => place.distance_km !== null && place.distance_km <= maxKm).length;
+  const zone = getRadiusZone(maxKm, maxKm);
+
+  return {
+    radius_km: maxKm,
+    label: maxKm === GLOBAL_RADIUS_KM ? '500+ km' : `${maxKm} km`,
+    zone_label: zone.label,
+    count,
+  };
+});
+
+const buildAiRecommendation = (place, query) => {
+  const topOffering = place.offerings_summary?.top_available?.[0];
+  const reasonParts = [];
+
+  if (topOffering) {
+    reasonParts.push(`${topOffering.name} ${topOffering.stock_label.toLowerCase()}`);
+  }
+
+  if (place.is_verified) {
+    reasonParts.push('tempat terverifikasi');
+  }
+
+  if (place.distance_km !== null && place.distance_km !== undefined) {
+    reasonParts.push(`${place.distance_km} km dari titik Anda`);
+  }
+
+  if (place.rating_average) {
+    reasonParts.push(`rating ${place.rating_average}`);
+  }
+
+  return {
+    label: query ? `Cocok untuk “${query}”` : 'Rekomendasi lokal',
+    reason: reasonParts.length
+      ? `Direkomendasikan karena ${reasonParts.join(', ')}.`
+      : 'Direkomendasikan berdasarkan kategori, reputasi, aktivitas data, dan kedekatan lokasi.',
+    source: 'AI Recommendation MVP berbasis GeoScore dan sinyal lokal.',
+  };
+};
+
+const buildTrending = (places) => {
+  const categoryMap = new Map();
+  const availableOfferings = [];
+  let openNow = 0;
+
+  places.forEach((place) => {
+    const categoryName = place.category?.name || 'Tempat lokal';
+    categoryMap.set(categoryName, (categoryMap.get(categoryName) || 0) + 1);
+
+    if (place.live_status?.status === 'open') {
+      openNow += 1;
+    }
+
+    (place.offerings || [])
+      .filter(isAvailableOffering)
+      .forEach((offering) => {
+        availableOfferings.push({
+          name: offering.name,
+          place_name: place.name,
+          stock_label: offering.stock_label,
+          type: offering.offering_type,
+        });
+      });
+  });
+
+  return {
+    local_topics: Array.from(categoryMap.entries())
+      .sort((a, b) => b[1] - a[1])
+      .slice(0, 4)
+      .map(([name, count]) => ({ name, count, label: `${count} listing aktif` })),
+    products: availableOfferings.slice(0, 6),
+    events: [
+      'Promo lokal dan event sekitar siap diindeks dari panel admin.',
+      'Crawler berita/video/PDF bisa ditambahkan sebagai tahap berikutnya.',
+    ],
+    live: {
+      open_now: openNow,
+      total: places.length,
+    },
+  };
+};
+
+const loadPublicPlaces = async (category) => db.places.findAll({
+  where: {
+    status: 'published',
+  },
+  include: [
+    {
+      model: db.place_categories,
+      as: 'category',
+      attributes: ['id', 'name', 'slug', 'description', 'color_hex'],
+      where: buildCategoryWhere(category),
+      required: true,
+    },
+    offeringsInclude,
+  ],
+  limit: CANDIDATE_LIMIT,
+  order: [
+    ['is_verified', 'DESC'],
+    ['rating_average', 'DESC'],
+    ['name', 'ASC'],
+  ],
+});
+
+router.get('/places/categories', wrapAsync(async (req, res) => {
+  const categories = await db.place_categories.findAll({
+    attributes: ['id', 'name', 'slug', 'description', 'color_hex', 'is_active'],
+    where: { is_active: true },
+    order: [['name', 'ASC']],
+  });
+
+  res.status(200).send({ rows: categories });
+}));
+
+router.get('/places/:id', wrapAsync(async (req, res) => {
+  const lat = parseCoordinate(req.query.lat, 'Latitude');
+  const lng = parseCoordinate(req.query.lng, 'Longitude');
+  const query = String(req.query.q || '').trim();
+  const queryIntent = analyzeHyperlocalIntent(query);
+  const radiusKm = queryIntent.requestedRadiusKm || parseRadius(req.query.radiusKm);
+  const origin = lat !== null && lng !== null ? { lat, lng } : null;
+
+  const place = await db.places.findOne({
+    where: {
+      id: req.params.id,
+      status: 'published',
+    },
+    include: [
+      {
+        model: db.place_categories,
+        as: 'category',
+        attributes: ['id', 'name', 'slug', 'description', 'color_hex'],
+        where: { is_active: true },
+        required: true,
+      },
+      offeringsInclude,
+    ],
+  });
+
+  if (!place) {
+    const error = new Error('Tempat tidak ditemukan. Pastikan tempat sudah berstatus published.');
+    error.code = 404;
+    throw error;
+  }
+
+  const publicPlace = toPublicPlace(place, origin);
+  const geoScore = calculateGeoScore(publicPlace, query, radiusKm);
+
+  res.status(200).send({
+    ...publicPlace,
+    search_score: geoScore.value,
+    geo_score: geoScore.value,
+    geo_score_breakdown: geoScore.components,
+    geo_score_formula: GEO_SCORE_FORMULA,
+    radius_zone: getRadiusZone(publicPlace.distance_km, radiusKm),
+    query_intent: queryIntent,
+    ai_recommendation: buildAiRecommendation(publicPlace, query),
+  });
+}));
+
+router.get('/places', wrapAsync(async (req, res) => {
+  const query = String(req.query.q || '').trim();
+  const category = String(req.query.category || '').trim();
+  const lat = parseCoordinate(req.query.lat, 'Latitude');
+  const lng = parseCoordinate(req.query.lng, 'Longitude');
+  const queryIntent = analyzeHyperlocalIntent(query);
+  const radiusKm = queryIntent.requestedRadiusKm || parseRadius(req.query.radiusKm);
+  const origin = lat !== null && lng !== null ? { lat, lng } : null;
+  const rawLimit = Number(req.query.limit || DEFAULT_LIMIT);
+  const limit = Number.isFinite(rawLimit)
+    ? Math.min(Math.max(Math.round(rawLimit), 1), MAX_LIMIT)
+    : DEFAULT_LIMIT;
+  const hasQuery = tokenizeQuery(query).length > 0;
+
+  const places = await loadPublicPlaces(category);
+  const publicPlaces = places.map((place) => toPublicPlace(place, origin));
+  const radiusFilteredPlaces = origin
+    ? publicPlaces.filter((place) => place.distance_km !== null && place.distance_km <= radiusKm)
+    : publicPlaces;
+  const scoredRows = radiusFilteredPlaces
+    .map((place) => {
+      const geoScore = calculateGeoScore(place, query, radiusKm);
+
+      return {
+        place,
+        geoScore,
+      };
+    })
+    .filter((item) => !hasQuery || item.geoScore.components.relevance > 0)
+    .sort((a, b) => sortScoredPlaces(a, b, hasQuery, queryIntent));
+
+  const rows = scoredRows
+    .slice(0, limit)
+    .map((item) => ({
+      ...item.place,
+      search_score: item.geoScore.value,
+      geo_score: item.geoScore.value,
+      geo_score_breakdown: item.geoScore.components,
+      radius_zone: getRadiusZone(item.place.distance_km, radiusKm),
+      ai_recommendation: buildAiRecommendation(item.place, query),
+    }));
+
+  res.status(200).send({
+    rows,
+    count: scoredRows.length,
+    radius_km: origin ? radiusKm : null,
+    radius_zone: getRadiusZone(null, radiusKm),
+    query_intent: queryIntent,
+    radius_zones: RADIUS_ZONES,
+    distance_buckets: buildDistanceBuckets(publicPlaces),
+    filtered_by_radius: Boolean(origin),
+    total_candidates: publicPlaces.length,
+    geo_score_formula: GEO_SCORE_FORMULA,
+    trending: buildTrending(rows.length ? rows : publicPlaces.slice(0, limit)),
+    recommendation_engine: 'rules_based_geo_score_mvp',
+  });
+}));
+
+router.get('/trending', wrapAsync(async (req, res) => {
+  const lat = parseCoordinate(req.query.lat, 'Latitude');
+  const lng = parseCoordinate(req.query.lng, 'Longitude');
+  const origin = lat !== null && lng !== null ? { lat, lng } : null;
+  const places = await loadPublicPlaces('');
+  const publicPlaces = places.map((place) => toPublicPlace(place, origin));
+
+  res.status(200).send(buildTrending(publicPlaces));
+}));
+
+router.use('/', commonErrorHandler);
+
+module.exports = router;
diff --git a/frontend/src/components/NavBarItem.tsx b/frontend/src/components/NavBarItem.tsx
index 72935e6..fcbd9b9 100644
--- a/frontend/src/components/NavBarItem.tsx
+++ b/frontend/src/components/NavBarItem.tsx
@@ -1,6 +1,5 @@
-import React, {useEffect, useRef} from 'react'
+import React, { useEffect, useRef, useState } from 'react'
 import Link from 'next/link'
-import { useState } from 'react'
 import { mdiChevronUp, mdiChevronDown } from '@mdi/js'
 import BaseDivider from './BaseDivider'
 import BaseIcon from './BaseIcon'
diff --git a/frontend/src/layouts/Authenticated.tsx b/frontend/src/layouts/Authenticated.tsx
index 1b9907d..73d8391 100644
--- a/frontend/src/layouts/Authenticated.tsx
+++ b/frontend/src/layouts/Authenticated.tsx
@@ -1,5 +1,4 @@
-import React, { ReactNode, useEffect } from 'react'
-import { useState } from 'react'
+import React, { ReactNode, useEffect, useState } from 'react'
 import jwt from 'jsonwebtoken';
 import { mdiForwardburger, mdiBackburger, mdiMenu } from '@mdi/js'
 import menuAside from '../menuAside'
diff --git a/frontend/src/pages/index.tsx b/frontend/src/pages/index.tsx
index 9c34e90..9737669 100644
--- a/frontend/src/pages/index.tsx
+++ b/frontend/src/pages/index.tsx
@@ -1,166 +1,1131 @@
+import React, { ReactElement, useCallback, useEffect, useMemo, useState } from 'react'
+import Head from 'next/head'
+import Link from 'next/link'
+import axios from 'axios'
+import {
+  mdiArrowRight,
+  mdiCash,
+  mdiChartTimelineVariant,
+  mdiClockOutline,
+  mdiCrosshairsGps,
+  mdiDatabaseSearchOutline,
+  mdiFire,
+  mdiLayersTripleOutline,
+  mdiMagnify,
+  mdiMapMarkerDistance,
+  mdiMapMarkerRadiusOutline,
+  mdiMapSearchOutline,
+  mdiNavigationVariantOutline,
+  mdiPackageVariantClosed,
+  mdiRadar,
+  mdiRobotHappyOutline,
+  mdiShieldCheckOutline,
+  mdiStar,
+  mdiStorefrontOutline,
+  mdiTextSearch,
+  mdiTrendingUp,
+} from '@mdi/js'
+import BaseButton from '../components/BaseButton'
+import BaseIcon from '../components/BaseIcon'
+import LayoutGuest from '../layouts/Guest'
+import { getPageTitle } from '../config'
 
-import React, { useEffect, useState } from 'react';
-import type { ReactElement } from 'react';
-import Head from 'next/head';
-import Link from 'next/link';
-import BaseButton from '../components/BaseButton';
-import CardBox from '../components/CardBox';
-import SectionFullScreen from '../components/SectionFullScreen';
-import LayoutGuest from '../layouts/Guest';
-import BaseDivider from '../components/BaseDivider';
-import BaseButtons from '../components/BaseButtons';
-import { getPageTitle } from '../config';
-import { useAppSelector } from '../stores/hooks';
-import CardBoxComponentTitle from "../components/CardBoxComponentTitle";
-import { getPexelsImage, getPexelsVideo } from '../helpers/pexels';
-
-
-export default function Starter() {
-    const [illustrationImage, setIllustrationImage] = useState({
-        src: undefined,
-        photographer: undefined,
-        photographer_url: undefined,
-    })
-    const [illustrationVideo, setIllustrationVideo] = useState({video_files: []})
-    const [contentType, setContentType] = useState('video');
-    const [contentPosition, setContentPosition] = useState('right');
-    const textColor = useAppSelector((state) => state.style.linkColor);
-
-    const title = 'Pencari Tempat Terdekat'
-
-    // Fetch Pexels image/video
-    useEffect(() => {
-        async function fetchData() {
-            const image = await getPexelsImage();
-            const video = await getPexelsVideo();
-            setIllustrationImage(image);
-            setIllustrationVideo(video);
-        }
-        fetchData();
-    }, []);
-
-    const imageBlock = (image) => (
-        <div
-            className='hidden md:flex flex-col justify-end relative flex-grow-0 flex-shrink-0 w-1/3'
-            style={{
-                backgroundImage: `${
-                    image
-                        ? `url(${image?.src?.original})`
-                        : 'linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5))'
-                }`,
-                backgroundSize: 'cover',
-                backgroundPosition: 'left center',
-                backgroundRepeat: 'no-repeat',
-            }}
-        >
-            <div className='flex justify-center w-full bg-blue-300/20'>
-                <a
-                    className='text-[8px]'
-                    href={image?.photographer_url}
-                    target='_blank'
-                    rel='noreferrer'
-                >
-                    Photo by {image?.photographer} on Pexels
-                </a>
-            </div>
-        </div>
-    );
-
-    const videoBlock = (video) => {
-        if (video?.video_files?.length > 0) {
-            return (
-                <div className='hidden md:flex flex-col justify-end relative flex-grow-0 flex-shrink-0 w-1/3'>
-                    <video
-                        className='absolute top-0 left-0 w-full h-full object-cover'
-                        autoPlay
-                        loop
-                        muted
-                    >
-                        <source src={video?.video_files[0]?.link} type='video/mp4'/>
-                        Your browser does not support the video tag.
-                    </video>
-                    <div className='flex justify-center w-full bg-blue-300/20 z-10'>
-                        <a
-                            className='text-[8px]'
-                            href={video?.user?.url}
-                            target='_blank'
-                            rel='noreferrer'
-                        >
-                            Video by {video.user.name} on Pexels
-                        </a>
-                    </div>
-                </div>)
-        }
-    };
-
-  return (
-      <div
-          style={
-              contentPosition === 'background'
-                  ? {
-                      backgroundImage: `${
-                          illustrationImage
-                              ? `url(${illustrationImage.src?.original})`
-                              : 'linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5))'
-                      }`,
-                      backgroundSize: 'cover',
-                      backgroundPosition: 'left center',
-                      backgroundRepeat: 'no-repeat',
-                  }
-                  : {}
-          }
-      >
-      <Head>
-        <title>{getPageTitle('Starter Page')}</title>
-      </Head>
-
-      <SectionFullScreen bg='violet'>
-      <div
-          className={`flex ${
-              contentPosition === 'right' ? 'flex-row-reverse' : 'flex-row'
-          } min-h-screen w-full`}
-      >
-          {contentType === 'image' && contentPosition !== 'background'
-              ? imageBlock(illustrationImage)
-              : null}
-          {contentType === 'video' && contentPosition !== 'background'
-              ? videoBlock(illustrationVideo)
-              : null}
-          <div className='flex items-center justify-center flex-col space-y-4 w-full lg:w-full'>
-        <CardBox className='w-full md:w-3/5 lg:w-2/3'>
-            <CardBoxComponentTitle title="Welcome to your Pencari Tempat Terdekat app!"/>
-        
-            <div className="space-y-3">
-                <p className='text-center text-gray-500'>This is a React.js/Node.js app generated by the <a className={`${textColor}`} href="https://flatlogic.com/generator">Flatlogic Web App Generator</a></p>
-                <p className='text-center text-gray-500'>For guides and documentation please check
-                    your local README.md and the <a className={`${textColor}`} href="https://flatlogic.com/documentation">Flatlogic documentation</a></p>
-            </div>
-        
-            <BaseButtons>
-                <BaseButton
-                    href='/login'
-                    label='Login'
-                    color='info'
-                    className='w-full'
-                />
-
-            </BaseButtons>
-        </CardBox>
-        </div>
-      </div>
-      </SectionFullScreen>
-      <div className='bg-black text-white flex flex-col text-center justify-center md:flex-row'>
-        <p className='py-6 text-sm'>© 2026 <span>{title}</span>. All rights reserved</p>
-        <Link className='py-6 ml-4 text-sm' href='/privacy-policy/'>
-            Privacy Policy
-        </Link>
-      </div>
-
-    </div>
-  );
+type Category = {
+  id: string
+  name: string
+  slug: string
+  description?: string
+  color_hex?: string
 }
 
-Starter.getLayout = function getLayout(page: ReactElement) {
-  return <LayoutGuest>{page}</LayoutGuest>;
-};
+type Offering = {
+  id: string
+  name: string
+  description?: string
+  offering_type: 'product' | 'service'
+  price?: number | null
+  stock_status: 'in_stock' | 'limited' | 'out_of_stock' | 'by_request'
+  stock_label: string
+  stock_quantity?: number | null
+  is_verified?: boolean
+}
 
+type OfferingSummary = {
+  total: number
+  available: number
+  products: number
+  services: number
+  verified: number
+  top_available: Offering[]
+}
+
+type GeoScoreBreakdown = {
+  relevance: number
+  distance: number
+  reputation: number
+  activity: number
+  interaction: number
+}
+
+type RadiusZone = {
+  value: number
+  label: string
+  range: string
+  description?: string
+}
+
+type LiveStatus = {
+  status: 'open' | 'closed'
+  label: string
+  crowd: string
+  updated_label: string
+  source?: string
+}
+
+type AiRecommendation = {
+  label: string
+  reason: string
+  source?: string
+}
+
+type PublicPlace = {
+  id: string
+  name: string
+  short_description?: string
+  address?: string
+  city?: string
+  province?: string
+  latitude?: number | null
+  longitude?: number | null
+  phone_number?: string
+  whatsapp_number?: string
+  google_maps_url?: string
+  website_url?: string
+  price_level?: string
+  average_price?: number | null
+  rating_average?: number | null
+  rating_count?: number
+  is_verified?: boolean
+  distance_km?: number | null
+  search_score?: number
+  geo_score?: number
+  geo_score_breakdown?: GeoScoreBreakdown
+  radius_zone?: RadiusZone
+  live_status?: LiveStatus
+  ai_recommendation?: AiRecommendation
+  offerings?: Offering[]
+  offerings_summary?: OfferingSummary
+  category?: Category | null
+}
+
+type LocationState = {
+  lat: number
+  lng: number
+  label: string
+}
+
+type DistanceBucket = {
+  radius_km: number
+  label: string
+  zone_label: string
+  count: number
+}
+
+type TrendingMeta = {
+  local_topics: { name: string; count: number; label: string }[]
+  products: { name: string; place_name: string; stock_label: string; type: string }[]
+  events: string[]
+  live: { open_now: number; total: number }
+}
+
+type SearchMeta = {
+  count: number
+  radius_km?: number | null
+  radius_zone?: RadiusZone | null
+  radius_zones: RadiusZone[]
+  distance_buckets: DistanceBucket[]
+  filtered_by_radius: boolean
+  total_candidates: number
+  geo_score_formula: Record<string, number>
+  trending?: TrendingMeta
+  recommendation_engine?: string
+}
+
+const DEFAULT_LOCATION: LocationState = {
+  lat: 0.5071,
+  lng: 101.4478,
+  label: 'Pekanbaru, Riau',
+}
+
+const DEFAULT_RADIUS_KM = 5
+const GLOBAL_RADIUS_KM = 20038
+
+const fallbackRadiusZones: RadiusZone[] = [
+  { value: 1, label: 'Walking Zone', range: '0–1 Km' },
+  { value: 5, label: 'Neighborhood Zone', range: '1–5 Km' },
+  { value: 25, label: 'City Zone', range: '5–25 Km' },
+  { value: 100, label: 'Regional Zone', range: '25–100 Km' },
+  { value: 500, label: 'Provincial Zone', range: '100–500 Km' },
+  { value: GLOBAL_RADIUS_KM, label: 'Global Zone', range: '500+ Km' },
+]
+
+const categoryFallbacks = ['Toko Interior', 'Cafe Melayu', 'Bengkel Mobil']
+
+const priceLabels: Record<string, string> = {
+  budget: 'Ramah kantong',
+  midrange: 'Menengah',
+  premium: 'Premium',
+  unknown: 'Tanya harga',
+}
+
+const indexedLevels = [
+  {
+    level: 'Level 1',
+    title: 'Web & Marketplace',
+    icon: mdiTextSearch,
+    items: ['Website', 'Blog', 'Portal berita', 'Marketplace'],
+  },
+  {
+    level: 'Level 2',
+    title: 'Media & Dokumen',
+    icon: mdiLayersTripleOutline,
+    items: ['Video', 'Gambar', 'Podcast', 'PDF'],
+  },
+  {
+    level: 'Level 3',
+    title: 'Hyperlocal Places',
+    icon: mdiStorefrontOutline,
+    items: ['UMKM', 'Restoran', 'Bengkel', 'Klinik', 'Sekolah', 'Tempat ibadah', 'Wisata'],
+  },
+]
+
+type KeywordChip = {
+  label: string
+  query: string
+  score?: string
+  category?: string
+  radiusKm?: number
+}
+
+type KeywordGroup = {
+  title: string
+  description: string
+  keywords: KeywordChip[]
+}
+
+type PatternLevel = {
+  level: string
+  formula: string
+  examples: KeywordChip[]
+}
+
+const topLocationKeywords: KeywordChip[] = [
+  { label: 'Terdekat', query: 'terdekat', score: '10/10' },
+  { label: 'Dekat Saya', query: 'dekat saya', score: '10/10' },
+  { label: 'Near Me', query: 'near me', score: '10/10' },
+  { label: 'Sekitar Saya', query: 'sekitar saya', score: '9.9/10' },
+  { label: 'Lokasi Terdekat', query: 'lokasi terdekat', score: '9.9/10' },
+  { label: 'Buka Sekarang', query: 'buka sekarang', score: '9.8/10' },
+  { label: '24 Jam', query: '24 jam', score: '9.8/10' },
+  { label: 'Di Kota', query: 'di Pekanbaru', score: '9.7/10' },
+  { label: 'Di Kecamatan', query: 'di kecamatan Sukajadi', score: '9.7/10' },
+  { label: 'Dalam Radius 5 Km', query: 'dalam radius 5 km', score: '9.6/10', radiusKm: 5 },
+]
+
+const categoryKeywordGroups: KeywordGroup[] = [
+  {
+    title: 'Kuliner',
+    description: 'Intent restoran, cafe, warung makan, kuliner, dan makan enak.',
+    keywords: [
+      { label: 'Restoran terdekat', query: 'restoran terdekat', category: 'cafe-melayu' },
+      { label: 'Cafe terdekat', query: 'cafe terdekat', category: 'cafe-melayu' },
+      { label: 'Warung makan terdekat', query: 'warung makan terdekat', category: 'cafe-melayu' },
+      { label: 'Kuliner terdekat', query: 'kuliner terdekat', category: 'cafe-melayu' },
+      { label: 'Makan enak dekat saya', query: 'makan enak dekat saya', category: 'cafe-melayu' },
+    ],
+  },
+  {
+    title: 'Kesehatan',
+    description: 'Intent apotek, klinik, rumah sakit, dokter, dan layanan 24 jam.',
+    keywords: [
+      { label: 'Apotek terdekat', query: 'apotek terdekat', category: 'toko-herbal-kesehatan' },
+      { label: 'Klinik terdekat', query: 'klinik terdekat', category: 'toko-herbal-kesehatan' },
+      { label: 'Rumah sakit terdekat', query: 'rumah sakit terdekat', category: 'toko-herbal-kesehatan' },
+      { label: 'Dokter terdekat', query: 'dokter terdekat', category: 'toko-herbal-kesehatan' },
+      { label: 'Apotek 24 jam terdekat', query: 'apotek 24 jam terdekat', category: 'toko-herbal-kesehatan' },
+    ],
+  },
+  {
+    title: 'Otomotif',
+    description: 'Intent bengkel, tambal ban, cuci mobil, SPBU, dan servis kendaraan.',
+    keywords: [
+      { label: 'Bengkel terdekat', query: 'bengkel terdekat', category: 'bengkel-mobil' },
+      { label: 'Tambal ban terdekat', query: 'tambal ban terdekat', category: 'bengkel-mobil' },
+      { label: 'Cuci mobil terdekat', query: 'cuci mobil terdekat', category: 'bengkel-mobil' },
+      { label: 'SPBU terdekat', query: 'SPBU terdekat', category: 'bengkel-mobil' },
+    ],
+  },
+  {
+    title: 'Belanja',
+    description: 'Intent toko, minimarket, pasar, mall, produk, dan stok ready.',
+    keywords: [
+      { label: 'Toko terdekat', query: 'toko terdekat' },
+      { label: 'Minimarket terdekat', query: 'minimarket terdekat' },
+      { label: 'Pasar terdekat', query: 'pasar terdekat' },
+      { label: 'Mall terdekat', query: 'mall terdekat' },
+    ],
+  },
+  {
+    title: 'Wisata',
+    description: 'Intent tempat wisata, pantai, hotel, dan penginapan.',
+    keywords: [
+      { label: 'Tempat wisata terdekat', query: 'tempat wisata terdekat' },
+      { label: 'Pantai terdekat', query: 'pantai terdekat' },
+      { label: 'Hotel terdekat', query: 'hotel terdekat' },
+      { label: 'Penginapan terdekat', query: 'penginapan terdekat' },
+    ],
+  },
+]
+
+const requiredLocationKeywords: KeywordChip[] = [
+  { label: 'Terdekat', query: 'terdekat' },
+  { label: 'Dekat Saya', query: 'dekat saya' },
+  { label: 'Sekitar Saya', query: 'sekitar saya' },
+  { label: 'Buka Sekarang', query: 'buka sekarang' },
+  { label: '24 Jam', query: '24 jam' },
+  { label: 'Radius 1 Km', query: 'radius 1 km', radiusKm: 1 },
+  { label: 'Radius 5 Km', query: 'radius 5 km', radiusKm: 5 },
+  { label: 'Radius 10 Km', query: 'radius 10 km', radiusKm: 10 },
+  { label: 'Dalam Kota', query: 'dalam kota Pekanbaru' },
+  { label: 'Dalam Kecamatan', query: 'dalam kecamatan Sukajadi' },
+  { label: 'Dalam Kelurahan', query: 'dalam kelurahan' },
+  { label: 'Dalam Desa', query: 'dalam desa' },
+  { label: 'Populer', query: 'populer' },
+  { label: 'Rating Tertinggi', query: 'rating tertinggi' },
+  { label: 'Paling Ramai', query: 'paling ramai' },
+  { label: 'Paling Murah', query: 'paling murah' },
+  { label: 'Terlaris', query: 'terlaris' },
+  { label: 'Terbaru', query: 'terbaru' },
+  { label: 'Direkomendasikan', query: 'direkomendasikan' },
+  { label: 'Terverifikasi', query: 'terverifikasi' },
+]
+
+const topTrafficKeywords: KeywordChip[] = [
+  { label: 'Terdekat', query: 'terdekat' },
+  { label: 'Dekat Saya', query: 'dekat saya' },
+  { label: 'Near Me', query: 'near me' },
+  { label: 'Buka Sekarang', query: 'buka sekarang' },
+  { label: '24 Jam', query: '24 jam' },
+  { label: 'Restoran Terdekat', query: 'restoran terdekat', category: 'cafe-melayu' },
+  { label: 'Cafe Terdekat', query: 'cafe terdekat', category: 'cafe-melayu' },
+  { label: 'Warung Makan Terdekat', query: 'warung makan terdekat', category: 'cafe-melayu' },
+  { label: 'Kuliner Terdekat', query: 'kuliner terdekat', category: 'cafe-melayu' },
+  { label: 'Makan Enak Dekat Saya', query: 'makan enak dekat saya', category: 'cafe-melayu' },
+  { label: 'Apotek Terdekat', query: 'apotek terdekat', category: 'toko-herbal-kesehatan' },
+  { label: 'Klinik Terdekat', query: 'klinik terdekat', category: 'toko-herbal-kesehatan' },
+  { label: 'Rumah Sakit Terdekat', query: 'rumah sakit terdekat', category: 'toko-herbal-kesehatan' },
+  { label: 'Dokter Terdekat', query: 'dokter terdekat', category: 'toko-herbal-kesehatan' },
+  { label: 'Apotek 24 Jam Terdekat', query: 'apotek 24 jam terdekat', category: 'toko-herbal-kesehatan' },
+  { label: 'Bengkel Terdekat', query: 'bengkel terdekat', category: 'bengkel-mobil' },
+  { label: 'Tambal Ban Terdekat', query: 'tambal ban terdekat', category: 'bengkel-mobil' },
+  { label: 'Cuci Mobil Terdekat', query: 'cuci mobil terdekat', category: 'bengkel-mobil' },
+  { label: 'SPBU Terdekat', query: 'SPBU terdekat', category: 'bengkel-mobil' },
+  { label: 'Toko Terdekat', query: 'toko terdekat' },
+]
+
+const hyperlocalPatternLevels: PatternLevel[] = [
+  {
+    level: 'Level 1',
+    formula: '[Kategori] + Terdekat',
+    examples: [
+      { label: 'Hotel terdekat', query: 'hotel terdekat' },
+      { label: 'ATM terdekat', query: 'ATM terdekat' },
+      { label: 'Bengkel terdekat', query: 'bengkel terdekat', category: 'bengkel-mobil' },
+    ],
+  },
+  {
+    level: 'Level 2',
+    formula: '[Kategori] + Dekat Saya',
+    examples: [
+      { label: 'Restoran dekat saya', query: 'restoran dekat saya', category: 'cafe-melayu' },
+      { label: 'Apotek dekat saya', query: 'apotek dekat saya', category: 'toko-herbal-kesehatan' },
+    ],
+  },
+  {
+    level: 'Level 3',
+    formula: '[Kategori] + Kecamatan',
+    examples: [
+      { label: 'Klinik Cibinong', query: 'klinik Cibinong', category: 'toko-herbal-kesehatan' },
+      { label: 'Bengkel Citeureup', query: 'bengkel Citeureup', category: 'bengkel-mobil' },
+    ],
+  },
+  {
+    level: 'Level 4',
+    formula: '[Kategori] + Kota',
+    examples: [
+      { label: 'Hotel Bogor', query: 'hotel Bogor' },
+      { label: 'Wisata Bandung', query: 'wisata Bandung' },
+    ],
+  },
+  {
+    level: 'Level 5',
+    formula: '[Kategori] + Provinsi',
+    examples: [
+      { label: 'Wisata Jawa Barat', query: 'wisata Jawa Barat' },
+      { label: 'Hotel Bali', query: 'hotel Bali' },
+    ],
+  },
+]
+
+const totalKeywordChips = topLocationKeywords.length
+  + requiredLocationKeywords.length
+  + topTrafficKeywords.length
+  + categoryKeywordGroups.reduce((total, group) => total + group.keywords.length, 0)
+  + hyperlocalPatternLevels.reduce((total, pattern) => total + pattern.examples.length, 0)
+
+const formatRupiah = (value?: number | null) => {
+  if (!value) return 'Tanya harga'
+  return new Intl.NumberFormat('id-ID', { style: 'currency', currency: 'IDR', maximumFractionDigits: 0 }).format(value)
+}
+
+const formatRadius = (value: number) => (value >= GLOBAL_RADIUS_KM ? '500+ km' : `${value} km`)
+
+const stockColor = (status: string) => {
+  if (status === 'in_stock') return 'bg-[#E8F6F1] text-[#087F6D]'
+  if (status === 'limited') return 'bg-[#FFF3D7] text-[#9A6500]'
+  if (status === 'out_of_stock') return 'bg-[#FFE7E0] text-[#A23A24]'
+  return 'bg-[#F7F2E8] text-[#5D6B62]'
+}
+
+const scoreLabels: Record<keyof GeoScoreBreakdown, string> = {
+  relevance: 'Relevansi kata kunci',
+  distance: 'Jarak',
+  reputation: 'Rating/reputasi',
+  activity: 'Aktivitas terbaru',
+  interaction: 'Interaksi pengguna',
+}
+
+export default function Starter() {
+  const [query, setQuery] = useState('')
+  const [category, setCategory] = useState('')
+  const [radiusKm, setRadiusKm] = useState(DEFAULT_RADIUS_KM)
+  const [categories, setCategories] = useState<Category[]>([])
+  const [places, setPlaces] = useState<PublicPlace[]>([])
+  const [searchMeta, setSearchMeta] = useState<SearchMeta>({
+    count: 0,
+    radius_km: DEFAULT_RADIUS_KM,
+    radius_zone: fallbackRadiusZones[1],
+    radius_zones: fallbackRadiusZones,
+    distance_buckets: [],
+    filtered_by_radius: true,
+    total_candidates: 0,
+    geo_score_formula: { relevance: 40, distance: 25, reputation: 15, activity: 10, interaction: 10 },
+  })
+  const [loading, setLoading] = useState(false)
+  const [categoriesLoading, setCategoriesLoading] = useState(true)
+  const [error, setError] = useState('')
+  const [location, setLocation] = useState<LocationState>(DEFAULT_LOCATION)
+  const [locationStatus, setLocationStatus] = useState('')
+
+  const activeCategoryName = useMemo(() => {
+    return categories.find((item) => item.slug === category || item.id === category)?.name || 'Semua kategori'
+  }, [categories, category])
+
+  const radiusZones = searchMeta.radius_zones?.length ? searchMeta.radius_zones : fallbackRadiusZones
+  const selectedZone = searchMeta.radius_zone || radiusZones.find((item) => item.value === radiusKm) || fallbackRadiusZones[1]
+  const featuredPlaces = places.slice(0, 3)
+  const categoryChips = categories.length ? categories : categoryFallbacks.map((name) => ({ id: name, name, slug: name }))
+  const formulaEntries = Object.entries(searchMeta.geo_score_formula || {})
+  const openNow = searchMeta.trending?.live?.open_now || places.filter((place) => place.live_status?.status === 'open').length
+
+  const fetchPlaces = useCallback(async (
+    nextQuery: string,
+    nextCategory: string,
+    nextLocation: LocationState,
+    nextRadiusKm: number,
+  ) => {
+    setLoading(true)
+    setError('')
+
+    try {
+      const response = await axios.get('/public/places', {
+        params: {
+          q: nextQuery,
+          category: nextCategory,
+          lat: nextLocation.lat,
+          lng: nextLocation.lng,
+          radiusKm: nextRadiusKm,
+          limit: 18,
+        },
+      })
+
+      setPlaces(Array.isArray(response.data?.rows) ? response.data.rows : [])
+      setSearchMeta({
+        count: Number(response.data?.count || 0),
+        radius_km: response.data?.radius_km,
+        radius_zone: response.data?.radius_zone || null,
+        radius_zones: Array.isArray(response.data?.radius_zones) ? response.data.radius_zones : fallbackRadiusZones,
+        distance_buckets: Array.isArray(response.data?.distance_buckets) ? response.data.distance_buckets : [],
+        filtered_by_radius: Boolean(response.data?.filtered_by_radius),
+        total_candidates: Number(response.data?.total_candidates || 0),
+        geo_score_formula: response.data?.geo_score_formula || { relevance: 40, distance: 25, reputation: 15, activity: 10, interaction: 10 },
+        trending: response.data?.trending,
+        recommendation_engine: response.data?.recommendation_engine,
+      })
+    } catch (err) {
+      console.error('Gagal memuat GeoSeek public search', err)
+      setError('Maaf, pencarian GeoSeek belum bisa dimuat. Coba ulang beberapa saat lagi.')
+    } finally {
+      setLoading(false)
+    }
+  }, [])
+
+  useEffect(() => {
+    const loadCategories = async () => {
+      setCategoriesLoading(true)
+
+      try {
+        const response = await axios.get('/public/places/categories')
+        setCategories(Array.isArray(response.data?.rows) ? response.data.rows : [])
+      } catch (err) {
+        console.error('Gagal memuat kategori publik GeoSeek', err)
+        setCategories([])
+      } finally {
+        setCategoriesLoading(false)
+      }
+    }
+
+    loadCategories()
+  }, [])
+
+  useEffect(() => {
+    const timeout = window.setTimeout(() => {
+      fetchPlaces(query, category, location, radiusKm)
+    }, 420)
+
+    return () => window.clearTimeout(timeout)
+  }, [query, category, radiusKm, location, fetchPlaces])
+
+  const handleSearch = async (event: React.FormEvent<HTMLFormElement>) => {
+    event.preventDefault()
+    await fetchPlaces(query, category, location, radiusKm)
+  }
+
+  const useCurrentLocation = () => {
+    if (!navigator.geolocation) {
+      setLocationStatus('Browser tidak mendukung lokasi')
+      return
+    }
+
+    setLocationStatus('Mengambil lokasi Anda...')
+    navigator.geolocation.getCurrentPosition(
+      (position) => {
+        const nextLocation = {
+          lat: position.coords.latitude,
+          lng: position.coords.longitude,
+          label: 'Lokasi saya',
+        }
+        setLocation(nextLocation)
+        setLocationStatus('Lokasi aktif: lokasi saya')
+      },
+      (geoError) => {
+        console.error('Izin lokasi ditolak atau gagal', geoError)
+        setLocationStatus('Lokasi tidak diizinkan')
+      },
+      { enableHighAccuracy: true, timeout: 8000 },
+    )
+  }
+
+  const applyKeyword = (keyword: KeywordChip) => {
+    setQuery(keyword.query)
+
+    if (keyword.category !== undefined) {
+      setCategory(keyword.category)
+    }
+
+    if (keyword.radiusKm) {
+      setRadiusKm(keyword.radiusKm)
+    }
+
+    window.setTimeout(() => {
+      document.getElementById('results')?.scrollIntoView({ behavior: 'smooth', block: 'start' })
+    }, 160)
+  }
+
+  return (
+    <>
+      <Head>
+        <title>{getPageTitle('GeoSeek 2.0 Hyperlocal Search')}</title>
+        <meta
+          name='description'
+          content='GeoSeek 2.0 adalah mesin pencari hyperlocal untuk menemukan tempat, UMKM, produk, stok, jasa, dan rekomendasi terdekat berbasis GeoScore.'
+        />
+      </Head>
+
+      <main className='min-h-screen bg-[#F7F2E8] text-[#17231B]'>
+        <section className='relative overflow-hidden bg-[#073B3A] text-white'>
+          <div className='absolute inset-0 opacity-30'>
+            <div className='absolute -left-24 top-16 h-72 w-72 rounded-full bg-[#F2A541] blur-3xl' />
+            <div className='absolute right-0 top-0 h-96 w-96 rounded-full bg-[#2CA58D] blur-3xl' />
+            <div className='absolute bottom-0 left-1/2 h-64 w-64 rounded-full bg-[#F26A4B] blur-3xl' />
+          </div>
+
+          <div className='relative mx-auto flex min-h-[760px] max-w-7xl flex-col px-6 py-6 lg:px-8'>
+            <nav className='flex items-center justify-between rounded-full border border-white/15 bg-white/10 px-5 py-3 shadow-2xl shadow-black/10 backdrop-blur'>
+              <Link href='/' className='flex items-center gap-3 font-black tracking-tight'>
+                <span className='grid h-10 w-10 place-items-center rounded-full bg-[#F2A541] text-[#073B3A]'>GS</span>
+                <span>GeoSeek 2.0</span>
+              </Link>
+              <div className='hidden items-center gap-6 text-sm text-white/80 md:flex'>
+                <a href='#search' className='hover:text-white'>Live Search</a>
+                <a href='#keywords' className='hover:text-white'>Kata Kunci</a>
+                <a href='#geoscore' className='hover:text-white'>GeoScore</a>
+                <a href='#trending' className='hover:text-white'>Trending</a>
+                <Link href='/login' className='hover:text-white'>Admin / Login</Link>
+              </div>
+              <BaseButton href='/login' label='Admin' color='warning' roundedFull className='border-0 font-bold text-[#073B3A]' />
+            </nav>
+
+            <div className='grid flex-1 items-center gap-10 py-16 lg:grid-cols-[1.02fr_0.98fr]'>
+              <div>
+                <div className='mb-5 inline-flex items-center gap-2 rounded-full border border-white/15 bg-white/10 px-4 py-2 text-sm text-white/85 backdrop-blur'>
+                  <BaseIcon path={mdiRadar} size={18} />
+                  Konten paling dekat • paling relevan • paling berguna saat ini
+                </div>
+                <h1 className='max-w-4xl text-5xl font-black leading-[0.95] tracking-tight md:text-7xl'>
+                  Hyperlocal search ecosystem untuk UMKM, produk, stok, dan jasa sekitar.
+                </h1>
+                <p className='mt-6 max-w-2xl text-lg leading-8 text-white/80 md:text-xl'>
+                  GeoSeek tidak hanya mengurutkan berdasarkan jarak. Ranking memakai GeoScore: relevansi kata kunci, jarak, reputasi, aktivitas terbaru, dan interaksi pengguna.
+                </p>
+
+                <form id='search' onSubmit={handleSearch} className='mt-8 rounded-[2rem] border border-white/15 bg-white p-3 text-[#17231B] shadow-2xl shadow-black/20'>
+                  <div className='grid gap-3 lg:grid-cols-[1.2fr_0.78fr_auto]'>
+                    <label className='relative block'>
+                      <span className='sr-only'>Kata kunci pencarian</span>
+                      <BaseIcon path={mdiMagnify} className='pointer-events-none absolute left-4 top-1/2 -translate-y-1/2 text-[#6A7A70]' size={22} />
+                      <input
+                        value={query}
+                        onChange={(event) => setQuery(event.target.value)}
+                        placeholder='Cari “nasi goreng”, “jasa AC”, “servis oli”, “kitchen set”...'
+                        className='h-14 w-full rounded-2xl border border-[#E0D6C3] bg-[#FCFAF5] pl-12 pr-4 text-sm outline-none transition focus:border-[#2CA58D] focus:ring-4 focus:ring-[#2CA58D]/15'
+                      />
+                    </label>
+                    <label className='block'>
+                      <span className='sr-only'>Kategori</span>
+                      <select
+                        value={category}
+                        onChange={(event) => setCategory(event.target.value)}
+                        className='h-14 w-full rounded-2xl border border-[#E0D6C3] bg-[#FCFAF5] px-4 text-sm outline-none transition focus:border-[#2CA58D] focus:ring-4 focus:ring-[#2CA58D]/15'
+                      >
+                        <option value=''>Semua kategori</option>
+                        {categories.map((item) => (
+                          <option key={item.id} value={item.slug || item.id}>{item.name}</option>
+                        ))}
+                      </select>
+                    </label>
+                    <button
+                      type='submit'
+                      className='h-14 rounded-2xl bg-[#F26A4B] px-7 font-black text-white shadow-lg shadow-[#F26A4B]/30 transition hover:bg-[#E85A39] focus:outline-none focus:ring-4 focus:ring-[#F26A4B]/30'
+                    >
+                      Cari
+                    </button>
+                  </div>
+
+                  <div className='mt-4 flex flex-col gap-3 px-2 pb-1 text-sm text-[#6A7A70] lg:flex-row lg:items-center lg:justify-between'>
+                    <button type='button' onClick={useCurrentLocation} className='inline-flex items-center gap-2 font-semibold text-[#087F6D] hover:text-[#073B3A]'>
+                      <BaseIcon path={mdiCrosshairsGps} size={18} />
+                      Gunakan lokasi saya
+                    </button>
+                    <span>{locationStatus ? `${locationStatus} • ` : ''}Filter: {activeCategoryName} • Live search aktif</span>
+                  </div>
+
+                  <div className='mt-4 flex flex-wrap gap-2 px-2 pb-2'>
+                    {radiusZones.map((zone) => (
+                      <button
+                        type='button'
+                        key={zone.value}
+                        onClick={() => setRadiusKm(zone.value)}
+                        className={`rounded-full px-4 py-2 text-xs font-black transition ${radiusKm === zone.value ? 'bg-[#073B3A] text-white' : 'bg-[#F7F2E8] text-[#5D6B62] hover:bg-[#E8F6F1]'}`}
+                        title={zone.description || zone.range}
+                      >
+                        {zone.range} · {zone.label}
+                      </button>
+                    ))}
+                  </div>
+                </form>
+
+                <div className='mt-6 flex flex-wrap gap-3'>
+                  <button
+                    type='button'
+                    onClick={() => setCategory('')}
+                    className={`rounded-full px-4 py-2 text-sm font-bold transition ${category === '' ? 'bg-white text-[#073B3A]' : 'bg-white/10 text-white/80 hover:bg-white/20'}`}
+                  >
+                    Semua
+                  </button>
+                  {categoryChips.map((item) => (
+                    <button
+                      type='button'
+                      key={item.id}
+                      onClick={() => setCategory(item.slug || item.id)}
+                      className={`rounded-full px-4 py-2 text-sm font-bold transition ${category === (item.slug || item.id) ? 'bg-[#F2A541] text-[#073B3A]' : 'bg-white/10 text-white/80 hover:bg-white/20'}`}
+                    >
+                      {item.name}
+                    </button>
+                  ))}
+                </div>
+              </div>
+
+              <div className='relative'>
+                <div className='absolute -inset-4 rounded-[2.5rem] bg-gradient-to-br from-[#F2A541]/40 via-white/5 to-[#2CA58D]/30 blur-xl' />
+                <div className='relative rounded-[2rem] border border-white/15 bg-[#FDF8EE] p-5 text-[#17231B] shadow-2xl'>
+                  <div className='mb-4 flex items-center justify-between gap-4'>
+                    <div>
+                      <p className='text-xs font-black uppercase tracking-[0.25em] text-[#087F6D]'>Live Nearby Map</p>
+                      <h2 className='text-2xl font-black'>{selectedZone.label}</h2>
+                    </div>
+                    <span className='rounded-full bg-[#073B3A] px-3 py-1 text-xs font-bold text-white'>{location.label}</span>
+                  </div>
+                  <div className='relative h-80 overflow-hidden rounded-[1.6rem] bg-[#D9E7D8]'>
+                    <div className='absolute inset-0 opacity-40 [background-image:linear-gradient(#ffffff_1px,transparent_1px),linear-gradient(90deg,#ffffff_1px,transparent_1px)] [background-size:38px_38px]' />
+                    <div className='absolute left-1/2 top-1/2 h-60 w-60 -translate-x-1/2 -translate-y-1/2 rounded-full border border-[#087F6D]/15 bg-[#2CA58D]/5' />
+                    <div className='absolute left-1/2 top-1/2 h-40 w-40 -translate-x-1/2 -translate-y-1/2 rounded-full border border-[#087F6D]/25 bg-[#2CA58D]/10' />
+                    <div className='absolute left-1/2 top-1/2 h-24 w-24 -translate-x-1/2 -translate-y-1/2 rounded-full border border-[#087F6D]/35 bg-[#2CA58D]/10' />
+                    <div className='absolute left-1/2 top-1/2 grid h-14 w-14 -translate-x-1/2 -translate-y-1/2 place-items-center rounded-full bg-[#073B3A] text-white shadow-xl'>
+                      <BaseIcon path={mdiCrosshairsGps} size={26} />
+                    </div>
+                    {featuredPlaces.map((place, index) => (
+                      <Link
+                        key={place.id}
+                        href={`/tempat/${place.id}?lat=${location.lat}&lng=${location.lng}&radiusKm=${radiusKm}&q=${encodeURIComponent(query)}`}
+                        className={`absolute rounded-2xl bg-white px-3 py-2 text-xs font-bold shadow-xl transition hover:-translate-y-1 ${index === 0 ? 'left-8 top-10' : index === 1 ? 'right-7 top-28' : 'bottom-10 left-20'}`}
+                      >
+                        <span className='block max-w-[140px] truncate'>{place.name}</span>
+                        <span className='text-[#087F6D]'>{place.distance_km !== null && place.distance_km !== undefined ? `${place.distance_km} km` : 'Lihat detail'}</span>
+                        <span className='block text-[#F26A4B]'>GeoScore {place.geo_score || place.search_score || '-'}</span>
+                      </Link>
+                    ))}
+                  </div>
+                  <div className='mt-4 grid grid-cols-3 gap-3 text-center'>
+                    <MetricCard value={String(places.length)} label='hasil tampil' />
+                    <MetricCard value={String(openNow)} label='buka sekarang' />
+                    <MetricCard value='0' label='login' />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </section>
+
+        <section id='keywords' className='mx-auto max-w-7xl px-6 py-16 lg:px-8'>
+          <div className='mb-8 flex flex-col gap-4 md:flex-row md:items-end md:justify-between'>
+            <div className='max-w-3xl'>
+              <p className='text-sm font-black uppercase tracking-[0.25em] text-[#087F6D]'>Keyword Engine GeoSeek</p>
+              <h2 className='mt-2 text-4xl font-black tracking-tight'>Kata kunci lokasi yang paling banyak dicari.</h2>
+              <p className='mt-4 leading-7 text-[#5D6B62]'>Klik chip untuk langsung live search. GeoSeek mengenali intent seperti terdekat, dekat saya, near me, buka sekarang, 24 jam, radius, kategori, kota, kecamatan, rating, populer, murah, terbaru, dan terverifikasi.</p>
+            </div>
+            <div className='rounded-[2rem] bg-white p-5 text-sm font-bold text-[#5D6B62] shadow-sm'>
+              <span className='block text-3xl font-black text-[#F26A4B]'>{totalKeywordChips}</span>
+              keyword siap klik + sinonim kategori
+            </div>
+          </div>
+
+          <div className='grid gap-6 lg:grid-cols-[0.95fr_1.05fr]'>
+            <div className='rounded-[2rem] bg-white p-6 shadow-sm'>
+              <div className='mb-5 flex items-center gap-3'>
+                <div className='inline-flex h-12 w-12 items-center justify-center rounded-2xl bg-[#E8F6F1] text-[#087F6D]'>
+                  <BaseIcon path={mdiMapMarkerRadiusOutline} size={26} />
+                </div>
+                <div>
+                  <p className='text-xs font-black uppercase tracking-[0.2em] text-[#F26A4B]'>Urut skor pencarian</p>
+                  <h3 className='text-2xl font-black'>Kata kunci lokasi utama</h3>
+                </div>
+              </div>
+              <div className='flex flex-wrap gap-2'>
+                {topLocationKeywords.map((keyword) => (
+                  <KeywordButton key={keyword.label} keyword={keyword} onClick={applyKeyword} showScore />
+                ))}
+              </div>
+            </div>
+
+            <div className='rounded-[2rem] bg-[#073B3A] p-6 text-white shadow-xl shadow-[#073B3A]/10'>
+              <div className='mb-5 flex items-center gap-3'>
+                <div className='inline-flex h-12 w-12 items-center justify-center rounded-2xl bg-white/10 text-[#F2A541]'>
+                  <BaseIcon path={mdiStorefrontOutline} size={26} />
+                </div>
+                <div>
+                  <p className='text-xs font-black uppercase tracking-[0.2em] text-[#F2A541]'>Kombinasi kategori</p>
+                  <h3 className='text-2xl font-black'>Kuliner, kesehatan, otomotif, belanja, wisata</h3>
+                </div>
+              </div>
+              <div className='grid gap-4 md:grid-cols-2'>
+                {categoryKeywordGroups.map((group) => (
+                  <KeywordGroupCard key={group.title} group={group} onKeywordClick={applyKeyword} />
+                ))}
+              </div>
+            </div>
+          </div>
+
+          <div className='mt-6 grid gap-6 lg:grid-cols-[1fr_1.1fr]'>
+            <div className='rounded-[2rem] bg-white p-6 shadow-sm'>
+              <div className='mb-4 flex items-center gap-2 font-black'>
+                <BaseIcon path={mdiShieldCheckOutline} size={22} className='text-[#087F6D]' /> Keyword wajib GeoSeek
+              </div>
+              <div className='flex flex-wrap gap-2'>
+                {requiredLocationKeywords.map((keyword) => (
+                  <KeywordButton key={keyword.label} keyword={keyword} onClick={applyKeyword} compact />
+                ))}
+              </div>
+            </div>
+
+            <div className='rounded-[2rem] bg-white p-6 shadow-sm'>
+              <div className='mb-4 flex items-center gap-2 font-black'>
+                <BaseIcon path={mdiTrendingUp} size={22} className='text-[#087F6D]' /> Top 20 keyword trafik tertinggi
+              </div>
+              <div className='flex flex-wrap gap-2'>
+                {topTrafficKeywords.map((keyword, index) => (
+                  <KeywordButton key={`${keyword.label}-${index}`} keyword={keyword} onClick={applyKeyword} compact rank={index + 1} />
+                ))}
+              </div>
+            </div>
+          </div>
+
+          <div className='mt-6 rounded-[2rem] bg-white p-6 shadow-sm'>
+            <div className='mb-5 flex items-center gap-3'>
+              <div className='inline-flex h-12 w-12 items-center justify-center rounded-2xl bg-[#FFF3D7] text-[#9A6500]'>
+                <BaseIcon path={mdiLayersTripleOutline} size={26} />
+              </div>
+              <div>
+                <p className='text-xs font-black uppercase tracking-[0.2em] text-[#F26A4B]'>Pola hyperlocal</p>
+                <h3 className='text-2xl font-black'>Level 1 sampai Level 5 keyword lokasi</h3>
+              </div>
+            </div>
+            <div className='grid gap-4 lg:grid-cols-5'>
+              {hyperlocalPatternLevels.map((pattern) => (
+                <div key={pattern.level} className='rounded-[1.5rem] bg-[#F7F2E8] p-4'>
+                  <p className='text-xs font-black uppercase tracking-[0.2em] text-[#087F6D]'>{pattern.level}</p>
+                  <p className='mt-1 text-sm font-black'>{pattern.formula}</p>
+                  <div className='mt-3 flex flex-wrap gap-2'>
+                    {pattern.examples.map((keyword) => (
+                      <KeywordButton key={keyword.label} keyword={keyword} onClick={applyKeyword} compact />
+                    ))}
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+        </section>
+
+        <section id='geoscore' className='mx-auto grid max-w-7xl gap-6 px-6 py-14 lg:grid-cols-[0.9fr_1.1fr] lg:px-8'>
+          <div className='rounded-[2rem] bg-white p-8 shadow-sm'>
+            <div className='inline-flex h-12 w-12 items-center justify-center rounded-2xl bg-[#E8F6F1] text-[#087F6D]'>
+              <BaseIcon path={mdiChartTimelineVariant} size={26} />
+            </div>
+            <p className='mt-5 text-sm font-black uppercase tracking-[0.25em] text-[#087F6D]'>Formula Ranking Baru</p>
+            <h2 className='mt-2 text-4xl font-black tracking-tight'>GeoScore tidak hanya jarak.</h2>
+            <p className='mt-4 leading-7 text-[#5D6B62]'>Toko yang sangat dekat belum tentu menang jika rating rendah, stok tidak aktif, dan data jarang diperbarui.</p>
+          </div>
+          <div className='grid gap-4 md:grid-cols-2'>
+            {formulaEntries.map(([key, value]) => (
+              <div key={key} className='rounded-[1.6rem] bg-white p-5 shadow-sm'>
+                <div className='flex items-center justify-between'>
+                  <p className='font-black capitalize'>{scoreLabels[key as keyof GeoScoreBreakdown] || key}</p>
+                  <span className='rounded-full bg-[#073B3A] px-3 py-1 text-sm font-black text-white'>{value}%</span>
+                </div>
+                <div className='mt-4 h-3 overflow-hidden rounded-full bg-[#F0E6D3]'>
+                  <div className='h-full rounded-full bg-[#2CA58D]' style={{ width: `${value}%` }} />
+                </div>
+              </div>
+            ))}
+          </div>
+        </section>
+
+        <section id='results' className='mx-auto max-w-7xl px-6 py-12 lg:px-8'>
+          <div className='mb-8 flex flex-col gap-4 md:flex-row md:items-end md:justify-between'>
+            <div>
+              <p className='text-sm font-black uppercase tracking-[0.25em] text-[#087F6D]'>Live Search Results</p>
+              <h2 className='mt-2 text-4xl font-black tracking-tight'>Konten paling dekat, relevan, dan berguna.</h2>
+              <p className='mt-3 max-w-3xl text-[#5D6B62]'>Radius aktif: <strong>{selectedZone.range} · {selectedZone.label}</strong>. Ditemukan {searchMeta.count} hasil dari {searchMeta.total_candidates} kandidat terindeks.</p>
+            </div>
+            <BaseButton href='/login' label='Kelola listing UMKM' color='info' roundedFull className='font-bold' />
+          </div>
+
+          {searchMeta.distance_buckets.length ? (
+            <div className='mb-8 rounded-[2rem] bg-white p-5 shadow-sm'>
+              <div className='mb-4 flex items-center gap-2 font-black'>
+                <BaseIcon path={mdiMapMarkerDistance} size={22} className='text-[#087F6D]' /> Search by Distance
+              </div>
+              <div className='flex flex-wrap gap-2'>
+                {searchMeta.distance_buckets.map((bucket) => (
+                  <button
+                    type='button'
+                    key={`${bucket.radius_km}-${bucket.zone_label}`}
+                    onClick={() => setRadiusKm(bucket.radius_km)}
+                    className={`rounded-full px-4 py-2 text-xs font-black transition ${radiusKm === bucket.radius_km ? 'bg-[#073B3A] text-white' : 'bg-[#F7F2E8] text-[#5D6B62] hover:bg-[#E8F6F1]'}`}
+                  >
+                    {bucket.label} · {bucket.count} hasil
+                  </button>
+                ))}
+              </div>
+            </div>
+          ) : null}
+
+          {error ? (
+            <div className='rounded-[2rem] border border-[#F26A4B]/30 bg-white p-8 text-[#A23A24]'>{error}</div>
+          ) : null}
+
+          {loading ? (
+            <div className='grid gap-5 md:grid-cols-3'>
+              {[0, 1, 2].map((item) => (
+                <div key={item} className='h-96 animate-pulse rounded-[2rem] bg-white/70' />
+              ))}
+            </div>
+          ) : places.length ? (
+            <div className='grid gap-5 md:grid-cols-2 xl:grid-cols-3'>
+              {places.map((place) => (
+                <article key={place.id} className='group flex min-h-[460px] flex-col rounded-[2rem] border border-[#E8DEC9] bg-white p-5 shadow-sm transition hover:-translate-y-1 hover:shadow-2xl hover:shadow-[#073B3A]/10'>
+                  <div className='flex items-start justify-between gap-4'>
+                    <span className='rounded-full px-3 py-1 text-xs font-black text-white' style={{ backgroundColor: place.category?.color_hex || '#087F6D' }}>
+                      {place.category?.name || 'Tempat'}
+                    </span>
+                    {place.is_verified ? (
+                      <span className='inline-flex items-center gap-1 rounded-full bg-[#E8F6F1] px-3 py-1 text-xs font-bold text-[#087F6D]'>
+                        <BaseIcon path={mdiShieldCheckOutline} size={14} /> Verified
+                      </span>
+                    ) : null}
+                  </div>
+
+                  <div className='mt-5 flex items-start justify-between gap-4'>
+                    <div>
+                      <h3 className='text-2xl font-black tracking-tight'>{place.name}</h3>
+                      <p className='mt-2 text-xs font-bold uppercase tracking-wide text-[#087F6D]'>{place.radius_zone?.label || selectedZone.label}</p>
+                    </div>
+                    <div className='text-right'>
+                      <p className='text-xs font-bold text-[#6A7A70]'>GeoScore</p>
+                      <p className='text-3xl font-black text-[#F26A4B]'>{place.geo_score || place.search_score || '-'}</p>
+                    </div>
+                  </div>
+
+                  <p className='mt-3 line-clamp-3 text-sm leading-6 text-[#5D6B62]'>{place.short_description || 'Detail tempat akan tampil di sini setelah admin melengkapinya.'}</p>
+
+                  <div className='mt-4 grid grid-cols-2 gap-3 text-sm'>
+                    <InfoTile label='Jarak' value={place.distance_km !== null && place.distance_km !== undefined ? `${place.distance_km} km` : 'Aktifkan lokasi'} icon={mdiNavigationVariantOutline} />
+                    <InfoTile label='Rating' value={`${place.rating_average || '-'} (${place.rating_count || 0})`} icon={mdiStar} />
+                    <InfoTile label='Live' value={`${place.live_status?.label || '-'} · ${place.live_status?.crowd || '-'}`} icon={mdiClockOutline} />
+                    <InfoTile label='Stok/Jasa' value={`${place.offerings_summary?.available || 0}/${place.offerings_summary?.total || 0} aktif`} icon={mdiPackageVariantClosed} />
+                  </div>
+
+                  {place.geo_score_breakdown ? (
+                    <div className='mt-4 rounded-2xl bg-[#F7F2E8] p-4'>
+                      <p className='mb-3 text-xs font-black uppercase tracking-wide text-[#6A7A70]'>Breakdown GeoScore</p>
+                      {(Object.entries(place.geo_score_breakdown) as [keyof GeoScoreBreakdown, number][]).map(([key, value]) => (
+                        <ScoreBar key={key} label={scoreLabels[key]} value={value} />
+                      ))}
+                    </div>
+                  ) : null}
+
+                  {place.offerings_summary?.top_available?.length ? (
+                    <div className='mt-4'>
+                      <p className='mb-2 text-xs font-black uppercase tracking-wide text-[#6A7A70]'>Produk / jasa tersedia</p>
+                      <div className='flex flex-wrap gap-2'>
+                        {place.offerings_summary.top_available.map((offering) => (
+                          <span key={offering.id} className={`rounded-full px-3 py-1 text-xs font-bold ${stockColor(offering.stock_status)}`}>
+                            {offering.name} · {offering.stock_label}
+                          </span>
+                        ))}
+                      </div>
+                    </div>
+                  ) : null}
+
+                  <div className='mt-4 rounded-2xl border border-[#E8DEC9] p-4'>
+                    <div className='flex items-center gap-2 text-sm font-black text-[#087F6D]'>
+                      <BaseIcon path={mdiRobotHappyOutline} size={18} /> {place.ai_recommendation?.label || 'AI Recommendation'}
+                    </div>
+                    <p className='mt-2 text-sm leading-6 text-[#5D6B62]'>{place.ai_recommendation?.reason || 'Rekomendasi dibuat dari sinyal lokal dan GeoScore.'}</p>
+                  </div>
+
+                  <p className='mt-4 text-sm text-[#5D6B62]'>{place.address || [place.city, place.province].filter(Boolean).join(', ')}</p>
+                  <div className='mt-auto pt-5'>
+                    <Link href={`/tempat/${place.id}?lat=${location.lat}&lng=${location.lng}&radiusKm=${radiusKm}&q=${encodeURIComponent(query)}`} className='inline-flex w-full items-center justify-center gap-2 rounded-2xl bg-[#073B3A] px-4 py-3 font-black text-white transition group-hover:bg-[#087F6D]'>
+                      Lihat detail, stok & arah <BaseIcon path={mdiArrowRight} size={18} />
+                    </Link>
+                  </div>
+                </article>
+              ))}
+            </div>
+          ) : (
+            <div className='rounded-[2rem] border border-dashed border-[#CDBF9E] bg-white p-10 text-center'>
+              <h3 className='text-2xl font-black'>Belum ada hasil dalam radius ini</h3>
+              <p className='mx-auto mt-3 max-w-xl text-[#5D6B62]'>Perbesar radius ke City/Regional Zone, coba kata kunci seperti “cafe melayu”, “servis oli”, “kitchen set”, atau minta admin menambahkan listing baru.</p>
+              <div className='mt-6'>
+                <BaseButton href='/login' label='Masuk panel admin' color='warning' roundedFull />
+              </div>
+            </div>
+          )}
+
+          {categoriesLoading ? <p className='mt-6 text-sm text-[#6A7A70]'>Memuat kategori...</p> : null}
+        </section>
+
+        <section id='trending' className='bg-[#073B3A] px-6 py-16 text-white lg:px-8'>
+          <div className='mx-auto max-w-7xl'>
+            <div className='mb-8 flex flex-col gap-4 md:flex-row md:items-end md:justify-between'>
+              <div>
+                <p className='text-sm font-black uppercase tracking-[0.25em] text-[#F2A541]'>Hyperlocal Trending</p>
+                <h2 className='mt-2 text-4xl font-black tracking-tight'>Yang sedang berguna di sekitar Anda.</h2>
+              </div>
+              <div className='rounded-full bg-white/10 px-4 py-2 text-sm font-bold text-white/80'>
+                {openNow} buka sekarang dari {places.length || searchMeta.trending?.live?.total || 0} hasil
+              </div>
+            </div>
+
+            <div className='grid gap-5 lg:grid-cols-3'>
+              <TrendingCard
+                icon={mdiTrendingUp}
+                title='Topik lokal'
+                items={(searchMeta.trending?.local_topics || []).map((item) => `${item.name} · ${item.label}`)}
+                fallback='Kategori lokal akan muncul setelah data terindeks.'
+              />
+              <TrendingCard
+                icon={mdiFire}
+                title='Produk & jasa tersedia'
+                items={(searchMeta.trending?.products || []).slice(0, 5).map((item) => `${item.name} di ${item.place_name} · ${item.stock_label}`)}
+                fallback='Produk/stok UMKM akan muncul setelah listing diperbarui.'
+              />
+              <TrendingCard
+                icon={mdiMapSearchOutline}
+                title='Event, berita, video lokal'
+                items={searchMeta.trending?.events || []}
+                fallback='Crawler berita, video, gambar, podcast, dan PDF siap ditambahkan.'
+              />
+            </div>
+          </div>
+        </section>
+
+        <section className='mx-auto max-w-7xl px-6 py-16 lg:px-8'>
+          <div className='mb-8 max-w-3xl'>
+            <p className='text-sm font-black uppercase tracking-[0.25em] text-[#087F6D]'>Data yang diindeks</p>
+            <h2 className='mt-2 text-4xl font-black tracking-tight'>Fondasi menuju Hyperlocal Search Ecosystem.</h2>
+            <p className='mt-4 leading-7 text-[#5D6B62]'>MVP saat ini sudah mengindeks tempat, kategori, produk, jasa, stok, rating, dan lokasi. Struktur UI disiapkan untuk memperluas ke website, media, PDF, crawler, PostGIS, dan Elasticsearch.</p>
+          </div>
+          <div className='grid gap-5 md:grid-cols-3'>
+            {indexedLevels.map((level) => (
+              <div key={level.level} className='rounded-[2rem] bg-white p-6 shadow-sm'>
+                <div className='inline-flex h-12 w-12 items-center justify-center rounded-2xl bg-[#E8F6F1] text-[#087F6D]'>
+                  <BaseIcon path={level.icon} size={26} />
+                </div>
+                <p className='mt-5 text-sm font-black uppercase tracking-[0.2em] text-[#F26A4B]'>{level.level}</p>
+                <h3 className='mt-2 text-2xl font-black'>{level.title}</h3>
+                <div className='mt-4 flex flex-wrap gap-2'>
+                  {level.items.map((item) => (
+                    <span key={item} className='rounded-full bg-[#F7F2E8] px-3 py-1 text-xs font-bold text-[#5D6B62]'>{item}</span>
+                  ))}
+                </div>
+              </div>
+            ))}
+          </div>
+
+          <div className='mt-8 grid gap-5 lg:grid-cols-3'>
+            <FeatureBox icon={mdiDatabaseSearchOutline} title='PostgreSQL sekarang, PostGIS berikutnya' text='Latitude/longitude sudah dipakai. Tahap berikutnya bisa menambah PostGIS untuk radius, polygon RT/RW, dan jutaan data.' />
+            <FeatureBox icon={mdiRadar} title='Elasticsearch-ready' text='Query, sinonim, radius, dan scoring sudah dipisah sehingga bisa dipindahkan ke Elasticsearch saat volume data besar.' />
+            <FeatureBox icon={mdiCash} title='Monetisasi lokal' text='Listing gratis, prioritas tampil, analitik, iklan hyperlocal, booking, pembayaran, dan kurir bisa dibangun di atas GeoScore.' />
+          </div>
+        </section>
+      </main>
+    </>
+  )
+}
+
+const KeywordButton = ({
+  keyword,
+  onClick,
+  showScore = false,
+  compact = false,
+  rank,
+}: {
+  keyword: KeywordChip
+  onClick: (keyword: KeywordChip) => void
+  showScore?: boolean
+  compact?: boolean
+  rank?: number
+}) => (
+  <button
+    type='button'
+    onClick={() => onClick(keyword)}
+    className={`group inline-flex items-center gap-2 rounded-full border border-[#E0D6C3] bg-white px-3 font-black text-[#073B3A] shadow-sm transition hover:-translate-y-0.5 hover:border-[#2CA58D] hover:bg-[#E8F6F1] ${compact ? 'py-1.5 text-xs' : 'py-2 text-sm'}`}
+    title={`Cari: ${keyword.query}`}
+  >
+    {rank ? <span className='rounded-full bg-[#073B3A] px-2 py-0.5 text-[10px] text-white'>{rank}</span> : null}
+    <span>{keyword.label}</span>
+    {showScore && keyword.score ? <span className='rounded-full bg-[#F26A4B] px-2 py-0.5 text-[10px] text-white'>{keyword.score}</span> : null}
+  </button>
+)
+
+const KeywordGroupCard = ({ group, onKeywordClick }: { group: KeywordGroup; onKeywordClick: (keyword: KeywordChip) => void }) => (
+  <div className='rounded-[1.5rem] bg-white/10 p-4'>
+    <h4 className='font-black'>{group.title}</h4>
+    <p className='mt-1 text-xs leading-5 text-white/65'>{group.description}</p>
+    <div className='mt-3 flex flex-wrap gap-2'>
+      {group.keywords.map((keyword) => (
+        <button
+          type='button'
+          key={keyword.label}
+          onClick={() => onKeywordClick(keyword)}
+          className='rounded-full bg-white px-3 py-1.5 text-xs font-black text-[#073B3A] transition hover:-translate-y-0.5 hover:bg-[#F2A541]'
+          title={`Cari: ${keyword.query}`}
+        >
+          {keyword.label}
+        </button>
+      ))}
+    </div>
+  </div>
+)
+
+const MetricCard = ({ value, label }: { value: string; label: string }) => (
+  <div className='rounded-2xl bg-white p-4'>
+    <p className='text-2xl font-black'>{value}</p>
+    <p className='text-xs text-[#6A7A70]'>{label}</p>
+  </div>
+)
+
+const InfoTile = ({ label, value, icon }: { label: string; value: string; icon: string }) => (
+  <div className='rounded-2xl bg-[#F7F2E8] p-3'>
+    <p className='flex items-center gap-1 text-xs text-[#6A7A70]'><BaseIcon path={icon} size={14} /> {label}</p>
+    <p className='mt-1 font-black'>{value}</p>
+  </div>
+)
+
+const ScoreBar = ({ label, value }: { label: string; value: number }) => (
+  <div className='mb-2 last:mb-0'>
+    <div className='mb-1 flex items-center justify-between text-xs text-[#5D6B62]'>
+      <span>{label}</span>
+      <span className='font-black'>{Math.round(value)}</span>
+    </div>
+    <div className='h-2 overflow-hidden rounded-full bg-white'>
+      <div className='h-full rounded-full bg-[#2CA58D]' style={{ width: `${Math.max(0, Math.min(100, value))}%` }} />
+    </div>
+  </div>
+)
+
+const TrendingCard = ({ icon, title, items, fallback }: { icon: string; title: string; items: string[]; fallback: string }) => (
+  <div className='rounded-[2rem] border border-white/10 bg-white/10 p-6 backdrop-blur'>
+    <BaseIcon path={icon} size={30} className='text-[#F2A541]' />
+    <h3 className='mt-4 text-2xl font-black'>{title}</h3>
+    <div className='mt-4 space-y-3'>
+      {(items.length ? items : [fallback]).map((item) => (
+        <p key={item} className='rounded-2xl bg-white/10 p-3 text-sm leading-6 text-white/80'>{item}</p>
+      ))}
+    </div>
+  </div>
+)
+
+const FeatureBox = ({ icon, title, text }: { icon: string; title: string; text: string }) => (
+  <div className='rounded-[2rem] bg-[#073B3A] p-6 text-white shadow-xl shadow-[#073B3A]/10'>
+    <BaseIcon path={icon} size={30} className='text-[#F2A541]' />
+    <h3 className='mt-4 text-xl font-black'>{title}</h3>
+    <p className='mt-3 text-sm leading-6 text-white/75'>{text}</p>
+  </div>
+)
+
+Starter.getLayout = function getLayout(page: ReactElement) {
+  return <LayoutGuest>{page}</LayoutGuest>
+}
diff --git a/frontend/src/pages/tempat/[placeId].tsx b/frontend/src/pages/tempat/[placeId].tsx
new file mode 100644
index 0000000..dbc365f
--- /dev/null
+++ b/frontend/src/pages/tempat/[placeId].tsx
@@ -0,0 +1,425 @@
+import React, { ReactElement, useEffect, useMemo, useState } from 'react'
+import Head from 'next/head'
+import Link from 'next/link'
+import { useRouter } from 'next/router'
+import axios from 'axios'
+import {
+  mdiArrowLeft,
+  mdiCash,
+  mdiChartTimelineVariant,
+  mdiClockOutline,
+  mdiCrosshairsGps,
+  mdiMapMarkerRadiusOutline,
+  mdiNavigationVariantOutline,
+  mdiOpenInNew,
+  mdiPackageVariantClosed,
+  mdiPhoneOutline,
+  mdiRobotHappyOutline,
+  mdiShieldCheckOutline,
+  mdiStar,
+  mdiWeb,
+  mdiWhatsapp,
+} from '@mdi/js'
+import BaseButton from '../../components/BaseButton'
+import BaseIcon from '../../components/BaseIcon'
+import LayoutGuest from '../../layouts/Guest'
+import { getPageTitle } from '../../config'
+
+type Category = {
+  id: string
+  name: string
+  slug: string
+  description?: string
+  color_hex?: string
+}
+
+type Offering = {
+  id: string
+  name: string
+  description?: string
+  offering_type: 'product' | 'service'
+  price?: number | null
+  stock_status: 'in_stock' | 'limited' | 'out_of_stock' | 'by_request'
+  stock_label: string
+  stock_quantity?: number | null
+  is_verified?: boolean
+}
+
+type OfferingSummary = {
+  total: number
+  available: number
+  products: number
+  services: number
+  verified: number
+  top_available: Offering[]
+}
+
+type GeoScoreBreakdown = {
+  relevance: number
+  distance: number
+  reputation: number
+  activity: number
+  interaction: number
+}
+
+type RadiusZone = {
+  value: number
+  label: string
+  range: string
+  description?: string
+}
+
+type LiveStatus = {
+  status: 'open' | 'closed'
+  label: string
+  crowd: string
+  updated_label: string
+  source?: string
+}
+
+type AiRecommendation = {
+  label: string
+  reason: string
+  source?: string
+}
+
+type PublicPlace = {
+  id: string
+  name: string
+  short_description?: string
+  full_description?: string
+  address?: string
+  city?: string
+  province?: string
+  latitude?: number | null
+  longitude?: number | null
+  phone_number?: string
+  whatsapp_number?: string
+  website_url?: string
+  google_maps_url?: string
+  price_level?: string
+  average_price?: number | null
+  rating_average?: number | null
+  rating_count?: number
+  is_verified?: boolean
+  distance_km?: number | null
+  search_score?: number
+  geo_score?: number
+  geo_score_breakdown?: GeoScoreBreakdown
+  geo_score_formula?: Record<string, number>
+  radius_zone?: RadiusZone
+  live_status?: LiveStatus
+  ai_recommendation?: AiRecommendation
+  offerings?: Offering[]
+  offerings_summary?: OfferingSummary
+  category?: Category | null
+}
+
+const priceLabels: Record<string, string> = {
+  budget: 'Ramah kantong',
+  midrange: 'Menengah',
+  premium: 'Premium',
+  unknown: 'Tanya harga',
+}
+
+const scoreLabels: Record<keyof GeoScoreBreakdown, string> = {
+  relevance: 'Relevansi kata kunci',
+  distance: 'Jarak',
+  reputation: 'Rating/reputasi',
+  activity: 'Aktivitas terbaru',
+  interaction: 'Interaksi pengguna',
+}
+
+const formatRupiah = (value?: number | null) => {
+  if (!value) return 'Tanya tempat'
+  return new Intl.NumberFormat('id-ID', { style: 'currency', currency: 'IDR', maximumFractionDigits: 0 }).format(value)
+}
+
+const stockColor = (status: string) => {
+  if (status === 'in_stock') return 'bg-[#E8F6F1] text-[#087F6D]'
+  if (status === 'limited') return 'bg-[#FFF3D7] text-[#9A6500]'
+  if (status === 'out_of_stock') return 'bg-[#FFE7E0] text-[#A23A24]'
+  return 'bg-[#F7F2E8] text-[#5D6B62]'
+}
+
+export default function PlaceDetailPage() {
+  const router = useRouter()
+  const { placeId, lat, lng, radiusKm, q } = router.query
+  const [place, setPlace] = useState<PublicPlace | null>(null)
+  const [loading, setLoading] = useState(true)
+  const [error, setError] = useState('')
+
+  const mapsUrl = useMemo(() => {
+    if (place?.google_maps_url) return place.google_maps_url
+    if (place?.latitude && place?.longitude) return `https://maps.google.com/?q=${place.latitude},${place.longitude}`
+    return `https://maps.google.com/?q=${encodeURIComponent(place?.address || place?.name || '')}`
+  }, [place])
+
+  const queryText = Array.isArray(q) ? q[0] : q
+  const topOfferings = place?.offerings_summary?.top_available || []
+  const formulaEntries = Object.entries(place?.geo_score_formula || { relevance: 40, distance: 25, reputation: 15, activity: 10, interaction: 10 })
+
+  useEffect(() => {
+    if (!placeId || Array.isArray(placeId)) return
+
+    const fetchPlace = async () => {
+      setLoading(true)
+      setError('')
+
+      try {
+        const response = await axios.get(`/public/places/${placeId}`, {
+          params: {
+            lat: Array.isArray(lat) ? lat[0] : lat,
+            lng: Array.isArray(lng) ? lng[0] : lng,
+            radiusKm: Array.isArray(radiusKm) ? radiusKm[0] : radiusKm,
+            q: queryText,
+          },
+        })
+        setPlace(response.data)
+      } catch (err) {
+        console.error('Gagal memuat detail tempat publik GeoSeek', err)
+        setError('Tempat tidak ditemukan atau belum bisa dimuat.')
+      } finally {
+        setLoading(false)
+      }
+    }
+
+    fetchPlace()
+  }, [placeId, lat, lng, radiusKm, queryText])
+
+  return (
+    <>
+      <Head>
+        <title>{getPageTitle(place?.name || 'Detail GeoSeek')}</title>
+      </Head>
+
+      <main className='min-h-screen bg-[#F7F2E8] text-[#17231B]'>
+        <section className='bg-[#073B3A] px-6 py-6 text-white lg:px-8'>
+          <div className='mx-auto flex max-w-7xl items-center justify-between rounded-full border border-white/15 bg-white/10 px-5 py-3 backdrop-blur'>
+            <Link href='/' className='flex items-center gap-3 font-black'>
+              <span className='grid h-10 w-10 place-items-center rounded-full bg-[#F2A541] text-[#073B3A]'>GS</span>
+              GeoSeek 2.0
+            </Link>
+            <div className='flex items-center gap-3'>
+              <BaseButton href='/' label='Cari lagi' color='white' roundedFull className='font-bold' />
+              <BaseButton href='/login' label='Admin / Login' color='warning' roundedFull className='border-0 font-bold text-[#073B3A]' />
+            </div>
+          </div>
+        </section>
+
+        <section className='mx-auto max-w-7xl px-6 py-10 lg:px-8'>
+          <Link href='/' className='mb-6 inline-flex items-center gap-2 text-sm font-bold text-[#087F6D] hover:text-[#073B3A]'>
+            <BaseIcon path={mdiArrowLeft} size={18} /> Kembali ke GeoSeek
+          </Link>
+
+          {loading ? (
+            <div className='grid gap-6 lg:grid-cols-[1fr_390px]'>
+              <div className='h-[620px] animate-pulse rounded-[2rem] bg-white' />
+              <div className='h-[620px] animate-pulse rounded-[2rem] bg-white' />
+            </div>
+          ) : error || !place ? (
+            <div className='rounded-[2rem] bg-white p-10 text-center shadow-sm'>
+              <h1 className='text-3xl font-black'>Detail belum tersedia</h1>
+              <p className='mx-auto mt-3 max-w-xl text-[#5D6B62]'>{error || 'Tempat tidak ditemukan.'}</p>
+              <div className='mt-6'>
+                <BaseButton href='/' label='Cari tempat lain' color='info' roundedFull />
+              </div>
+            </div>
+          ) : (
+            <div className='grid gap-6 lg:grid-cols-[1fr_390px]'>
+              <article className='overflow-hidden rounded-[2.3rem] bg-white shadow-xl shadow-[#073B3A]/8'>
+                <div className='relative min-h-[330px] bg-[#D9E7D8] p-8'>
+                  <div className='absolute inset-0 opacity-40 [background-image:linear-gradient(#ffffff_1px,transparent_1px),linear-gradient(90deg,#ffffff_1px,transparent_1px)] [background-size:42px_42px]' />
+                  <div className='relative z-10 flex flex-col gap-5 md:flex-row md:items-start md:justify-between'>
+                    <div>
+                      <span className='rounded-full px-3 py-1 text-xs font-black text-white' style={{ backgroundColor: place.category?.color_hex || '#087F6D' }}>
+                        {place.category?.name || 'Tempat'}
+                      </span>
+                      <h1 className='mt-5 max-w-3xl text-5xl font-black leading-tight tracking-tight'>{place.name}</h1>
+                      <p className='mt-4 max-w-2xl text-lg leading-8 text-[#385143]'>{place.short_description || 'Tempat lokal yang bisa ditemukan berdasarkan lokasi dan kategori.'}</p>
+                    </div>
+                    <div className='flex flex-col items-start gap-3 md:items-end'>
+                      {place.is_verified ? (
+                        <span className='inline-flex items-center gap-2 rounded-full bg-white px-4 py-2 text-sm font-black text-[#087F6D] shadow-sm'>
+                          <BaseIcon path={mdiShieldCheckOutline} size={18} /> Verified
+                        </span>
+                      ) : null}
+                      <div className='rounded-[1.4rem] bg-white p-4 text-right shadow-sm'>
+                        <p className='text-xs font-bold uppercase tracking-wide text-[#6A7A70]'>GeoScore</p>
+                        <p className='text-4xl font-black text-[#F26A4B]'>{place.geo_score || place.search_score || '-'}</p>
+                        <p className='text-xs font-bold text-[#087F6D]'>{place.radius_zone?.range} · {place.radius_zone?.label}</p>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <div className='p-8'>
+                  <div className='grid gap-4 md:grid-cols-4'>
+                    <InfoCard label='Jarak' value={place.distance_km !== null && place.distance_km !== undefined ? `${place.distance_km} km` : 'Aktifkan lokasi'} icon={mdiCrosshairsGps} />
+                    <InfoCard label='Rating' value={`${place.rating_average || '-'} (${place.rating_count || 0})`} icon={mdiStar} />
+                    <InfoCard label='Live' value={`${place.live_status?.label || '-'} · ${place.live_status?.crowd || '-'}`} icon={mdiClockOutline} />
+                    <InfoCard label='Estimasi' value={formatRupiah(place.average_price)} icon={mdiCash} />
+                  </div>
+
+                  <div className='mt-8 grid gap-8 lg:grid-cols-[1fr_0.9fr]'>
+                    <div>
+                      <h2 className='text-2xl font-black'>Tentang tempat ini</h2>
+                      <p className='mt-4 leading-8 text-[#5D6B62]'>
+                        {place.full_description || place.short_description || 'Admin belum menambahkan deskripsi lengkap untuk tempat ini.'}
+                      </p>
+                    </div>
+                    <div className='rounded-[1.8rem] bg-[#F7F2E8] p-5'>
+                      <h2 className='text-xl font-black'>Alamat & arah</h2>
+                      <p className='mt-3 leading-7 text-[#5D6B62]'>{place.address || [place.city, place.province].filter(Boolean).join(', ') || 'Alamat belum tersedia'}</p>
+                      <a href={mapsUrl} target='_blank' rel='noreferrer' className='mt-5 inline-flex items-center gap-2 rounded-2xl bg-[#073B3A] px-4 py-3 font-black text-white transition hover:bg-[#087F6D]'>
+                        Buka arah di Maps <BaseIcon path={mdiOpenInNew} size={18} />
+                      </a>
+                    </div>
+                  </div>
+
+                  <div className='mt-8 grid gap-6 lg:grid-cols-[0.95fr_1.05fr]'>
+                    <div className='rounded-[1.8rem] border border-[#E8DEC9] p-5'>
+                      <div className='mb-4 flex items-center gap-2 text-xl font-black'>
+                        <BaseIcon path={mdiChartTimelineVariant} size={24} className='text-[#087F6D]' /> Breakdown GeoScore
+                      </div>
+                      {place.geo_score_breakdown ? (
+                        (Object.entries(place.geo_score_breakdown) as [keyof GeoScoreBreakdown, number][]).map(([key, value]) => (
+                          <ScoreBar key={key} label={`${scoreLabels[key]} · ${formulaEntries.find(([formulaKey]) => formulaKey === key)?.[1] || 0}%`} value={value} />
+                        ))
+                      ) : (
+                        <p className='text-sm text-[#5D6B62]'>Breakdown belum tersedia.</p>
+                      )}
+                    </div>
+
+                    <div className='rounded-[1.8rem] border border-[#E8DEC9] p-5'>
+                      <div className='mb-4 flex items-center gap-2 text-xl font-black'>
+                        <BaseIcon path={mdiRobotHappyOutline} size={24} className='text-[#087F6D]' /> AI Recommendation
+                      </div>
+                      <p className='font-black text-[#087F6D]'>{place.ai_recommendation?.label || 'Rekomendasi lokal'}</p>
+                      <p className='mt-3 leading-7 text-[#5D6B62]'>{place.ai_recommendation?.reason || 'Rekomendasi dibuat dari sinyal lokal dan GeoScore.'}</p>
+                      <p className='mt-3 text-xs font-bold text-[#6A7A70]'>{place.ai_recommendation?.source || 'GeoScore rules-based MVP'}</p>
+                    </div>
+                  </div>
+
+                  <div className='mt-8 rounded-[1.8rem] bg-[#F7F2E8] p-5'>
+                    <div className='flex flex-col gap-3 md:flex-row md:items-center md:justify-between'>
+                      <div>
+                        <h2 className='text-2xl font-black'>Produk, stok & jasa</h2>
+                        <p className='mt-1 text-sm text-[#5D6B62]'>Produk {place.offerings_summary?.products || 0} · Jasa {place.offerings_summary?.services || 0} · Tersedia {place.offerings_summary?.available || 0}</p>
+                      </div>
+                      <span className='inline-flex items-center gap-2 rounded-full bg-white px-4 py-2 text-sm font-black text-[#087F6D]'>
+                        <BaseIcon path={mdiPackageVariantClosed} size={18} /> {place.live_status?.updated_label || 'Update berkala'}
+                      </span>
+                    </div>
+
+                    <div className='mt-5 grid gap-3 md:grid-cols-2'>
+                      {(place.offerings || []).length ? (place.offerings || []).map((offering) => (
+                        <div key={offering.id} className='rounded-2xl bg-white p-4'>
+                          <div className='flex items-start justify-between gap-3'>
+                            <div>
+                              <p className='font-black'>{offering.name}</p>
+                              <p className='mt-1 text-sm leading-6 text-[#5D6B62]'>{offering.description || 'Detail belum tersedia.'}</p>
+                            </div>
+                            {offering.is_verified ? <BaseIcon path={mdiShieldCheckOutline} size={20} className='text-[#087F6D]' /> : null}
+                          </div>
+                          <div className='mt-3 flex flex-wrap items-center gap-2'>
+                            <span className={`rounded-full px-3 py-1 text-xs font-black ${stockColor(offering.stock_status)}`}>{offering.stock_label}</span>
+                            <span className='rounded-full bg-[#F7F2E8] px-3 py-1 text-xs font-bold text-[#5D6B62]'>{offering.offering_type === 'service' ? 'Jasa' : 'Produk'}</span>
+                            <span className='rounded-full bg-[#F7F2E8] px-3 py-1 text-xs font-bold text-[#5D6B62]'>{formatRupiah(offering.price)}</span>
+                          </div>
+                        </div>
+                      )) : (
+                        <p className='rounded-2xl bg-white p-4 text-sm text-[#5D6B62]'>Belum ada produk atau jasa. Pemilik listing dapat menambahkannya dari panel admin.</p>
+                      )}
+                    </div>
+                  </div>
+                </div>
+              </article>
+
+              <aside className='space-y-5'>
+                <div className='rounded-[2rem] bg-white p-6 shadow-sm'>
+                  <h2 className='text-2xl font-black'>Kontak cepat</h2>
+                  <div className='mt-5 space-y-3'>
+                    {place.whatsapp_number ? (
+                      <a href={`https://wa.me/${place.whatsapp_number.replace(/\D/g, '')}`} target='_blank' rel='noreferrer' className='flex items-center gap-3 rounded-2xl bg-[#E8F6F1] p-4 font-bold text-[#087F6D] hover:bg-[#D8EFE7]'>
+                        <BaseIcon path={mdiWhatsapp} size={22} /> WhatsApp
+                      </a>
+                    ) : null}
+                    {place.phone_number ? (
+                      <a href={`tel:${place.phone_number}`} className='flex items-center gap-3 rounded-2xl bg-[#F7F2E8] p-4 font-bold text-[#17231B] hover:bg-[#EFE4CF]'>
+                        <BaseIcon path={mdiPhoneOutline} size={22} /> {place.phone_number}
+                      </a>
+                    ) : null}
+                    {place.website_url ? (
+                      <a href={place.website_url} target='_blank' rel='noreferrer' className='flex items-center gap-3 rounded-2xl bg-[#F7F2E8] p-4 font-bold text-[#17231B] hover:bg-[#EFE4CF]'>
+                        <BaseIcon path={mdiWeb} size={22} /> Website
+                      </a>
+                    ) : null}
+                    {!place.whatsapp_number && !place.phone_number && !place.website_url ? (
+                      <p className='rounded-2xl bg-[#F7F2E8] p-4 text-sm text-[#5D6B62]'>Kontak belum tersedia. Admin bisa menambahkannya dari panel admin.</p>
+                    ) : null}
+                  </div>
+                </div>
+
+                <div className='rounded-[2rem] bg-white p-6 shadow-sm'>
+                  <h2 className='text-2xl font-black'>Ringkasan sinyal lokal</h2>
+                  <div className='mt-5 space-y-3'>
+                    <SignalRow icon={mdiNavigationVariantOutline} label='Radius zone' value={`${place.radius_zone?.range || '-'} · ${place.radius_zone?.label || '-'}`} />
+                    <SignalRow icon={mdiClockOutline} label='Live status' value={`${place.live_status?.label || '-'} · ${place.live_status?.crowd || '-'}`} />
+                    <SignalRow icon={mdiPackageVariantClosed} label='Top stok' value={topOfferings[0]?.name || 'Belum ada'} />
+                    <SignalRow icon={mdiStar} label='Reputasi' value={`${place.rating_average || '-'} dari ${place.rating_count || 0} ulasan`} />
+                  </div>
+                </div>
+
+                <div className='rounded-[2rem] bg-[#073B3A] p-6 text-white shadow-xl shadow-[#073B3A]/20'>
+                  <BaseIcon path={mdiMapMarkerRadiusOutline} size={30} className='text-[#F2A541]' />
+                  <h2 className='mt-4 text-2xl font-black'>Untuk pemilik data</h2>
+                  <p className='mt-3 text-sm leading-6 text-white/75'>Masuk ke panel admin untuk memperbarui detail, kontak, kategori, rating, status tempat, produk, jasa, dan stok.</p>
+                  <div className='mt-5'>
+                    <BaseButton href='/login' label='Masuk admin' color='warning' roundedFull className='border-0 font-black text-[#073B3A]' />
+                  </div>
+                </div>
+              </aside>
+            </div>
+          )}
+        </section>
+      </main>
+    </>
+  )
+}
+
+const InfoCard = ({ label, value, icon }: { label: string; value: string; icon?: string }) => (
+  <div className='rounded-2xl bg-[#F7F2E8] p-4'>
+    <div className='flex items-center gap-2 text-xs font-bold uppercase tracking-wide text-[#6A7A70]'>
+      {icon ? <BaseIcon path={icon} size={15} /> : null}
+      {label}
+    </div>
+    <p className='mt-2 font-black'>{value}</p>
+  </div>
+)
+
+const ScoreBar = ({ label, value }: { label: string; value: number }) => (
+  <div className='mb-3 last:mb-0'>
+    <div className='mb-1 flex items-center justify-between text-xs text-[#5D6B62]'>
+      <span>{label}</span>
+      <span className='font-black'>{Math.round(value)}</span>
+    </div>
+    <div className='h-2 overflow-hidden rounded-full bg-[#F7F2E8]'>
+      <div className='h-full rounded-full bg-[#2CA58D]' style={{ width: `${Math.max(0, Math.min(100, value))}%` }} />
+    </div>
+  </div>
+)
+
+const SignalRow = ({ icon, label, value }: { icon: string; label: string; value: string }) => (
+  <div className='flex items-start gap-3 rounded-2xl bg-[#F7F2E8] p-4'>
+    <BaseIcon path={icon} size={20} className='mt-0.5 text-[#087F6D]' />
+    <div>
+      <p className='text-xs font-bold uppercase tracking-wide text-[#6A7A70]'>{label}</p>
+      <p className='mt-1 font-black'>{value}</p>
+    </div>
+  </div>
+)
+
+PlaceDetailPage.getLayout = function getLayout(page: ReactElement) {
+  return <LayoutGuest>{page}</LayoutGuest>
+}