Merge pull request #167 from Hestia-Homes/feature/faq_and_quick_fixies

Feature/faq and quick fixies

src/app/components/building-passport/Toolbar.tsx

@@ -161,7 +161,7 @@ export function Toolbar({
             onClick={() => setOpenModal(true)}
             className="bg-brandblue text-white hover:bg-branddarkblue flex items-center"
           >
-            Book a Survey
+            Book an On Site Assessment
           </Button>
         </div>
       </div>

src/app/help/page.tsx

@@ -2,7 +2,13 @@
 
 import { useState } from "react";
 
-const FAQItem = ({ question, answer }: { question: string; answer: string }) => {
+const FAQItem = ({
+  question,
+  answer,
+}: {
+  question: string;
+  answer: string;
+}) => {
   const [open, setOpen] = useState(false);
 
   return (
@@ -17,10 +23,12 @@ const FAQItem = ({ question, answer }: { question: string; answer: string }) =>
 
       <div
         className={`transition-all overflow-hidden ${
-          open ? "max-h-40 mt-2" : "max-h-0"
+          open ? "max-h-[500px] mt-2" : "max-h-0"
         }`}
       >
-        <p className="text-zinc-600">{answer}</p>
+        <p className="text-zinc-600 whitespace-pre-line">
+          {answer}
+        </p>
       </div>
     </div>
   );
@@ -29,19 +37,72 @@ const FAQItem = ({ question, answer }: { question: string; answer: string }) =>
 const HelpPage = () => {
   const faqs = [
     {
-      question: "Question 1",
-      answer:
-        "Answer 1",
+      question: "Is Ara the same as an on-site PAS 2035 assessment?",
+      answer: `No. Ara is a remote pre-assessment designed to give fast, indicative recommendations.
+
+A PAS 2035 assessment requires an onsite inspection and provides guaranteed upgrade pathways, full Retrofit Assessment reports, and validated specifications.`,
     },
     {
-      question: "Question 2",
+      question: "How do I add a property to the app?",
       answer:
-        "Answer 2",
+        "Click “New Property” at the top of your portfolio screen, enter the property address, and the system will generate your report automatically.",
     },
     {
-      question: "Question 3",
-      answer:
-        "Answer 3",
+      question: "I’ve added my property, but I can’t see the results – what should I do?",
+      answer: `Try refreshing the page or logging out and back in.
+
+If the issue continues, contact us and we can add the property manually for you.`,
+    },
+    {
+      question: "How do I view my property results?",
+      answer: `To view your results, simply click on the property address in your portfolio.
+
+This will open the full summary, including:
+
+• Current EPC position  
+• Property data and assumptions  
+• Estimated costs  
+• Retrofit plan`,
+    },
+    {
+      question: "What do the recommendations mean?",
+      answer: `The system suggests the quickest and most cost-effective measures to reach EPC C based on your property’s current data.
+
+These are estimates only — exact requirements can only be confirmed through a full PAS 2035 on-site assessment.`,
+    },
+    {
+      question: "Can I change the recommended measures in Ara?",
+      answer: `Yes — you can adjust the recommended measures within the app to explore different upgrade options.
+
+When you change a measure (for example, swapping insulation for solar PV), the app will automatically update:
+
+• Energy-efficiency impact  
+• SAP point gains  
+• Estimated costs  
+
+This allows you to compare different routes to EPC C.`,
+    },
+    {
+      question: "Will Ara tell me if I can get funding?",
+      answer: `Ara provides indicative funding guidance. However, funding eligibility 	depends 	on current scheme criteria and availability, which change regularly. A 	full 		eligibility check is included as part of a PAS 2035 assessment.`,
+    },
+    {
+      question: "I’ve completed the remote assessment. What’s next?",
+      answer: `If you want to proceed with improvements, the next step is a PAS 2035 on-site Retrofit Assessment, which includes:
+
+• Property fabric inspection  
+• Condition survey  
+• RdSAP  
+• Ventilation & occupancy assessment  
+• A guaranteed improvement plan`,
+    },
+    {
+      question: "What if I can’t get the app to work?",
+      answer: `If you have any technical issues, email us at enquiries@domna.homes and we can:
+
+• Add the property for you  
+• Send the results manually  
+• Arrange a call with a team member`,
     },
   ];
 
@@ -55,7 +116,19 @@ const HelpPage = () => {
       {faqs.map((f, i) => (
         <FAQItem key={i} question={f.question} answer={f.answer} />
       ))}
-    </div>
+        <div className="py-4">
+          <h2 className="text-xl font-semibold mb-2">Still need help?</h2>
+          <p className="text-zinc-600 mb-4">
+            If you can’t find the answer you’re looking for, our team is happy to help.
+          </p>
+          <a
+            href="mailto:enquiries@domna.homes"
+            className="text-blue-600 font-medium hover:underline"
+          >
+            Contact us at enquiries@domna.homes
+          </a>
+        </div>
+      </div>
   );
 };
 

src/app/layout.tsx

@@ -16,8 +16,8 @@ const inter = Inter({
 });
 
 export const metadata = {
-  title: "",
-  description: "Start your retrofit journey today",
+  title: "Ara",
+  description: "Ara is Domna’s portfolio intelligence platform that turns housing stock data into clear, costed retrofit and investment plans.",
 };
 
 const getSession = cache(async () => {

src/app/portfolio/[slug]/components/BookSurveyModal.tsx

@@ -77,27 +77,58 @@ export default function BookSurveyModal({
   };
 
   return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="sm:max-w-md">
-        <DialogHeader className="text-center">
-          <DialogTitle className="text-center">
-            Confirm and we’ll be in touch!
-          </DialogTitle>
-        </DialogHeader>
+      <Dialog open={open} onOpenChange={onOpenChange}>
+        <DialogContent className="sm:max-w-md">
+          <DialogHeader>
+            <DialogTitle>Full On-Site Retrofit Assessment</DialogTitle>
+          </DialogHeader>
 
-        <form onSubmit={handleSubmit} className="space-y-4">
-          <DialogFooter>
-            <Button
-              type="submit"
-              className="w-full"
-              disabled={bookSurveyMutation.isPending}
-            >
-              {bookSurveyMutation.isPending ? "Creating..." : "Confirm"}
-            </Button>
-          </DialogFooter>
-        </form>
-      </DialogContent>
-    </Dialog>
+          <div className="space-y-4 text-sm text-muted-foreground">
+            <p>
+              An in-person survey carried out by one of our retrofit specialists.
+              This is recommended where a desktop review isn’t sufficient or where
+              a clear, evidence-based plan is required.
+            </p>
+
+            <div>
+              <p className="font-medium text-foreground mb-2">What’s included</p>
+              <ul className="list-disc pl-5 space-y-1">
+                <li>Detailed inspection of the property</li>
+                <li>Verification of construction, insulation, heating and ventilation</li>
+                <li>Assessment of damp, moisture and occupancy risks</li>
+                <li>PAS 2035-compliant retrofit plan with clear recommendations</li>
+              </ul>
+            </div>
+
+            <div>
+              <p className="font-medium text-foreground">
+                Cost: £450 + VAT per property
+              </p>
+            </div>
+
+            <div>
+              <p className="font-medium text-foreground mb-2">What happens next</p>
+              <ul className="list-disc pl-5 space-y-1">
+                <li>Arrange a suitable assessment date</li>
+                <li>Confirm access details</li>
+                <li>Take payment and complete the booking</li>
+              </ul>
+            </div>
+          </div>
+
+          <form onSubmit={handleSubmit}>
+            <DialogFooter className="pt-4">
+              <Button
+                type="submit"
+                className="w-full"
+                disabled={bookSurveyMutation.isPending}
+              >
+                {bookSurveyMutation.isPending ? "Creating…" : "Confirm"}
+              </Button>
+            </DialogFooter>
+          </form>
+        </DialogContent>
+      </Dialog>
     );
 }