show a demo to harry

This commit is contained in:
Jun-te Kim 2026-01-26 11:34:58 +00:00
parent ab92d11563
commit 408433190c
3 changed files with 130 additions and 32 deletions

View file

@ -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>

View file

@ -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: "Ive added my property, but I cant 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 propertys 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: "Ive completed the remote assessment. Whats 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 cant get the app to work?",
answer: `Were 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`,
},
];

View file

@ -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 well 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 isnt sufficient or where
a clear, evidence-based plan is required.
</p>
<div>
<p className="font-medium text-foreground mb-2">Whats 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>
);
}