80 lines
3.2 KiB
TypeScript
80 lines
3.2 KiB
TypeScript
|
"use client";
|
|||
|
|
|
|||
|
|
import { FAQ } from "@/components/ui/accordion";
|
|||
|
|
import Headline from "@/components/ui/headline";
|
|||
|
|
import { useSplitHeading } from "@/lib/useTextRevealHeading";
|
|||
|
|
import { useRef } from "react";
|
|||
|
|
|
|||
|
|
const FAQSection = () => {
|
|||
|
|
const headingRef = useRef<HTMLHeadingElement | null>(null);
|
|||
|
|
const paraRef = useRef<HTMLParagraphElement | null>(null);
|
|||
|
|
const containerRef = useRef<HTMLDivElement | null>(null);
|
|||
|
|
|
|||
|
|
useSplitHeading(headingRef, paraRef);
|
|||
|
|
const faq = [
|
|||
|
|
{
|
|||
|
|
question: "What is Whispering Trees?",
|
|||
|
|
answer:
|
|||
|
|
"Whispering Trees is an IoT and AI platform that monitors the health of urban trees in real time. Our sensors measure moisture, stress, and environmental data — helping cities make smarter irrigation and maintenance decisions.",
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
{
|
|||
|
|
question: "How many trees can we monitor?",
|
|||
|
|
answer:
|
|||
|
|
"The system is fully scalable — from a single pilot district with 10 sensors to thousands of trees across multiple cities. You can start small and expand anytime without hardware changes.",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
question: "How accurate are the sensors?",
|
|||
|
|
answer:
|
|||
|
|
"Whispering Trees sensors are scientifically validated with precision readings for moisture and electrical resistance, ensuring early stress detection with over 95% reliability in field conditions.",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
question: "Do we need Wi-Fi or mobile data in the field?",
|
|||
|
|
answer:
|
|||
|
|
"No fixed Wi-Fi is required. The sensors communicate via low-power wireless networks (LoRaWAN or LTE-M), optimized for long range and minimal energy use — perfect for public spaces.",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
question: "What kind of support is included?",
|
|||
|
|
answer:
|
|||
|
|
"We offer onboarding assistance, online documentation, and email support for all Starter/Core users. Enterprise plans include dedicated account management and advanced analytics.",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
question: "How soon can we start a pilot project?",
|
|||
|
|
answer:
|
|||
|
|
"You can begin within 4–8 weeks. After the first sensor installation, data appears live on your dashboard — giving you immediate insights into your urban forest’s health.",
|
|||
|
|
},
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
return (
|
|||
|
|
<section
|
|||
|
|
ref={containerRef}
|
|||
|
|
id="faq"
|
|||
|
|
className="tab:px-0 flex h-full flex-col items-center justify-center pb-8 sm:px-2.5"
|
|||
|
|
>
|
|||
|
|
<div className="tab:w-9/12 flex flex-col items-center justify-center gap-4 sm:w-full md:w-6/12">
|
|||
|
|
<Headline text="FAQ" />
|
|||
|
|
<h1
|
|||
|
|
ref={headingRef}
|
|||
|
|
className="font-switzer text-h-mobile-30 leading-h5 tab:text-h-2-60 tab:leading-h2 text-center font-semibold text-black"
|
|||
|
|
>
|
|||
|
|
Whispering Trees{" "}
|
|||
|
|
<span className="font-playfair text-brand font-semibold italic">
|
|||
|
|
Explained
|
|||
|
|
</span>
|
|||
|
|
</h1>
|
|||
|
|
<p
|
|||
|
|
ref={paraRef}
|
|||
|
|
className="text-b-3-16 leading-b3 font-mium-reg max-w-2xl text-center tracking-[-0.8px] text-black/80"
|
|||
|
|
>
|
|||
|
|
Learn how Whispering Trees helps cities grow greener and smarter.
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
<div className="tab:w-11/12 mt-10 w-full md:w-9/12">
|
|||
|
|
<FAQ faqData={faq} />
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
export default FAQSection;
|