Added plan route

src/app/components/property/EditEpcTargetModal.tsx

@@ -1,6 +1,6 @@
 import { Dialog, Transition } from "@headlessui/react";
 import { Dispatch, Fragment, SetStateAction, useState } from "react";
-import { TanButton } from "../button";
+import { TanButton } from "../Button";
 import EpcDropdownMenu from "../../components/property/EpcDropDownMenu";
 import { EpcRating } from "@/types/epc";
 

src/app/components/property/PartModal.tsx

@@ -1,6 +1,6 @@
 import { Dialog, Transition } from "@headlessui/react";
 import { Dispatch, Fragment, SetStateAction, useState } from "react";
-import { TanButton } from "../button";
+import { TanButton } from "../Button";
 import { EpcRating } from "@/types/epc";
 
 export default function PartModal({

src/app/components/property/partCard.tsx

@@ -17,10 +17,10 @@ export default function PartCard({
         <div className="flex items-center justify-between">
           <h2 className="text-xl font-bold">{title}</h2>
           <button
-            className="flex items-center text-blue-500"
+            className="flex items-center text-brandmidblue hover:text-brandblue transition-colors duration-200 cursor-pointer"
             onClick={() => setIsDetailModalOpen(true)}
           >
-            <PencilSquareIcon className="h-6 w-6 ml-2 " />
+            <PencilSquareIcon className="h-6 w-6 ml-2" />
             Edit
           </button>
         </div>

src/app/portfolio/[slug]/property/[lmkKey]/page.tsx

@@ -8,6 +8,7 @@ import { useRouter } from "next/navigation";
 import { useQuery } from "@tanstack/react-query";
 import EditEpcTargetModal from "../../../../components/property/EditEpcTargetModal";
 import PartCard from "@/app/components/property/PartCard";
+import { TanButton } from "@/app/components/Button";
 
 const EpcDefaults: { [key in EpcRating]: EpcRating } = {
   G: "C",
@@ -165,6 +166,19 @@ export default function PropertyPage({
             </div>
           </div>
         </div>
+        <div className="text-start mt-2">
+          Review the property details below and update as required. The more you
+          update, the more accurate your recommendations will be. When you're
+          happy, click "Build My Plan" to see your recommended actions.
+        </div>
+        <div className="flex justify-center">
+          <TanButton
+            label="Build My Plan"
+            onClick={() => {
+              router.push(`/portfolio/${portfolioId}/property/${lmkKey}/plan`);
+            }}
+          />
+        </div>
 
         <div>
           {partConfig.map((part, index) => {

src/app/portfolio/[slug]/property/[lmkKey]/plan/page.tsx

@@ -0,0 +1,7 @@
+export default function Plan() {
+  return (
+    <div>
+      <h1>Plan</h1>
+    </div>
+  );
+}