{
  "ListFormCode": "App.DeveloperKit.CustomComponents",
  "KeyFieldName": "Id",
  "GeneratedAt": "2026-09-08T13:11:35.4554636Z",
  "Order": 0,
  "Rows": [
    {
      "Id": "8389ccbc-3e7b-738d-35aa-3a237eea9b9d",
      "Name": "DynamicEntityComponent",
      "RoutePath": "/admin/dynamic-entity",
      "Description": null,
      "IsActive": true,
      "Dependencies": "",
      "Code": "import React, { useEffect, useState } from \"react\";\nimport axios from \"axios\";\n\ninterface DynamicEntityComponentProps {\n  title: string;\n}\n\nconst api = axios.create({\n  baseURL: \"https://localhost:44344/\",\n});\n\nconst DynamicEntityComponent: React.FC<DynamicEntityComponentProps> = ({ title }) => {\n  const [data, setData] = useState<Array<{ id: string; name: string }>>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    const fetchData = async () => {\n      setLoading(true);\n      setError(null);\n\n      try {\n        const res = await api.get(`/api/app/crudendpoint/${title}`);\n        const raw = Array.isArray(res.data) ? res.data : res.data?.items ?? [];\n\n        const filtered = raw.map((item: any) => ({\n          id: item.Id ?? item.id,\n          name: item.Name ?? item.name,\n        }));\n\n        setData(filtered);\n      } catch (err: any) {\n        setError(err.message || \"Failed to fetch data\");\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    if (title) fetchData();\n  }, [title]);\n\n  if (loading) return <div>Loading...</div>;\n  if (error) return <div className=\"text-red-600 dark:text-red-400\">Error: {error}</div>;\n  if (!data.length) return <div>No records found</div>;\n\n  const headers = [\"id\", \"name\", \"actions\"];\n\n  return (\n    <div className=\"overflow-auto\">\n      <table className=\"min-w-full bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-700 shadow-sm rounded-lg\">\n        <thead className=\"bg-slate-100 dark:bg-slate-800\">\n          <tr>\n            {headers.map((key) => (\n              <th\n                key={key}\n                className=\"text-left px-4 py-2 border-b border-slate-200 dark:border-slate-700 text-sm font-medium text-slate-700 dark:text-slate-200\"\n              >\n                {key === \"actions\" ? \"Actions\" : key}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {data.map((item, rowIndex) => (\n            <tr key={item.id ?? rowIndex} className=\"hover:bg-slate-50 dark:hover:bg-slate-800\">\n              <td className=\"px-4 py-2 border-b border-slate-100 dark:border-slate-800 text-sm text-slate-800 dark:text-slate-100\">\n                {item.id}\n              </td>\n              <td className=\"px-4 py-2 border-b border-slate-100 dark:border-slate-800 text-sm text-slate-800 dark:text-slate-100\">\n                {item.name}\n              </td>\n              <td className=\"px-4 py-2 border-b border-slate-100 dark:border-slate-800\">\n                <Button\n                  type=\"button\"\n                  color=\"blue-500\"\n                  onClick={() => alert(item.name)}\n                  shape=\"round\"\n                  size=\"xs\"\n                  variant=\"solid\"\n                  id=\"c_mrix4c1a_qrybhk\"\n                >\n                  Show Name\n                </Button>\n              </td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n};\n\nexport default DynamicEntityComponent;",
      "Props": null,
      "DataSources": "",
      "LastModificationTime": null,
      "CreationTime": "2026-09-05T17:22:11"
    },
    {
      "Id": "1acc9af1-6d5e-2940-160e-3a237eea9c0a",
      "Name": "NewComponent",
      "RoutePath": "/admin/new-component",
      "Description": "",
      "IsActive": true,
      "Dependencies": [],
      "Code": "/*__SOZSOFT_VISUAL_DESIGNER__%7B%22version%22%3A1%2C%22sourceMode%22%3A%22visual%22%2C%22nodes%22%3A%5B%5D%2C%22canvas%22%3A%7B%22width%22%3A%22responsive%22%7D%2C%22lifecycle%22%3A%7B%22onMount%22%3A%22%22%7D%2C%22dataSources%22%3A%5B%5D%7D__*/\nconst NewComponent = () => {\n\n\n  return (\n    <>\n\n    </>\n  )\n}\n\nexport default NewComponent",
      "Props": "{\"visualDesigner\":{\"version\":1,\"sourceMode\":\"visual\",\"nodes\":[],\"canvas\":{\"width\":\"responsive\"},\"lifecycle\":{\"onMount\":\"\"},\"dataSources\":[]}}",
      "DataSources": []
    },
    {
      "Id": "514a142f-8aaa-685f-fd13-3a237eea9c27",
      "Name": "RoleListComponent",
      "RoutePath": "/admin/roles-list",
      "Description": null,
      "IsActive": true,
      "Dependencies": [
        "DynamicEntityComponent"
      ],
      "Code": "const RoleListComponent = ({\n  title = \"AbpRoles\"\n}) => {\n  return (\n    <DynamicEntityComponent id=\"c_mdljvvmq_fno52v\" title={title} />\n  );\n};\n\nexport default RoleListComponent;",
      "Props": null,
      "DataSources": []
    },
    {
      "Id": "932daf62-9f6c-0c8c-08c0-3a237eea9c19",
      "Name": "RoleComponent",
      "RoutePath": "/admin/roles",
      "Description": "",
      "IsActive": true,
      "Dependencies": [],
      "Code": "/*__SOZSOFT_VISUAL_DESIGNER__%7B%22version%22%3A1%2C%22sourceMode%22%3A%22visual%22%2C%22nodes%22%3A%5B%7B%22id%22%3A%22cmp_msyfmegt_jkkn3%22%2C%22type%22%3A%22Form%22%2C%22kind%22%3A%22layout%22%2C%22props%22%3A%7B%22selectEndpoint%22%3A%22source_5w_5ibpv%22%2C%22insertEndpoint%22%3A%22source_h3_484qa%22%2C%22updateEndpoint%22%3A%22source_gb_d9cvs%22%2C%22deleteEndpoint%22%3A%22source_0t_avok9%22%2C%22keyFieldName%22%3A%22id%22%2C%22collectionPath%22%3A%22%22%2C%22keySource%22%3A%22query%22%2C%22keyParamName%22%3A%22id%22%2C%22previewKeyValue%22%3A%22%22%2C%22autoLoad%22%3Atrue%2C%22showToolbar%22%3Atrue%2C%22gap%22%3A16%2C%22className%22%3A%22%22%2C%22title%22%3A%22%3A%3AAbpIdentity.Roles%22%2C%22columnCount%22%3A2%2C%22selectPermission%22%3A%22%22%2C%22insertPermission%22%3A%22%22%7D%2C%22events%22%3A%7B%22onLoad%22%3A%22%22%2C%22onRecordChange%22%3A%22%22%2C%22onFieldChange%22%3A%22%22%2C%22onNewRecord%22%3A%22%22%2C%22onModeChange%22%3A%22%22%2C%22onBeforeSave%22%3A%22%22%2C%22onAfterSave%22%3A%22%22%2C%22onBeforeDelete%22%3A%22%22%2C%22onAfterDelete%22%3A%22%22%2C%22onError%22%3A%22%22%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_msyfpfia_ifhdq%22%2C%22type%22%3A%22Input%22%2C%22kind%22%3A%22ui%22%2C%22props%22%3A%7B%22asElement%22%3A%22%22%2C%22disabled%22%3Afalse%2C%22invalid%22%3Afalse%2C%22rows%22%3A3%2C%22prefix%22%3A%22%3A%3AApp.Platform.Name%22%2C%22size%22%3A%22md%22%2C%22suffix%22%3A%22%22%2C%22textArea%22%3Afalse%2C%22type%22%3A%22text%22%2C%22unstyle%22%3Afalse%2C%22field%22%3A%22%22%2C%22form%22%3A%22%22%2C%22className%22%3A%22%22%2C%22children%22%3A%22%22%2C%22style%22%3A%7B%7D%2C%22placeholder%22%3A%22Metin%20girin...%22%2C%22value%22%3A%22%22%2C%22name%22%3A%22%22%2C%22autoComplete%22%3A%22off%22%2C%22autoFocus%22%3Afalse%2C%22readOnly%22%3Afalse%2C%22required%22%3Afalse%2C%22maxLength%22%3A%22%22%2C%22minLength%22%3A%22%22%2C%22pattern%22%3A%22%22%2C%22sqlDefaultValue%22%3A%22%22%7D%2C%22events%22%3A%7B%22onChange%22%3A%22%22%7D%2C%22bindings%22%3A%7B%22value%22%3A%7B%22sourceId%22%3A%22cmp_msyfmegt_jkkn3%22%2C%22path%22%3A%22Name%22%7D%7D%2C%22children%22%3A%5B%5D%2C%22ref%22%3A%22input1%22%7D%2C%7B%22id%22%3A%22cmp_msyjl707_crcn7%22%2C%22type%22%3A%22Input%22%2C%22kind%22%3A%22ui%22%2C%22props%22%3A%7B%22asElement%22%3A%22%22%2C%22disabled%22%3Afalse%2C%22invalid%22%3Afalse%2C%22rows%22%3A3%2C%22prefix%22%3A%22Normalized%20Name%20%3A%22%2C%22size%22%3A%22md%22%2C%22suffix%22%3A%22%22%2C%22textArea%22%3Afalse%2C%22type%22%3A%22text%22%2C%22unstyle%22%3Afalse%2C%22field%22%3A%22%22%2C%22form%22%3A%22%22%2C%22className%22%3A%22%22%2C%22children%22%3A%22%22%2C%22style%22%3A%7B%7D%2C%22placeholder%22%3A%22Metin%20girin...%22%2C%22value%22%3A%22%22%2C%22name%22%3A%22%22%2C%22autoComplete%22%3A%22off%22%2C%22autoFocus%22%3Afalse%2C%22readOnly%22%3Afalse%2C%22required%22%3Afalse%2C%22maxLength%22%3A%22%22%2C%22minLength%22%3A%22%22%2C%22pattern%22%3A%22%22%7D%2C%22events%22%3A%7B%22onChange%22%3A%22%22%7D%2C%22bindings%22%3A%7B%22value%22%3A%7B%22sourceId%22%3A%22cmp_msyfmegt_jkkn3%22%2C%22path%22%3A%22NormalizedName%22%7D%7D%2C%22children%22%3A%5B%5D%2C%22ref%22%3A%22input2%22%7D%2C%7B%22id%22%3A%22cmp_msyjdodn_u3o74%22%2C%22type%22%3A%22Input%22%2C%22kind%22%3A%22ui%22%2C%22props%22%3A%7B%22asElement%22%3A%22%22%2C%22disabled%22%3Afalse%2C%22invalid%22%3Afalse%2C%22rows%22%3A3%2C%22prefix%22%3A%22Concurrent%20Stamp%20%3A%20%22%2C%22size%22%3A%22md%22%2C%22suffix%22%3A%22%22%2C%22textArea%22%3Afalse%2C%22type%22%3A%22text%22%2C%22unstyle%22%3Afalse%2C%22field%22%3A%22%22%2C%22form%22%3A%22%22%2C%22className%22%3A%22%22%2C%22children%22%3A%22%22%2C%22style%22%3A%7B%7D%2C%22placeholder%22%3A%22Metin%20girin...%22%2C%22value%22%3A%22%22%2C%22name%22%3A%22%22%2C%22autoComplete%22%3A%22off%22%2C%22autoFocus%22%3Afalse%2C%22readOnly%22%3Afalse%2C%22required%22%3Afalse%2C%22maxLength%22%3A%22%22%2C%22minLength%22%3A%22%22%2C%22pattern%22%3A%22%22%7D%2C%22events%22%3A%7B%22onChange%22%3A%22%22%7D%2C%22bindings%22%3A%7B%22value%22%3A%7B%22sourceId%22%3A%22cmp_msyfmegt_jkkn3%22%2C%22path%22%3A%22ConcurrencyStamp%22%7D%7D%2C%22children%22%3A%5B%5D%2C%22ref%22%3A%22input3%22%7D%2C%7B%22id%22%3A%22cmp_msyje9ys_2c08a%22%2C%22type%22%3A%22Checkbox%22%2C%22kind%22%3A%22ui%22%2C%22props%22%3A%7B%22checked%22%3Afalse%2C%22color%22%3A%22blue-500%22%2C%22disabled%22%3Afalse%2C%22labelRef%22%3A%22%22%2C%22name%22%3A%22%22%2C%22readOnly%22%3Afalse%2C%22value%22%3A%22%22%2C%22field%22%3Anull%2C%22className%22%3A%22%22%2C%22children%22%3A%22Is%20Default%22%2C%22style%22%3A%7B%7D%2C%22sqlDefaultValue%22%3A%22true%22%7D%2C%22events%22%3A%7B%22onChange%22%3A%22%22%7D%2C%22bindings%22%3A%7B%22checked%22%3A%7B%22sourceId%22%3A%22cmp_msyfmegt_jkkn3%22%2C%22path%22%3A%22IsDefault%22%7D%7D%2C%22children%22%3A%5B%5D%2C%22ref%22%3A%22checkbox1%22%7D%2C%7B%22id%22%3A%22cmp_msyjebu2_27tqi%22%2C%22type%22%3A%22Checkbox%22%2C%22kind%22%3A%22ui%22%2C%22props%22%3A%7B%22checked%22%3Afalse%2C%22color%22%3A%22blue-500%22%2C%22disabled%22%3Afalse%2C%22labelRef%22%3A%22%22%2C%22name%22%3A%22%22%2C%22readOnly%22%3Afalse%2C%22value%22%3A%22%22%2C%22field%22%3Anull%2C%22className%22%3A%22%22%2C%22children%22%3A%22Is%20Static%22%2C%22style%22%3A%7B%7D%2C%22sqlDefaultValue%22%3A%22true%22%7D%2C%22events%22%3A%7B%22onChange%22%3A%22%22%7D%2C%22bindings%22%3A%7B%22checked%22%3A%7B%22sourceId%22%3A%22cmp_msyfmegt_jkkn3%22%2C%22path%22%3A%22IsStatic%22%7D%7D%2C%22children%22%3A%5B%5D%2C%22ref%22%3A%22checkbox2%22%7D%2C%7B%22id%22%3A%22cmp_msyjmetn_gojol%22%2C%22type%22%3A%22Checkbox%22%2C%22kind%22%3A%22ui%22%2C%22props%22%3A%7B%22checked%22%3Afalse%2C%22color%22%3A%22blue-500%22%2C%22disabled%22%3Afalse%2C%22labelRef%22%3A%22%22%2C%22name%22%3A%22%22%2C%22readOnly%22%3Afalse%2C%22value%22%3A%22%22%2C%22field%22%3Anull%2C%22className%22%3A%22%22%2C%22children%22%3A%22Is%20Public%22%2C%22style%22%3A%7B%7D%2C%22sqlDefaultValue%22%3A%22false%22%7D%2C%22events%22%3A%7B%22onChange%22%3A%22%22%7D%2C%22bindings%22%3A%7B%22checked%22%3A%7B%22sourceId%22%3A%22cmp_msyfmegt_jkkn3%22%2C%22path%22%3A%22IsPublic%22%7D%7D%2C%22children%22%3A%5B%5D%2C%22ref%22%3A%22checkbox3%22%7D%2C%7B%22id%22%3A%22cmp_msyjo0g8_oathk%22%2C%22type%22%3A%22Input%22%2C%22kind%22%3A%22ui%22%2C%22props%22%3A%7B%22asElement%22%3A%22%22%2C%22disabled%22%3Afalse%2C%22invalid%22%3Afalse%2C%22rows%22%3A3%2C%22prefix%22%3A%22Entity%20Version%20%3A%20%22%2C%22size%22%3A%22md%22%2C%22suffix%22%3A%22%22%2C%22textArea%22%3Afalse%2C%22type%22%3A%22number%22%2C%22unstyle%22%3Afalse%2C%22field%22%3A%22%22%2C%22form%22%3A%22%22%2C%22className%22%3A%22%22%2C%22children%22%3A%22%22%2C%22style%22%3A%7B%7D%2C%22placeholder%22%3A%22Metin%20girin...%22%2C%22value%22%3A%22%22%2C%22name%22%3A%22%22%2C%22autoComplete%22%3A%22off%22%2C%22autoFocus%22%3Afalse%2C%22readOnly%22%3Afalse%2C%22required%22%3Afalse%2C%22maxLength%22%3A%22%22%2C%22minLength%22%3A%22%22%2C%22pattern%22%3A%22%22%2C%22sqlDefaultValue%22%3A%223%22%7D%2C%22events%22%3A%7B%22onChange%22%3A%22%22%7D%2C%22bindings%22%3A%7B%22value%22%3A%7B%22sourceId%22%3A%22cmp_msyfmegt_jkkn3%22%2C%22path%22%3A%22EntityVersion%22%7D%7D%2C%22children%22%3A%5B%5D%2C%22ref%22%3A%22input4%22%7D%2C%7B%22id%22%3A%22cmp_msyjplfq_py8lz%22%2C%22type%22%3A%22Input%22%2C%22kind%22%3A%22ui%22%2C%22props%22%3A%7B%22asElement%22%3A%22%22%2C%22disabled%22%3Afalse%2C%22invalid%22%3Afalse%2C%22rows%22%3A3%2C%22prefix%22%3A%22Extra%20Properties%20%3A%22%2C%22size%22%3A%22md%22%2C%22suffix%22%3A%22%22%2C%22textArea%22%3Afalse%2C%22type%22%3A%22text%22%2C%22unstyle%22%3Afalse%2C%22field%22%3A%22%22%2C%22form%22%3A%22%22%2C%22className%22%3A%22%22%2C%22children%22%3A%22%22%2C%22style%22%3A%7B%7D%2C%22placeholder%22%3A%22Metin%20girin...%22%2C%22value%22%3A%22%22%2C%22name%22%3A%22%22%2C%22autoComplete%22%3A%22off%22%2C%22autoFocus%22%3Afalse%2C%22readOnly%22%3Afalse%2C%22required%22%3Afalse%2C%22maxLength%22%3A%22%22%2C%22minLength%22%3A%22%22%2C%22pattern%22%3A%22%22%2C%22sqlDefaultValue%22%3A%22%7B%7D%22%7D%2C%22events%22%3A%7B%22onChange%22%3A%22%22%7D%2C%22bindings%22%3A%7B%22value%22%3A%7B%22sourceId%22%3A%22cmp_msyfmegt_jkkn3%22%2C%22path%22%3A%22ExtraProperties%22%7D%7D%2C%22children%22%3A%5B%5D%2C%22ref%22%3A%22input5%22%7D%5D%2C%22ref%22%3A%22form1%22%7D%2C%7B%22id%22%3A%22cmp_mt023r5u_rb2jv%22%2C%22type%22%3A%22Grid%22%2C%22kind%22%3A%22ui%22%2C%22props%22%3A%7B%22hoverable%22%3Atrue%2C%22overflow%22%3Atrue%2C%22borderlessRow%22%3Afalse%2C%22compact%22%3Afalse%2C%22cols%22%3A%223%22%2C%22rows%22%3A%222%22%2C%22gap%22%3A%224%22%2C%22colGap%22%3A%224%22%2C%22rowGap%22%3A%224%22%2C%22responsive%22%3Atrue%2C%22smCols%22%3A%221%22%2C%22mdCols%22%3A%222%22%2C%22lgCols%22%3A%223%22%2C%22xlCols%22%3A%224%22%2C%22autoFit%22%3Afalse%2C%22minColWidth%22%3A%22200px%22%2C%22height%22%3A%22auto%22%2C%22className%22%3A%22mt-4%22%2C%22items%22%3A%5B%7B%22id%22%3A%22grid-item-1%22%2C%22content%22%3A%22Grid%20Item%201%22%2C%22colSpan%22%3A1%2C%22rowSpan%22%3A1%2C%22colStart%22%3A1%2C%22rowStart%22%3A1%2C%22className%22%3A%22bg-blue-100%20p-4%20border%20rounded%22%7D%2C%7B%22id%22%3A%22grid-item-2%22%2C%22content%22%3A%22Grid%20Item%202%22%2C%22colSpan%22%3A1%2C%22rowSpan%22%3A1%2C%22colStart%22%3A2%2C%22rowStart%22%3A1%2C%22className%22%3A%22bg-green-100%20p-4%20border%20rounded%22%7D%2C%7B%22id%22%3A%22grid-item-3%22%2C%22content%22%3A%22Grid%20Item%203%22%2C%22colSpan%22%3A1%2C%22rowSpan%22%3A1%2C%22colStart%22%3A3%2C%22rowStart%22%3A1%2C%22className%22%3A%22bg-yellow-100%20p-4%20border%20rounded%22%7D%2C%7B%22id%22%3A%22grid-item-4%22%2C%22content%22%3A%22Grid%20Item%204%22%2C%22colSpan%22%3A2%2C%22rowSpan%22%3A1%2C%22colStart%22%3A1%2C%22rowStart%22%3A2%2C%22className%22%3A%22bg-purple-100%20p-4%20border%20rounded%22%7D%2C%7B%22id%22%3A%22grid-item-5%22%2C%22content%22%3A%22Grid%20Item%205%22%2C%22colSpan%22%3A1%2C%22rowSpan%22%3A1%2C%22colStart%22%3A3%2C%22rowStart%22%3A2%2C%22className%22%3A%22bg-red-100%20p-4%20border%20rounded%22%7D%5D%2C%22dataColumns%22%3A%5B%22UserId%22%5D%2C%22columnLookups%22%3A%7B%22UserId%22%3A%7B%22sourceId%22%3A%22source_gq_0q1dz%22%2C%22path%22%3A%22%22%2C%22valueField%22%3A%22Id%22%2C%22textField%22%3A%22UserName%22%7D%7D%2C%22columnCaptions%22%3A%7B%7D%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%22items%22%3A%7B%22sourceId%22%3A%22source_tq_veb4m%22%2C%22path%22%3A%22%22%7D%7D%2C%22children%22%3A%5B%5D%2C%22ref%22%3A%22grid1%22%7D%2C%7B%22id%22%3A%22cmp_mt0288i3_ebpj5%22%2C%22type%22%3A%22ListView%22%2C%22kind%22%3A%22platform%22%2C%22props%22%3A%7B%22listFormCode%22%3A%22AbpIdentity.Roles%22%2C%22height%22%3A%22520px%22%2C%22filters%22%3A%5B%7B%22id%22%3A%22filter_y9_tr73w%22%2C%22field%22%3A%22Id%22%2C%22operator%22%3A%22eq%22%2C%22source%22%3A%22record%22%2C%22value%22%3A%22form1.Id%22%2C%22previewValue%22%3A%22%22%2C%22required%22%3Atrue%7D%5D%2C%22className%22%3A%22mt-4%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%2C%22ref%22%3A%22listView1%22%7D%5D%2C%22canvas%22%3A%7B%22width%22%3A%22responsive%22%7D%2C%22lifecycle%22%3A%7B%22onMount%22%3A%22%22%7D%2C%22dataSources%22%3A%5B%7B%22id%22%3A%22source_5w_5ibpv%22%2C%22name%22%3A%22AbpRoles%20%C2%B7%20GetList%22%2C%22method%22%3A%22GET%22%2C%22url%22%3A%22%2Fapi%2Fapp%2Fcrudendpoint%2FAbpRoles%22%2C%22responsePath%22%3A%22%22%7D%2C%7B%22id%22%3A%22source_i7_msox4%22%2C%22name%22%3A%22AbpRoles%20%C2%B7%20GetById%22%2C%22method%22%3A%22GET%22%2C%22url%22%3A%22%2Fapi%2Fapp%2Fcrudendpoint%2FAbpRoles%2F%7Bid%7D%22%2C%22responsePath%22%3A%22%22%7D%2C%7B%22id%22%3A%22source_0t_avok9%22%2C%22name%22%3A%22AbpRoles%20%C2%B7%20Delete%22%2C%22method%22%3A%22DELETE%22%2C%22url%22%3A%22%2Fapi%2Fapp%2Fcrudendpoint%2FAbpRoles%2F%7Bid%7D%22%2C%22responsePath%22%3A%22%22%7D%2C%7B%22id%22%3A%22source_h3_484qa%22%2C%22name%22%3A%22AbpRoles%20%C2%B7%20Create%22%2C%22method%22%3A%22POST%22%2C%22url%22%3A%22%2Fapi%2Fapp%2Fcrudendpoint%2FAbpRoles%22%2C%22responsePath%22%3A%22%22%7D%2C%7B%22id%22%3A%22source_gb_d9cvs%22%2C%22name%22%3A%22AbpRoles%20%C2%B7%20Update%22%2C%22method%22%3A%22PUT%22%2C%22url%22%3A%22%2Fapi%2Fapp%2Fcrudendpoint%2FAbpRoles%2F%7Bid%7D%22%2C%22responsePath%22%3A%22%22%7D%2C%7B%22id%22%3A%22source_tq_veb4m%22%2C%22name%22%3A%22AbpUserRoles%20%C2%B7%20GetList%22%2C%22method%22%3A%22GET%22%2C%22url%22%3A%22%2Fapi%2Fapp%2Fcrudendpoint%2FAbpUserRoles%22%2C%22responsePath%22%3A%22%22%2C%22filters%22%3A%5B%7B%22id%22%3A%22filter_sw_86e0q%22%2C%22field%22%3A%22RoleId%22%2C%22operator%22%3A%22eq%22%2C%22source%22%3A%22record%22%2C%22value%22%3A%22form1.id%22%2C%22previewValue%22%3A%22%22%2C%22required%22%3Atrue%7D%5D%7D%2C%7B%22id%22%3A%22source_d2_bri5s%22%2C%22name%22%3A%22AbpUserRoles%20%C2%B7%20GetById%22%2C%22method%22%3A%22GET%22%2C%22url%22%3A%22%2Fapi%2Fapp%2Fcrudendpoint%2FAbpUserRoles%2F%7Bid%7D%22%2C%22responsePath%22%3A%22%22%7D%2C%7B%22id%22%3A%22source_gq_0q1dz%22%2C%22name%22%3A%22AbpUsers%20%C2%B7%20GetList%22%2C%22method%22%3A%22GET%22%2C%22url%22%3A%22%2Fapi%2Fapp%2Fcrudendpoint%2FAbpUsers%22%2C%22responsePath%22%3A%22%22%7D%2C%7B%22id%22%3A%22source_u8_nu1lu%22%2C%22name%22%3A%22AbpUsers%20%C2%B7%20GetById%22%2C%22method%22%3A%22GET%22%2C%22url%22%3A%22%2Fapi%2Fapp%2Fcrudendpoint%2FAbpUsers%2F%7Bid%7D%22%2C%22responsePath%22%3A%22%22%7D%5D%2C%22permissionCode%22%3A%22%22%7D__*/\nconst RoleComponent = () => {\n  const getByPath = (value, path) => {\n    if (!path) return value\n    const readPath = (target, targetPath) => targetPath.split('.').filter(Boolean).reduce((current, key) => current?.[key], target)\n    const directValue = readPath(value, path)\n    if (directValue !== undefined) return directValue\n    if (path.startsWith('result.')) return readPath(value, path.slice('result.'.length))\n    return value?.result === undefined ? undefined : readPath(value.result, path)\n  }\n\n  const resolveLookupText = (lookup, value) => {\n    if (!lookup || value === null || value === undefined || value === \"\") return undefined\n    const rows = getByPath(lookup.rows, lookup.path)\n    if (!Array.isArray(rows)) return undefined\n    const key = String(value)\n    const row = rows.find((item) => item && typeof item === \"object\" && String(getByPath(item, lookup.value) ?? \"\") === key)\n    if (!row) return undefined\n    const text = getByPath(row, lookup.text)\n    return text === null || text === undefined || text === \"\" ? undefined : text\n  }\n\n  const localeCulture = () => {\n    const injected = typeof getCulture === \"function\" ? getCulture() : \"\"\n    if (injected) return injected\n    if (typeof document !== \"undefined\" && document.documentElement.lang) return document.documentElement.lang\n    return undefined\n  }\n  // Patterns come from the culture itself; a fixed day/month/year order would\n  // print the same layout in every language.\n  const localeDateOptions = { dateStyle: \"short\" }\n  const localeTimeOptions = { dateStyle: \"short\", timeStyle: \"short\" }\n  const localeIsoPattern = /^(\\d{4})-(\\d{2})-(\\d{2})(?:[T ](\\d{2}):(\\d{2})(?::(\\d{2})(?:\\.\\d+)?)?(Z|[+-]\\d{2}:?\\d{2})?)?$/\n  const formatLocaleValue = (value) => {\n    if (value === null || value === undefined) return \"\"\n    const culture = localeCulture()\n    if (typeof value === \"number\") {\n      if (!Number.isFinite(value)) return String(value)\n      // Grouping and the decimal separator are the culture's decision; only the\n      // precision guard stays, so a long decimal is not rounded away.\n      return new Intl.NumberFormat(culture, { maximumFractionDigits: 20 }).format(value)\n    }\n    if (value instanceof Date) {\n      return Number.isNaN(value.getTime()) ? \"\" : new Intl.DateTimeFormat(culture, localeTimeOptions).format(value)\n    }\n    if (typeof value !== \"string\") return String(value)\n    const parts = localeIsoPattern.exec(value.trim())\n    if (!parts) return value\n    const parsed = new Date(value)\n    if (Number.isNaN(parsed.getTime())) return value\n    if (parts[4] === undefined) {\n      const day = new Date(Number(parts[1]), Number(parts[2]) - 1, Number(parts[3]))\n      return new Intl.DateTimeFormat(culture, localeDateOptions).format(day)\n    }\n    return new Intl.DateTimeFormat(culture, localeTimeOptions).format(parsed)\n  }\n\n  const readSqlField = (record, field) => {\n    if (!record || typeof record !== \"object\" || Array.isArray(record)) return undefined\n    if (field in record) return record[field]\n    const matched = Object.keys(record).find((key) => key.toLowerCase() === String(field).toLowerCase())\n    return matched === undefined ? undefined : record[matched]\n  }\n  const toSqlRows = (value, collectionPath) => {\n    const source = collectionPath ? getByPath(value, collectionPath) : value\n    const rows = Array.isArray(source)\n      ? source\n      : source && typeof source === \"object\"\n        ? (Array.isArray(source.items) ? source.items : [source])\n        : []\n    return rows.filter((item) => item && typeof item === \"object\" && !Array.isArray(item))\n  }\n  const setSqlField = (record, path, value) => {\n    const keys = String(path || \"\").split(\".\").filter(Boolean)\n    if (!keys.length) return record\n    const next = { ...(record || {}) }\n    let target = next\n    for (let index = 0; index < keys.length - 1; index += 1) {\n      const child = target[keys[index]]\n      target[keys[index]] = child && typeof child === \"object\" && !Array.isArray(child) ? { ...child } : {}\n      target = target[keys[index]]\n    }\n    target[keys[keys.length - 1]] = value\n    return next\n  }\n  const bindSqlUrl = (url, record, keyField) => {\n    let keyBound = false\n    const boundUrl = String(url).replace(/\\{([^}]+)\\}|(?<=\\/):([A-Za-z_][A-Za-z0-9_]*)/g, (match, braced, colon) => {\n      const name = (braced || colon || \"\").trim()\n      if (!name) return match\n      const value = readSqlField(record, name) ?? readSqlField(record, keyField)\n      if (value === undefined || value === null || value === \"\") return match\n      if (name.toLowerCase() === String(keyField).toLowerCase()) keyBound = true\n      return encodeURIComponent(String(value))\n    })\n    return { url: boundUrl, keyBound }\n  }\n  const appendQueryParam = (url, name, value) =>\n    url + (url.includes(\"?\") ? \"&\" : \"?\") + encodeURIComponent(name) + \"=\" + encodeURIComponent(value)\n  const hasSqlUrlParams = (url) => /\\{[^}]+\\}|(?<=\\/):[A-Za-z_][A-Za-z0-9_]*/.test(String(url))\n  const readUrlKey = (source, name) => {\n    if (typeof window === \"undefined\") return \"\"\n    if (source === \"query\") return new URLSearchParams(window.location.search).get(name) ?? \"\"\n    const segments = window.location.pathname.split(\"/\").filter(Boolean)\n    return segments.length ? decodeURIComponent(segments[segments.length - 1]) : \"\"\n  }\n  const filterSqlRowsByKey = (rows, keyField, keyValue) => {\n    if (!keyValue) return rows\n    const matched = rows.filter((row) => String(readSqlField(row, keyField) ?? \"\") === String(keyValue))\n    // No match means the endpoint already filtered server side, or the key column\n    // is named differently — keeping the rows beats showing an empty form.\n    return matched.length ? matched : rows\n  }\n  // Update payload: only the columns the user actually edited, plus the key.\n  const toSqlChanges = (original, current, keyField) => {\n    const changes = {}\n    const isSame = (left, right) => JSON.stringify(left ?? null) === JSON.stringify(right ?? null)\n    Object.keys(current || {}).forEach((column) => {\n      if (!isSame(original ? original[column] : undefined, current[column])) changes[column] = current[column]\n    })\n    const keyColumn = Object.keys(current || {}).find((column) => column.toLowerCase() === String(keyField).toLowerCase())\n    if (keyColumn !== undefined && changes[keyColumn] === undefined) changes[keyColumn] = current[keyColumn]\n    return changes\n  }\n  const callSqlEndpoint = (target, record, keyField, payload) => {\n    // The URL is always bound from the full record: a placeholder may reference a\n    // column that the update payload does not carry.\n    const bound = bindSqlUrl(target.url, record, keyField)\n    const request = { url: bound.url, method: target.method }\n    if (target.method === \"POST\" || target.method === \"PUT\") request.data = payload === undefined ? record : payload\n    const keyValue = readSqlField(record, keyField)\n    const hasKey = keyValue !== undefined && keyValue !== null && keyValue !== \"\"\n    // The key still has to reach the endpoint when the URL carries no placeholder.\n    if (!bound.keyBound && hasKey && target.method !== \"POST\") request.params = { [keyField]: keyValue }\n    return apiService.fetchData(request)\n  }\n  // A new record starts at the top of the form: the first enabled editor takes the\n  // cursor, so a Yeni click is immediately followed by typing.\n  const focusFirstSqlField = (host) => {\n    if (typeof window === \"undefined\") return\n    window.requestAnimationFrame(() => {\n      const field = host.current?.querySelector(\"input:not([type='hidden']):not([disabled]):not([readonly]), textarea:not([disabled]):not([readonly]), select:not([disabled])\")\n      if (!field) return\n      field.focus()\n      if (typeof field.select === \"function\") field.select()\n    })\n  }\n  // Defaults declared on the bound children; only a new record starts from them.\n  const buildSqlDefaults = (fields) => fields.reduce((record, field) => setSqlField(record, field.path, resolveSqlDefault(field)), {})\n  const resolveSqlDefault = (field) => {\n    if (field.token !== \"today\" && field.token !== \"now\") return field.value\n    const now = new Date()\n    const pad = (value) => String(value).padStart(2, \"0\")\n    const day = now.getFullYear() + \"-\" + pad(now.getMonth() + 1) + \"-\" + pad(now.getDate())\n    if (field.token === \"today\" || field.dateOnly) return day\n    return day + \"T\" + pad(now.getHours()) + \":\" + pad(now.getMinutes()) + \":\" + pad(now.getSeconds())\n  }\n  const toSqlErrorMessage = (error) => error?.response?.data?.error?.message || error?.response?.data?.message || error?.message || translate(\"::App.Platform.IslemBasarisiz\")\n\n  // Value of a filter that reads the page URL: a query string parameter, or a\n  // path segment — the one after a segment named like the parameter, otherwise\n  // the last one, which is the /orders/{id} detail page shape.\n  const readDesignerUrlValue = (kind, name) => {\n    if (typeof window === \"undefined\") return \"\"\n    if (kind === \"query\") return new URLSearchParams(window.location.search).get(name) ?? \"\"\n    const segments = window.location.pathname.split(\"/\").filter(Boolean)\n    if (!segments.length) return \"\"\n    const index = name ? segments.findIndex((segment) => segment.toLowerCase() === String(name).toLowerCase()) : -1\n    if (index >= 0 && index < segments.length - 1) return decodeURIComponent(segments[index + 1])\n    return decodeURIComponent(segments[segments.length - 1])\n  }\n  // Filters are appended as query parameters: `Column` for an equality and\n  // `Column.operator` for anything else, which is what the endpoint parses.\n  // Returns \"\" when a required filter has no value yet — the caller must skip the\n  // request instead of loading the unfiltered collection.\n  const buildFilteredUrl = (url, filters) => {\n    const parts = []\n    for (const filter of filters || []) {\n      const value = filter.value === undefined || filter.value === null ? \"\" : String(filter.value)\n      if (!value) {\n        if (filter.required) return \"\"\n        continue\n      }\n      parts.push(encodeURIComponent(filter.param) + \"=\" + encodeURIComponent(value))\n    }\n    if (!parts.length) return url\n    return url + (url.includes(\"?\") ? \"&\" : \"?\") + parts.join(\"&\")\n  }\n\n  const buildPlatformFilterParams = (filters) => {\n    const expressions = []\n    for (const filter of filters || []) {\n      if (filter.kind === \"isnull\" || filter.kind === \"notnull\") {\n        expressions.push([filter.field, filter.operator, null])\n        continue\n      }\n      const value = filter.value === undefined || filter.value === null ? \"\" : String(filter.value)\n      if (!value) {\n        if (filter.required) return null\n        continue\n      }\n      if (filter.kind === \"in\") {\n        const entries = value.split(\",\").map((entry) => entry.trim()).filter(Boolean).map((entry) => [filter.field, \"=\", entry])\n        if (!entries.length) continue\n        expressions.push(entries.reduce((result, entry) => (result ? [result, \"or\", entry] : entry), null))\n        continue\n      }\n      expressions.push([filter.field, filter.operator, value])\n    }\n    const params = new URLSearchParams()\n    const merged = expressions.reduce((result, expression) => (result ? [result, \"and\", expression] : expression), null)\n    if (merged) params.set(\"filter\", JSON.stringify(merged))\n    return params\n  }\n\n  const [data_source_5w_5ibpv, setData_source_5w_5ibpv] = React.useState(null)\n  const [data_source_i7_msox4, setData_source_i7_msox4] = React.useState(null)\n  const [data_source_0t_avok9] = React.useState(null)\n  const [data_source_h3_484qa] = React.useState(null)\n  const [data_source_gb_d9cvs] = React.useState(null)\n  const [data_source_tq_veb4m, setData_source_tq_veb4m] = React.useState(null)\n  const [data_source_d2_bri5s, setData_source_d2_bri5s] = React.useState(null)\n  const [data_source_gq_0q1dz, setData_source_gq_0q1dz] = React.useState(null)\n  const [data_source_u8_nu1lu, setData_source_u8_nu1lu] = React.useState(null)\n\n  const sqlselect_cmp_msyfmegt_jkkn3 = { url: \"/api/app/crudendpoint/AbpRoles\", method: \"GET\", responsePath: \"\" }\n  const sqlinsert_cmp_msyfmegt_jkkn3 = { url: \"/api/app/crudendpoint/AbpRoles\", method: \"POST\", responsePath: \"\" }\n  const sqlupdate_cmp_msyfmegt_jkkn3 = { url: \"/api/app/crudendpoint/AbpRoles/{id}\", method: \"PUT\", responsePath: \"\" }\n  const sqldelete_cmp_msyfmegt_jkkn3 = { url: \"/api/app/crudendpoint/AbpRoles/{id}\", method: \"DELETE\", responsePath: \"\" }\n  const sqlCanSelect_cmp_msyfmegt_jkkn3 = true\n  const sqlCanInsert_cmp_msyfmegt_jkkn3 = true\n  const sqlCanUpdate_cmp_msyfmegt_jkkn3 = true\n  const sqlCanDelete_cmp_msyfmegt_jkkn3 = true\n  const sqlKey_cmp_msyfmegt_jkkn3 = \"id\"\n  const sqlKeyParam_cmp_msyfmegt_jkkn3 = \"id\"\n  const [data_cmp_msyfmegt_jkkn3, setData_cmp_msyfmegt_jkkn3] = React.useState({})\n  const [sqlOriginal_cmp_msyfmegt_jkkn3, setSqlOriginal_cmp_msyfmegt_jkkn3] = React.useState({})\n  const [sqlMode_cmp_msyfmegt_jkkn3, setSqlMode_cmp_msyfmegt_jkkn3] = React.useState(\"edit\")\n  const [sqlIndex_cmp_msyfmegt_jkkn3, setSqlIndex_cmp_msyfmegt_jkkn3] = React.useState(0)\n  const [sqlBusy_cmp_msyfmegt_jkkn3, setSqlBusy_cmp_msyfmegt_jkkn3] = React.useState(false)\n  const [sqlError_cmp_msyfmegt_jkkn3, setSqlError_cmp_msyfmegt_jkkn3] = React.useState(\"\")\n  // Container element, so New can hand the cursor to the first field of the form.\n  const sqlHost_cmp_msyfmegt_jkkn3 = React.useRef(null)\n  // The Select key can come from the page URL, which is how a detail page reads\n  // /api/app/orders/{id} or /api/app/orders?id=… for a single record.\n  const sqlUrlKey_cmp_msyfmegt_jkkn3 = readUrlKey(\"query\", sqlKeyParam_cmp_msyfmegt_jkkn3)\n  const sqlSelectUrl_cmp_msyfmegt_jkkn3 = React.useMemo(() => {\n    if (!sqlselect_cmp_msyfmegt_jkkn3) return \"\"\n    const base = sqlUrlKey_cmp_msyfmegt_jkkn3\n      ? (() => {\n          const bound = bindSqlUrl(sqlselect_cmp_msyfmegt_jkkn3.url, { [sqlKeyParam_cmp_msyfmegt_jkkn3]: sqlUrlKey_cmp_msyfmegt_jkkn3 }, sqlKeyParam_cmp_msyfmegt_jkkn3)\n          return bound.keyBound ? bound.url : appendQueryParam(bound.url, sqlKeyParam_cmp_msyfmegt_jkkn3, sqlUrlKey_cmp_msyfmegt_jkkn3)\n        })()\n      : sqlselect_cmp_msyfmegt_jkkn3.url\n    return base\n  }, [sqlUrlKey_cmp_msyfmegt_jkkn3])\n  // A key in the page URL always narrows the result: a list endpoint ignores the\n  // parameter server side, so the requested record is picked out here. Without a\n  // key every row is kept and the navigation below takes over.\n  const sqlRows_cmp_msyfmegt_jkkn3 = React.useMemo(\n    () => filterSqlRowsByKey(toSqlRows(data_source_5w_5ibpv, \"\"), sqlKey_cmp_msyfmegt_jkkn3, sqlUrlKey_cmp_msyfmegt_jkkn3),\n    [data_source_5w_5ibpv, sqlUrlKey_cmp_msyfmegt_jkkn3],\n  )\n  // A fresh result set resets the position; New mode is left untouched so an\n  // unsaved draft is not overwritten by a re-render.\n  React.useEffect(() => {\n    setSqlIndex_cmp_msyfmegt_jkkn3((current) => (current < sqlRows_cmp_msyfmegt_jkkn3.length ? current : 0))\n  }, [sqlRows_cmp_msyfmegt_jkkn3])\n  React.useEffect(() => {\n    const row = sqlRows_cmp_msyfmegt_jkkn3[sqlIndex_cmp_msyfmegt_jkkn3]\n    if (!row) return\n    setData_cmp_msyfmegt_jkkn3(row)\n    setSqlOriginal_cmp_msyfmegt_jkkn3(row)\n    setSqlMode_cmp_msyfmegt_jkkn3(\"edit\")\n  }, [sqlRows_cmp_msyfmegt_jkkn3, sqlIndex_cmp_msyfmegt_jkkn3])\n  const sqlHasKey_cmp_msyfmegt_jkkn3 = (() => {\n    const value = readSqlField(data_cmp_msyfmegt_jkkn3, sqlKey_cmp_msyfmegt_jkkn3)\n    return value !== undefined && value !== null && value !== \"\"\n  })()\n  const sqlSetField_cmp_msyfmegt_jkkn3 = React.useCallback((path, value) => setData_cmp_msyfmegt_jkkn3((current) => setSqlField(current, path, value)), [])\n  const sqlReload_cmp_msyfmegt_jkkn3 = React.useCallback(async () => {\n    // Without the Read permission the container is not rendered at all; the\n    // request is dropped here so it is not fired for a form nobody can see.\n    if (!sqlCanSelect_cmp_msyfmegt_jkkn3) return\n    if (!sqlSelectUrl_cmp_msyfmegt_jkkn3) return\n    // Calling a URL that still holds a placeholder is a guaranteed 400, so the\n    // missing key is reported in the component instead.\n    if (hasSqlUrlParams(sqlSelectUrl_cmp_msyfmegt_jkkn3)) {\n      throw new Error(translate(\"::App.Form.MissingKeyParam\", { 0: sqlKeyParam_cmp_msyfmegt_jkkn3 }))\n    }\n    const response = await apiService.fetchData({ url: sqlSelectUrl_cmp_msyfmegt_jkkn3, method: \"GET\" })\n    setData_source_5w_5ibpv(getByPath(response.data, sqlselect_cmp_msyfmegt_jkkn3.responsePath))\n  }, [sqlSelectUrl_cmp_msyfmegt_jkkn3])\n  // Reload wrapped with the busy/error handling the toolbar and mount effect need,\n  // so a failing Select is reported in the component instead of the console.\n  const sqlRefresh_cmp_msyfmegt_jkkn3 = React.useCallback(async () => {\n    setSqlBusy_cmp_msyfmegt_jkkn3(true)\n    setSqlError_cmp_msyfmegt_jkkn3(\"\")\n    try {\n      await sqlReload_cmp_msyfmegt_jkkn3()\n    } catch (error) {\n      setSqlError_cmp_msyfmegt_jkkn3(toSqlErrorMessage(error))\n    } finally {\n      setSqlBusy_cmp_msyfmegt_jkkn3(false)\n    }\n  }, [sqlReload_cmp_msyfmegt_jkkn3])\n  const sqlNew_cmp_msyfmegt_jkkn3 = React.useCallback(() => {\n    if (!sqlCanInsert_cmp_msyfmegt_jkkn3) return\n    setSqlError_cmp_msyfmegt_jkkn3(\"\")\n    // Defaults are resolved on every New, so an @today column carries the day the\n    // record was opened rather than the day the component was generated.\n    const sqlDraft_cmp_msyfmegt_jkkn3 = buildSqlDefaults([{\"path\":\"IsDefault\",\"value\":true},{\"path\":\"IsStatic\",\"value\":true},{\"path\":\"IsPublic\",\"value\":false},{\"path\":\"EntityVersion\",\"value\":3},{\"path\":\"ExtraProperties\",\"value\":\"{}\"}])\n    setData_cmp_msyfmegt_jkkn3(sqlDraft_cmp_msyfmegt_jkkn3)\n    setSqlOriginal_cmp_msyfmegt_jkkn3({})\n    setSqlMode_cmp_msyfmegt_jkkn3(\"new\")\n    // After the re-render that paints the empty form, not before it.\n    focusFirstSqlField(sqlHost_cmp_msyfmegt_jkkn3)\n  }, [])\n  const sqlPrev_cmp_msyfmegt_jkkn3 = React.useCallback(() => setSqlIndex_cmp_msyfmegt_jkkn3((current) => Math.max(0, current - 1)), [])\n  const sqlNext_cmp_msyfmegt_jkkn3 = React.useCallback(() => setSqlIndex_cmp_msyfmegt_jkkn3((current) => Math.min(sqlRows_cmp_msyfmegt_jkkn3.length - 1, current + 1)), [sqlRows_cmp_msyfmegt_jkkn3])\n  const sqlSave_cmp_msyfmegt_jkkn3 = async () => {\n    const isNew = sqlMode_cmp_msyfmegt_jkkn3 === \"new\"\n    const target = isNew ? sqlinsert_cmp_msyfmegt_jkkn3 : sqlupdate_cmp_msyfmegt_jkkn3\n    // The button is already hidden without the permission; a script calling save\n    // through a ref must not be able to walk around it either.\n    if (!(isNew ? sqlCanInsert_cmp_msyfmegt_jkkn3 : sqlCanUpdate_cmp_msyfmegt_jkkn3)) return\n    if (!target) {\n      setSqlError_cmp_msyfmegt_jkkn3(isNew ? translate(\"::App.Form.InsertEndpointMissing\") : translate(\"::App.Form.UpdateEndpointMissing\"))\n      return\n    }\n    // Update carries only the edited columns plus the key; Insert sends the record.\n    const payload = isNew ? data_cmp_msyfmegt_jkkn3 : toSqlChanges(sqlOriginal_cmp_msyfmegt_jkkn3, data_cmp_msyfmegt_jkkn3, sqlKey_cmp_msyfmegt_jkkn3)\n    if (!isNew && Object.keys(payload).filter((column) => column.toLowerCase() !== String(sqlKey_cmp_msyfmegt_jkkn3).toLowerCase()).length === 0) {\n      setSqlError_cmp_msyfmegt_jkkn3(translate(\"::App.Form.NoChanges\"))\n      return\n    }\n    setSqlBusy_cmp_msyfmegt_jkkn3(true)\n    setSqlError_cmp_msyfmegt_jkkn3(\"\")\n    try {\n      const response = await callSqlEndpoint(target, data_cmp_msyfmegt_jkkn3, sqlKey_cmp_msyfmegt_jkkn3, payload)\n      // With a Select endpoint the reload is the source of truth and its effect\n      // repopulates the form; without one, the response row is all there is.\n      if (sqlselect_cmp_msyfmegt_jkkn3) {\n        await sqlReload_cmp_msyfmegt_jkkn3()\n      } else {\n        const saved = toSqlRows(response?.data, \"\")[0]\n        if (saved) {\n          setData_cmp_msyfmegt_jkkn3(saved)\n          setSqlOriginal_cmp_msyfmegt_jkkn3(saved)\n        }\n      }\n      setSqlMode_cmp_msyfmegt_jkkn3(\"edit\")\n    } catch (error) {\n      setSqlError_cmp_msyfmegt_jkkn3(toSqlErrorMessage(error))\n    } finally {\n      setSqlBusy_cmp_msyfmegt_jkkn3(false)\n    }\n  }\n  const sqlDelete_cmp_msyfmegt_jkkn3 = async () => {\n    if (!sqlCanDelete_cmp_msyfmegt_jkkn3 || !sqldelete_cmp_msyfmegt_jkkn3 || !sqlHasKey_cmp_msyfmegt_jkkn3 || sqlMode_cmp_msyfmegt_jkkn3 === \"new\") return\n    // Deleting cannot be undone from the form, so it always asks first.\n    const confirmMessage = translate(\"::App.Form.DeleteConfirm\", { 0: sqlKey_cmp_msyfmegt_jkkn3 + \" = \" + readSqlField(data_cmp_msyfmegt_jkkn3, sqlKey_cmp_msyfmegt_jkkn3) })\n    if (typeof window !== \"undefined\" && !window.confirm(confirmMessage)) return\n    setSqlBusy_cmp_msyfmegt_jkkn3(true)\n    setSqlError_cmp_msyfmegt_jkkn3(\"\")\n    try {\n      await callSqlEndpoint(sqldelete_cmp_msyfmegt_jkkn3, data_cmp_msyfmegt_jkkn3, sqlKey_cmp_msyfmegt_jkkn3)\n      setData_cmp_msyfmegt_jkkn3({})\n      setSqlOriginal_cmp_msyfmegt_jkkn3({})\n      setSqlMode_cmp_msyfmegt_jkkn3(\"new\")\n      await sqlReload_cmp_msyfmegt_jkkn3()\n    } catch (error) {\n      setSqlError_cmp_msyfmegt_jkkn3(toSqlErrorMessage(error))\n    } finally {\n      setSqlBusy_cmp_msyfmegt_jkkn3(false)\n    }\n  }\n  React.useEffect(() => { void sqlRefresh_cmp_msyfmegt_jkkn3() }, [sqlRefresh_cmp_msyfmegt_jkkn3])\n\n  const filters_source_tq_veb4m = [{ param: \"RoleId\", value: readSqlField(data_cmp_msyfmegt_jkkn3, \"id\"), required: true }]\n  const filterKey_source_tq_veb4m = JSON.stringify(filters_source_tq_veb4m)\n  React.useEffect(() => {\n    const url = buildFilteredUrl(\"/api/app/crudendpoint/AbpUserRoles\", filters_source_tq_veb4m)\n    // An unmet required filter leaves the component empty on purpose.\n    if (!url) {\n      setData_source_tq_veb4m(null)\n      return\n    }\n    let active = true\n    apiService.fetchData({ url, method: 'GET' }).then((response) => {\n      if (active) setData_source_tq_veb4m(getByPath(response.data, \"\"))\n    }).catch((error) => console.error(\"AbpUserRoles · GetList endpoint error:\", error))\n    return () => { active = false }\n  }, [filterKey_source_tq_veb4m])\n\n  React.useEffect(() => {\n    let active = true\n    apiService.fetchData({ url: \"/api/app/crudendpoint/AbpUsers\", method: 'GET' }).then((response) => {\n      if (active) setData_source_gq_0q1dz(getByPath(response.data, \"\"))\n    }).catch((error) => console.error(\"AbpUsers · GetList endpoint error:\", error))\n    return () => { active = false }\n  }, [])\n\n  const platformFilters_cmp_mt0288i3_ebpj5 = [{ field: \"Id\", operator: \"=\", kind: \"eq\", value: readSqlField(data_cmp_msyfmegt_jkkn3, \"Id\"), required: true }]\n  const platformKey_cmp_mt0288i3_ebpj5 = JSON.stringify(platformFilters_cmp_mt0288i3_ebpj5)\n  // The views keep the params object in their own state and write back to it, so\n  // it must stay the same object until a filter value actually changes.\n  const platformParams_cmp_mt0288i3_ebpj5 = React.useMemo(() => buildPlatformFilterParams(platformFilters_cmp_mt0288i3_ebpj5), [platformKey_cmp_mt0288i3_ebpj5])\n\n  const handle_cmp_msyfpfia_ifhdq_onChange = (valueOrEvent, originalEvent) => {\n    sqlSetField_cmp_msyfmegt_jkkn3(\"Name\", valueOrEvent?.target?.value ?? valueOrEvent)\n    const event = valueOrEvent\n  }\n\n  const handle_cmp_msyjl707_crcn7_onChange = (valueOrEvent, originalEvent) => {\n    sqlSetField_cmp_msyfmegt_jkkn3(\"NormalizedName\", valueOrEvent?.target?.value ?? valueOrEvent)\n    const event = valueOrEvent\n  }\n\n  const handle_cmp_msyjdodn_u3o74_onChange = (valueOrEvent, originalEvent) => {\n    sqlSetField_cmp_msyfmegt_jkkn3(\"ConcurrencyStamp\", valueOrEvent?.target?.value ?? valueOrEvent)\n    const event = valueOrEvent\n  }\n\n  const handle_cmp_msyje9ys_2c08a_onChange = (valueOrEvent, originalEvent) => {\n    sqlSetField_cmp_msyfmegt_jkkn3(\"IsDefault\", typeof originalEvent === \"object\" && originalEvent?.target ? Boolean(originalEvent.target.checked) : typeof valueOrEvent === \"object\" && valueOrEvent?.target ? Boolean(valueOrEvent.target.checked) : Boolean(valueOrEvent))\n    const event = { checked: Boolean(valueOrEvent), originalEvent, target: originalEvent?.target }\n  }\n\n  const handle_cmp_msyjebu2_27tqi_onChange = (valueOrEvent, originalEvent) => {\n    sqlSetField_cmp_msyfmegt_jkkn3(\"IsStatic\", typeof originalEvent === \"object\" && originalEvent?.target ? Boolean(originalEvent.target.checked) : typeof valueOrEvent === \"object\" && valueOrEvent?.target ? Boolean(valueOrEvent.target.checked) : Boolean(valueOrEvent))\n    const event = { checked: Boolean(valueOrEvent), originalEvent, target: originalEvent?.target }\n  }\n\n  const handle_cmp_msyjmetn_gojol_onChange = (valueOrEvent, originalEvent) => {\n    sqlSetField_cmp_msyfmegt_jkkn3(\"IsPublic\", typeof originalEvent === \"object\" && originalEvent?.target ? Boolean(originalEvent.target.checked) : typeof valueOrEvent === \"object\" && valueOrEvent?.target ? Boolean(valueOrEvent.target.checked) : Boolean(valueOrEvent))\n    const event = { checked: Boolean(valueOrEvent), originalEvent, target: originalEvent?.target }\n  }\n\n  const handle_cmp_msyjo0g8_oathk_onChange = (valueOrEvent, originalEvent) => {\n    sqlSetField_cmp_msyfmegt_jkkn3(\"EntityVersion\", valueOrEvent?.target?.value ?? valueOrEvent)\n    const event = valueOrEvent\n  }\n\n  const handle_cmp_msyjplfq_py8lz_onChange = (valueOrEvent, originalEvent) => {\n    sqlSetField_cmp_msyfmegt_jkkn3(\"ExtraProperties\", valueOrEvent?.target?.value ?? valueOrEvent)\n    const event = valueOrEvent\n  }\n\n  return (\n    <>\n      {sqlCanSelect_cmp_msyfmegt_jkkn3 ? (\n        <UiKit.Card bodyClass=\"p-4\" headerClass=\"flex-col items-start gap-1 sm:flex-row sm:items-center sm:justify-between\" header={translate(\"::AbpIdentity.Roles\")} headerExtra={<span className=\"text-xs text-slate-500 dark:text-slate-400 break-all\">{sqlHasKey_cmp_msyfmegt_jkkn3 ? sqlKey_cmp_msyfmegt_jkkn3 + \": \" + readSqlField(data_cmp_msyfmegt_jkkn3, sqlKey_cmp_msyfmegt_jkkn3) : sqlMode_cmp_msyfmegt_jkkn3 === \"new\" ? translate(\"::App.Platform.NewRecord\") : \"\"}</span>}>\n          <div ref={sqlHost_cmp_msyfmegt_jkkn3} className=\"\" style={{ display: \"flex\", flexDirection: \"column\", gap: 16 }}>\n          <div className=\"grid grid-cols-1 md:grid-cols-2\" style={{ gap: 16, alignItems: \"start\" }}>\n            <UiKit.Input invalid={false} rows={3} prefix={translate(\"::App.Platform.Name\")} size={\"md\"} textArea={false} type={\"text\"} unstyle={false} style={{  }} placeholder={\"Metin girin...\"} autoComplete={\"off\"} autoFocus={false} required={false} value={(getByPath(data_cmp_msyfmegt_jkkn3, \"Name\")) ?? \"\"} onChange={handle_cmp_msyfpfia_ifhdq_onChange} />\n            <UiKit.Input invalid={false} rows={3} prefix={\"Normalized Name :\"} size={\"md\"} textArea={false} type={\"text\"} unstyle={false} style={{  }} placeholder={\"Metin girin...\"} autoComplete={\"off\"} autoFocus={false} required={false} value={(getByPath(data_cmp_msyfmegt_jkkn3, \"NormalizedName\")) ?? \"\"} onChange={handle_cmp_msyjl707_crcn7_onChange} />\n            <UiKit.Input invalid={false} rows={3} prefix={\"Concurrent Stamp : \"} size={\"md\"} textArea={false} type={\"text\"} unstyle={false} style={{  }} placeholder={\"Metin girin...\"} autoComplete={\"off\"} autoFocus={false} required={false} value={(getByPath(data_cmp_msyfmegt_jkkn3, \"ConcurrencyStamp\")) ?? \"\"} onChange={handle_cmp_msyjdodn_u3o74_onChange} />\n            <UiKit.Checkbox color={\"blue-500\"} field={null} style={{  }} checked={(getByPath(data_cmp_msyfmegt_jkkn3, \"IsDefault\")) ?? false} onChange={handle_cmp_msyje9ys_2c08a_onChange}>\n              {\"Is Default\"}\n            </UiKit.Checkbox>\n            <UiKit.Checkbox color={\"blue-500\"} field={null} style={{  }} checked={(getByPath(data_cmp_msyfmegt_jkkn3, \"IsStatic\")) ?? false} onChange={handle_cmp_msyjebu2_27tqi_onChange}>\n              {\"Is Static\"}\n            </UiKit.Checkbox>\n            <UiKit.Checkbox color={\"blue-500\"} field={null} style={{  }} checked={(getByPath(data_cmp_msyfmegt_jkkn3, \"IsPublic\")) ?? false} onChange={handle_cmp_msyjmetn_gojol_onChange}>\n              {\"Is Public\"}\n            </UiKit.Checkbox>\n            <UiKit.Input invalid={false} rows={3} prefix={\"Entity Version : \"} size={\"md\"} textArea={false} type={\"number\"} unstyle={false} style={{  }} placeholder={\"Metin girin...\"} autoComplete={\"off\"} autoFocus={false} required={false} value={(getByPath(data_cmp_msyfmegt_jkkn3, \"EntityVersion\")) ?? \"\"} onChange={handle_cmp_msyjo0g8_oathk_onChange} />\n            <UiKit.Input invalid={false} rows={3} prefix={\"Extra Properties :\"} size={\"md\"} textArea={false} type={\"text\"} unstyle={false} style={{  }} placeholder={\"Metin girin...\"} autoComplete={\"off\"} autoFocus={false} required={false} value={(getByPath(data_cmp_msyfmegt_jkkn3, \"ExtraProperties\")) ?? \"\"} onChange={handle_cmp_msyjplfq_py8lz_onChange} />\n          </div>\n          <div className=\"flex flex-wrap items-center gap-2 border-t border-slate-200 pt-3 dark:border-slate-800\">\n            {sqlRows_cmp_msyfmegt_jkkn3.length > 1 ? (\n              <>\n                <button type=\"button\" className=\"rounded-md px-3 py-1.5 text-xs font-semibold transition disabled:cursor-not-allowed disabled:opacity-40 border border-slate-300 text-slate-600 hover:border-sky-400 hover:text-sky-700 dark:border-slate-700 dark:text-slate-300\" disabled={sqlBusy_cmp_msyfmegt_jkkn3 || sqlIndex_cmp_msyfmegt_jkkn3 <= 0} onClick={sqlPrev_cmp_msyfmegt_jkkn3}>{translate(\"::App.Platform.Previous\")}</button>\n                <span className=\"text-xs text-slate-500\">{`${sqlIndex_cmp_msyfmegt_jkkn3 + 1} / ${sqlRows_cmp_msyfmegt_jkkn3.length}`}</span>\n                <button type=\"button\" className=\"rounded-md px-3 py-1.5 text-xs font-semibold transition disabled:cursor-not-allowed disabled:opacity-40 border border-slate-300 text-slate-600 hover:border-sky-400 hover:text-sky-700 dark:border-slate-700 dark:text-slate-300\" disabled={sqlBusy_cmp_msyfmegt_jkkn3 || sqlIndex_cmp_msyfmegt_jkkn3 >= sqlRows_cmp_msyfmegt_jkkn3.length - 1} onClick={sqlNext_cmp_msyfmegt_jkkn3}>{translate(\"::App.Platform.Next\")}</button>\n                <span className=\"mx-1 h-5 w-px bg-slate-300 dark:bg-slate-700\" />\n              </>\n            ) : null}\n            {sqlinsert_cmp_msyfmegt_jkkn3 && sqlCanInsert_cmp_msyfmegt_jkkn3 ? <button type=\"button\" className=\"rounded-md px-3 py-1.5 text-xs font-semibold transition disabled:cursor-not-allowed disabled:opacity-40 border border-slate-300 text-slate-600 hover:border-sky-400 hover:text-sky-700 dark:border-slate-700 dark:text-slate-300\" disabled={sqlBusy_cmp_msyfmegt_jkkn3} onClick={sqlNew_cmp_msyfmegt_jkkn3}>{translate(\"::App.Platform.New\")}</button> : null}\n            {(sqlMode_cmp_msyfmegt_jkkn3 === \"new\" ? sqlinsert_cmp_msyfmegt_jkkn3 && sqlCanInsert_cmp_msyfmegt_jkkn3 : sqlupdate_cmp_msyfmegt_jkkn3 && sqlCanUpdate_cmp_msyfmegt_jkkn3) ? <button type=\"button\" className=\"rounded-md px-3 py-1.5 text-xs font-semibold transition disabled:cursor-not-allowed disabled:opacity-40 bg-sky-600 text-white hover:bg-sky-700\" disabled={sqlBusy_cmp_msyfmegt_jkkn3} onClick={() => { void sqlSave_cmp_msyfmegt_jkkn3() }}>{translate(\"::App.Platform.Save\")}</button> : null}\n            {sqldelete_cmp_msyfmegt_jkkn3 && sqlCanDelete_cmp_msyfmegt_jkkn3 ? <button type=\"button\" className=\"rounded-md px-3 py-1.5 text-xs font-semibold transition disabled:cursor-not-allowed disabled:opacity-40 bg-red-600 text-white hover:bg-red-700\" disabled={sqlBusy_cmp_msyfmegt_jkkn3 || !sqlHasKey_cmp_msyfmegt_jkkn3 || sqlMode_cmp_msyfmegt_jkkn3 === \"new\"} onClick={() => { void sqlDelete_cmp_msyfmegt_jkkn3() }}>{translate(\"::App.Platform.Delete\")}</button> : null}\n            {sqlselect_cmp_msyfmegt_jkkn3 && sqlCanSelect_cmp_msyfmegt_jkkn3 ? <button type=\"button\" className=\"rounded-md px-3 py-1.5 text-xs font-semibold transition disabled:cursor-not-allowed disabled:opacity-40 border border-slate-300 text-slate-600 hover:border-sky-400 hover:text-sky-700 dark:border-slate-700 dark:text-slate-300\" disabled={sqlBusy_cmp_msyfmegt_jkkn3} onClick={() => { void sqlRefresh_cmp_msyfmegt_jkkn3() }}>{translate(\"::App.Platform.Refresh\")}</button> : null}\n            <span className=\"ml-auto text-[10px] uppercase tracking-wider text-slate-400\">{sqlMode_cmp_msyfmegt_jkkn3 === \"new\" ? translate(\"::App.Platform.NewRecord\") : translate(\"::App.Platform.Editing\")}</span>\n          </div>\n          {sqlError_cmp_msyfmegt_jkkn3 ? <div className=\"rounded-md bg-red-50 px-3 py-2 text-xs text-red-700 dark:bg-red-950 dark:text-red-200\">{sqlError_cmp_msyfmegt_jkkn3}</div> : null}\n          </div>\n        </UiKit.Card>\n      ) : null}\n      <div className=\"mt-4\" style={{ display: \"grid\", gridTemplateColumns: \"repeat(3, minmax(0, 1fr))\", gap: 16 }}>\n        {(() => {\n          const gridItems_cmp_mt023r5u_rb2jv = (Array.isArray(getByPath(data_source_tq_veb4m, \"\")) ? getByPath(data_source_tq_veb4m, \"\") : Array.isArray(data_source_tq_veb4m) ? data_source_tq_veb4m : null)\n          // Nothing loaded yet — an endpoint still in flight, or a required filter\n          // holding the request back — is an empty grid, not a binding error.\n          if (gridItems_cmp_mt023r5u_rb2jv === null || gridItems_cmp_mt023r5u_rb2jv === undefined) return null\n          if (!Array.isArray(gridItems_cmp_mt023r5u_rb2jv)) return <div className=\"rounded-lg border border-amber-300 bg-amber-50 p-3 text-xs text-amber-800 dark:border-amber-800 dark:bg-amber-950 dark:text-amber-200\">Grid items bağlantısı bir koleksiyon döndürmelidir.</div>\n          const gridColumns_cmp_mt023r5u_rb2jv = [\"UserId\"]\n          const gridLookups_cmp_mt023r5u_rb2jv = { \"UserId\": { rows: data_source_gq_0q1dz, path: \"\", value: \"Id\", text: \"UserName\" } }\n          if (!gridColumns_cmp_mt023r5u_rb2jv.length) return <div className=\"rounded-lg border border-dashed border-slate-300 bg-slate-50 p-4 text-center text-xs text-slate-500 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-400\">Preview için en az bir sütun seçin.</div>\n          return (\n            <div className=\"min-w-0 overflow-auto rounded-lg border border-slate-200 bg-white shadow-sm dark:border-slate-700 dark:bg-slate-900\" style={{ gridColumn: \"1 / -1\" }}>\n              <table className=\"w-full border-collapse text-left text-xs\">\n                <thead className=\"bg-slate-100 text-slate-600 dark:bg-slate-800 dark:text-slate-200\"><tr>\n                  {gridColumns_cmp_mt023r5u_rb2jv.map((column) => <th key={column} className=\"whitespace-nowrap border-b border-slate-200 dark:border-slate-700 px-3 py-2\">{(column === \"value\" ? \"Value\" : column)}</th>)}\n                </tr></thead>\n                <tbody>\n                  {gridItems_cmp_mt023r5u_rb2jv.map((gridItem_cmp_mt023r5u_rb2jv, rowIndex) => (\n                    <tr key={rowIndex} className=\"border-b border-slate-100 last:border-b-0 dark:border-slate-800 transition-colors hover:bg-slate-50 dark:hover:bg-slate-800/70\">\n                      {gridColumns_cmp_mt023r5u_rb2jv.map((column) => {\n                        const cellValue_cmp_mt023r5u_rb2jv = column === \"value\" ? gridItem_cmp_mt023r5u_rb2jv : getByPath(gridItem_cmp_mt023r5u_rb2jv, column)\n                        const lookedUp = resolveLookupText(gridLookups_cmp_mt023r5u_rb2jv[column], cellValue_cmp_mt023r5u_rb2jv)\n                        const cellText = lookedUp === undefined ? cellValue_cmp_mt023r5u_rb2jv : lookedUp\n                        const text = typeof cellText === \"object\" && cellText !== null && !(cellText instanceof Date) ? JSON.stringify(cellText) : formatLocaleValue(cellText) || \"—\"\n                        return <td key={column} className=\"max-w-64 truncate text-slate-800 dark:text-slate-100 px-3 py-2\" title={text}>{text}</td>\n                      })}\n                    </tr>\n                  ))}\n                </tbody>\n              </table>\n            </div>\n          )\n        })()}\n      </div>\n      {platformParams_cmp_mt0288i3_ebpj5 === null ? null : (\n        <PlatformViewHost view=\"List\" listFormCode=\"AbpIdentity.Roles\" height=\"520px\" className=\"mt-4\" searchParams={platformParams_cmp_mt0288i3_ebpj5} />\n      )}\n    </>\n  )\n}\n\nexport default RoleComponent",
      "Props": "{\"visualDesigner\":{\"version\":1,\"sourceMode\":\"visual\",\"nodes\":[{\"id\":\"cmp_msyfmegt_jkkn3\",\"type\":\"Form\",\"kind\":\"layout\",\"props\":{\"selectEndpoint\":\"source_5w_5ibpv\",\"insertEndpoint\":\"source_h3_484qa\",\"updateEndpoint\":\"source_gb_d9cvs\",\"deleteEndpoint\":\"source_0t_avok9\",\"keyFieldName\":\"id\",\"collectionPath\":\"\",\"keySource\":\"query\",\"keyParamName\":\"id\",\"previewKeyValue\":\"\",\"autoLoad\":true,\"showToolbar\":true,\"gap\":16,\"className\":\"\",\"title\":\"::AbpIdentity.Roles\",\"columnCount\":2,\"selectPermission\":\"\",\"insertPermission\":\"\"},\"events\":{\"onLoad\":\"\",\"onRecordChange\":\"\",\"onFieldChange\":\"\",\"onNewRecord\":\"\",\"onModeChange\":\"\",\"onBeforeSave\":\"\",\"onAfterSave\":\"\",\"onBeforeDelete\":\"\",\"onAfterDelete\":\"\",\"onError\":\"\"},\"bindings\":{},\"children\":[{\"id\":\"cmp_msyfpfia_ifhdq\",\"type\":\"Input\",\"kind\":\"ui\",\"props\":{\"asElement\":\"\",\"disabled\":false,\"invalid\":false,\"rows\":3,\"prefix\":\"::App.Platform.Name\",\"size\":\"md\",\"suffix\":\"\",\"textArea\":false,\"type\":\"text\",\"unstyle\":false,\"field\":\"\",\"form\":\"\",\"className\":\"\",\"children\":\"\",\"style\":{},\"placeholder\":\"Metin girin...\",\"value\":\"\",\"name\":\"\",\"autoComplete\":\"off\",\"autoFocus\":false,\"readOnly\":false,\"required\":false,\"maxLength\":\"\",\"minLength\":\"\",\"pattern\":\"\",\"sqlDefaultValue\":\"\"},\"events\":{\"onChange\":\"\"},\"bindings\":{\"value\":{\"sourceId\":\"cmp_msyfmegt_jkkn3\",\"path\":\"Name\"}},\"children\":[],\"ref\":\"input1\"},{\"id\":\"cmp_msyjl707_crcn7\",\"type\":\"Input\",\"kind\":\"ui\",\"props\":{\"asElement\":\"\",\"disabled\":false,\"invalid\":false,\"rows\":3,\"prefix\":\"Normalized Name :\",\"size\":\"md\",\"suffix\":\"\",\"textArea\":false,\"type\":\"text\",\"unstyle\":false,\"field\":\"\",\"form\":\"\",\"className\":\"\",\"children\":\"\",\"style\":{},\"placeholder\":\"Metin girin...\",\"value\":\"\",\"name\":\"\",\"autoComplete\":\"off\",\"autoFocus\":false,\"readOnly\":false,\"required\":false,\"maxLength\":\"\",\"minLength\":\"\",\"pattern\":\"\"},\"events\":{\"onChange\":\"\"},\"bindings\":{\"value\":{\"sourceId\":\"cmp_msyfmegt_jkkn3\",\"path\":\"NormalizedName\"}},\"children\":[],\"ref\":\"input2\"},{\"id\":\"cmp_msyjdodn_u3o74\",\"type\":\"Input\",\"kind\":\"ui\",\"props\":{\"asElement\":\"\",\"disabled\":false,\"invalid\":false,\"rows\":3,\"prefix\":\"Concurrent Stamp : \",\"size\":\"md\",\"suffix\":\"\",\"textArea\":false,\"type\":\"text\",\"unstyle\":false,\"field\":\"\",\"form\":\"\",\"className\":\"\",\"children\":\"\",\"style\":{},\"placeholder\":\"Metin girin...\",\"value\":\"\",\"name\":\"\",\"autoComplete\":\"off\",\"autoFocus\":false,\"readOnly\":false,\"required\":false,\"maxLength\":\"\",\"minLength\":\"\",\"pattern\":\"\"},\"events\":{\"onChange\":\"\"},\"bindings\":{\"value\":{\"sourceId\":\"cmp_msyfmegt_jkkn3\",\"path\":\"ConcurrencyStamp\"}},\"children\":[],\"ref\":\"input3\"},{\"id\":\"cmp_msyje9ys_2c08a\",\"type\":\"Checkbox\",\"kind\":\"ui\",\"props\":{\"checked\":false,\"color\":\"blue-500\",\"disabled\":false,\"labelRef\":\"\",\"name\":\"\",\"readOnly\":false,\"value\":\"\",\"field\":null,\"className\":\"\",\"children\":\"Is Default\",\"style\":{},\"sqlDefaultValue\":\"true\"},\"events\":{\"onChange\":\"\"},\"bindings\":{\"checked\":{\"sourceId\":\"cmp_msyfmegt_jkkn3\",\"path\":\"IsDefault\"}},\"children\":[],\"ref\":\"checkbox1\"},{\"id\":\"cmp_msyjebu2_27tqi\",\"type\":\"Checkbox\",\"kind\":\"ui\",\"props\":{\"checked\":false,\"color\":\"blue-500\",\"disabled\":false,\"labelRef\":\"\",\"name\":\"\",\"readOnly\":false,\"value\":\"\",\"field\":null,\"className\":\"\",\"children\":\"Is Static\",\"style\":{},\"sqlDefaultValue\":\"true\"},\"events\":{\"onChange\":\"\"},\"bindings\":{\"checked\":{\"sourceId\":\"cmp_msyfmegt_jkkn3\",\"path\":\"IsStatic\"}},\"children\":[],\"ref\":\"checkbox2\"},{\"id\":\"cmp_msyjmetn_gojol\",\"type\":\"Checkbox\",\"kind\":\"ui\",\"props\":{\"checked\":false,\"color\":\"blue-500\",\"disabled\":false,\"labelRef\":\"\",\"name\":\"\",\"readOnly\":false,\"value\":\"\",\"field\":null,\"className\":\"\",\"children\":\"Is Public\",\"style\":{},\"sqlDefaultValue\":\"false\"},\"events\":{\"onChange\":\"\"},\"bindings\":{\"checked\":{\"sourceId\":\"cmp_msyfmegt_jkkn3\",\"path\":\"IsPublic\"}},\"children\":[],\"ref\":\"checkbox3\"},{\"id\":\"cmp_msyjo0g8_oathk\",\"type\":\"Input\",\"kind\":\"ui\",\"props\":{\"asElement\":\"\",\"disabled\":false,\"invalid\":false,\"rows\":3,\"prefix\":\"Entity Version : \",\"size\":\"md\",\"suffix\":\"\",\"textArea\":false,\"type\":\"number\",\"unstyle\":false,\"field\":\"\",\"form\":\"\",\"className\":\"\",\"children\":\"\",\"style\":{},\"placeholder\":\"Metin girin...\",\"value\":\"\",\"name\":\"\",\"autoComplete\":\"off\",\"autoFocus\":false,\"readOnly\":false,\"required\":false,\"maxLength\":\"\",\"minLength\":\"\",\"pattern\":\"\",\"sqlDefaultValue\":\"3\"},\"events\":{\"onChange\":\"\"},\"bindings\":{\"value\":{\"sourceId\":\"cmp_msyfmegt_jkkn3\",\"path\":\"EntityVersion\"}},\"children\":[],\"ref\":\"input4\"},{\"id\":\"cmp_msyjplfq_py8lz\",\"type\":\"Input\",\"kind\":\"ui\",\"props\":{\"asElement\":\"\",\"disabled\":false,\"invalid\":false,\"rows\":3,\"prefix\":\"Extra Properties :\",\"size\":\"md\",\"suffix\":\"\",\"textArea\":false,\"type\":\"text\",\"unstyle\":false,\"field\":\"\",\"form\":\"\",\"className\":\"\",\"children\":\"\",\"style\":{},\"placeholder\":\"Metin girin...\",\"value\":\"\",\"name\":\"\",\"autoComplete\":\"off\",\"autoFocus\":false,\"readOnly\":false,\"required\":false,\"maxLength\":\"\",\"minLength\":\"\",\"pattern\":\"\",\"sqlDefaultValue\":\"{}\"},\"events\":{\"onChange\":\"\"},\"bindings\":{\"value\":{\"sourceId\":\"cmp_msyfmegt_jkkn3\",\"path\":\"ExtraProperties\"}},\"children\":[],\"ref\":\"input5\"}],\"ref\":\"form1\"},{\"id\":\"cmp_mt023r5u_rb2jv\",\"type\":\"Grid\",\"kind\":\"ui\",\"props\":{\"hoverable\":true,\"overflow\":true,\"borderlessRow\":false,\"compact\":false,\"cols\":\"3\",\"rows\":\"2\",\"gap\":\"4\",\"colGap\":\"4\",\"rowGap\":\"4\",\"responsive\":true,\"smCols\":\"1\",\"mdCols\":\"2\",\"lgCols\":\"3\",\"xlCols\":\"4\",\"autoFit\":false,\"minColWidth\":\"200px\",\"height\":\"auto\",\"className\":\"mt-4\",\"items\":[{\"id\":\"grid-item-1\",\"content\":\"Grid Item 1\",\"colSpan\":1,\"rowSpan\":1,\"colStart\":1,\"rowStart\":1,\"className\":\"bg-blue-100 p-4 border rounded\"},{\"id\":\"grid-item-2\",\"content\":\"Grid Item 2\",\"colSpan\":1,\"rowSpan\":1,\"colStart\":2,\"rowStart\":1,\"className\":\"bg-green-100 p-4 border rounded\"},{\"id\":\"grid-item-3\",\"content\":\"Grid Item 3\",\"colSpan\":1,\"rowSpan\":1,\"colStart\":3,\"rowStart\":1,\"className\":\"bg-yellow-100 p-4 border rounded\"},{\"id\":\"grid-item-4\",\"content\":\"Grid Item 4\",\"colSpan\":2,\"rowSpan\":1,\"colStart\":1,\"rowStart\":2,\"className\":\"bg-purple-100 p-4 border rounded\"},{\"id\":\"grid-item-5\",\"content\":\"Grid Item 5\",\"colSpan\":1,\"rowSpan\":1,\"colStart\":3,\"rowStart\":2,\"className\":\"bg-red-100 p-4 border rounded\"}],\"dataColumns\":[\"UserId\"],\"columnLookups\":{\"UserId\":{\"sourceId\":\"source_gq_0q1dz\",\"path\":\"\",\"valueField\":\"Id\",\"textField\":\"UserName\"}},\"columnCaptions\":{}},\"events\":{},\"bindings\":{\"items\":{\"sourceId\":\"source_tq_veb4m\",\"path\":\"\"}},\"children\":[],\"ref\":\"grid1\"},{\"id\":\"cmp_mt0288i3_ebpj5\",\"type\":\"ListView\",\"kind\":\"platform\",\"props\":{\"listFormCode\":\"AbpIdentity.Roles\",\"height\":\"520px\",\"filters\":[{\"id\":\"filter_y9_tr73w\",\"field\":\"Id\",\"operator\":\"eq\",\"source\":\"record\",\"value\":\"form1.Id\",\"previewValue\":\"\",\"required\":true}],\"className\":\"mt-4\"},\"events\":{},\"bindings\":{},\"children\":[],\"ref\":\"listView1\"}],\"canvas\":{\"width\":\"responsive\"},\"lifecycle\":{\"onMount\":\"\"},\"dataSources\":[{\"id\":\"source_5w_5ibpv\",\"name\":\"AbpRoles · GetList\",\"method\":\"GET\",\"url\":\"/api/app/crudendpoint/AbpRoles\",\"responsePath\":\"\"},{\"id\":\"source_i7_msox4\",\"name\":\"AbpRoles · GetById\",\"method\":\"GET\",\"url\":\"/api/app/crudendpoint/AbpRoles/{id}\",\"responsePath\":\"\"},{\"id\":\"source_0t_avok9\",\"name\":\"AbpRoles · Delete\",\"method\":\"DELETE\",\"url\":\"/api/app/crudendpoint/AbpRoles/{id}\",\"responsePath\":\"\"},{\"id\":\"source_h3_484qa\",\"name\":\"AbpRoles · Create\",\"method\":\"POST\",\"url\":\"/api/app/crudendpoint/AbpRoles\",\"responsePath\":\"\"},{\"id\":\"source_gb_d9cvs\",\"name\":\"AbpRoles · Update\",\"method\":\"PUT\",\"url\":\"/api/app/crudendpoint/AbpRoles/{id}\",\"responsePath\":\"\"},{\"id\":\"source_tq_veb4m\",\"name\":\"AbpUserRoles · GetList\",\"method\":\"GET\",\"url\":\"/api/app/crudendpoint/AbpUserRoles\",\"responsePath\":\"\",\"filters\":[{\"id\":\"filter_sw_86e0q\",\"field\":\"RoleId\",\"operator\":\"eq\",\"source\":\"record\",\"value\":\"form1.id\",\"previewValue\":\"\",\"required\":true}]},{\"id\":\"source_d2_bri5s\",\"name\":\"AbpUserRoles · GetById\",\"method\":\"GET\",\"url\":\"/api/app/crudendpoint/AbpUserRoles/{id}\",\"responsePath\":\"\"},{\"id\":\"source_gq_0q1dz\",\"name\":\"AbpUsers · GetList\",\"method\":\"GET\",\"url\":\"/api/app/crudendpoint/AbpUsers\",\"responsePath\":\"\"},{\"id\":\"source_u8_nu1lu\",\"name\":\"AbpUsers · GetById\",\"method\":\"GET\",\"url\":\"/api/app/crudendpoint/AbpUsers/{id}\",\"responsePath\":\"\"}],\"permissionCode\":\"\"}}",
      "DataSources": [
        {
          "Name": "AbpRoles · GetList",
          "Method": "GET",
          "Url": "/api/app/crudendpoint/AbpRoles",
          "ResponsePath": null,
          "EntityName": "AbpRoles",
          "OperationType": "GetList",
          "SeedFile": "crud/AbpRoles.json"
        },
        {
          "Name": "AbpRoles · GetById",
          "Method": "GET",
          "Url": "/api/app/crudendpoint/AbpRoles/{id}",
          "ResponsePath": null,
          "EntityName": "AbpRoles",
          "OperationType": "GetById",
          "SeedFile": "crud/AbpRoles.json"
        },
        {
          "Name": "AbpRoles · Delete",
          "Method": "DELETE",
          "Url": "/api/app/crudendpoint/AbpRoles/{id}",
          "ResponsePath": null,
          "EntityName": "AbpRoles",
          "OperationType": "Delete",
          "SeedFile": "crud/AbpRoles.json"
        },
        {
          "Name": "AbpRoles · Create",
          "Method": "POST",
          "Url": "/api/app/crudendpoint/AbpRoles",
          "ResponsePath": null,
          "EntityName": "AbpRoles",
          "OperationType": "Create",
          "SeedFile": "crud/AbpRoles.json"
        },
        {
          "Name": "AbpRoles · Update",
          "Method": "PUT",
          "Url": "/api/app/crudendpoint/AbpRoles/{id}",
          "ResponsePath": null,
          "EntityName": "AbpRoles",
          "OperationType": "Update",
          "SeedFile": "crud/AbpRoles.json"
        },
        {
          "Name": "AbpUserRoles · GetList",
          "Method": "GET",
          "Url": "/api/app/crudendpoint/AbpUserRoles",
          "ResponsePath": null,
          "EntityName": "AbpUserRoles",
          "OperationType": "GetList",
          "SeedFile": "crud/AbpUserRoles.json"
        },
        {
          "Name": "AbpUserRoles · GetById",
          "Method": "GET",
          "Url": "/api/app/crudendpoint/AbpUserRoles/{id}",
          "ResponsePath": null,
          "EntityName": "AbpUserRoles",
          "OperationType": "GetById",
          "SeedFile": "crud/AbpUserRoles.json"
        },
        {
          "Name": "AbpUsers · GetList",
          "Method": "GET",
          "Url": "/api/app/crudendpoint/AbpUsers",
          "ResponsePath": null,
          "EntityName": "AbpUsers",
          "OperationType": "GetList",
          "SeedFile": "crud/AbpUsers.json"
        },
        {
          "Name": "AbpUsers · GetById",
          "Method": "GET",
          "Url": "/api/app/crudendpoint/AbpUsers/{id}",
          "ResponsePath": null,
          "EntityName": "AbpUsers",
          "OperationType": "GetById",
          "SeedFile": "crud/AbpUsers.json"
        }
      ]
    },
    {
      "Id": "8f1c2d40-0000-4000-8000-000000000101",
      "Name": "PublicHomePage",
      "RoutePath": "/home",
      "Description": "Home Page",
      "IsActive": true,
      "Dependencies": [],
      "Code": "/*__SOZSOFT_VISUAL_DESIGNER__%7B%22version%22%3A1%2C%22sourceMode%22%3A%22visual%22%2C%22nodes%22%3A%5B%7B%22id%22%3A%22cmp_seed_0089%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22min-h-screen%20bg-gray-50%20dark%3Abg-gray-950%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0088%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22relative%20overflow-hidden%20bg-blue-900%20text-white%20dark%3Abg-gray-950%20flex%20min-h-screen%20items-center%20px-6%20pb-16%20pt-40%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0085%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22absolute%20inset-0%20bg-gradient-to-br%20from-blue-900%20via-indigo-900%20to-purple-900%20dark%3Afrom-gray-950%20dark%3Avia-gray-950%20dark%3Ato-gray-950%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0086%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22absolute%20inset-0%20opacity-20%20dark%3Aopacity-35%22%2C%22style%22%3A%7B%22backgroundImage%22%3A%22url(%5C%22https%3A%2F%2Fimages.pexels.com%2Fphotos%2F3183150%2Fpexels-photo-3183150.jpeg%3Fauto%3Dcompress%26cs%3Dtinysrgb%26w%3D1920%5C%22)%22%2C%22backgroundSize%22%3A%22cover%22%2C%22backgroundPosition%22%3A%22center%22%7D%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0087%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22absolute%20inset-0%20bg-blue-950%2F25%20dark%3Abg-gray-950%2F45%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0019%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22container%20relative%20mx-auto%20max-w-4xl%20px-4%20text-center%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0001%22%2C%22type%22%3A%22h1%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-6%20text-3xl%20font-bold%20text-white%20md%3Atext-6xl%22%2C%22children%22%3A%22%3A%3AApp.HeroSlide1.Slide1Title%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0002%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-12%20text-xl%20text-gray-300%20md%3Atext-2xl%22%2C%22children%22%3A%22%3A%3AApp.HeroSlide1.Subtitle%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0005%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-16%20flex%20flex-col%20justify-center%20gap-6%20md%3Aflex-row%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0003%22%2C%22type%22%3A%22a%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22href%22%3A%22%2Fcontact%22%2C%22className%22%3A%22inline-flex%20items-center%20justify-center%20rounded-lg%20bg-gradient-to-r%20from-blue-500%20to-purple-500%20px-8%20py-4%20font-semibold%20text-white%20transition-all%20hover%3Afrom-blue-600%20hover%3Ato-purple-600%22%2C%22children%22%3A%22%3A%3AApp.HeroCta.Consultation%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0004%22%2C%22type%22%3A%22a%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22href%22%3A%22%2Fproducts%22%2C%22className%22%3A%22inline-flex%20items-center%20justify-center%20rounded-lg%20bg-white%2F10%20px-8%20py-4%20font-semibold%20text-white%20backdrop-blur-sm%20transition-all%20hover%3Abg-white%2F20%22%2C%22children%22%3A%22%3A%3AApp.HeroCta.Discover%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0018%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mx-auto%20grid%20max-w-4xl%20grid-cols-1%20gap-8%20md%3Agrid-cols-3%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0009%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22rounded-2xl%20bg-white%2F5%20p-8%20text-center%20backdrop-blur-sm%20transition-all%20hover%3Abg-white%2F10%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0006%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaCalendarAlt%22%2C%22size%22%3A40%2C%22className%22%3A%22mx-auto%20mb-4%20text-blue-300%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0007%22%2C%22type%22%3A%22h3%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-3%20text-xl%20font-semibold%20text-white%22%2C%22children%22%3A%22%3A%3AApp.Slide1Service1.Service1Title%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0008%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-gray-300%22%2C%22children%22%3A%22%3A%3AApp.Slide1Service1.Service1Desc%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0013%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22rounded-2xl%20bg-white%2F5%20p-8%20text-center%20backdrop-blur-sm%20transition-all%20hover%3Abg-white%2F10%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0010%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaUsers%22%2C%22size%22%3A40%2C%22className%22%3A%22mx-auto%20mb-4%20text-blue-300%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0011%22%2C%22type%22%3A%22h3%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-3%20text-xl%20font-semibold%20text-white%22%2C%22children%22%3A%22%3A%3AApp.Slide1Service2.Service2Title%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0012%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-gray-300%22%2C%22children%22%3A%22%3A%3AApp.Slide1Service2.Service2Desc%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0017%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22rounded-2xl%20bg-white%2F5%20p-8%20text-center%20backdrop-blur-sm%20transition-all%20hover%3Abg-white%2F10%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0014%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaShieldAlt%22%2C%22size%22%3A40%2C%22className%22%3A%22mx-auto%20mb-4%20text-blue-300%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0015%22%2C%22type%22%3A%22h3%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-3%20text-xl%20font-semibold%20text-white%22%2C%22children%22%3A%22%3A%3AApp.Slide1Service3.Service3Title%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0016%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-gray-300%22%2C%22children%22%3A%22%3A%3AApp.Slide1Service3.Service3Desc%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%5D%7D%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0057%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22bg-white%20py-20%20dark%3Abg-gray-950%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0056%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22container%20mx-auto%20px-4%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0022%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-16%20text-center%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0020%22%2C%22type%22%3A%22h2%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-4xl%20font-bold%20text-gray-900%20dark%3Atext-gray-100%20mb-4%22%2C%22children%22%3A%22%3A%3AApp.PublicFeatures.FeaturesTitle%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0021%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-xl%20text-gray-600%20dark%3Atext-gray-300%20max-w-2xl%20mx-auto%22%2C%22children%22%3A%22%3A%3AApp.PublicFeatures.Subtitle%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0055%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22grid%20grid-cols-1%20gap-8%20md%3Agrid-cols-2%20lg%3Agrid-cols-4%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0026%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22rounded-xl%20bg-white%20p-8%20shadow-lg%20transition-shadow%20hover%3Ashadow-xl%20dark%3Abg-gray-900%20dark%3Ashadow-gray-950%2F40%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0023%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaUsers%22%2C%22size%22%3A48%2C%22className%22%3A%22mb-6%20text-blue-500%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0024%22%2C%22type%22%3A%22h3%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-3%20text-2xl%20font-bold%20text-gray-900%20dark%3Atext-gray-100%22%2C%22children%22%3A%22%3A%3AApp.PublicFeatures.Reliable%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0025%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-gray-600%20dark%3Atext-gray-300%22%2C%22children%22%3A%22%3A%3AApp.FeaturesReliable.ReliableDesc%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0030%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22rounded-xl%20bg-white%20p-8%20shadow-lg%20transition-shadow%20hover%3Ashadow-xl%20dark%3Abg-gray-900%20dark%3Ashadow-gray-950%2F40%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0027%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaCalendarAlt%22%2C%22size%22%3A48%2C%22className%22%3A%22mb-6%20text-blue-500%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0028%22%2C%22type%22%3A%22h3%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-3%20text-2xl%20font-bold%20text-gray-900%20dark%3Atext-gray-100%22%2C%22children%22%3A%22%3A%3AApp.VideoRoom.Planning%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0029%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-gray-600%20dark%3Atext-gray-300%22%2C%22children%22%3A%22%3A%3AApp.FeaturesRapid.RapidDesc%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0034%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22rounded-xl%20bg-white%20p-8%20shadow-lg%20transition-shadow%20hover%3Ashadow-xl%20dark%3Abg-gray-900%20dark%3Ashadow-gray-950%2F40%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0031%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaBookOpen%22%2C%22size%22%3A48%2C%22className%22%3A%22mb-6%20text-blue-500%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0032%22%2C%22type%22%3A%22h3%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-3%20text-2xl%20font-bold%20text-gray-900%20dark%3Atext-gray-100%22%2C%22children%22%3A%22%3A%3AApp.PublicFeatures.Expert%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0033%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-gray-600%20dark%3Atext-gray-300%22%2C%22children%22%3A%22%3A%3AApp.FeaturesExpert.ExpertDesc%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0038%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22rounded-xl%20bg-white%20p-8%20shadow-lg%20transition-shadow%20hover%3Ashadow-xl%20dark%3Abg-gray-900%20dark%3Ashadow-gray-950%2F40%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0035%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaCreditCard%22%2C%22size%22%3A48%2C%22className%22%3A%22mb-6%20text-blue-500%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0036%22%2C%22type%22%3A%22h3%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-3%20text-2xl%20font-bold%20text-gray-900%20dark%3Atext-gray-100%22%2C%22children%22%3A%22%3A%3AApp.PublicFeatures.Muhasebe%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0037%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-gray-600%20dark%3Atext-gray-300%22%2C%22children%22%3A%22%3A%3AApp.FeaturesMuhasebe.MuhasebeDesc%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0042%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22rounded-xl%20bg-white%20p-8%20shadow-lg%20transition-shadow%20hover%3Ashadow-xl%20dark%3Abg-gray-900%20dark%3Ashadow-gray-950%2F40%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0039%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaRegComment%22%2C%22size%22%3A48%2C%22className%22%3A%22mb-6%20text-blue-500%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0040%22%2C%22type%22%3A%22h3%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-3%20text-2xl%20font-bold%20text-gray-900%20dark%3Atext-gray-100%22%2C%22children%22%3A%22%3A%3AApp.PublicFeatures.Iletisim%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0041%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-gray-600%20dark%3Atext-gray-300%22%2C%22children%22%3A%22%3A%3AApp.FeaturesIletisim.IletisimDesc%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0046%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22rounded-xl%20bg-white%20p-8%20shadow-lg%20transition-shadow%20hover%3Ashadow-xl%20dark%3Abg-gray-900%20dark%3Ashadow-gray-950%2F40%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0043%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaPhone%22%2C%22size%22%3A48%2C%22className%22%3A%22mb-6%20text-blue-500%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0044%22%2C%22type%22%3A%22h3%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-3%20text-2xl%20font-bold%20text-gray-900%20dark%3Atext-gray-100%22%2C%22children%22%3A%22%3A%3AApp.PublicFeatures.Mobil%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0045%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-gray-600%20dark%3Atext-gray-300%22%2C%22children%22%3A%22%3A%3AApp.FeaturesMobil.MobilDesc%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0050%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22rounded-xl%20bg-white%20p-8%20shadow-lg%20transition-shadow%20hover%3Ashadow-xl%20dark%3Abg-gray-900%20dark%3Ashadow-gray-950%2F40%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0047%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaChartBar%22%2C%22size%22%3A48%2C%22className%22%3A%22mb-6%20text-blue-500%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0048%22%2C%22type%22%3A%22h3%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-3%20text-2xl%20font-bold%20text-gray-900%20dark%3Atext-gray-100%22%2C%22children%22%3A%22%3A%3AApp.PublicFeatures.Scalable%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0049%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-gray-600%20dark%3Atext-gray-300%22%2C%22children%22%3A%22%3A%3AApp.FeaturesScalable.ScalableDesc%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0054%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22rounded-xl%20bg-white%20p-8%20shadow-lg%20transition-shadow%20hover%3Ashadow-xl%20dark%3Abg-gray-900%20dark%3Ashadow-gray-950%2F40%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0051%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaShieldAlt%22%2C%22size%22%3A48%2C%22className%22%3A%22mb-6%20text-blue-500%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0052%22%2C%22type%22%3A%22h3%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-3%20text-2xl%20font-bold%20text-gray-900%20dark%3Atext-gray-100%22%2C%22children%22%3A%22%3A%3AApp.Listform.ListformField.Security%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0053%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-gray-600%20dark%3Atext-gray-300%22%2C%22children%22%3A%22%3A%3AApp.FeaturesGuvenlik.GuvenlikDesc%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%5D%7D%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0079%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22bg-gray-50%20py-20%20dark%3Abg-gray-900%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0078%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22container%20mx-auto%20px-4%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0060%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-16%20text-center%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0058%22%2C%22type%22%3A%22h2%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-4xl%20font-bold%20text-gray-900%20dark%3Atext-gray-100%20mb-4%22%2C%22children%22%3A%22%3A%3AApp.PublicSolutions.SolutionsTitle%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0059%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-xl%20text-gray-600%20dark%3Atext-gray-300%20max-w-2xl%20mx-auto%22%2C%22children%22%3A%22%3A%3AApp.PublicSolutions.Subtitle%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0077%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22grid%20grid-cols-1%20gap-8%20md%3Agrid-cols-2%20lg%3Agrid-cols-4%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0064%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22bg-blue-600%20h-full%20rounded-2xl%20p-8%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0061%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaDesktop%22%2C%22size%22%3A64%2C%22className%22%3A%22mb-6%20text-white%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0062%22%2C%22type%22%3A%22h3%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-4%20text-2xl%20font-semibold%20text-white%22%2C%22children%22%3A%22%3A%3AApp.BlogCategories.Webdev%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0063%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-white%2F90%22%2C%22children%22%3A%22%3A%3AApp.SolutionsWeb.WebDesc%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0068%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22bg-purple-600%20h-full%20rounded-2xl%20p-8%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0065%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaMobileAlt%22%2C%22size%22%3A64%2C%22className%22%3A%22mb-6%20text-white%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0066%22%2C%22type%22%3A%22h3%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-4%20text-2xl%20font-semibold%20text-white%22%2C%22children%22%3A%22%3A%3AApp.ServicesMobile.MobileTitle%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0067%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-white%2F90%22%2C%22children%22%3A%22%3A%3AApp.SolutionsMobile.MobileDesc%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0072%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22bg-green-600%20h-full%20rounded-2xl%20p-8%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0069%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaServer%22%2C%22size%22%3A64%2C%22className%22%3A%22mb-6%20text-white%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0070%22%2C%22type%22%3A%22h3%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-4%20text-2xl%20font-semibold%20text-white%22%2C%22children%22%3A%22%3A%3AApp.SolutionsCustom.CustomTitle%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0071%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-white%2F90%22%2C%22children%22%3A%22%3A%3AApp.SolutionsCustom.CustomDesc%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0076%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22bg-red-600%20h-full%20rounded-2xl%20p-8%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0073%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaDatabase%22%2C%22size%22%3A64%2C%22className%22%3A%22mb-6%20text-white%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0074%22%2C%22type%22%3A%22h3%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-4%20text-2xl%20font-semibold%20text-white%22%2C%22children%22%3A%22%3A%3AApp.SolutionsDatabase.DatabaseTitle%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0075%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-white%2F90%22%2C%22children%22%3A%22%3A%3AApp.SolutionsDatabase.DatabaseDesc%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%5D%7D%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0084%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22bg-blue-900%20py-16%20dark%3Abg-gray-800%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0083%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22container%20mx-auto%20px-4%20text-center%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0080%22%2C%22type%22%3A%22h2%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-4%20text-3xl%20font-bold%20text-white%22%2C%22children%22%3A%22%3A%3AApp.PublicCommon.GetStarted%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0081%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-8%20text-lg%20text-white%22%2C%22children%22%3A%22%3A%3AApp.PublicCommon.Contact%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0082%22%2C%22type%22%3A%22a%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22href%22%3A%22%2Fcontact%22%2C%22className%22%3A%22inline-block%20rounded-lg%20bg-white%20px-8%20py-3%20font-semibold%20text-blue-600%20transition-colors%20hover%3Abg-blue-50%22%2C%22children%22%3A%22%3A%3AApp.PublicCommon.LearnMore%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%5D%7D%5D%7D%5D%2C%22canvas%22%3A%7B%22width%22%3A%22responsive%22%7D%2C%22lifecycle%22%3A%7B%22onMount%22%3A%22%22%7D%2C%22dataSources%22%3A%5B%5D%2C%22permissionCode%22%3A%22%22%7D__*/\nconst PublicHomePage = () => {\n\n\n  return (\n    <>\n      <div className={\"min-h-screen bg-gray-50 dark:bg-gray-950\"}>\n        <div className={\"relative overflow-hidden bg-blue-900 text-white dark:bg-gray-950 flex min-h-screen items-center px-6 pb-16 pt-40\"}>\n          <div className={\"absolute inset-0 bg-gradient-to-br from-blue-900 via-indigo-900 to-purple-900 dark:from-gray-950 dark:via-gray-950 dark:to-gray-950\"} />\n          <div className={\"absolute inset-0 opacity-20 dark:opacity-35\"} style={{ \"backgroundImage\": \"url(\\\"https://images.pexels.com/photos/3183150/pexels-photo-3183150.jpeg?auto=compress&cs=tinysrgb&w=1920\\\")\", \"backgroundSize\": \"cover\", \"backgroundPosition\": \"center\" }} />\n          <div className={\"absolute inset-0 bg-blue-950/25 dark:bg-gray-950/45\"} />\n          <div className={\"container relative mx-auto max-w-4xl px-4 text-center\"}>\n            <h1 className={\"mb-6 text-3xl font-bold text-white md:text-6xl\"}>\n              {translate(\"::App.HeroSlide1.Slide1Title\")}\n            </h1>\n            <p className={\"mb-12 text-xl text-gray-300 md:text-2xl\"}>\n              {translate(\"::App.HeroSlide1.Subtitle\")}\n            </p>\n            <div className={\"mb-16 flex flex-col justify-center gap-6 md:flex-row\"}>\n              <a href={\"/contact\"} className={\"inline-flex items-center justify-center rounded-lg bg-gradient-to-r from-blue-500 to-purple-500 px-8 py-4 font-semibold text-white transition-all hover:from-blue-600 hover:to-purple-600\"}>\n                {translate(\"::App.HeroCta.Consultation\")}\n              </a>\n              <a href={\"/products\"} className={\"inline-flex items-center justify-center rounded-lg bg-white/10 px-8 py-4 font-semibold text-white backdrop-blur-sm transition-all hover:bg-white/20\"}>\n                {translate(\"::App.HeroCta.Discover\")}\n              </a>\n            </div>\n            <div className={\"mx-auto grid max-w-4xl grid-cols-1 gap-8 md:grid-cols-3\"}>\n              <div className={\"rounded-2xl bg-white/5 p-8 text-center backdrop-blur-sm transition-all hover:bg-white/10\"}>\n                <PlatformIcon name={\"FaCalendarAlt\"} size={40} className={\"mx-auto mb-4 text-blue-300\"} />\n                <h3 className={\"mb-3 text-xl font-semibold text-white\"}>\n                  {translate(\"::App.Slide1Service1.Service1Title\")}\n                </h3>\n                <p className={\"text-gray-300\"}>\n                  {translate(\"::App.Slide1Service1.Service1Desc\")}\n                </p>\n              </div>\n              <div className={\"rounded-2xl bg-white/5 p-8 text-center backdrop-blur-sm transition-all hover:bg-white/10\"}>\n                <PlatformIcon name={\"FaUsers\"} size={40} className={\"mx-auto mb-4 text-blue-300\"} />\n                <h3 className={\"mb-3 text-xl font-semibold text-white\"}>\n                  {translate(\"::App.Slide1Service2.Service2Title\")}\n                </h3>\n                <p className={\"text-gray-300\"}>\n                  {translate(\"::App.Slide1Service2.Service2Desc\")}\n                </p>\n              </div>\n              <div className={\"rounded-2xl bg-white/5 p-8 text-center backdrop-blur-sm transition-all hover:bg-white/10\"}>\n                <PlatformIcon name={\"FaShieldAlt\"} size={40} className={\"mx-auto mb-4 text-blue-300\"} />\n                <h3 className={\"mb-3 text-xl font-semibold text-white\"}>\n                  {translate(\"::App.Slide1Service3.Service3Title\")}\n                </h3>\n                <p className={\"text-gray-300\"}>\n                  {translate(\"::App.Slide1Service3.Service3Desc\")}\n                </p>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div className={\"bg-white py-20 dark:bg-gray-950\"}>\n          <div className={\"container mx-auto px-4\"}>\n            <div className={\"mb-16 text-center\"}>\n              <h2 className={\"text-4xl font-bold text-gray-900 dark:text-gray-100 mb-4\"}>\n                {translate(\"::App.PublicFeatures.FeaturesTitle\")}\n              </h2>\n              <p className={\"text-xl text-gray-600 dark:text-gray-300 max-w-2xl mx-auto\"}>\n                {translate(\"::App.PublicFeatures.Subtitle\")}\n              </p>\n            </div>\n            <div className={\"grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-4\"}>\n              <div className={\"rounded-xl bg-white p-8 shadow-lg transition-shadow hover:shadow-xl dark:bg-gray-900 dark:shadow-gray-950/40\"}>\n                <PlatformIcon name={\"FaUsers\"} size={48} className={\"mb-6 text-blue-500\"} />\n                <h3 className={\"mb-3 text-2xl font-bold text-gray-900 dark:text-gray-100\"}>\n                  {translate(\"::App.PublicFeatures.Reliable\")}\n                </h3>\n                <p className={\"text-gray-600 dark:text-gray-300\"}>\n                  {translate(\"::App.FeaturesReliable.ReliableDesc\")}\n                </p>\n              </div>\n              <div className={\"rounded-xl bg-white p-8 shadow-lg transition-shadow hover:shadow-xl dark:bg-gray-900 dark:shadow-gray-950/40\"}>\n                <PlatformIcon name={\"FaCalendarAlt\"} size={48} className={\"mb-6 text-blue-500\"} />\n                <h3 className={\"mb-3 text-2xl font-bold text-gray-900 dark:text-gray-100\"}>\n                  {translate(\"::App.VideoRoom.Planning\")}\n                </h3>\n                <p className={\"text-gray-600 dark:text-gray-300\"}>\n                  {translate(\"::App.FeaturesRapid.RapidDesc\")}\n                </p>\n              </div>\n              <div className={\"rounded-xl bg-white p-8 shadow-lg transition-shadow hover:shadow-xl dark:bg-gray-900 dark:shadow-gray-950/40\"}>\n                <PlatformIcon name={\"FaBookOpen\"} size={48} className={\"mb-6 text-blue-500\"} />\n                <h3 className={\"mb-3 text-2xl font-bold text-gray-900 dark:text-gray-100\"}>\n                  {translate(\"::App.PublicFeatures.Expert\")}\n                </h3>\n                <p className={\"text-gray-600 dark:text-gray-300\"}>\n                  {translate(\"::App.FeaturesExpert.ExpertDesc\")}\n                </p>\n              </div>\n              <div className={\"rounded-xl bg-white p-8 shadow-lg transition-shadow hover:shadow-xl dark:bg-gray-900 dark:shadow-gray-950/40\"}>\n                <PlatformIcon name={\"FaCreditCard\"} size={48} className={\"mb-6 text-blue-500\"} />\n                <h3 className={\"mb-3 text-2xl font-bold text-gray-900 dark:text-gray-100\"}>\n                  {translate(\"::App.PublicFeatures.Muhasebe\")}\n                </h3>\n                <p className={\"text-gray-600 dark:text-gray-300\"}>\n                  {translate(\"::App.FeaturesMuhasebe.MuhasebeDesc\")}\n                </p>\n              </div>\n              <div className={\"rounded-xl bg-white p-8 shadow-lg transition-shadow hover:shadow-xl dark:bg-gray-900 dark:shadow-gray-950/40\"}>\n                <PlatformIcon name={\"FaRegComment\"} size={48} className={\"mb-6 text-blue-500\"} />\n                <h3 className={\"mb-3 text-2xl font-bold text-gray-900 dark:text-gray-100\"}>\n                  {translate(\"::App.PublicFeatures.Iletisim\")}\n                </h3>\n                <p className={\"text-gray-600 dark:text-gray-300\"}>\n                  {translate(\"::App.FeaturesIletisim.IletisimDesc\")}\n                </p>\n              </div>\n              <div className={\"rounded-xl bg-white p-8 shadow-lg transition-shadow hover:shadow-xl dark:bg-gray-900 dark:shadow-gray-950/40\"}>\n                <PlatformIcon name={\"FaPhone\"} size={48} className={\"mb-6 text-blue-500\"} />\n                <h3 className={\"mb-3 text-2xl font-bold text-gray-900 dark:text-gray-100\"}>\n                  {translate(\"::App.PublicFeatures.Mobil\")}\n                </h3>\n                <p className={\"text-gray-600 dark:text-gray-300\"}>\n                  {translate(\"::App.FeaturesMobil.MobilDesc\")}\n                </p>\n              </div>\n              <div className={\"rounded-xl bg-white p-8 shadow-lg transition-shadow hover:shadow-xl dark:bg-gray-900 dark:shadow-gray-950/40\"}>\n                <PlatformIcon name={\"FaChartBar\"} size={48} className={\"mb-6 text-blue-500\"} />\n                <h3 className={\"mb-3 text-2xl font-bold text-gray-900 dark:text-gray-100\"}>\n                  {translate(\"::App.PublicFeatures.Scalable\")}\n                </h3>\n                <p className={\"text-gray-600 dark:text-gray-300\"}>\n                  {translate(\"::App.FeaturesScalable.ScalableDesc\")}\n                </p>\n              </div>\n              <div className={\"rounded-xl bg-white p-8 shadow-lg transition-shadow hover:shadow-xl dark:bg-gray-900 dark:shadow-gray-950/40\"}>\n                <PlatformIcon name={\"FaShieldAlt\"} size={48} className={\"mb-6 text-blue-500\"} />\n                <h3 className={\"mb-3 text-2xl font-bold text-gray-900 dark:text-gray-100\"}>\n                  {translate(\"::App.Listform.ListformField.Security\")}\n                </h3>\n                <p className={\"text-gray-600 dark:text-gray-300\"}>\n                  {translate(\"::App.FeaturesGuvenlik.GuvenlikDesc\")}\n                </p>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div className={\"bg-gray-50 py-20 dark:bg-gray-900\"}>\n          <div className={\"container mx-auto px-4\"}>\n            <div className={\"mb-16 text-center\"}>\n              <h2 className={\"text-4xl font-bold text-gray-900 dark:text-gray-100 mb-4\"}>\n                {translate(\"::App.PublicSolutions.SolutionsTitle\")}\n              </h2>\n              <p className={\"text-xl text-gray-600 dark:text-gray-300 max-w-2xl mx-auto\"}>\n                {translate(\"::App.PublicSolutions.Subtitle\")}\n              </p>\n            </div>\n            <div className={\"grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-4\"}>\n              <div className={\"bg-blue-600 h-full rounded-2xl p-8\"}>\n                <PlatformIcon name={\"FaDesktop\"} size={64} className={\"mb-6 text-white\"} />\n                <h3 className={\"mb-4 text-2xl font-semibold text-white\"}>\n                  {translate(\"::App.BlogCategories.Webdev\")}\n                </h3>\n                <p className={\"text-white/90\"}>\n                  {translate(\"::App.SolutionsWeb.WebDesc\")}\n                </p>\n              </div>\n              <div className={\"bg-purple-600 h-full rounded-2xl p-8\"}>\n                <PlatformIcon name={\"FaMobileAlt\"} size={64} className={\"mb-6 text-white\"} />\n                <h3 className={\"mb-4 text-2xl font-semibold text-white\"}>\n                  {translate(\"::App.ServicesMobile.MobileTitle\")}\n                </h3>\n                <p className={\"text-white/90\"}>\n                  {translate(\"::App.SolutionsMobile.MobileDesc\")}\n                </p>\n              </div>\n              <div className={\"bg-green-600 h-full rounded-2xl p-8\"}>\n                <PlatformIcon name={\"FaServer\"} size={64} className={\"mb-6 text-white\"} />\n                <h3 className={\"mb-4 text-2xl font-semibold text-white\"}>\n                  {translate(\"::App.SolutionsCustom.CustomTitle\")}\n                </h3>\n                <p className={\"text-white/90\"}>\n                  {translate(\"::App.SolutionsCustom.CustomDesc\")}\n                </p>\n              </div>\n              <div className={\"bg-red-600 h-full rounded-2xl p-8\"}>\n                <PlatformIcon name={\"FaDatabase\"} size={64} className={\"mb-6 text-white\"} />\n                <h3 className={\"mb-4 text-2xl font-semibold text-white\"}>\n                  {translate(\"::App.SolutionsDatabase.DatabaseTitle\")}\n                </h3>\n                <p className={\"text-white/90\"}>\n                  {translate(\"::App.SolutionsDatabase.DatabaseDesc\")}\n                </p>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div className={\"bg-blue-900 py-16 dark:bg-gray-800\"}>\n          <div className={\"container mx-auto px-4 text-center\"}>\n            <h2 className={\"mb-4 text-3xl font-bold text-white\"}>\n              {translate(\"::App.PublicCommon.GetStarted\")}\n            </h2>\n            <p className={\"mb-8 text-lg text-white\"}>\n              {translate(\"::App.PublicCommon.Contact\")}\n            </p>\n            <a href={\"/contact\"} className={\"inline-block rounded-lg bg-white px-8 py-3 font-semibold text-blue-600 transition-colors hover:bg-blue-50\"}>\n              {translate(\"::App.PublicCommon.LearnMore\")}\n            </a>\n          </div>\n        </div>\n      </div>\n    </>\n  )\n}\n\nexport default PublicHomePage\n",
      "Props": "{\"visualDesigner\":{\"version\":1,\"sourceMode\":\"visual\",\"nodes\":[{\"id\":\"cmp_seed_0089\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"min-h-screen bg-gray-50 dark:bg-gray-950\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0088\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"relative overflow-hidden bg-blue-900 text-white dark:bg-gray-950 flex min-h-screen items-center px-6 pb-16 pt-40\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0085\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"absolute inset-0 bg-gradient-to-br from-blue-900 via-indigo-900 to-purple-900 dark:from-gray-950 dark:via-gray-950 dark:to-gray-950\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0086\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"absolute inset-0 opacity-20 dark:opacity-35\",\"style\":{\"backgroundImage\":\"url(\\\"https://images.pexels.com/photos/3183150/pexels-photo-3183150.jpeg?auto=compress&cs=tinysrgb&w=1920\\\")\",\"backgroundSize\":\"cover\",\"backgroundPosition\":\"center\"}},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0087\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"absolute inset-0 bg-blue-950/25 dark:bg-gray-950/45\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0019\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"container relative mx-auto max-w-4xl px-4 text-center\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0001\",\"type\":\"h1\",\"kind\":\"html\",\"props\":{\"className\":\"mb-6 text-3xl font-bold text-white md:text-6xl\",\"children\":\"::App.HeroSlide1.Slide1Title\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0002\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"mb-12 text-xl text-gray-300 md:text-2xl\",\"children\":\"::App.HeroSlide1.Subtitle\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0005\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"mb-16 flex flex-col justify-center gap-6 md:flex-row\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0003\",\"type\":\"a\",\"kind\":\"html\",\"props\":{\"href\":\"/contact\",\"className\":\"inline-flex items-center justify-center rounded-lg bg-gradient-to-r from-blue-500 to-purple-500 px-8 py-4 font-semibold text-white transition-all hover:from-blue-600 hover:to-purple-600\",\"children\":\"::App.HeroCta.Consultation\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0004\",\"type\":\"a\",\"kind\":\"html\",\"props\":{\"href\":\"/products\",\"className\":\"inline-flex items-center justify-center rounded-lg bg-white/10 px-8 py-4 font-semibold text-white backdrop-blur-sm transition-all hover:bg-white/20\",\"children\":\"::App.HeroCta.Discover\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0018\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"mx-auto grid max-w-4xl grid-cols-1 gap-8 md:grid-cols-3\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0009\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"rounded-2xl bg-white/5 p-8 text-center backdrop-blur-sm transition-all hover:bg-white/10\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0006\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaCalendarAlt\",\"size\":40,\"className\":\"mx-auto mb-4 text-blue-300\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0007\",\"type\":\"h3\",\"kind\":\"html\",\"props\":{\"className\":\"mb-3 text-xl font-semibold text-white\",\"children\":\"::App.Slide1Service1.Service1Title\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0008\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"text-gray-300\",\"children\":\"::App.Slide1Service1.Service1Desc\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0013\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"rounded-2xl bg-white/5 p-8 text-center backdrop-blur-sm transition-all hover:bg-white/10\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0010\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaUsers\",\"size\":40,\"className\":\"mx-auto mb-4 text-blue-300\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0011\",\"type\":\"h3\",\"kind\":\"html\",\"props\":{\"className\":\"mb-3 text-xl font-semibold text-white\",\"children\":\"::App.Slide1Service2.Service2Title\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0012\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"text-gray-300\",\"children\":\"::App.Slide1Service2.Service2Desc\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0017\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"rounded-2xl bg-white/5 p-8 text-center backdrop-blur-sm transition-all hover:bg-white/10\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0014\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaShieldAlt\",\"size\":40,\"className\":\"mx-auto mb-4 text-blue-300\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0015\",\"type\":\"h3\",\"kind\":\"html\",\"props\":{\"className\":\"mb-3 text-xl font-semibold text-white\",\"children\":\"::App.Slide1Service3.Service3Title\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0016\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"text-gray-300\",\"children\":\"::App.Slide1Service3.Service3Desc\"},\"events\":{},\"bindings\":{},\"children\":[]}]}]}]}]},{\"id\":\"cmp_seed_0057\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"bg-white py-20 dark:bg-gray-950\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0056\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"container mx-auto px-4\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0022\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"mb-16 text-center\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0020\",\"type\":\"h2\",\"kind\":\"html\",\"props\":{\"className\":\"text-4xl font-bold text-gray-900 dark:text-gray-100 mb-4\",\"children\":\"::App.PublicFeatures.FeaturesTitle\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0021\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"text-xl text-gray-600 dark:text-gray-300 max-w-2xl mx-auto\",\"children\":\"::App.PublicFeatures.Subtitle\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0055\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-4\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0026\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"rounded-xl bg-white p-8 shadow-lg transition-shadow hover:shadow-xl dark:bg-gray-900 dark:shadow-gray-950/40\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0023\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaUsers\",\"size\":48,\"className\":\"mb-6 text-blue-500\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0024\",\"type\":\"h3\",\"kind\":\"html\",\"props\":{\"className\":\"mb-3 text-2xl font-bold text-gray-900 dark:text-gray-100\",\"children\":\"::App.PublicFeatures.Reliable\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0025\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"text-gray-600 dark:text-gray-300\",\"children\":\"::App.FeaturesReliable.ReliableDesc\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0030\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"rounded-xl bg-white p-8 shadow-lg transition-shadow hover:shadow-xl dark:bg-gray-900 dark:shadow-gray-950/40\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0027\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaCalendarAlt\",\"size\":48,\"className\":\"mb-6 text-blue-500\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0028\",\"type\":\"h3\",\"kind\":\"html\",\"props\":{\"className\":\"mb-3 text-2xl font-bold text-gray-900 dark:text-gray-100\",\"children\":\"::App.VideoRoom.Planning\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0029\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"text-gray-600 dark:text-gray-300\",\"children\":\"::App.FeaturesRapid.RapidDesc\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0034\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"rounded-xl bg-white p-8 shadow-lg transition-shadow hover:shadow-xl dark:bg-gray-900 dark:shadow-gray-950/40\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0031\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaBookOpen\",\"size\":48,\"className\":\"mb-6 text-blue-500\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0032\",\"type\":\"h3\",\"kind\":\"html\",\"props\":{\"className\":\"mb-3 text-2xl font-bold text-gray-900 dark:text-gray-100\",\"children\":\"::App.PublicFeatures.Expert\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0033\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"text-gray-600 dark:text-gray-300\",\"children\":\"::App.FeaturesExpert.ExpertDesc\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0038\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"rounded-xl bg-white p-8 shadow-lg transition-shadow hover:shadow-xl dark:bg-gray-900 dark:shadow-gray-950/40\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0035\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaCreditCard\",\"size\":48,\"className\":\"mb-6 text-blue-500\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0036\",\"type\":\"h3\",\"kind\":\"html\",\"props\":{\"className\":\"mb-3 text-2xl font-bold text-gray-900 dark:text-gray-100\",\"children\":\"::App.PublicFeatures.Muhasebe\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0037\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"text-gray-600 dark:text-gray-300\",\"children\":\"::App.FeaturesMuhasebe.MuhasebeDesc\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0042\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"rounded-xl bg-white p-8 shadow-lg transition-shadow hover:shadow-xl dark:bg-gray-900 dark:shadow-gray-950/40\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0039\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaRegComment\",\"size\":48,\"className\":\"mb-6 text-blue-500\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0040\",\"type\":\"h3\",\"kind\":\"html\",\"props\":{\"className\":\"mb-3 text-2xl font-bold text-gray-900 dark:text-gray-100\",\"children\":\"::App.PublicFeatures.Iletisim\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0041\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"text-gray-600 dark:text-gray-300\",\"children\":\"::App.FeaturesIletisim.IletisimDesc\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0046\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"rounded-xl bg-white p-8 shadow-lg transition-shadow hover:shadow-xl dark:bg-gray-900 dark:shadow-gray-950/40\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0043\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaPhone\",\"size\":48,\"className\":\"mb-6 text-blue-500\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0044\",\"type\":\"h3\",\"kind\":\"html\",\"props\":{\"className\":\"mb-3 text-2xl font-bold text-gray-900 dark:text-gray-100\",\"children\":\"::App.PublicFeatures.Mobil\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0045\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"text-gray-600 dark:text-gray-300\",\"children\":\"::App.FeaturesMobil.MobilDesc\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0050\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"rounded-xl bg-white p-8 shadow-lg transition-shadow hover:shadow-xl dark:bg-gray-900 dark:shadow-gray-950/40\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0047\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaChartBar\",\"size\":48,\"className\":\"mb-6 text-blue-500\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0048\",\"type\":\"h3\",\"kind\":\"html\",\"props\":{\"className\":\"mb-3 text-2xl font-bold text-gray-900 dark:text-gray-100\",\"children\":\"::App.PublicFeatures.Scalable\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0049\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"text-gray-600 dark:text-gray-300\",\"children\":\"::App.FeaturesScalable.ScalableDesc\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0054\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"rounded-xl bg-white p-8 shadow-lg transition-shadow hover:shadow-xl dark:bg-gray-900 dark:shadow-gray-950/40\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0051\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaShieldAlt\",\"size\":48,\"className\":\"mb-6 text-blue-500\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0052\",\"type\":\"h3\",\"kind\":\"html\",\"props\":{\"className\":\"mb-3 text-2xl font-bold text-gray-900 dark:text-gray-100\",\"children\":\"::App.Listform.ListformField.Security\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0053\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"text-gray-600 dark:text-gray-300\",\"children\":\"::App.FeaturesGuvenlik.GuvenlikDesc\"},\"events\":{},\"bindings\":{},\"children\":[]}]}]}]}]},{\"id\":\"cmp_seed_0079\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"bg-gray-50 py-20 dark:bg-gray-900\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0078\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"container mx-auto px-4\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0060\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"mb-16 text-center\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0058\",\"type\":\"h2\",\"kind\":\"html\",\"props\":{\"className\":\"text-4xl font-bold text-gray-900 dark:text-gray-100 mb-4\",\"children\":\"::App.PublicSolutions.SolutionsTitle\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0059\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"text-xl text-gray-600 dark:text-gray-300 max-w-2xl mx-auto\",\"children\":\"::App.PublicSolutions.Subtitle\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0077\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-4\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0064\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"bg-blue-600 h-full rounded-2xl p-8\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0061\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaDesktop\",\"size\":64,\"className\":\"mb-6 text-white\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0062\",\"type\":\"h3\",\"kind\":\"html\",\"props\":{\"className\":\"mb-4 text-2xl font-semibold text-white\",\"children\":\"::App.BlogCategories.Webdev\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0063\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"text-white/90\",\"children\":\"::App.SolutionsWeb.WebDesc\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0068\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"bg-purple-600 h-full rounded-2xl p-8\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0065\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaMobileAlt\",\"size\":64,\"className\":\"mb-6 text-white\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0066\",\"type\":\"h3\",\"kind\":\"html\",\"props\":{\"className\":\"mb-4 text-2xl font-semibold text-white\",\"children\":\"::App.ServicesMobile.MobileTitle\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0067\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"text-white/90\",\"children\":\"::App.SolutionsMobile.MobileDesc\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0072\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"bg-green-600 h-full rounded-2xl p-8\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0069\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaServer\",\"size\":64,\"className\":\"mb-6 text-white\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0070\",\"type\":\"h3\",\"kind\":\"html\",\"props\":{\"className\":\"mb-4 text-2xl font-semibold text-white\",\"children\":\"::App.SolutionsCustom.CustomTitle\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0071\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"text-white/90\",\"children\":\"::App.SolutionsCustom.CustomDesc\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0076\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"bg-red-600 h-full rounded-2xl p-8\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0073\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaDatabase\",\"size\":64,\"className\":\"mb-6 text-white\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0074\",\"type\":\"h3\",\"kind\":\"html\",\"props\":{\"className\":\"mb-4 text-2xl font-semibold text-white\",\"children\":\"::App.SolutionsDatabase.DatabaseTitle\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0075\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"text-white/90\",\"children\":\"::App.SolutionsDatabase.DatabaseDesc\"},\"events\":{},\"bindings\":{},\"children\":[]}]}]}]}]},{\"id\":\"cmp_seed_0084\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"bg-blue-900 py-16 dark:bg-gray-800\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0083\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"container mx-auto px-4 text-center\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0080\",\"type\":\"h2\",\"kind\":\"html\",\"props\":{\"className\":\"mb-4 text-3xl font-bold text-white\",\"children\":\"::App.PublicCommon.GetStarted\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0081\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"mb-8 text-lg text-white\",\"children\":\"::App.PublicCommon.Contact\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0082\",\"type\":\"a\",\"kind\":\"html\",\"props\":{\"href\":\"/contact\",\"className\":\"inline-block rounded-lg bg-white px-8 py-3 font-semibold text-blue-600 transition-colors hover:bg-blue-50\",\"children\":\"::App.PublicCommon.LearnMore\"},\"events\":{},\"bindings\":{},\"children\":[]}]}]}]}],\"canvas\":{\"width\":\"responsive\"},\"lifecycle\":{\"onMount\":\"\"},\"dataSources\":[],\"permissionCode\":\"\"}}",
      "DataSources": []
    },
    {
      "Id": "8f1c2d40-0000-4000-8000-000000000102",
      "Name": "PublicAboutPage",
      "RoutePath": "/about",
      "Description": "About",
      "IsActive": true,
      "Dependencies": [],
      "Code": "/*__SOZSOFT_VISUAL_DESIGNER__%7B%22version%22%3A1%2C%22sourceMode%22%3A%22visual%22%2C%22nodes%22%3A%5B%7B%22id%22%3A%22cmp_seed_0135%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22min-h-screen%20bg-gray-50%20dark%3Abg-gray-950%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0134%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22relative%20overflow-hidden%20bg-blue-900%20text-white%20dark%3Abg-gray-950%20py-12%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0131%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22absolute%20inset-0%20bg-gradient-to-br%20from-blue-900%20via-indigo-900%20to-purple-900%20dark%3Afrom-gray-950%20dark%3Avia-gray-950%20dark%3Ato-gray-950%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0132%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22absolute%20inset-0%20opacity-20%20dark%3Aopacity-35%22%2C%22style%22%3A%7B%22backgroundImage%22%3A%22url(%5C%22https%3A%2F%2Fimages.pexels.com%2Fphotos%2F3183183%2Fpexels-photo-3183183.jpeg%3Fauto%3Dcompress%26cs%3Dtinysrgb%26w%3D1920%5C%22)%22%2C%22backgroundSize%22%3A%22cover%22%2C%22backgroundPosition%22%3A%22center%22%7D%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0133%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22absolute%20inset-0%20bg-blue-950%2F25%20dark%3Abg-gray-950%2F45%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0092%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22container%20relative%20mx-auto%20px-4%20pt-20%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0090%22%2C%22type%22%3A%22h1%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-2%20mt-3%20text-5xl%20font-bold%20text-white%22%2C%22children%22%3A%22%3A%3AApp.About%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0091%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22max-w-3xl%20text-xl%22%2C%22children%22%3A%22%3A%3AApp.PublicAbout.Subtitle%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0115%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22bg-white%20py-10%20dark%3Abg-gray-900%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0114%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22container%20mx-auto%20px-4%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0113%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22grid%20grid-cols-1%20gap-8%20sm%3Agrid-cols-2%20lg%3Agrid-cols-5%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0096%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22rounded-xl%20px-4%20py-6%20text-center%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0093%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaUser%22%2C%22size%22%3A48%2C%22className%22%3A%22mx-auto%20mb-4%20text-blue-600%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0094%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-2%20text-4xl%20font-bold%20text-gray-900%20dark%3Atext-gray-100%22%2C%22children%22%3A%22740%2B%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0095%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-gray-600%20dark%3Atext-gray-300%22%2C%22children%22%3A%22%3A%3AApp.AboutStats.Users%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0100%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22rounded-xl%20px-4%20py-6%20text-center%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0097%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaUsers%22%2C%22size%22%3A48%2C%22className%22%3A%22mx-auto%20mb-4%20text-red-600%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0098%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-2%20text-4xl%20font-bold%20text-gray-900%20dark%3Atext-gray-100%22%2C%22children%22%3A%22310%2B%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0099%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-gray-600%20dark%3Atext-gray-300%22%2C%22children%22%3A%22%3A%3AApp.AboutStats.Clients%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0104%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22rounded-xl%20px-4%20py-6%20text-center%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0101%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaAward%22%2C%22size%22%3A48%2C%22className%22%3A%22mx-auto%20mb-4%20text-green-600%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0102%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-2%20text-4xl%20font-bold%20text-gray-900%20dark%3Atext-gray-100%22%2C%22children%22%3A%2220%2B%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0103%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-gray-600%20dark%3Atext-gray-300%22%2C%22children%22%3A%22%3A%3AApp.AboutStats.Experience%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0108%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22rounded-xl%20px-4%20py-6%20text-center%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0105%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaClock%22%2C%22size%22%3A48%2C%22className%22%3A%22mx-auto%20mb-4%20text-purple-600%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0106%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-2%20text-4xl%20font-bold%20text-gray-900%20dark%3Atext-gray-100%22%2C%22children%22%3A%227%2F24%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0107%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-gray-600%20dark%3Atext-gray-300%22%2C%22children%22%3A%22%3A%3AApp.AboutStats.Support%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0112%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22rounded-xl%20px-4%20py-6%20text-center%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0109%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaGlobe%22%2C%22size%22%3A48%2C%22className%22%3A%22mx-auto%20mb-4%20text-yellow-600%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0110%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-2%20text-4xl%20font-bold%20text-gray-900%20dark%3Atext-gray-100%22%2C%22children%22%3A%223%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0111%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-gray-600%20dark%3Atext-gray-300%22%2C%22children%22%3A%22%3A%3AApp.Definitions.Country%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%5D%7D%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0130%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22py-6%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0129%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22container%20mx-auto%20px-4%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0121%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-6%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0120%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mx-auto%20border-l-4%20border-blue-600%20bg-white%20p-5%20text-lg%20leading-relaxed%20text-gray-800%20shadow-md%20dark%3Abg-gray-900%20dark%3Atext-gray-200%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0116%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-4%20last%3Amb-0%22%2C%22children%22%3A%22%3A%3AApp.AboutDescription.Part1%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0117%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-4%20last%3Amb-0%22%2C%22children%22%3A%22%3A%3AApp.AboutDescription.Motto%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0118%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-4%20last%3Amb-0%22%2C%22children%22%3A%22%3A%3AApp.AboutDescription.Part2%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0119%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-4%20last%3Amb-0%22%2C%22children%22%3A%22%3A%3AApp.AboutDescription.Closing%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0128%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22grid%20grid-cols-1%20gap-12%20lg%3Agrid-cols-2%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0124%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22rounded-xl%20bg-white%20p-8%20shadow-lg%20dark%3Abg-gray-900%20dark%3Ashadow-gray-950%2F40%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0122%22%2C%22type%22%3A%22h3%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-4%20text-2xl%20font-bold%20text-gray-900%20dark%3Atext-gray-100%22%2C%22children%22%3A%22%3A%3AApp.PublicAbout.Mission%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0123%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-gray-700%20dark%3Atext-gray-300%22%2C%22children%22%3A%22%3A%3AApp.AboutMission.MissionDesc%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0127%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22rounded-xl%20bg-white%20p-8%20shadow-lg%20dark%3Abg-gray-900%20dark%3Ashadow-gray-950%2F40%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0125%22%2C%22type%22%3A%22h3%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-4%20text-2xl%20font-bold%20text-gray-900%20dark%3Atext-gray-100%22%2C%22children%22%3A%22%3A%3AApp.PublicAbout.Vision%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0126%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-gray-700%20dark%3Atext-gray-300%22%2C%22children%22%3A%22%3A%3AApp.AboutVision.VisionDesc%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%5D%7D%5D%7D%5D%7D%5D%7D%5D%2C%22canvas%22%3A%7B%22width%22%3A%22responsive%22%7D%2C%22lifecycle%22%3A%7B%22onMount%22%3A%22%22%7D%2C%22dataSources%22%3A%5B%5D%2C%22permissionCode%22%3A%22%22%7D__*/\nconst PublicAboutPage = () => {\n\n\n  return (\n    <>\n      <div className={\"min-h-screen bg-gray-50 dark:bg-gray-950\"}>\n        <div className={\"relative overflow-hidden bg-blue-900 text-white dark:bg-gray-950 py-12\"}>\n          <div className={\"absolute inset-0 bg-gradient-to-br from-blue-900 via-indigo-900 to-purple-900 dark:from-gray-950 dark:via-gray-950 dark:to-gray-950\"} />\n          <div className={\"absolute inset-0 opacity-20 dark:opacity-35\"} style={{ \"backgroundImage\": \"url(\\\"https://images.pexels.com/photos/3183183/pexels-photo-3183183.jpeg?auto=compress&cs=tinysrgb&w=1920\\\")\", \"backgroundSize\": \"cover\", \"backgroundPosition\": \"center\" }} />\n          <div className={\"absolute inset-0 bg-blue-950/25 dark:bg-gray-950/45\"} />\n          <div className={\"container relative mx-auto px-4 pt-20\"}>\n            <h1 className={\"mb-2 mt-3 text-5xl font-bold text-white\"}>\n              {translate(\"::App.About\")}\n            </h1>\n            <p className={\"max-w-3xl text-xl\"}>\n              {translate(\"::App.PublicAbout.Subtitle\")}\n            </p>\n          </div>\n        </div>\n        <div className={\"bg-white py-10 dark:bg-gray-900\"}>\n          <div className={\"container mx-auto px-4\"}>\n            <div className={\"grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-5\"}>\n              <div className={\"rounded-xl px-4 py-6 text-center\"}>\n                <PlatformIcon name={\"FaUser\"} size={48} className={\"mx-auto mb-4 text-blue-600\"} />\n                <div className={\"mb-2 text-4xl font-bold text-gray-900 dark:text-gray-100\"}>\n                  {\"740+\"}\n                </div>\n                <div className={\"text-gray-600 dark:text-gray-300\"}>\n                  {translate(\"::App.AboutStats.Users\")}\n                </div>\n              </div>\n              <div className={\"rounded-xl px-4 py-6 text-center\"}>\n                <PlatformIcon name={\"FaUsers\"} size={48} className={\"mx-auto mb-4 text-red-600\"} />\n                <div className={\"mb-2 text-4xl font-bold text-gray-900 dark:text-gray-100\"}>\n                  {\"310+\"}\n                </div>\n                <div className={\"text-gray-600 dark:text-gray-300\"}>\n                  {translate(\"::App.AboutStats.Clients\")}\n                </div>\n              </div>\n              <div className={\"rounded-xl px-4 py-6 text-center\"}>\n                <PlatformIcon name={\"FaAward\"} size={48} className={\"mx-auto mb-4 text-green-600\"} />\n                <div className={\"mb-2 text-4xl font-bold text-gray-900 dark:text-gray-100\"}>\n                  {\"20+\"}\n                </div>\n                <div className={\"text-gray-600 dark:text-gray-300\"}>\n                  {translate(\"::App.AboutStats.Experience\")}\n                </div>\n              </div>\n              <div className={\"rounded-xl px-4 py-6 text-center\"}>\n                <PlatformIcon name={\"FaClock\"} size={48} className={\"mx-auto mb-4 text-purple-600\"} />\n                <div className={\"mb-2 text-4xl font-bold text-gray-900 dark:text-gray-100\"}>\n                  {\"7/24\"}\n                </div>\n                <div className={\"text-gray-600 dark:text-gray-300\"}>\n                  {translate(\"::App.AboutStats.Support\")}\n                </div>\n              </div>\n              <div className={\"rounded-xl px-4 py-6 text-center\"}>\n                <PlatformIcon name={\"FaGlobe\"} size={48} className={\"mx-auto mb-4 text-yellow-600\"} />\n                <div className={\"mb-2 text-4xl font-bold text-gray-900 dark:text-gray-100\"}>\n                  {\"3\"}\n                </div>\n                <div className={\"text-gray-600 dark:text-gray-300\"}>\n                  {translate(\"::App.Definitions.Country\")}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div className={\"py-6\"}>\n          <div className={\"container mx-auto px-4\"}>\n            <div className={\"mb-6\"}>\n              <div className={\"mx-auto border-l-4 border-blue-600 bg-white p-5 text-lg leading-relaxed text-gray-800 shadow-md dark:bg-gray-900 dark:text-gray-200\"}>\n                <p className={\"mb-4 last:mb-0\"}>\n                  {translate(\"::App.AboutDescription.Part1\")}\n                </p>\n                <p className={\"mb-4 last:mb-0\"}>\n                  {translate(\"::App.AboutDescription.Motto\")}\n                </p>\n                <p className={\"mb-4 last:mb-0\"}>\n                  {translate(\"::App.AboutDescription.Part2\")}\n                </p>\n                <p className={\"mb-4 last:mb-0\"}>\n                  {translate(\"::App.AboutDescription.Closing\")}\n                </p>\n              </div>\n            </div>\n            <div className={\"grid grid-cols-1 gap-12 lg:grid-cols-2\"}>\n              <div className={\"rounded-xl bg-white p-8 shadow-lg dark:bg-gray-900 dark:shadow-gray-950/40\"}>\n                <h3 className={\"mb-4 text-2xl font-bold text-gray-900 dark:text-gray-100\"}>\n                  {translate(\"::App.PublicAbout.Mission\")}\n                </h3>\n                <p className={\"text-gray-700 dark:text-gray-300\"}>\n                  {translate(\"::App.AboutMission.MissionDesc\")}\n                </p>\n              </div>\n              <div className={\"rounded-xl bg-white p-8 shadow-lg dark:bg-gray-900 dark:shadow-gray-950/40\"}>\n                <h3 className={\"mb-4 text-2xl font-bold text-gray-900 dark:text-gray-100\"}>\n                  {translate(\"::App.PublicAbout.Vision\")}\n                </h3>\n                <p className={\"text-gray-700 dark:text-gray-300\"}>\n                  {translate(\"::App.AboutVision.VisionDesc\")}\n                </p>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  )\n}\n\nexport default PublicAboutPage\n",
      "Props": "{\"visualDesigner\":{\"version\":1,\"sourceMode\":\"visual\",\"nodes\":[{\"id\":\"cmp_seed_0135\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"min-h-screen bg-gray-50 dark:bg-gray-950\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0134\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"relative overflow-hidden bg-blue-900 text-white dark:bg-gray-950 py-12\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0131\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"absolute inset-0 bg-gradient-to-br from-blue-900 via-indigo-900 to-purple-900 dark:from-gray-950 dark:via-gray-950 dark:to-gray-950\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0132\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"absolute inset-0 opacity-20 dark:opacity-35\",\"style\":{\"backgroundImage\":\"url(\\\"https://images.pexels.com/photos/3183183/pexels-photo-3183183.jpeg?auto=compress&cs=tinysrgb&w=1920\\\")\",\"backgroundSize\":\"cover\",\"backgroundPosition\":\"center\"}},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0133\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"absolute inset-0 bg-blue-950/25 dark:bg-gray-950/45\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0092\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"container relative mx-auto px-4 pt-20\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0090\",\"type\":\"h1\",\"kind\":\"html\",\"props\":{\"className\":\"mb-2 mt-3 text-5xl font-bold text-white\",\"children\":\"::App.About\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0091\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"max-w-3xl text-xl\",\"children\":\"::App.PublicAbout.Subtitle\"},\"events\":{},\"bindings\":{},\"children\":[]}]}]},{\"id\":\"cmp_seed_0115\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"bg-white py-10 dark:bg-gray-900\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0114\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"container mx-auto px-4\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0113\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-5\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0096\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"rounded-xl px-4 py-6 text-center\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0093\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaUser\",\"size\":48,\"className\":\"mx-auto mb-4 text-blue-600\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0094\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"mb-2 text-4xl font-bold text-gray-900 dark:text-gray-100\",\"children\":\"740+\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0095\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"text-gray-600 dark:text-gray-300\",\"children\":\"::App.AboutStats.Users\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0100\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"rounded-xl px-4 py-6 text-center\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0097\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaUsers\",\"size\":48,\"className\":\"mx-auto mb-4 text-red-600\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0098\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"mb-2 text-4xl font-bold text-gray-900 dark:text-gray-100\",\"children\":\"310+\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0099\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"text-gray-600 dark:text-gray-300\",\"children\":\"::App.AboutStats.Clients\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0104\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"rounded-xl px-4 py-6 text-center\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0101\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaAward\",\"size\":48,\"className\":\"mx-auto mb-4 text-green-600\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0102\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"mb-2 text-4xl font-bold text-gray-900 dark:text-gray-100\",\"children\":\"20+\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0103\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"text-gray-600 dark:text-gray-300\",\"children\":\"::App.AboutStats.Experience\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0108\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"rounded-xl px-4 py-6 text-center\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0105\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaClock\",\"size\":48,\"className\":\"mx-auto mb-4 text-purple-600\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0106\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"mb-2 text-4xl font-bold text-gray-900 dark:text-gray-100\",\"children\":\"7/24\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0107\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"text-gray-600 dark:text-gray-300\",\"children\":\"::App.AboutStats.Support\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0112\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"rounded-xl px-4 py-6 text-center\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0109\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaGlobe\",\"size\":48,\"className\":\"mx-auto mb-4 text-yellow-600\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0110\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"mb-2 text-4xl font-bold text-gray-900 dark:text-gray-100\",\"children\":\"3\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0111\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"text-gray-600 dark:text-gray-300\",\"children\":\"::App.Definitions.Country\"},\"events\":{},\"bindings\":{},\"children\":[]}]}]}]}]},{\"id\":\"cmp_seed_0130\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"py-6\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0129\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"container mx-auto px-4\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0121\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"mb-6\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0120\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"mx-auto border-l-4 border-blue-600 bg-white p-5 text-lg leading-relaxed text-gray-800 shadow-md dark:bg-gray-900 dark:text-gray-200\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0116\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"mb-4 last:mb-0\",\"children\":\"::App.AboutDescription.Part1\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0117\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"mb-4 last:mb-0\",\"children\":\"::App.AboutDescription.Motto\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0118\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"mb-4 last:mb-0\",\"children\":\"::App.AboutDescription.Part2\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0119\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"mb-4 last:mb-0\",\"children\":\"::App.AboutDescription.Closing\"},\"events\":{},\"bindings\":{},\"children\":[]}]}]},{\"id\":\"cmp_seed_0128\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"grid grid-cols-1 gap-12 lg:grid-cols-2\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0124\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"rounded-xl bg-white p-8 shadow-lg dark:bg-gray-900 dark:shadow-gray-950/40\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0122\",\"type\":\"h3\",\"kind\":\"html\",\"props\":{\"className\":\"mb-4 text-2xl font-bold text-gray-900 dark:text-gray-100\",\"children\":\"::App.PublicAbout.Mission\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0123\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"text-gray-700 dark:text-gray-300\",\"children\":\"::App.AboutMission.MissionDesc\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0127\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"rounded-xl bg-white p-8 shadow-lg dark:bg-gray-900 dark:shadow-gray-950/40\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0125\",\"type\":\"h3\",\"kind\":\"html\",\"props\":{\"className\":\"mb-4 text-2xl font-bold text-gray-900 dark:text-gray-100\",\"children\":\"::App.PublicAbout.Vision\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0126\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"text-gray-700 dark:text-gray-300\",\"children\":\"::App.AboutVision.VisionDesc\"},\"events\":{},\"bindings\":{},\"children\":[]}]}]}]}]}]}],\"canvas\":{\"width\":\"responsive\"},\"lifecycle\":{\"onMount\":\"\"},\"dataSources\":[],\"permissionCode\":\"\"}}",
      "DataSources": []
    },
    {
      "Id": "8f1c2d40-0000-4000-8000-000000000103",
      "Name": "PublicContactPage",
      "RoutePath": "/contact",
      "Description": "Contact",
      "IsActive": true,
      "Dependencies": [],
      "Code": "/*__SOZSOFT_VISUAL_DESIGNER__%7B%22version%22%3A1%2C%22sourceMode%22%3A%22visual%22%2C%22nodes%22%3A%5B%7B%22id%22%3A%22cmp_seed_0187%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22min-h-screen%20bg-gray-50%20dark%3Abg-gray-950%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0186%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22relative%20overflow-hidden%20bg-blue-900%20text-white%20dark%3Abg-gray-950%20py-12%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0183%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22absolute%20inset-0%20bg-gradient-to-br%20from-blue-900%20via-indigo-900%20to-purple-900%20dark%3Afrom-gray-950%20dark%3Avia-gray-950%20dark%3Ato-gray-950%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0184%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22absolute%20inset-0%20opacity-20%20dark%3Aopacity-35%22%2C%22style%22%3A%7B%22backgroundImage%22%3A%22url(%5C%22https%3A%2F%2Fimages.pexels.com%2Fphotos%2F3183171%2Fpexels-photo-3183171.jpeg%3Fauto%3Dcompress%26cs%3Dtinysrgb%26w%3D1920%5C%22)%22%2C%22backgroundSize%22%3A%22cover%22%2C%22backgroundPosition%22%3A%22center%22%7D%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0185%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22absolute%20inset-0%20bg-blue-950%2F25%20dark%3Abg-gray-950%2F45%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0138%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22container%20relative%20mx-auto%20px-4%20pt-20%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0136%22%2C%22type%22%3A%22h1%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-2%20mt-3%20text-5xl%20font-bold%20text-white%22%2C%22children%22%3A%22%3A%3AApp.Contact%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0137%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22max-w-3xl%20text-xl%22%2C%22children%22%3A%22%3A%3AApp.PublicContact.Subtitle%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0182%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22py-6%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0181%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22container%20mx-auto%20px-4%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0180%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22grid%20grid-cols-1%20gap-12%20lg%3Agrid-cols-2%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0179%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22space-y-4%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0156%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22rounded-xl%20bg-white%20p-8%20shadow-lg%20dark%3Abg-gray-900%20dark%3Ashadow-gray-950%2F40%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0139%22%2C%22type%22%3A%22h2%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-6%20text-2xl%20font-bold%20text-gray-900%20dark%3Atext-gray-100%22%2C%22children%22%3A%22%3A%3AAbp.Identity.User.UserInformation.ContactInformation%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0155%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22space-y-4%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0142%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22flex%20items-start%20space-x-2%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0140%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaMapMarkerAlt%22%2C%22size%22%3A20%2C%22className%22%3A%22mt-1%20flex-shrink-0%20text-blue-600%20dark%3Atext-blue-400%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0141%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-gray-600%20dark%3Atext-gray-300%22%2C%22children%22%3A%22%3A%3AApp.ContactAddress.Full%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0145%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22flex%20items-start%20space-x-2%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0143%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaPhone%22%2C%22size%22%3A20%2C%22className%22%3A%22mt-1%20flex-shrink-0%20text-blue-600%20dark%3Atext-blue-400%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0144%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-gray-600%20dark%3Atext-gray-300%22%2C%22children%22%3A%22%2B90%20(544)%20769%207%20638%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0148%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22flex%20items-start%20space-x-2%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0146%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaEnvelope%22%2C%22size%22%3A20%2C%22className%22%3A%22mt-1%20flex-shrink-0%20text-blue-600%20dark%3Atext-blue-400%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0147%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-gray-600%20dark%3Atext-gray-300%22%2C%22children%22%3A%22destek%40sozsoft.com%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0151%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22flex%20items-start%20space-x-2%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0149%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaBuilding%22%2C%22size%22%3A20%2C%22className%22%3A%22mt-1%20flex-shrink-0%20text-blue-600%20dark%3Atext-blue-400%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0150%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-gray-600%20dark%3Atext-gray-300%22%2C%22children%22%3A%22Sar%C4%B1gazi%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0154%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22flex%20items-start%20space-x-2%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0152%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaIdCard%22%2C%22size%22%3A20%2C%22className%22%3A%22mt-1%20flex-shrink-0%20text-blue-600%20dark%3Atext-blue-400%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0153%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-gray-600%20dark%3Atext-gray-300%22%2C%22children%22%3A%2232374982750%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0163%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22rounded-xl%20bg-white%20p-8%20shadow-lg%20dark%3Abg-gray-900%20dark%3Ashadow-gray-950%2F40%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0157%22%2C%22type%22%3A%22h2%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-6%20text-2xl%20font-bold%20text-gray-900%20dark%3Atext-gray-100%22%2C%22children%22%3A%22%3A%3AApp.PublicContact.TransferForm%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0158%22%2C%22type%22%3A%22img%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22src%22%3A%22%2Fimg%2Fenpara.svg%22%2C%22alt%22%3A%22Enpara%22%2C%22className%22%3A%22mb-2%20w-24%20object-contain%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0159%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-1%20ml-1%20text-gray-600%20dark%3Atext-gray-300%22%2C%22children%22%3A%22%C3%96zlem%20%C3%96zt%C3%BCrk%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0160%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-1%20ml-1%20text-gray-600%20dark%3Atext-gray-300%22%2C%22children%22%3A%2203663%20%2F%20Enpara%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0161%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-1%20ml-1%20text-gray-600%20dark%3Atext-gray-300%22%2C%22children%22%3A%2273941177%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0162%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-1%20ml-1%20text-gray-600%20dark%3Atext-gray-300%22%2C%22children%22%3A%22TR11%200015%207000%200000%200073%209411%2077%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0175%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22rounded-xl%20bg-white%20p-8%20shadow-lg%20dark%3Abg-gray-900%20dark%3Ashadow-gray-950%2F40%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0164%22%2C%22type%22%3A%22h2%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-6%20text-2xl%20font-bold%20text-gray-900%20dark%3Atext-gray-100%22%2C%22children%22%3A%22%3A%3AApp.PublicContact.WorkHours%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0174%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22space-y-2%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0167%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22flex%20items-center%20space-x-2%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0165%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaCalendarAlt%22%2C%22size%22%3A20%2C%22className%22%3A%22flex-shrink-0%20text-blue-500%20dark%3Atext-blue-400%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0166%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-gray-600%20dark%3Atext-gray-300%22%2C%22children%22%3A%22%3A%3AApp.ContactWorkHours.Weekday%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0170%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22flex%20items-center%20space-x-2%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0168%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaCalendarCheck%22%2C%22size%22%3A20%2C%22className%22%3A%22flex-shrink-0%20text-blue-500%20dark%3Atext-blue-400%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0169%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-gray-600%20dark%3Atext-gray-300%22%2C%22children%22%3A%22%3A%3AApp.ContactWorkHours.Weekend%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0173%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22flex%20items-center%20space-x-2%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0171%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaRegComment%22%2C%22size%22%3A20%2C%22className%22%3A%22flex-shrink-0%20text-green-500%20dark%3Atext-green-400%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0172%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-gray-600%20dark%3Atext-gray-300%22%2C%22children%22%3A%22%3A%3AApp.ContactWorkHours.Whatsapp%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%5D%7D%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0178%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22rounded-xl%20bg-white%20p-8%20shadow-lg%20dark%3Abg-gray-900%20dark%3Ashadow-gray-950%2F40%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0176%22%2C%22type%22%3A%22h2%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-2%20text-center%20text-2xl%20font-bold%20text-gray-900%20dark%3Atext-gray-100%22%2C%22children%22%3A%22%3A%3AApp.PublicContact.Location%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0177%22%2C%22type%22%3A%22iframe%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22src%22%3A%22https%3A%2F%2Fwww.google.com%2Fmaps%2Fembed%3Fpb%3D!1m18!1m12!1m3!1d3006.209566407676!2d28.757000999999992!3d41.10811400000001!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%253A0x8a0bbbdfcfd3fd24!2zU8O2enNvZnQ!5e0!3m2!1str!2str!4v1450816303558%22%2C%22title%22%3A%22map%22%2C%22className%22%3A%22h-%5B600px%5D%20w-full%20overflow-hidden%20rounded-xl%20border-0%22%2C%22loading%22%3A%22lazy%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%5D%7D%5D%7D%5D%7D%5D%7D%5D%2C%22canvas%22%3A%7B%22width%22%3A%22responsive%22%7D%2C%22lifecycle%22%3A%7B%22onMount%22%3A%22%22%7D%2C%22dataSources%22%3A%5B%5D%2C%22permissionCode%22%3A%22%22%7D__*/\nconst PublicContactPage = () => {\n\n\n  return (\n    <>\n      <div className={\"min-h-screen bg-gray-50 dark:bg-gray-950\"}>\n        <div className={\"relative overflow-hidden bg-blue-900 text-white dark:bg-gray-950 py-12\"}>\n          <div className={\"absolute inset-0 bg-gradient-to-br from-blue-900 via-indigo-900 to-purple-900 dark:from-gray-950 dark:via-gray-950 dark:to-gray-950\"} />\n          <div className={\"absolute inset-0 opacity-20 dark:opacity-35\"} style={{ \"backgroundImage\": \"url(\\\"https://images.pexels.com/photos/3183171/pexels-photo-3183171.jpeg?auto=compress&cs=tinysrgb&w=1920\\\")\", \"backgroundSize\": \"cover\", \"backgroundPosition\": \"center\" }} />\n          <div className={\"absolute inset-0 bg-blue-950/25 dark:bg-gray-950/45\"} />\n          <div className={\"container relative mx-auto px-4 pt-20\"}>\n            <h1 className={\"mb-2 mt-3 text-5xl font-bold text-white\"}>\n              {translate(\"::App.Contact\")}\n            </h1>\n            <p className={\"max-w-3xl text-xl\"}>\n              {translate(\"::App.PublicContact.Subtitle\")}\n            </p>\n          </div>\n        </div>\n        <div className={\"py-6\"}>\n          <div className={\"container mx-auto px-4\"}>\n            <div className={\"grid grid-cols-1 gap-12 lg:grid-cols-2\"}>\n              <div className={\"space-y-4\"}>\n                <div className={\"rounded-xl bg-white p-8 shadow-lg dark:bg-gray-900 dark:shadow-gray-950/40\"}>\n                  <h2 className={\"mb-6 text-2xl font-bold text-gray-900 dark:text-gray-100\"}>\n                    {translate(\"::Abp.Identity.User.UserInformation.ContactInformation\")}\n                  </h2>\n                  <div className={\"space-y-4\"}>\n                    <div className={\"flex items-start space-x-2\"}>\n                      <PlatformIcon name={\"FaMapMarkerAlt\"} size={20} className={\"mt-1 flex-shrink-0 text-blue-600 dark:text-blue-400\"} />\n                      <p className={\"text-gray-600 dark:text-gray-300\"}>\n                        {translate(\"::App.ContactAddress.Full\")}\n                      </p>\n                    </div>\n                    <div className={\"flex items-start space-x-2\"}>\n                      <PlatformIcon name={\"FaPhone\"} size={20} className={\"mt-1 flex-shrink-0 text-blue-600 dark:text-blue-400\"} />\n                      <p className={\"text-gray-600 dark:text-gray-300\"}>\n                        {\"+90 (544) 769 7 638\"}\n                      </p>\n                    </div>\n                    <div className={\"flex items-start space-x-2\"}>\n                      <PlatformIcon name={\"FaEnvelope\"} size={20} className={\"mt-1 flex-shrink-0 text-blue-600 dark:text-blue-400\"} />\n                      <p className={\"text-gray-600 dark:text-gray-300\"}>\n                        {\"destek@sozsoft.com\"}\n                      </p>\n                    </div>\n                    <div className={\"flex items-start space-x-2\"}>\n                      <PlatformIcon name={\"FaBuilding\"} size={20} className={\"mt-1 flex-shrink-0 text-blue-600 dark:text-blue-400\"} />\n                      <p className={\"text-gray-600 dark:text-gray-300\"}>\n                        {\"Sarıgazi\"}\n                      </p>\n                    </div>\n                    <div className={\"flex items-start space-x-2\"}>\n                      <PlatformIcon name={\"FaIdCard\"} size={20} className={\"mt-1 flex-shrink-0 text-blue-600 dark:text-blue-400\"} />\n                      <p className={\"text-gray-600 dark:text-gray-300\"}>\n                        {\"32374982750\"}\n                      </p>\n                    </div>\n                  </div>\n                </div>\n                <div className={\"rounded-xl bg-white p-8 shadow-lg dark:bg-gray-900 dark:shadow-gray-950/40\"}>\n                  <h2 className={\"mb-6 text-2xl font-bold text-gray-900 dark:text-gray-100\"}>\n                    {translate(\"::App.PublicContact.TransferForm\")}\n                  </h2>\n                  <img src={\"/img/enpara.svg\"} alt={\"Enpara\"} className={\"mb-2 w-24 object-contain\"} />\n                  <p className={\"mb-1 ml-1 text-gray-600 dark:text-gray-300\"}>\n                    {\"Özlem Öztürk\"}\n                  </p>\n                  <p className={\"mb-1 ml-1 text-gray-600 dark:text-gray-300\"}>\n                    {\"03663 / Enpara\"}\n                  </p>\n                  <p className={\"mb-1 ml-1 text-gray-600 dark:text-gray-300\"}>\n                    {\"73941177\"}\n                  </p>\n                  <p className={\"mb-1 ml-1 text-gray-600 dark:text-gray-300\"}>\n                    {\"TR11 0015 7000 0000 0073 9411 77\"}\n                  </p>\n                </div>\n                <div className={\"rounded-xl bg-white p-8 shadow-lg dark:bg-gray-900 dark:shadow-gray-950/40\"}>\n                  <h2 className={\"mb-6 text-2xl font-bold text-gray-900 dark:text-gray-100\"}>\n                    {translate(\"::App.PublicContact.WorkHours\")}\n                  </h2>\n                  <div className={\"space-y-2\"}>\n                    <div className={\"flex items-center space-x-2\"}>\n                      <PlatformIcon name={\"FaCalendarAlt\"} size={20} className={\"flex-shrink-0 text-blue-500 dark:text-blue-400\"} />\n                      <p className={\"text-gray-600 dark:text-gray-300\"}>\n                        {translate(\"::App.ContactWorkHours.Weekday\")}\n                      </p>\n                    </div>\n                    <div className={\"flex items-center space-x-2\"}>\n                      <PlatformIcon name={\"FaCalendarCheck\"} size={20} className={\"flex-shrink-0 text-blue-500 dark:text-blue-400\"} />\n                      <p className={\"text-gray-600 dark:text-gray-300\"}>\n                        {translate(\"::App.ContactWorkHours.Weekend\")}\n                      </p>\n                    </div>\n                    <div className={\"flex items-center space-x-2\"}>\n                      <PlatformIcon name={\"FaRegComment\"} size={20} className={\"flex-shrink-0 text-green-500 dark:text-green-400\"} />\n                      <p className={\"text-gray-600 dark:text-gray-300\"}>\n                        {translate(\"::App.ContactWorkHours.Whatsapp\")}\n                      </p>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div className={\"rounded-xl bg-white p-8 shadow-lg dark:bg-gray-900 dark:shadow-gray-950/40\"}>\n                <h2 className={\"mb-2 text-center text-2xl font-bold text-gray-900 dark:text-gray-100\"}>\n                  {translate(\"::App.PublicContact.Location\")}\n                </h2>\n                <iframe src={\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3006.209566407676!2d28.757000999999992!3d41.10811400000001!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x8a0bbbdfcfd3fd24!2zU8O2enNvZnQ!5e0!3m2!1str!2str!4v1450816303558\"} title={\"map\"} className={\"h-[600px] w-full overflow-hidden rounded-xl border-0\"} loading={\"lazy\"} />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  )\n}\n\nexport default PublicContactPage\n",
      "Props": "{\"visualDesigner\":{\"version\":1,\"sourceMode\":\"visual\",\"nodes\":[{\"id\":\"cmp_seed_0187\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"min-h-screen bg-gray-50 dark:bg-gray-950\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0186\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"relative overflow-hidden bg-blue-900 text-white dark:bg-gray-950 py-12\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0183\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"absolute inset-0 bg-gradient-to-br from-blue-900 via-indigo-900 to-purple-900 dark:from-gray-950 dark:via-gray-950 dark:to-gray-950\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0184\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"absolute inset-0 opacity-20 dark:opacity-35\",\"style\":{\"backgroundImage\":\"url(\\\"https://images.pexels.com/photos/3183171/pexels-photo-3183171.jpeg?auto=compress&cs=tinysrgb&w=1920\\\")\",\"backgroundSize\":\"cover\",\"backgroundPosition\":\"center\"}},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0185\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"absolute inset-0 bg-blue-950/25 dark:bg-gray-950/45\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0138\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"container relative mx-auto px-4 pt-20\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0136\",\"type\":\"h1\",\"kind\":\"html\",\"props\":{\"className\":\"mb-2 mt-3 text-5xl font-bold text-white\",\"children\":\"::App.Contact\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0137\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"max-w-3xl text-xl\",\"children\":\"::App.PublicContact.Subtitle\"},\"events\":{},\"bindings\":{},\"children\":[]}]}]},{\"id\":\"cmp_seed_0182\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"py-6\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0181\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"container mx-auto px-4\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0180\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"grid grid-cols-1 gap-12 lg:grid-cols-2\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0179\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"space-y-4\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0156\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"rounded-xl bg-white p-8 shadow-lg dark:bg-gray-900 dark:shadow-gray-950/40\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0139\",\"type\":\"h2\",\"kind\":\"html\",\"props\":{\"className\":\"mb-6 text-2xl font-bold text-gray-900 dark:text-gray-100\",\"children\":\"::Abp.Identity.User.UserInformation.ContactInformation\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0155\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"space-y-4\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0142\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"flex items-start space-x-2\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0140\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaMapMarkerAlt\",\"size\":20,\"className\":\"mt-1 flex-shrink-0 text-blue-600 dark:text-blue-400\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0141\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"text-gray-600 dark:text-gray-300\",\"children\":\"::App.ContactAddress.Full\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0145\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"flex items-start space-x-2\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0143\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaPhone\",\"size\":20,\"className\":\"mt-1 flex-shrink-0 text-blue-600 dark:text-blue-400\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0144\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"text-gray-600 dark:text-gray-300\",\"children\":\"+90 (544) 769 7 638\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0148\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"flex items-start space-x-2\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0146\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaEnvelope\",\"size\":20,\"className\":\"mt-1 flex-shrink-0 text-blue-600 dark:text-blue-400\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0147\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"text-gray-600 dark:text-gray-300\",\"children\":\"destek@sozsoft.com\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0151\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"flex items-start space-x-2\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0149\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaBuilding\",\"size\":20,\"className\":\"mt-1 flex-shrink-0 text-blue-600 dark:text-blue-400\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0150\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"text-gray-600 dark:text-gray-300\",\"children\":\"Sarıgazi\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0154\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"flex items-start space-x-2\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0152\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaIdCard\",\"size\":20,\"className\":\"mt-1 flex-shrink-0 text-blue-600 dark:text-blue-400\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0153\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"text-gray-600 dark:text-gray-300\",\"children\":\"32374982750\"},\"events\":{},\"bindings\":{},\"children\":[]}]}]}]},{\"id\":\"cmp_seed_0163\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"rounded-xl bg-white p-8 shadow-lg dark:bg-gray-900 dark:shadow-gray-950/40\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0157\",\"type\":\"h2\",\"kind\":\"html\",\"props\":{\"className\":\"mb-6 text-2xl font-bold text-gray-900 dark:text-gray-100\",\"children\":\"::App.PublicContact.TransferForm\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0158\",\"type\":\"img\",\"kind\":\"html\",\"props\":{\"src\":\"/img/enpara.svg\",\"alt\":\"Enpara\",\"className\":\"mb-2 w-24 object-contain\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0159\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"mb-1 ml-1 text-gray-600 dark:text-gray-300\",\"children\":\"Özlem Öztürk\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0160\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"mb-1 ml-1 text-gray-600 dark:text-gray-300\",\"children\":\"03663 / Enpara\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0161\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"mb-1 ml-1 text-gray-600 dark:text-gray-300\",\"children\":\"73941177\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0162\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"mb-1 ml-1 text-gray-600 dark:text-gray-300\",\"children\":\"TR11 0015 7000 0000 0073 9411 77\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0175\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"rounded-xl bg-white p-8 shadow-lg dark:bg-gray-900 dark:shadow-gray-950/40\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0164\",\"type\":\"h2\",\"kind\":\"html\",\"props\":{\"className\":\"mb-6 text-2xl font-bold text-gray-900 dark:text-gray-100\",\"children\":\"::App.PublicContact.WorkHours\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0174\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"space-y-2\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0167\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"flex items-center space-x-2\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0165\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaCalendarAlt\",\"size\":20,\"className\":\"flex-shrink-0 text-blue-500 dark:text-blue-400\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0166\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"text-gray-600 dark:text-gray-300\",\"children\":\"::App.ContactWorkHours.Weekday\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0170\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"flex items-center space-x-2\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0168\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaCalendarCheck\",\"size\":20,\"className\":\"flex-shrink-0 text-blue-500 dark:text-blue-400\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0169\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"text-gray-600 dark:text-gray-300\",\"children\":\"::App.ContactWorkHours.Weekend\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0173\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"flex items-center space-x-2\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0171\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaRegComment\",\"size\":20,\"className\":\"flex-shrink-0 text-green-500 dark:text-green-400\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0172\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"text-gray-600 dark:text-gray-300\",\"children\":\"::App.ContactWorkHours.Whatsapp\"},\"events\":{},\"bindings\":{},\"children\":[]}]}]}]}]},{\"id\":\"cmp_seed_0178\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"rounded-xl bg-white p-8 shadow-lg dark:bg-gray-900 dark:shadow-gray-950/40\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0176\",\"type\":\"h2\",\"kind\":\"html\",\"props\":{\"className\":\"mb-2 text-center text-2xl font-bold text-gray-900 dark:text-gray-100\",\"children\":\"::App.PublicContact.Location\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0177\",\"type\":\"iframe\",\"kind\":\"html\",\"props\":{\"src\":\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3006.209566407676!2d28.757000999999992!3d41.10811400000001!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x8a0bbbdfcfd3fd24!2zU8O2enNvZnQ!5e0!3m2!1str!2str!4v1450816303558\",\"title\":\"map\",\"className\":\"h-[600px] w-full overflow-hidden rounded-xl border-0\",\"loading\":\"lazy\"},\"events\":{},\"bindings\":{},\"children\":[]}]}]}]}]}]}],\"canvas\":{\"width\":\"responsive\"},\"lifecycle\":{\"onMount\":\"\"},\"dataSources\":[],\"permissionCode\":\"\"}}",
      "DataSources": []
    },
    {
      "Id": "8f1c2d40-0000-4000-8000-000000000105",
      "Name": "PublicHeader",
      "RoutePath": null,
      "Description": "Header",
      "IsActive": true,
      "Dependencies": [],
      "Code": "/*__SOZSOFT_VISUAL_DESIGNER__%7B%22version%22%3A1%2C%22sourceMode%22%3A%22visual%22%2C%22nodes%22%3A%5B%7B%22id%22%3A%22cmp_seed_0245%22%2C%22type%22%3A%22PublicHeaderBar%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22className%22%3A%22fixed%20z-50%20w-full%20border-b%20border-white%2F5%20bg-gray-950%2F80%20py-4%20backdrop-blur-sm%20transition-all%20duration-500%22%2C%22scrolledClassName%22%3A%22fixed%20z-50%20w-full%20border-b%20border-white%2F10%20bg-gray-950%20py-2%20shadow-lg%20shadow-black%2F30%20transition-all%20duration-500%22%2C%22scrollThreshold%22%3A10%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0244%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22container%20relative%20mx-auto%20grid%20grid-cols-%5Bauto_1fr_auto%5D%20items-center%20px-6%20lg%3Agrid-cols-%5B1fr_auto%5D%20xl%3Agrid-cols-%5Bauto_1fr_auto%5D%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0242%22%2C%22type%22%3A%22PublicLogo%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22className%22%3A%22relative%20z-10%20max-w-%5B190px%5D%20overflow-hidden%20lg%3Ahidden%20xl%3Ablock%20xl%3Amax-w-none%22%2C%22imgClassName%22%3A%22h-10%20w-auto%20object-contain%20xl%3Ah-auto%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0243%22%2C%22type%22%3A%22PublicNav%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22source%22%3A%22navigation%22%2C%22variant%22%3A%22horizontal%22%2C%22className%22%3A%22hidden%20items-center%20gap-1%20justify-self-start%20lg%3Acol-start-1%20lg%3Aflex%20xl%3Acol-start-2%20xl%3Ajustify-self-center%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0233%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22relative%20z-10%20hidden%20items-center%20gap-3%20lg%3Acol-start-2%20lg%3Aflex%20lg%3Ajustify-self-end%20xl%3Acol-start-3%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0226%22%2C%22type%22%3A%22PublicDemoButton%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22className%22%3A%22rounded-lg%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0227%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22h-5%20w-px%20bg-white%2F20%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0228%22%2C%22type%22%3A%22PublicLanguageSelector%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22className%22%3A%22!bg-transparent%20hover%3A!bg-transparent%20dark%3Ahover%3A!bg-transparent%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0229%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22h-5%20w-px%20bg-white%2F20%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0230%22%2C%22type%22%3A%22PublicThemeToggle%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0231%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22h-5%20w-px%20bg-white%2F20%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0232%22%2C%22type%22%3A%22PublicNav%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22source%22%3A%22actions%22%2C%22variant%22%3A%22horizontal%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0241%22%2C%22type%22%3A%22PublicMobileMenu%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22className%22%3A%22col-start-3%20justify-self-end%20lg%3Ahidden%22%2C%22buttonClassName%22%3A%22flex%20h-9%20w-9%20items-center%20justify-center%20rounded-md%20text-white%20transition-colors%20hover%3Abg-white%2F10%22%2C%22panelClassName%22%3A%22absolute%20inset-x-0%20top-full%20z-50%20border-t%20border-white%2F10%20bg-gray-950%20px-6%20py-3%20shadow-xl%20shadow-black%2F40%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0234%22%2C%22type%22%3A%22PublicNav%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22source%22%3A%22navigation%22%2C%22variant%22%3A%22vertical%22%2C%22className%22%3A%22flex%20flex-col%20gap-1%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0235%22%2C%22type%22%3A%22PublicNav%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22source%22%3A%22actions%22%2C%22variant%22%3A%22vertical%22%2C%22className%22%3A%22flex%20flex-col%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0240%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mt-1%20flex%20items-center%20justify-between%20gap-3%20border-t%20border-white%2F10%20pb-1%20pt-2%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0238%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22flex%20items-center%20gap-1%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0236%22%2C%22type%22%3A%22PublicDemoButton%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22className%22%3A%22rounded-lg%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0237%22%2C%22type%22%3A%22PublicLanguageSelector%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22className%22%3A%22!bg-transparent%20hover%3A!bg-transparent%20dark%3Ahover%3A!bg-transparent%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0239%22%2C%22type%22%3A%22PublicThemeToggle%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%5D%7D%5D%7D%5D%7D%5D%2C%22canvas%22%3A%7B%22width%22%3A%22responsive%22%7D%2C%22lifecycle%22%3A%7B%22onMount%22%3A%22%22%7D%2C%22dataSources%22%3A%5B%5D%2C%22permissionCode%22%3A%22%22%7D__*/\nconst PublicHeader = () => {\n\n\n  return (\n    <>\n      <PublicHeaderBar className={\"fixed z-50 w-full border-b border-white/5 bg-gray-950/80 py-4 backdrop-blur-sm transition-all duration-500\"} scrolledClassName={\"fixed z-50 w-full border-b border-white/10 bg-gray-950 py-2 shadow-lg shadow-black/30 transition-all duration-500\"} scrollThreshold={10}>\n        <div className={\"container relative mx-auto grid grid-cols-[auto_1fr_auto] items-center px-6 lg:grid-cols-[1fr_auto] xl:grid-cols-[auto_1fr_auto]\"}>\n          <PublicLogo className={\"relative z-10 max-w-[190px] overflow-hidden lg:hidden xl:block xl:max-w-none\"} imgClassName={\"h-10 w-auto object-contain xl:h-auto\"} />\n          <PublicNav source={\"navigation\"} variant={\"horizontal\"} className={\"hidden items-center gap-1 justify-self-start lg:col-start-1 lg:flex xl:col-start-2 xl:justify-self-center\"} />\n          <div className={\"relative z-10 hidden items-center gap-3 lg:col-start-2 lg:flex lg:justify-self-end xl:col-start-3\"}>\n            <PublicDemoButton className={\"rounded-lg\"} />\n            <div className={\"h-5 w-px bg-white/20\"} />\n            <PublicLanguageSelector className={\"!bg-transparent hover:!bg-transparent dark:hover:!bg-transparent\"} />\n            <div className={\"h-5 w-px bg-white/20\"} />\n            <PublicThemeToggle />\n            <div className={\"h-5 w-px bg-white/20\"} />\n            <PublicNav source={\"actions\"} variant={\"horizontal\"} />\n          </div>\n          <PublicMobileMenu className={\"col-start-3 justify-self-end lg:hidden\"} buttonClassName={\"flex h-9 w-9 items-center justify-center rounded-md text-white transition-colors hover:bg-white/10\"} panelClassName={\"absolute inset-x-0 top-full z-50 border-t border-white/10 bg-gray-950 px-6 py-3 shadow-xl shadow-black/40\"}>\n            <PublicNav source={\"navigation\"} variant={\"vertical\"} className={\"flex flex-col gap-1\"} />\n            <PublicNav source={\"actions\"} variant={\"vertical\"} className={\"flex flex-col\"} />\n            <div className={\"mt-1 flex items-center justify-between gap-3 border-t border-white/10 pb-1 pt-2\"}>\n              <div className={\"flex items-center gap-1\"}>\n                <PublicDemoButton className={\"rounded-lg\"} />\n                <PublicLanguageSelector className={\"!bg-transparent hover:!bg-transparent dark:hover:!bg-transparent\"} />\n              </div>\n              <PublicThemeToggle />\n            </div>\n          </PublicMobileMenu>\n        </div>\n      </PublicHeaderBar>\n    </>\n  )\n}\n\nexport default PublicHeader\n",
      "Props": "{\"visualDesigner\":{\"version\":1,\"sourceMode\":\"visual\",\"nodes\":[{\"id\":\"cmp_seed_0245\",\"type\":\"PublicHeaderBar\",\"kind\":\"custom\",\"props\":{\"className\":\"fixed z-50 w-full border-b border-white/5 bg-gray-950/80 py-4 backdrop-blur-sm transition-all duration-500\",\"scrolledClassName\":\"fixed z-50 w-full border-b border-white/10 bg-gray-950 py-2 shadow-lg shadow-black/30 transition-all duration-500\",\"scrollThreshold\":10},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0244\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"container relative mx-auto grid grid-cols-[auto_1fr_auto] items-center px-6 lg:grid-cols-[1fr_auto] xl:grid-cols-[auto_1fr_auto]\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0242\",\"type\":\"PublicLogo\",\"kind\":\"custom\",\"props\":{\"className\":\"relative z-10 max-w-[190px] overflow-hidden lg:hidden xl:block xl:max-w-none\",\"imgClassName\":\"h-10 w-auto object-contain xl:h-auto\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0243\",\"type\":\"PublicNav\",\"kind\":\"custom\",\"props\":{\"source\":\"navigation\",\"variant\":\"horizontal\",\"className\":\"hidden items-center gap-1 justify-self-start lg:col-start-1 lg:flex xl:col-start-2 xl:justify-self-center\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0233\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"relative z-10 hidden items-center gap-3 lg:col-start-2 lg:flex lg:justify-self-end xl:col-start-3\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0226\",\"type\":\"PublicDemoButton\",\"kind\":\"custom\",\"props\":{\"className\":\"rounded-lg\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0227\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"h-5 w-px bg-white/20\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0228\",\"type\":\"PublicLanguageSelector\",\"kind\":\"custom\",\"props\":{\"className\":\"!bg-transparent hover:!bg-transparent dark:hover:!bg-transparent\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0229\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"h-5 w-px bg-white/20\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0230\",\"type\":\"PublicThemeToggle\",\"kind\":\"custom\",\"props\":{},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0231\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"h-5 w-px bg-white/20\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0232\",\"type\":\"PublicNav\",\"kind\":\"custom\",\"props\":{\"source\":\"actions\",\"variant\":\"horizontal\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0241\",\"type\":\"PublicMobileMenu\",\"kind\":\"custom\",\"props\":{\"className\":\"col-start-3 justify-self-end lg:hidden\",\"buttonClassName\":\"flex h-9 w-9 items-center justify-center rounded-md text-white transition-colors hover:bg-white/10\",\"panelClassName\":\"absolute inset-x-0 top-full z-50 border-t border-white/10 bg-gray-950 px-6 py-3 shadow-xl shadow-black/40\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0234\",\"type\":\"PublicNav\",\"kind\":\"custom\",\"props\":{\"source\":\"navigation\",\"variant\":\"vertical\",\"className\":\"flex flex-col gap-1\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0235\",\"type\":\"PublicNav\",\"kind\":\"custom\",\"props\":{\"source\":\"actions\",\"variant\":\"vertical\",\"className\":\"flex flex-col\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0240\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"mt-1 flex items-center justify-between gap-3 border-t border-white/10 pb-1 pt-2\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0238\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"flex items-center gap-1\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0236\",\"type\":\"PublicDemoButton\",\"kind\":\"custom\",\"props\":{\"className\":\"rounded-lg\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0237\",\"type\":\"PublicLanguageSelector\",\"kind\":\"custom\",\"props\":{\"className\":\"!bg-transparent hover:!bg-transparent dark:hover:!bg-transparent\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0239\",\"type\":\"PublicThemeToggle\",\"kind\":\"custom\",\"props\":{},\"events\":{},\"bindings\":{},\"children\":[]}]}]}]}]}],\"canvas\":{\"width\":\"responsive\"},\"lifecycle\":{\"onMount\":\"\"},\"dataSources\":[],\"permissionCode\":\"\"}}",
      "DataSources": []
    },
    {
      "Id": "8f1c2d40-0000-4000-8000-000000000104",
      "Name": "PublicFooter",
      "RoutePath": null,
      "Description": "Footer",
      "IsActive": true,
      "Dependencies": [],
      "Code": "/*__SOZSOFT_VISUAL_DESIGNER__%7B%22version%22%3A1%2C%22sourceMode%22%3A%22visual%22%2C%22nodes%22%3A%5B%7B%22id%22%3A%22cmp_seed_0225%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22border-t%20border-gray-200%20bg-gray-100%20pb-6%20pt-12%20text-gray-900%20dark%3Aborder-gray-800%20dark%3Abg-gray-900%20dark%3Atext-white%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0224%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22container%20mx-auto%20max-w-7xl%20px-6%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0223%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22grid%20grid-cols-1%20gap-8%20md%3Agrid-cols-12%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0201%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22md%3Acol-span-4%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0190%22%2C%22type%22%3A%22a%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22href%22%3A%22%2Fhome%22%2C%22className%22%3A%22inline-block%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0188%22%2C%22type%22%3A%22img%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22src%22%3A%22%2Fimg%2Flogo%2Flogo-light-full.png%22%2C%22alt%22%3A%22Sozsoft%22%2C%22className%22%3A%22h-10%20w-auto%20object-contain%20block%20dark%3Ahidden%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0189%22%2C%22type%22%3A%22img%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22src%22%3A%22%2Fimg%2Flogo%2Flogo-dark-full.png%22%2C%22alt%22%3A%22Sozsoft%22%2C%22className%22%3A%22h-10%20w-auto%20object-contain%20hidden%20dark%3Ablock%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0191%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mt-4%20text-sm%20leading-relaxed%20text-gray-600%20dark%3Atext-gray-400%22%2C%22children%22%3A%22%3A%3AApp.PublicFooter.CompanyInfo%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0200%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mt-6%20flex%20space-x-4%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0193%22%2C%22type%22%3A%22a%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22href%22%3A%22https%3A%2F%2Ffacebook.com%2Fsozsoft%22%2C%22className%22%3A%22text-gray-600%20transition-colors%20hover%3Atext-blue-600%20dark%3Atext-gray-400%20dark%3Ahover%3Atext-white%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0192%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaFacebook%22%2C%22size%22%3A20%2C%22className%22%3A%22%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0195%22%2C%22type%22%3A%22a%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22href%22%3A%22https%3A%2F%2Ftwitter.com%2Fsozsoft%22%2C%22className%22%3A%22text-gray-600%20transition-colors%20hover%3Atext-blue-600%20dark%3Atext-gray-400%20dark%3Ahover%3Atext-white%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0194%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaTwitter%22%2C%22size%22%3A20%2C%22className%22%3A%22%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0197%22%2C%22type%22%3A%22a%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22href%22%3A%22https%3A%2F%2Flinkedin.com%2Fsozsoft%22%2C%22className%22%3A%22text-gray-600%20transition-colors%20hover%3Atext-blue-600%20dark%3Atext-gray-400%20dark%3Ahover%3Atext-white%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0196%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaLinkedin%22%2C%22size%22%3A20%2C%22className%22%3A%22%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0199%22%2C%22type%22%3A%22a%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22href%22%3A%22https%3A%2F%2Finstagram.com%2Fsozsoft%22%2C%22className%22%3A%22text-gray-600%20transition-colors%20hover%3Atext-blue-600%20dark%3Atext-gray-400%20dark%3Ahover%3Atext-white%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0198%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaInstagram%22%2C%22size%22%3A20%2C%22className%22%3A%22%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0204%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22md%3Acol-span-4%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0202%22%2C%22type%22%3A%22h3%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-4%20text-xs%20font-semibold%20uppercase%20tracking-wider%20text-gray-500%20dark%3Atext-gray-400%22%2C%22children%22%3A%22%3A%3AApp.PublicFooter.QuickLinksTitle%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0203%22%2C%22type%22%3A%22PublicNav%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22source%22%3A%22navigation%22%2C%22variant%22%3A%22vertical%22%2C%22showIcons%22%3Afalse%2C%22className%22%3A%22flex%20flex-col%20gap-2%22%2C%22itemClassName%22%3A%22text-sm%20text-gray-700%20transition-colors%20hover%3Atext-blue-600%20dark%3Atext-white%20dark%3Ahover%3Atext-gray-300%22%2C%22activeItemClassName%22%3A%22text-blue-600%20dark%3Atext-blue-400%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0216%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22md%3Acol-span-4%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0205%22%2C%22type%22%3A%22h3%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mb-4%20text-xs%20font-semibold%20uppercase%20tracking-wider%20text-gray-500%20dark%3Atext-gray-400%22%2C%22children%22%3A%22%3A%3AApp.Contact%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0215%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22space-y-3%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0208%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22flex%20items-start%20space-x-3%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0206%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaMapMarkerAlt%22%2C%22size%22%3A16%2C%22className%22%3A%22flex-shrink-0%20text-gray-500%20dark%3Atext-gray-400%20mt-1%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0207%22%2C%22type%22%3A%22span%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-sm%20leading-relaxed%20text-gray-900%20dark%3Atext-white%22%2C%22children%22%3A%22%3A%3AApp.ContactAddress.Full%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0211%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22flex%20items-start%20space-x-3%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0209%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaPhone%22%2C%22size%22%3A16%2C%22className%22%3A%22flex-shrink-0%20text-gray-500%20dark%3Atext-gray-400%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0210%22%2C%22type%22%3A%22span%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-sm%20leading-relaxed%20text-gray-900%20dark%3Atext-white%22%2C%22children%22%3A%22%2B90%20(544)%20769%207%20638%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0214%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22flex%20items-start%20space-x-3%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0212%22%2C%22type%22%3A%22PlatformIcon%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22name%22%3A%22FaEnvelope%22%2C%22size%22%3A16%2C%22className%22%3A%22flex-shrink-0%20text-gray-500%20dark%3Atext-gray-400%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0213%22%2C%22type%22%3A%22span%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-sm%20leading-relaxed%20text-gray-900%20dark%3Atext-white%22%2C%22children%22%3A%22destek%40sozsoft.com%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%5D%7D%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0222%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mt-12%20border-t%20border-gray-200%20pt-6%20dark%3Aborder-gray-800%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0221%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22flex%20flex-col%20items-center%20justify-between%20md%3Aflex-row%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0217%22%2C%22type%22%3A%22p%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22text-sm%20text-gray-600%20dark%3Atext-gray-400%22%2C%22children%22%3A%22%3A%3AApp.PublicFooter.Copyright%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0220%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mt-4%20flex%20space-x-6%20text-sm%20md%3Amt-0%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0218%22%2C%22type%22%3A%22a%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22href%22%3A%22%2Fabout%22%2C%22className%22%3A%22text-gray-600%20transition-colors%20hover%3Atext-blue-600%20dark%3Atext-gray-400%20dark%3Ahover%3Atext-white%22%2C%22children%22%3A%22%3A%3AApp.PublicFooter.PrivacyPolicy%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0219%22%2C%22type%22%3A%22a%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22href%22%3A%22%2Fabout%22%2C%22className%22%3A%22text-gray-600%20transition-colors%20hover%3Atext-blue-600%20dark%3Atext-gray-400%20dark%3Ahover%3Atext-white%22%2C%22children%22%3A%22%3A%3AApp.PublicFooter.TermsOfUse%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%5D%7D%5D%7D%5D%7D%5D%7D%5D%2C%22canvas%22%3A%7B%22width%22%3A%22responsive%22%7D%2C%22lifecycle%22%3A%7B%22onMount%22%3A%22%22%7D%2C%22dataSources%22%3A%5B%5D%2C%22permissionCode%22%3A%22%22%7D__*/\nconst PublicFooter = () => {\n\n\n  return (\n    <>\n      <div className={\"border-t border-gray-200 bg-gray-100 pb-6 pt-12 text-gray-900 dark:border-gray-800 dark:bg-gray-900 dark:text-white\"}>\n        <div className={\"container mx-auto px-6\"}>\n          <div className={\"grid grid-cols-1 gap-8 md:grid-cols-12\"}>\n            <div className={\"md:col-span-4\"}>\n              <a href={\"/home\"} className={\"inline-block\"}>\n                <img src={\"/img/logo/logo-light-full.png\"} alt={\"Sozsoft\"} className={\"h-10 w-auto object-contain block dark:hidden\"} />\n                <img src={\"/img/logo/logo-dark-full.png\"} alt={\"Sozsoft\"} className={\"h-10 w-auto object-contain hidden dark:block\"} />\n              </a>\n              <p className={\"mt-4 text-sm leading-relaxed text-gray-600 dark:text-gray-400\"}>\n                {translate(\"::App.PublicFooter.CompanyInfo\")}\n              </p>\n              <div className={\"mt-6 flex space-x-4\"}>\n                <a href={\"https://facebook.com/sozsoft\"} className={\"text-gray-600 transition-colors hover:text-blue-600 dark:text-gray-400 dark:hover:text-white\"}>\n                  <PlatformIcon name={\"FaFacebook\"} size={20} />\n                </a>\n                <a href={\"https://twitter.com/sozsoft\"} className={\"text-gray-600 transition-colors hover:text-blue-600 dark:text-gray-400 dark:hover:text-white\"}>\n                  <PlatformIcon name={\"FaTwitter\"} size={20} />\n                </a>\n                <a href={\"https://linkedin.com/sozsoft\"} className={\"text-gray-600 transition-colors hover:text-blue-600 dark:text-gray-400 dark:hover:text-white\"}>\n                  <PlatformIcon name={\"FaLinkedin\"} size={20} />\n                </a>\n                <a href={\"https://instagram.com/sozsoft\"} className={\"text-gray-600 transition-colors hover:text-blue-600 dark:text-gray-400 dark:hover:text-white\"}>\n                  <PlatformIcon name={\"FaInstagram\"} size={20} />\n                </a>\n              </div>\n            </div>\n            <div className={\"md:col-span-4\"}>\n              <h3 className={\"mb-4 text-xs font-semibold uppercase tracking-wider text-gray-500 dark:text-gray-400\"}>\n                {translate(\"::App.PublicFooter.QuickLinksTitle\")}\n              </h3>\n              <PublicNav source={\"navigation\"} variant={\"vertical\"} showIcons={false} className={\"flex flex-col gap-2\"} itemClassName={\"text-sm text-gray-700 transition-colors hover:text-blue-600 dark:text-white dark:hover:text-gray-300\"} activeItemClassName={\"text-blue-600 dark:text-blue-400\"} />\n            </div>\n            <div className={\"md:col-span-4\"}>\n              <h3 className={\"mb-4 text-xs font-semibold uppercase tracking-wider text-gray-500 dark:text-gray-400\"}>\n                {translate(\"::App.Contact\")}\n              </h3>\n              <div className={\"space-y-3\"}>\n                <div className={\"flex items-start space-x-3\"}>\n                  <PlatformIcon name={\"FaMapMarkerAlt\"} size={16} className={\"flex-shrink-0 text-gray-500 dark:text-gray-400 mt-1\"} />\n                  <span className={\"text-sm leading-relaxed text-gray-900 dark:text-white\"}>\n                    {translate(\"::App.ContactAddress.Full\")}\n                  </span>\n                </div>\n                <div className={\"flex items-start space-x-3\"}>\n                  <PlatformIcon name={\"FaPhone\"} size={16} className={\"flex-shrink-0 text-gray-500 dark:text-gray-400\"} />\n                  <span className={\"text-sm leading-relaxed text-gray-900 dark:text-white\"}>\n                    {\"+90 (544) 769 7 638\"}\n                  </span>\n                </div>\n                <div className={\"flex items-start space-x-3\"}>\n                  <PlatformIcon name={\"FaEnvelope\"} size={16} className={\"flex-shrink-0 text-gray-500 dark:text-gray-400\"} />\n                  <span className={\"text-sm leading-relaxed text-gray-900 dark:text-white\"}>\n                    {\"destek@sozsoft.com\"}\n                  </span>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div className={\"mt-12 border-t border-gray-200 pt-6 dark:border-gray-800\"}>\n            <div className={\"flex flex-col items-center justify-between md:flex-row\"}>\n              <p className={\"text-sm text-gray-600 dark:text-gray-400\"}>\n                {translate(\"::App.PublicFooter.Copyright\")}\n              </p>\n              <div className={\"mt-4 flex space-x-6 text-sm md:mt-0\"}>\n                <a href={\"/about\"} className={\"text-gray-600 transition-colors hover:text-blue-600 dark:text-gray-400 dark:hover:text-white\"}>\n                  {translate(\"::App.PublicFooter.PrivacyPolicy\")}\n                </a>\n                <a href={\"/about\"} className={\"text-gray-600 transition-colors hover:text-blue-600 dark:text-gray-400 dark:hover:text-white\"}>\n                  {translate(\"::App.PublicFooter.TermsOfUse\")}\n                </a>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  )\n}\n\nexport default PublicFooter\n",
      "Props": "{\"visualDesigner\":{\"version\":1,\"sourceMode\":\"visual\",\"nodes\":[{\"id\":\"cmp_seed_0225\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"border-t border-gray-200 bg-gray-100 pb-6 pt-12 text-gray-900 dark:border-gray-800 dark:bg-gray-900 dark:text-white\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0224\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"container mx-auto px-6\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0223\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"grid grid-cols-1 gap-8 md:grid-cols-12\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0201\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"md:col-span-4\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0190\",\"type\":\"a\",\"kind\":\"html\",\"props\":{\"href\":\"/home\",\"className\":\"inline-block\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0188\",\"type\":\"img\",\"kind\":\"html\",\"props\":{\"src\":\"/img/logo/logo-light-full.png\",\"alt\":\"Sozsoft\",\"className\":\"h-10 w-auto object-contain block dark:hidden\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0189\",\"type\":\"img\",\"kind\":\"html\",\"props\":{\"src\":\"/img/logo/logo-dark-full.png\",\"alt\":\"Sozsoft\",\"className\":\"h-10 w-auto object-contain hidden dark:block\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0191\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"mt-4 text-sm leading-relaxed text-gray-600 dark:text-gray-400\",\"children\":\"::App.PublicFooter.CompanyInfo\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0200\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"mt-6 flex space-x-4\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0193\",\"type\":\"a\",\"kind\":\"html\",\"props\":{\"href\":\"https://facebook.com/sozsoft\",\"className\":\"text-gray-600 transition-colors hover:text-blue-600 dark:text-gray-400 dark:hover:text-white\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0192\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaFacebook\",\"size\":20,\"className\":\"\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0195\",\"type\":\"a\",\"kind\":\"html\",\"props\":{\"href\":\"https://twitter.com/sozsoft\",\"className\":\"text-gray-600 transition-colors hover:text-blue-600 dark:text-gray-400 dark:hover:text-white\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0194\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaTwitter\",\"size\":20,\"className\":\"\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0197\",\"type\":\"a\",\"kind\":\"html\",\"props\":{\"href\":\"https://linkedin.com/sozsoft\",\"className\":\"text-gray-600 transition-colors hover:text-blue-600 dark:text-gray-400 dark:hover:text-white\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0196\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaLinkedin\",\"size\":20,\"className\":\"\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0199\",\"type\":\"a\",\"kind\":\"html\",\"props\":{\"href\":\"https://instagram.com/sozsoft\",\"className\":\"text-gray-600 transition-colors hover:text-blue-600 dark:text-gray-400 dark:hover:text-white\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0198\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaInstagram\",\"size\":20,\"className\":\"\"},\"events\":{},\"bindings\":{},\"children\":[]}]}]}]},{\"id\":\"cmp_seed_0204\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"md:col-span-4\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0202\",\"type\":\"h3\",\"kind\":\"html\",\"props\":{\"className\":\"mb-4 text-xs font-semibold uppercase tracking-wider text-gray-500 dark:text-gray-400\",\"children\":\"::App.PublicFooter.QuickLinksTitle\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0203\",\"type\":\"PublicNav\",\"kind\":\"custom\",\"props\":{\"source\":\"navigation\",\"variant\":\"vertical\",\"showIcons\":false,\"className\":\"flex flex-col gap-2\",\"itemClassName\":\"text-sm text-gray-700 transition-colors hover:text-blue-600 dark:text-white dark:hover:text-gray-300\",\"activeItemClassName\":\"text-blue-600 dark:text-blue-400\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0216\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"md:col-span-4\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0205\",\"type\":\"h3\",\"kind\":\"html\",\"props\":{\"className\":\"mb-4 text-xs font-semibold uppercase tracking-wider text-gray-500 dark:text-gray-400\",\"children\":\"::App.Contact\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0215\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"space-y-3\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0208\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"flex items-start space-x-3\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0206\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaMapMarkerAlt\",\"size\":16,\"className\":\"flex-shrink-0 text-gray-500 dark:text-gray-400 mt-1\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0207\",\"type\":\"span\",\"kind\":\"html\",\"props\":{\"className\":\"text-sm leading-relaxed text-gray-900 dark:text-white\",\"children\":\"::App.ContactAddress.Full\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0211\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"flex items-start space-x-3\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0209\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaPhone\",\"size\":16,\"className\":\"flex-shrink-0 text-gray-500 dark:text-gray-400\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0210\",\"type\":\"span\",\"kind\":\"html\",\"props\":{\"className\":\"text-sm leading-relaxed text-gray-900 dark:text-white\",\"children\":\"+90 (544) 769 7 638\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0214\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"flex items-start space-x-3\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0212\",\"type\":\"PlatformIcon\",\"kind\":\"custom\",\"props\":{\"name\":\"FaEnvelope\",\"size\":16,\"className\":\"flex-shrink-0 text-gray-500 dark:text-gray-400\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0213\",\"type\":\"span\",\"kind\":\"html\",\"props\":{\"className\":\"text-sm leading-relaxed text-gray-900 dark:text-white\",\"children\":\"destek@sozsoft.com\"},\"events\":{},\"bindings\":{},\"children\":[]}]}]}]}]},{\"id\":\"cmp_seed_0222\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"mt-12 border-t border-gray-200 pt-6 dark:border-gray-800\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0221\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"flex flex-col items-center justify-between md:flex-row\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0217\",\"type\":\"p\",\"kind\":\"html\",\"props\":{\"className\":\"text-sm text-gray-600 dark:text-gray-400\",\"children\":\"::App.PublicFooter.Copyright\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0220\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"mt-4 flex space-x-6 text-sm md:mt-0\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0218\",\"type\":\"a\",\"kind\":\"html\",\"props\":{\"href\":\"/about\",\"className\":\"text-gray-600 transition-colors hover:text-blue-600 dark:text-gray-400 dark:hover:text-white\",\"children\":\"::App.PublicFooter.PrivacyPolicy\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0219\",\"type\":\"a\",\"kind\":\"html\",\"props\":{\"href\":\"/about\",\"className\":\"text-gray-600 transition-colors hover:text-blue-600 dark:text-gray-400 dark:hover:text-white\",\"children\":\"::App.PublicFooter.TermsOfUse\"},\"events\":{},\"bindings\":{},\"children\":[]}]}]}]}]}]}],\"canvas\":{\"width\":\"responsive\"},\"lifecycle\":{\"onMount\":\"\"},\"dataSources\":[],\"permissionCode\":\"\"}}",
      "DataSources": ""
    }
  ]
}