diff --git a/resources/js/Components/RpoRecord.vue b/resources/js/Components/RpoRecord.vue
new file mode 100644
index 0000000..df9b026
--- /dev/null
+++ b/resources/js/Components/RpoRecord.vue
@@ -0,0 +1,118 @@
+<template>
+  <div class="table-main">
+    <div
+      v-for="(row, index) in arrData"
+      :key="index"
+      class="row-data m-2 d-flex"
+    >
+      <div class="key p-2 d-inline-block">
+        <div class="text-capitalize ">
+          {{ printRpoName(row) }} 
+        </div>
+      </div>
+      <div v-if="['string', 'number'].includes(checkValueType(data[row]))">
+        <div class="value p-2 d-inline-block">{{ data[row] }}</div>
+      </div>
+      <div v-else-if="checkValueType(data[row]) === 'array'">
+        <div v-for="(arrRow, index2) in data[row]" :key="index2" class="d-flex">
+          <div v-if="['string', 'number'].includes(checkValueType(arrRow))">
+            {{ arrRow }}
+          </div>
+          <div v-else>
+            <RpoRecord :data="arrRow" :rpo="subRpo(arrRow, row,index2)"/>
+          </div>
+        </div>
+      </div>
+      <div v-else>
+        <RpoRecord :data="data[row]" :rpo="subRpo(data[row],row,index)" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import rpoJsonData from '../Data/RpoTree.json';
+
+export default {
+  name: "RpoRecord",
+  props: {
+    data: {
+      type: Object
+    },
+    rpo: {
+      type: Object,
+    }
+  },
+  computed: {
+    arrData() {
+      return Object.keys(this.data);
+    }
+  },
+  methods: {
+    keyTitle(key) {
+      return key.split("_").join(" ");
+    },
+    checkValueType(val) {
+      if (typeof val !== "object") {
+        return typeof val;
+      }
+      return Array.isArray(val) ? "array" : "object";
+    },
+    printRpoName(key) {
+
+      console.log('data',typeof this.rpo[key]);
+      if (typeof this.rpo[key] !== 'undefined'){
+        console.log(this.rpo[key]);
+        return this.rpo[key]["desc"];
+      }
+      if (typeof this.rpo[key] !== 'undefined' && typeof this.rpo[key]["value"] !== 'undefined') {
+        console.log(this.rpo[key]);
+        return this.rpo[key].value.desc;
+      }
+
+      return key;
+    },
+    subRpo(val,kz,i) {
+      console.log('val=',val,'k=',kz,'i=',i);
+      console.log(this.rpo);
+      return this.rpo[kz];
+    }
+  },
+  mounted() {
+    
+    console.log('JSON=',this.rpo);
+
+  }
+};
+</script>
+
+<style scoped>
+.table-main {
+  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
+.m-2 {
+  margin: .5rem!important;
+}
+.mx-2 {
+  margin-right: .5rem!important;
+}
+.p-2 {
+  padding: .5rem!important;
+}
+.d-flex {
+  display: flex!important;
+}
+.d-inline-block {
+  display: inline-block!important;
+}
+.text-capitalize {
+  text-transform: capitalize!important;
+}
+.key {
+  background: lightgray;
+}
+.table-main  .row-data {
+    border: 2px solid grey;
+    border-radius: 2px;
+  }
+</style>
diff --git a/resources/js/Data/RpoTree.json b/resources/js/Data/RpoTree.json
new file mode 100644
index 0000000..c19e854
--- /dev/null
+++ b/resources/js/Data/RpoTree.json
@@ -0,0 +1,467 @@
+{
+    "identifiers": {
+        "value": {
+            "name": "identifiers.value",
+            "desc": "Identifikátor",
+            "type": "String"
+        },
+        "validFrom": {
+            "name": "identifiers.validFrom",
+            "desc": "platnosť od",
+            "type": "Date"
+        }
+    },
+    "fullNames": {
+        "value": {
+            "name": "fullNames.value",
+            "desc": "Plné meno",
+            "type": "String"
+        },
+        "validFrom": {
+            "name": "fullNames.validFrom",
+            "desc": "platnosť od",
+            "type": "Date"
+        }
+    },
+    "addresses": {
+        "validFrom": {
+            "name": "addresses.validFrom",
+            "desc": "platnosť od",
+            "type": "Date"
+        },
+        "street": {
+            "name": "addresses.street",
+            "desc": "Ulica",
+            "type": "String"
+        },
+        "regNumber": {
+            "name": "addresses.regNumber",
+            "desc": "Reg. číslo",
+            "type": "String"
+        },
+        "buildingNumber": {
+            "name": "addresses.buildingNumber",
+            "desc": "čislo budovy",
+            "type": "String"
+        },
+        "postalCodes": {
+            "name": "addresses.postalCodes",
+            "desc": "PSČ",
+            "type": "String"
+        },
+        "municipality": {
+            "value": {
+                "name": "addresses.municipality.value",
+                "desc": "Mesto",
+                "type": "String"
+            }
+        },
+        "country": {
+            "codelistCode": {
+                "name": "addresses.country.codelistCode",
+                "desc": "Kód zoznamu krajiny"
+            },
+            "code": {
+                "name": "addresses.country.code",
+                "desc": "Kód krajiny",
+                "type": "Number"
+            },
+            "value": {
+                "name": "addresses.country.value",
+                "desc": "Krajina",
+                "type": "String"
+            }
+        }
+    },
+    "legalForms": {
+        "codelistCode": {
+            "name": "legalForms.codelistCode",
+            "desc": "kód zoznamu"
+        },
+        "code": {
+            "name": "legalForms.code",
+            "desc": "Právna forma kód",
+            "type": "Number"
+        },
+        "value": {
+            "name": "legalForms.value",
+            "desc": "Právna forma",
+            "type": "String"
+        },
+        "validFrom": {
+            "name": "legalForms.validFrom",
+            "desc": "platná od",
+            "type": "Date"
+        }
+    },
+    "establishment": {
+        "name": "establishment",
+        "desc": "Založenie",
+        "type": "Date"
+    },
+    "activities": {
+        "economicActivityDescription": {
+            "name": "activities.economicActivityDescription",
+            "desc": "Typ ekonomickej aktivity",
+            "type": "String"
+        },
+        "validFrom": {
+            "name": "activities.validFrom",
+            "desc": "platný od",
+            "type": "Date"
+        }
+    },
+    "statutoryBodies": {
+        "stakeholderType": {
+            "codelistCode": {
+                "name": "statutoryBodies.stakeholderType.codelistCode",
+                "desc": "zoznam kód"
+            },
+            "code": {
+                "name": "statutoryBodies.stakeholderType.code",
+                "desc": "kód",
+                "type": "Number"
+            },
+            "value": {
+                "name": "statutoryBodies.stakeholderType.value",
+                "desc": "Partneri v podnikaní",
+                "type": "String"
+            }
+        },
+        "validFrom": {
+            "name": "statutoryBodies.validFrom",
+            "desc": "platný od",
+            "type": "Date"
+        },
+        "address": {
+            "street": {
+                "name": "statutoryBodies.address.street",
+                "desc": "ulica",
+                "type": "String"
+            },
+            "regNumber": {
+                "name": "statutoryBodies.address.regNumber",
+                "desc": "reg. číslo",
+                "type": "String"
+            },
+            "buildingNumber": {
+                "name": "statutoryBodies.address.buildingNumber",
+                "desc": "číslo budovy",
+                "type": "String"
+            },
+            "postalCodes": {
+                "name": "statutoryBodies.address.postalCodes",
+                "desc": "PSČ",
+                "type": "String"
+            },
+            "municipality": {
+                "value": {
+                    "name": "statutoryBodies.address.municipality.value",
+                    "desc": "Miesto",
+                    "type": "String"
+                }
+            },
+            "country": {
+                "codelistCode": {
+                    "name": "statutoryBodies.address.country.codelistCode",
+                    "desc": "krajina CL"
+                },
+                "code": {
+                    "name": "statutoryBodies.address.country.code",
+                    "desc": "kód",
+                    "type": "Number"
+                },
+                "value": {
+                    "name": "statutoryBodies.address.country.value",
+                    "desc": "krajina",
+                    "type": "String"
+                }
+            }
+        },
+        "personName": {
+            "formatedName": {
+                "name": "statutoryBodies.personName.formatedName",
+                "desc": "celé meno",
+                "type": "String"
+            },
+            "givenNames": {
+                "name": "statutoryBodies.personName.givenNames",
+                "desc": "krstné meno",
+                "type": "String"
+            },
+            "familyNames": {
+                "name": "statutoryBodies.personName.familyNames",
+                "desc": "priezvisko",
+                "type": "String"
+            }
+        }
+    },
+    "stakeholders": {
+        "stakeholderType": {
+            "codelistCode": {
+                "name": "stakeholders.stakeholderType.codelistCode",
+                "desc": "CL"
+            },
+            "code": {
+                "name": "stakeholders.stakeholderType.code",
+                "desc": "Kód",
+                "type": "Number"
+            },
+            "value": {
+                "name": "stakeholders.stakeholderType.value",
+                "desc": "Prartneri v podnikaní",
+                "type": "String"
+            }
+        },
+        "validFrom": {
+            "name": "stakeholders.validFrom",
+            "desc": "Platné od",
+            "type": "Date"
+        },
+        "address": {
+            "street": {
+                "name": "stakeholders.address.street",
+                "desc": "Ulica",
+                "type": "String"
+            },
+            "regNumber": {
+                "name": "stakeholders.address.regNumber",
+                "desc": "Reg. číslo",
+                "type": "String"
+            },
+            "buildingNumber": {
+                "name": "stakeholders.address.buildingNumber",
+                "desc": "budova číslo",
+                "type": "String"
+            },
+            "postalCodes": {
+                "name": "stakeholders.address.postalCodes",
+                "desc": "PSČ",
+                "type": "String"
+            },
+            "municipality": {
+                "value": {
+                    "name": "stakeholders.address.municipality.value",
+                    "desc": "miesto",
+                    "type": "String"
+                }
+            },
+            "country": {
+                "codelistCode": {
+                    "name": "stakeholders.address.country.codelistCode",
+                    "desc": "CL"
+                },
+                "code": {
+                    "name": "stakeholders.address.country.code",
+                    "desc": "kód",
+                    "type": "Number"
+                },
+                "value": {
+                    "name": "stakeholders.address.country.value",
+                    "desc": "Krajina",
+                    "type": "String"
+                }
+            }
+        },
+        "personName": {
+            "formatedName": {
+                "name": "stakeholders.personName.formatedName",
+                "desc": "Celé meno",
+                "type": "String"
+            },
+            "givenNames": {
+                "name": "stakeholders.personName.givenNames",
+                "desc": "Krstné meno",
+                "type": "String"
+            }
+        }
+    },
+    "otherLegalFacts": {
+        "value": {
+            "name": "otherLegalFacts.value",
+            "desc": "Poznámky k právnym informáciam",
+            "type": "String"
+        },
+        "validFrom": {
+            "name": "otherLegalFacts.validFrom",
+            "desc": "platné od",
+            "type": "Date"
+        }
+    },
+    "authorizations": {
+        "value": {
+            "name": "authorizations.value",
+            "desc": "Autorizácia",
+            "type": "String"
+        },
+        "validFrom": {
+            "name": "authorizations.validFrom",
+            "desc": "Platná od",
+            "type": "Date"
+        }
+    },
+    "equities": {
+        "validFrom": {
+            "name": "equities.validFrom",
+            "desc": "platné od",
+            "type": "Date"
+        },
+        "value": {
+            "name": "equities.value",
+            "desc": "Cenné papiere",
+            "type": "String"
+        },
+        "currency": {
+            "codelistCode": {
+                "name": "equities.currency.codelistCode",
+                "desc": "CL"
+            },
+            "code": {
+                "name": "equities.currency.code",
+                "desc": "kód",
+                "type": "Number"
+            },
+            "value": {
+                "name": "equities.currency.value",
+                "desc": "Cenné papiere, mena",
+                "type": "String"
+            }
+        },
+        "valuePaid": {
+            "name": "equities.valuePaid",
+            "desc": "zaplatené",
+            "type": "Number"
+        }
+    },
+    "deposits": {
+        "validTo": {
+            "name": "deposits.validTo",
+            "desc": "Platný do",
+            "type": "Date"
+        },
+        "personName": {
+            "formatedName": {
+                "name": "deposits.personName.formatedName",
+                "desc": "Celé meno",
+                "type": "String"
+            },
+            "givenNames": {
+                "name": "deposits.personName.givenNames",
+                "desc": "Krstné meno",
+                "type": "String"
+            },
+            "familyNames": {
+                "name": "deposits.personName.familyNames",
+                "desc": "Priezvisko",
+                "type": "String"
+            }
+        },
+        "amount": {
+            "name": "deposits.amount",
+            "desc": "Depozit, čiastka",
+            "type": "Number"
+        },
+        "currency": {
+            "codelistCode": {
+                "name": "deposits.currency.codelistCode",
+                "desc": "CL"
+            },
+            "code": {
+                "name": "deposits.currency.code",
+                "desc": "kód",
+                "type": "Number"
+            },
+            "value": {
+                "name": "deposits.currency.value",
+                "desc": "hodnota",
+                "type": "String"
+            }
+        },
+        "validFrom": {
+            "name": "deposits.validFrom",
+            "desc": "platné od",
+            "type": "Date"
+        }
+    },
+    "sourceRegister": {
+        "value": {
+            "codelistCode": {
+                "name": "sourceRegister.value.codelistCode",
+                "desc": "CL"
+            },
+            "code": {
+                "name": "sourceRegister.value.code",
+                "desc": "kód",
+                "type": "Number"
+            },
+            "value": {
+                "name": "sourceRegister.value.value",
+                "desc": "Registračný úrad",
+                "type": "String"
+            }
+        },
+        "registrationOffices": {
+            "value": {
+                "name": "sourceRegister.registrationOffices.value",
+                "desc": "Registračný úrad, kancelária",
+                "type": "String"
+            },
+            "validFrom": {
+                "name": "sourceRegister.registrationOffices.validFrom",
+                "desc": "platné od",
+                "type": "Date"
+            }
+        },
+        "registrationNumbers": {
+            "value": {
+                "name": "sourceRegister.registrationNumbers.value",
+                "desc": "Registračné číslo",
+                "type": "String"
+            },
+            "validFrom": {
+                "name": "sourceRegister.registrationNumbers.validFrom",
+                "desc": "Platné od",
+                "type": "Date"
+            }
+        }
+    },
+    "statisticalCodes": {
+        "statCodesActualization": {
+            "name": "statisticalCodes.statCodesActualization",
+            "desc": "Aktualizácia",
+            "type": "Date"
+        },
+        "mainActivity": {
+            "codelistCode": {
+                "name": "statisticalCodes.mainActivity.codelistCode",
+                "desc": "CL"
+            },
+            "code": {
+                "name": "statisticalCodes.mainActivity.code",
+                "desc": "kód",
+                "type": "Number"
+            },
+            "value": {
+                "name": "statisticalCodes.mainActivity.value",
+                "desc": "hlavná aktivita",
+                "type": "String"
+            }
+        },
+        "esa2010": {
+            "codelistCode": {
+                "name": "statisticalCodes.esa2010.codelistCode",
+                "desc": "CL"
+            },
+            "code": {
+                "name": "statisticalCodes.esa2010.code",
+                "desc": "kód",
+                "type": "Number"
+            },
+            "value": {
+                "name": "statisticalCodes.esa2010.value",
+                "desc": "ESA 2010",
+                "type": "String"
+            }
+        }
+    }
+}
diff --git a/resources/js/Layouts/GuestLayout.vue b/resources/js/Layouts/GuestLayout.vue
index 49822c9..1fa524f 100644
--- a/resources/js/Layouts/GuestLayout.vue
+++ b/resources/js/Layouts/GuestLayout.vue
@@ -8,7 +8,7 @@ import { Link } from '@inertiajs/inertia-vue3';
 <nav class="flex items-center justify-between flex-wrap bg-stone-400 p-6">
   <div class="flex items-center flex-no-shrink text-white mr-6">
     <svg class="h-8 w-8 mr-2" width="54" height="54" viewBox="0 0 54 54" xmlns="http://www.w3.org/2000/svg"><path d="M13.5 22.1c1.8-7.2 6.3-10.8 13.5-10.8 10.8 0 12.15 8.1 17.55 9.45 3.6.9 6.75-.45 9.45-4.05-1.8 7.2-6.3 10.8-13.5 10.8-10.8 0-12.15-8.1-17.55-9.45-3.6-.9-6.75.45-9.45 4.05zM0 38.3c1.8-7.2 6.3-10.8 13.5-10.8 10.8 0 12.15 8.1 17.55 9.45 3.6.9 6.75-.45 9.45-4.05-1.8 7.2-6.3 10.8-13.5 10.8-10.8 0-12.15-8.1-17.55-9.45-3.6-.9-6.75.45-9.45 4.05z"/></svg>
-    <span class="font-semibold text-xl tracking-tight">Register právnických osôb</span>
+    <span class="font-semibold text-xl tracking-tight"><a href="/">Register právnických osôb</a></span>
   </div>
   <div class="block lg:hidden">
     <button class="flex items-center px-3 py-2 border rounded text-teal-lighter border-teal-light hover:text-white hover:border-white">