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

Compare commits

base: bender:version_2_1780442960765
Branches Tags
bender:main bender:version_5_1780459206041 bender:version_4_1780456996051 bender:version_3_1780443569169 bender:version_2_1780442960765 bender:version_1_1780442704980
..
compare: bender:version_3_1780443569169
Branches Tags
bender:main bender:version_5_1780459206041 bender:version_4_1780456996051 bender:version_3_1780443569169 bender:version_2_1780442960765 bender:version_1_1780442704980

2 Commits
version_2_ ... version_3_

Author SHA1 Message Date
kudinDmitriyUp
a273e965d7 Bob AI: style the FAQ section to match the rest of the site 2026-06-02 23:40:24 +00:00
bender
bd0b5bd65b Merge version_2_1780442960765 into main 
Merge version_2_1780442960765 into main
 2026-06-02 23:30:49 +00:00
1 changed files with 7 additions and 7 deletions
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 { export default function FaqSection(): React.JSX.Element {
return ( return (
<div data-webild-section="faq" className="py-24 bg-background"> <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"> <div className="text-center mb-16">
<Tag text="FAQ" className="mb-4" /> <Tag text="FAQ" className="mb-4" />
<h2 className="text-3xl md:text-4xl font-bold text-foreground mb-4"> <h2 className="text-3xl md:text-4xl font-bold text-foreground mb-4">
Frequently Asked Questions Frequently Asked Questions
</h2> </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. Find answers to common questions about our HVAC services, maintenance, and more.
</p> </p>
</div> </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?", 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." 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) => ( ].map((faq, index) => (
<ScrollReveal key={index} variant="slide-up" className="bg-card p-6 rounded-2xl shadow-sm border border-border"> <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-3"> <h3 className="text-xl font-semibold text-foreground mb-4">
{faq.question} {faq.question}
</h3> </h3>
<p className="text-muted-foreground leading-relaxed"> <p className="text-muted-foreground leading-relaxed mt-auto">
{faq.answer} {faq.answer}
</p> </p>
</ScrollReveal> </div>
))} ))}
</div> </div>
</div> </div>