bender/fed33187-c3c8-48cb-af25-4caadae14328
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3_1780443569169 into main

Browse Source 
Merge version_3_1780443569169 into main
This commit was merged in pull request #3.
This commit is contained in:
bender
2026-06-02 23:41:00 +00:00
parent bd0b5bd65b a273e965d7
commit 5740deaa4b
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/HomePage/sections/Faq.tsx
View File

@@ -7,18 +7,18 @@ import ScrollReveal from '@/components/ui/ScrollReveal';
export default function FaqSection(): React.JSX.Element {
return (
<div data-webild-section="faq" className="py-24 bg-background">
<div className="container mx-auto px-4 sm:px-6 lg:px-8 max-w-4xl">
<div className="container mx-auto px-4 sm:px-6 lg:px-8 max-w-6xl">
<div className="text-center mb-16">
<Tag text="FAQ" className="mb-4" />
<h2 className="text-3xl md:text-4xl font-bold text-foreground mb-4">
Frequently Asked Questions
</h2>
<p className="text-lg text-muted-foreground">
<p className="text-lg text-muted-foreground max-w-2xl mx-auto">
Find answers to common questions about our HVAC services, maintenance, and more.
</p>
</div>
<div className="space-y-8">
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
{[
{
question: "How often should I have my HVAC system serviced?",
@@ -45,14 +45,14 @@ export default function FaqSection(): React.JSX.Element {
answer: "Absolutely. All of our technicians are fully licensed, insured, and undergo regular training to stay up-to-date with the latest HVAC technologies and safety standards."
}
].map((faq, index) => (
<ScrollReveal key={index} variant="slide-up" className="bg-card p-6 rounded-2xl shadow-sm border border-border">
<h3 className="text-xl font-semibold text-foreground mb-3">
<div key={index} className="bg-card p-8 rounded-2xl shadow-sm border border-border flex flex-col h-full hover:shadow-md transition-shadow duration-300">
<h3 className="text-xl font-semibold text-foreground mb-4">
{faq.question}
</h3>
<p className="text-muted-foreground leading-relaxed">
<p className="text-muted-foreground leading-relaxed mt-auto">
{faq.answer}
</p>
</ScrollReveal>
</div>
))}
</div>
</div>