diff --git a/data/app.db b/data/app.db
index bb4e71b..edd82c1 100644
Binary files a/data/app.db and b/data/app.db differ
diff --git a/drizzle/0003_furry_nekra.sql b/drizzle/0003_furry_nekra.sql
new file mode 100644
index 0000000..13689ed
--- /dev/null
+++ b/drizzle/0003_furry_nekra.sql
@@ -0,0 +1 @@
+ALTER TABLE `orders` ADD `iyzico_form_content` text;
\ No newline at end of file
diff --git a/drizzle/meta/0003_snapshot.json b/drizzle/meta/0003_snapshot.json
new file mode 100644
index 0000000..c37af2a
--- /dev/null
+++ b/drizzle/meta/0003_snapshot.json
@@ -0,0 +1,921 @@
+{
+  "version": "6",
+  "dialect": "sqlite",
+  "id": "5fbf03eb-6857-4ba1-b111-819e8aabe877",
+  "prevId": "8b41054c-6e3f-434a-a62f-1eafa48f810d",
+  "tables": {
+    "account": {
+      "name": "account",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "account_id": {
+          "name": "account_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "provider_id": {
+          "name": "provider_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "access_token": {
+          "name": "access_token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "refresh_token": {
+          "name": "refresh_token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "id_token": {
+          "name": "id_token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "access_token_expires_at": {
+          "name": "access_token_expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "refresh_token_expires_at": {
+          "name": "refresh_token_expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "scope": {
+          "name": "scope",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "password": {
+          "name": "password",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "account_user_id_user_id_fk": {
+          "name": "account_user_id_user_id_fk",
+          "tableFrom": "account",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "chat_messages": {
+      "name": "chat_messages",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "client_message_id": {
+          "name": "client_message_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "chat_messages_client_message_id_unique": {
+          "name": "chat_messages_client_message_id_unique",
+          "columns": [
+            "client_message_id"
+          ],
+          "isUnique": true
+        },
+        "chat_user_created": {
+          "name": "chat_user_created",
+          "columns": [
+            "user_id",
+            "created_at"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "chat_messages_user_id_user_id_fk": {
+          "name": "chat_messages_user_id_user_id_fk",
+          "tableFrom": "chat_messages",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "credit_ledger": {
+      "name": "credit_ledger",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "delta": {
+          "name": "delta",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "reason": {
+          "name": "reason",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "ref_id": {
+          "name": "ref_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "ledger_reason_ref": {
+          "name": "ledger_reason_ref",
+          "columns": [
+            "reason",
+            "ref_id"
+          ],
+          "isUnique": true
+        },
+        "ledger_user": {
+          "name": "ledger_user",
+          "columns": [
+            "user_id"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "credit_ledger_user_id_user_id_fk": {
+          "name": "credit_ledger_user_id_user_id_fk",
+          "tableFrom": "credit_ledger",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "orders": {
+      "name": "orders",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "product": {
+          "name": "product",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "amount_kurus": {
+          "name": "amount_kurus",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "credits": {
+          "name": "credits",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'pending'"
+        },
+        "iyzico_token": {
+          "name": "iyzico_token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "iyzico_form_content": {
+          "name": "iyzico_form_content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "iyzico_payment_id": {
+          "name": "iyzico_payment_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "paid_at": {
+          "name": "paid_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "orders_user": {
+          "name": "orders_user",
+          "columns": [
+            "user_id"
+          ],
+          "isUnique": false
+        },
+        "orders_iyzico_token": {
+          "name": "orders_iyzico_token",
+          "columns": [
+            "iyzico_token"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {
+        "orders_user_id_user_id_fk": {
+          "name": "orders_user_id_user_id_fk",
+          "tableFrom": "orders",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "reports": {
+      "name": "reports",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "params": {
+          "name": "params",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "result": {
+          "name": "result",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "revision_count": {
+          "name": "revision_count",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "reports_user_id_unique": {
+          "name": "reports_user_id_unique",
+          "columns": [
+            "user_id"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {
+        "reports_user_id_user_id_fk": {
+          "name": "reports_user_id_user_id_fk",
+          "tableFrom": "reports",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "saved_lists": {
+      "name": "saved_lists",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "items": {
+          "name": "items",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "profil": {
+          "name": "profil",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "saved_lists_user_id_unique": {
+          "name": "saved_lists_user_id_unique",
+          "columns": [
+            "user_id"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {
+        "saved_lists_user_id_user_id_fk": {
+          "name": "saved_lists_user_id_user_id_fk",
+          "tableFrom": "saved_lists",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "session": {
+      "name": "session",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "token": {
+          "name": "token",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "ip_address": {
+          "name": "ip_address",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "user_agent": {
+          "name": "user_agent",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "session_token_unique": {
+          "name": "session_token_unique",
+          "columns": [
+            "token"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {
+        "session_user_id_user_id_fk": {
+          "name": "session_user_id_user_id_fk",
+          "tableFrom": "session",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "tadimlik_havuzu": {
+      "name": "tadimlik_havuzu",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "kova_slug": {
+          "name": "kova_slug",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "tur": {
+          "name": "tur",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "kategori_slug": {
+          "name": "kategori_slug",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "tip": {
+          "name": "tip",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'genel'"
+        },
+        "program_id": {
+          "name": "program_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "dilim": {
+          "name": "dilim",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "gerekce": {
+          "name": "gerekce",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "risk_notu": {
+          "name": "risk_notu",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "trend_ozeti": {
+          "name": "trend_ozeti",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "program": {
+          "name": "program",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "ornek_sira": {
+          "name": "ornek_sira",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "uretim_at": {
+          "name": "uretim_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "tadimlik_anahtar": {
+          "name": "tadimlik_anahtar",
+          "columns": [
+            "kova_slug",
+            "tur",
+            "kategori_slug",
+            "tip"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "user": {
+      "name": "user",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email_verified": {
+          "name": "email_verified",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "image": {
+          "name": "image",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "credit_balance": {
+          "name": "credit_balance",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 0
+        },
+        "has_paket": {
+          "name": "has_paket",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": false
+        },
+        "kredi_bitti_at": {
+          "name": "kredi_bitti_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "kredi_hatirlatma_gonderildi_at": {
+          "name": "kredi_hatirlatma_gonderildi_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "user_email_unique": {
+          "name": "user_email_unique",
+          "columns": [
+            "email"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    },
+    "verification": {
+      "name": "verification",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "identifier": {
+          "name": "identifier",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "value": {
+          "name": "value",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "expires_at": {
+          "name": "expires_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "checkConstraints": {}
+    }
+  },
+  "views": {},
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  },
+  "internal": {
+    "indexes": {}
+  }
+}
\ No newline at end of file
diff --git a/drizzle/meta/_journal.json b/drizzle/meta/_journal.json
index 0f82be0..772c6a4 100644
--- a/drizzle/meta/_journal.json
+++ b/drizzle/meta/_journal.json
@@ -22,6 +22,13 @@
       "when": 1786396071293,
       "tag": "0002_mysterious_shiva",
       "breakpoints": true
+    },
+    {
+      "idx": 3,
+      "version": "6",
+      "when": 1786397951019,
+      "tag": "0003_furry_nekra",
+      "breakpoints": true
     }
   ]
 }
\ No newline at end of file
diff --git a/src/app/odeme/page.tsx b/src/app/odeme/page.tsx
new file mode 100644
index 0000000..0b97eb9
--- /dev/null
+++ b/src/app/odeme/page.tsx
@@ -0,0 +1,31 @@
+import { Suspense } from "react";
+import type { Metadata } from "next";
+import { SiteFooter } from "@/components/site-footer";
+import {
+  OdemeSayfasi,
+  OdemeSayfasiSkeleton,
+} from "@/features/odeme/components/odeme-sayfasi";
+
+export const metadata: Metadata = {
+  title: "Güvenli Ödeme",
+  robots: { index: false, follow: false },
+};
+
+export default function OdemePage({
+  searchParams,
+}: {
+  searchParams: Promise<{ siparis?: string }>;
+}) {
+  return (
+    <div className="flex min-h-screen flex-col bg-slate-50 text-slate-900">
+      <main className="mx-auto flex w-full max-w-xl flex-1 flex-col px-4 py-10">
+        <Suspense fallback={<OdemeSayfasiSkeleton />}>
+          {searchParams.then(({ siparis }) => (
+            <OdemeSayfasi siparisId={siparis} />
+          ))}
+        </Suspense>
+      </main>
+      <SiteFooter />
+    </div>
+  );
+}
diff --git a/src/features/odeme/components/iyzico-formu.tsx b/src/features/odeme/components/iyzico-formu.tsx
new file mode 100644
index 0000000..b75d2b8
--- /dev/null
+++ b/src/features/odeme/components/iyzico-formu.tsx
@@ -0,0 +1,49 @@
+"use client";
+
+import { useEffect, useMemo } from "react";
+
+// iyzico'nun checkoutFormContent'i tek bir <script> bloğudur; içindeki JS,
+// sayfadaki #iyzipay-checkout-form div'ine formu (iframe) çizer. React
+// dangerouslySetInnerHTML ile gelen script'leri ÇALIŞTIRMAZ — bu yüzden script
+// gövdesi ayıklanıp elle document'a eklenir.
+//
+// iyzico script'i `typeof iyziInit == 'undefined'` koruması taşır: aynı oturumda
+// ikinci kez mount olursa (geri gel / tekrar dene) global temizlenmezse form
+// çizilmez. Bu yüzden enjeksiyondan önce ve unmount'ta global silinir.
+
+declare global {
+  interface Window {
+    iyziInit?: unknown;
+  }
+}
+
+export function IyzicoFormu({ icerik }: { icerik: string }) {
+  const govde = useMemo(
+    () => icerik.match(/<script[^>]*>([\s\S]*?)<\/script>/i)?.[1],
+    [icerik],
+  );
+
+  useEffect(() => {
+    if (!govde) return;
+    delete window.iyziInit;
+    const script = document.createElement("script");
+    script.text = govde;
+    document.body.appendChild(script);
+    return () => {
+      script.remove();
+      delete window.iyziInit;
+    };
+  }, [govde]);
+
+  if (!govde) {
+    return (
+      <p className="rounded-xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800">
+        Ödeme formu yüklenemedi. Sayfayı yenile; sorun sürerse paket sayfasından
+        tekrar dene — kartından çekim yapılmadı.
+      </p>
+    );
+  }
+
+  // iyzico bu id'yi arar; "responsive" sınıfı formu kabın genişliğine uydurur
+  return <div id="iyzipay-checkout-form" className="responsive" />;
+}
diff --git a/src/features/odeme/components/odeme-sayfasi.tsx b/src/features/odeme/components/odeme-sayfasi.tsx
new file mode 100644
index 0000000..d578f05
--- /dev/null
+++ b/src/features/odeme/components/odeme-sayfasi.tsx
@@ -0,0 +1,115 @@
+import Image from "next/image";
+import Link from "next/link";
+import { notFound, redirect } from "next/navigation";
+import { ArrowLeft, Lock } from "lucide-react";
+import { verifySession } from "@/lib/session";
+import { URUNLER } from "@/lib/credits";
+import { SectionEyebrow } from "@/components/pixel-decor";
+import { Skeleton } from "@/components/ui/skeleton";
+import { siparisGetir } from "../odeme-queries";
+import { IyzicoFormu } from "./iyzico-formu";
+
+function tl(kurus: number) {
+  return (kurus / 100).toLocaleString("tr-TR", { maximumFractionDigits: 0 });
+}
+
+// Kendi tasarımımızdaki ödeme sayfası: sipariş özeti bizden, kart formu
+// iyzico'nun gömülü iframe'inden gelir (kart verisi bize hiç uğramaz).
+export async function OdemeSayfasi({ siparisId }: { siparisId?: string }) {
+  if (!siparisId) redirect("/paket");
+  // Oturum düşmüşse geri dönüşte ?siparis= kaybolmasın
+  const geriDonus = `/odeme?siparis=${encodeURIComponent(siparisId)}`;
+  const [session, order] = await Promise.all([
+    verifySession(geriDonus),
+    siparisGetir(siparisId),
+  ]);
+
+  // Yalnızca kendi bekleyen siparişinin formu görüntülenebilir
+  if (!order || order.userId !== session.user.id) notFound();
+  if (order.status === "paid") {
+    redirect(`/odeme/sonuc?siparis=${order.id}`);
+  }
+  // failed sipariş ya da temizlenmiş form: yeni ödeme paket sayfasından başlar
+  if (order.status === "failed" || !order.iyzicoFormContent) {
+    redirect("/paket");
+  }
+
+  const urun = URUNLER[order.product];
+
+  return (
+    <div className="w-full">
+      <Link
+        href="/paket"
+        className="inline-flex items-center gap-1.5 text-sm text-slate-500 transition-colors hover:text-slate-700"
+      >
+        <ArrowLeft className="size-4" aria-hidden />
+        Paket sayfasına dön
+      </Link>
+
+      <div className="mt-4 text-center">
+        <SectionEyebrow>Güvenli ödeme</SectionEyebrow>
+        <h1 className="mt-3 font-heading text-2xl font-bold">
+          Ödemeyi tamamla
+        </h1>
+      </div>
+
+      {/* Sipariş özeti */}
+      <section
+        aria-label="Sipariş özeti"
+        className="mt-6 rounded-2xl border border-slate-200 bg-white p-5 shadow-sm"
+      >
+        <div className="flex items-baseline justify-between gap-4">
+          <div>
+            <p className="font-heading font-bold">{urun.label}</p>
+            <p className="mt-1 text-sm text-slate-600">
+              {order.credits} Yapay Zeka danışman kredisi
+              {order.product === "paket" &&
+                " · 24 tercihlik liste, risk analizi ve PDF rapor"}
+            </p>
+          </div>
+          <p className="shrink-0 font-heading text-2xl font-bold">
+            {tl(order.amountKurus)} TL
+          </p>
+        </div>
+      </section>
+
+      {/* iyzico gömülü kart formu */}
+      <section
+        aria-label="Kart bilgileri"
+        className="mt-4 rounded-2xl border border-slate-200 bg-white p-5 shadow-sm"
+      >
+        <IyzicoFormu icerik={order.iyzicoFormContent} />
+      </section>
+
+      <div className="mt-5 flex items-center justify-center gap-1.5 text-xs text-slate-500">
+        <Lock className="size-3.5" aria-hidden />
+        256-bit SSL ile şifreli bağlantı
+      </div>
+      <Image
+        src="/odeme/iyzico-logo-band.svg"
+        alt="iyzico ile Öde — Mastercard, Visa, American Express ve Troy ile güvenli ödeme"
+        width={429}
+        height={32}
+        className="mx-auto mt-3 h-5 w-auto"
+      />
+      <p className="mt-3 text-center text-xs text-slate-500">
+        Kart bilgilerin iyzico&apos;da işlenir, bize hiç ulaşmaz ·{" "}
+        <Link href="/kosullar#iade" className="underline hover:text-slate-700">
+          İade koşulları
+        </Link>
+      </p>
+    </div>
+  );
+}
+
+export function OdemeSayfasiSkeleton() {
+  return (
+    <div aria-live="polite" className="w-full">
+      <Skeleton className="h-5 w-40" />
+      <Skeleton className="mx-auto mt-4 h-7 w-32 rounded-full" />
+      <Skeleton className="mx-auto mt-3 h-8 w-56" />
+      <Skeleton className="mt-6 h-24 w-full rounded-2xl" />
+      <Skeleton className="mt-4 h-96 w-full rounded-2xl" />
+    </div>
+  );
+}
diff --git a/src/features/odeme/odeme-actions.ts b/src/features/odeme/odeme-actions.ts
index c3d9772..92f32fb 100644
--- a/src/features/odeme/odeme-actions.ts
+++ b/src/features/odeme/odeme-actions.ts
@@ -74,7 +74,7 @@ export async function baslatOdeme(
     return { error: GENEL_HATA };
   }
 
-  if (init.status !== "success" || !init.paymentPageUrl || !init.token) {
+  if (init.status !== "success" || !init.checkoutFormContent || !init.token) {
     // initialize aşamasında karta hiç dokunulmaz: buradaki hatalar kart/kullanıcı
     // kaynaklı değil, bizim yapılandırmamızdandır (anahtar, üye işyeri ayarı,
     // sepet kuralı). iyzico'nun mesajı log'a gider, kullanıcıya genel mesaj.
@@ -92,10 +92,12 @@ export async function baslatOdeme(
     return { error: GENEL_HATA };
   }
 
+  // Form içeriği de saklanır: /odeme/[siparis] sayfası yenilense bile aynı
+  // token'lı form yeniden gösterilir, ikinci bir initialize gerekmez.
   await appDb
     .update(schema.orders)
-    .set({ iyzicoToken: init.token })
+    .set({ iyzicoToken: init.token, iyzicoFormContent: init.checkoutFormContent })
     .where(eq(schema.orders.id, orderId));
 
-  redirect(init.paymentPageUrl);
+  redirect(`/odeme?siparis=${orderId}`);
 }
diff --git a/src/lib/appdb/schema.ts b/src/lib/appdb/schema.ts
index 2f39d3e..c990123 100644
--- a/src/lib/appdb/schema.ts
+++ b/src/lib/appdb/schema.ts
@@ -90,6 +90,10 @@ export const orders = sqliteTable(
       .notNull()
       .default("pending"),
     iyzicoToken: text("iyzico_token"),
+    // Gömülü ödeme formu script'i (checkoutFormContent) — /odeme/[siparis]
+    // sayfası yenilendiğinde yeniden initialize gerekmesin diye saklanır;
+    // sipariş sonuçlanınca temizlenir.
+    iyzicoFormContent: text("iyzico_form_content"),
     iyzicoPaymentId: text("iyzico_payment_id"),
     createdAt: integer("created_at", { mode: "timestamp" }).notNull(),
     paidAt: integer("paid_at", { mode: "timestamp" }),
diff --git a/src/lib/iyzico.ts b/src/lib/iyzico.ts
index 848ed88..33c32f0 100644
--- a/src/lib/iyzico.ts
+++ b/src/lib/iyzico.ts
@@ -86,6 +86,8 @@ export interface CheckoutFormInitSonuc {
   status: string;
   token?: string;
   paymentPageUrl?: string;
+  /** Kendi sayfamıza gömülen form script'i — <div id="iyzipay-checkout-form"> ister */
+  checkoutFormContent?: string;
   conversationId?: string;
   signature?: string;
   errorCode?: string;
diff --git a/src/lib/odeme.ts b/src/lib/odeme.ts
index 136b9e4..38adb90 100644
--- a/src/lib/odeme.ts
+++ b/src/lib/odeme.ts
@@ -98,7 +98,7 @@ export async function odemeyiSonuclandir(
     // paid'i asla geri almayız; pending → failed serbest
     await appDb
       .update(orders)
-      .set({ status: "failed" })
+      .set({ status: "failed", iyzicoFormContent: null })
       .where(and(eq(orders.id, orderId), ne(orders.status, "paid")));
     return "failed";
   }
@@ -122,6 +122,7 @@ export async function odemeyiSonuclandir(
     .set({
       status: "paid",
       iyzicoPaymentId: sonuc.paymentId ?? null,
+      iyzicoFormContent: null,
       paidAt: new Date(),
     })
     .where(and(eq(orders.id, orderId), ne(orders.status, "paid")));