mirror of
https://github.com/Hestia-Homes/assessment-model.git
synced 2026-06-30 12:55:02 +00:00
show a demo to harry
This commit is contained in:
parent
ab92d11563
commit
408433190c
3 changed files with 130 additions and 32 deletions
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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,78 @@ 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.
|
||||
|
||||
The 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",
|
||||
"Simply 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 the 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 gives indicative funding guidance, but due to recent government budget changes and the planned end of ECO/GBIS in March 2026, funding is becoming increasingly limited.
|
||||
|
||||
A full eligibility check is included in 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: `We’re still actively improving the platform.
|
||||
|
||||
If you have any 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`,
|
||||
},
|
||||
];
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue