Added csv download example

public/example_properties.csv

@@ -0,0 +1,2 @@
+address,postcode,,,,,
+,,,,,,

src/app/components/portfolio/UploadCsvModal.tsx

@@ -9,6 +9,7 @@ import { Input } from "@/app/shadcn_components/ui/input";
 import { Label } from "@/app/shadcn_components/ui/label";
 import { useRouter } from "next/navigation";
 import { useMutation } from "@tanstack/react-query";
+import Link from "next/link";
 
 export const SubmitPlan = ({
   buttonDisabled,
@@ -416,6 +417,18 @@ export default function UploadCsvModal({
                     )}
                   </div>
 
+                  <div className="flex flex-col space-y-2 mt-7">
+                    <div className="text-sm font-semibold text-gray-600 relative leading-relaxed tracking-wider">
+                      Download the example csv and fill in the details for your
+                      properties
+                    </div>
+                    <div className="!text-blue-500 underline">
+                      <Link href="/example_properties.csv">
+                        Download example CSV
+                      </Link>
+                    </div>
+                  </div>
+
                   <div className="flex flex-col space-y-2 mt-7">
                     <div className="flex space-x-2">
                       <InputFile

tailwind.config.js

@@ -103,5 +103,16 @@ module.exports = {
       visibility: ["group-hover"],
     },
   },
-  plugins: [],
+  plugins: [
+    function ({ addVariant }) {
+      addVariant("important", ({ container }) => {
+        container.walkRules((rule) => {
+          rule.selector = `.\\!${rule.selector.slice(1)}`;
+          rule.walkDecls((decl) => {
+            decl.important = true;
+          });
+        });
+      });
+    },
+  ],
 };