81 lines
3.8 KiB
TypeScript
81 lines
3.8 KiB
TypeScript
"use client";
|
|
|
|
import { useInView } from "@/hooks/use-in-view";
|
|
import { AccordionItem } from "@/components/ui/accordion";
|
|
|
|
const faqs = [
|
|
{
|
|
question: "Wait, you're actually making electricity from poop?",
|
|
answer:
|
|
"Yes! It's called anaerobic digestion — a well-established process used in wastewater treatment worldwide. Microorganisms break down organic waste in oxygen-free environments, producing biogas (primarily methane). We capture this biogas and run it through micro-generators to produce clean electricity. The science is solid; we just made it festival-sized and fun.",
|
|
},
|
|
{
|
|
question: "Is it safe? Like... it's poop.",
|
|
answer:
|
|
"Completely safe. Our bioreactors are sealed, automated systems. The waste is contained in closed tanks, the biogas is processed through standard safety filters, and the electricity output is clean, regulated power. Our systems meet all EPA, OSHA, and local health department requirements. The output is cleaner than diesel generators.",
|
|
},
|
|
{
|
|
question: "How much power can you actually generate?",
|
|
answer:
|
|
"It depends on the festival size, but a typical 5,000-person weekend festival generates enough waste to power roughly 200-300 kWh — that's enough for main stage lighting, sound for smaller stages, food vendor equipment, and phone charging stations. Larger festivals (10K+) can generate megawatt-scale power.",
|
|
},
|
|
{
|
|
question: "What happens to the waste after the festival?",
|
|
answer:
|
|
"After biogas extraction, the remaining digestate is a nutrient-rich, pathogen-reduced material that's processed into agricultural fertilizer. Nothing goes to landfill. It's a true circular economy — festival-goers eat, drink, use the facilities, and the output powers the party and feeds next season's crops.",
|
|
},
|
|
{
|
|
question: "Do your porta potties actually look and smell better?",
|
|
answer:
|
|
"Way better. Because waste is continuously processed (not just sitting in a tank), odor is dramatically reduced. Our units feature active ventilation, hands-free flushing, LED lighting, phone charging ports, and are cleaned on regular rotation by our on-site team. Festival-goers consistently rate them 4.8/5 stars. Yes, we survey people about toilets.",
|
|
},
|
|
{
|
|
question: "How far in advance do we need to book?",
|
|
answer:
|
|
"We recommend booking at least 3-6 months ahead for large festivals (5K+ attendees) to ensure equipment availability and proper planning. Smaller events can sometimes be accommodated with 4-6 weeks notice. Contact us early — festival season fills up fast, and our poop-powered units are in high demand.",
|
|
},
|
|
];
|
|
|
|
export function FAQSection() {
|
|
const { ref, isInView } = useInView(0.1);
|
|
|
|
return (
|
|
<section id="faq" className="py-24 px-4" ref={ref}>
|
|
<div className="mx-auto max-w-3xl">
|
|
<div className="text-center mb-16">
|
|
<h2
|
|
className={`text-3xl sm:text-4xl md:text-5xl font-bold mb-4 ${
|
|
isInView ? "animate-fade-in-up" : "opacity-0"
|
|
}`}
|
|
>
|
|
Frequently <span className="text-neon">Asked</span> Questions
|
|
</h2>
|
|
<p
|
|
className={`text-cream-dim text-lg max-w-2xl mx-auto ${
|
|
isInView ? "animate-fade-in-up" : "opacity-0"
|
|
}`}
|
|
style={{ animationDelay: "0.1s" }}
|
|
>
|
|
We know you have questions. We've heard them all.
|
|
</p>
|
|
</div>
|
|
|
|
<div
|
|
className={`${isInView ? "animate-fade-in-up" : "opacity-0"}`}
|
|
style={{ animationDelay: "0.2s" }}
|
|
>
|
|
{faqs.map((faq, index) => (
|
|
<AccordionItem
|
|
key={index}
|
|
title={faq.question}
|
|
defaultOpen={index === 0}
|
|
>
|
|
{faq.answer}
|
|
</AccordionItem>
|
|
))}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|