feat: replace Why Choose Us section with numbered list

src/pages/HomePage.tsx

@@ -1,7 +1,7 @@
 import AboutText from '@/components/sections/about/AboutText';
 import ContactCta from '@/components/sections/contact/ContactCta';
 import FaqSimple from '@/components/sections/faq/FaqSimple';
-import FeaturesIconCards from '@/components/sections/features/FeaturesIconCards';
+import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
 import { Clock, ShieldCheck, DollarSign } from "lucide-react";
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
@@ -58,23 +58,20 @@ export default function HomePage() {
   </div>
 
   <div id="why-us" data-section="why-us">
-      <FeaturesIconCards
+      <FeaturesDetailedSteps
       tag="Why Choose Us"
       title="Experience the Difference with Our HVAC Services"
       description="We stand out by prioritizing your comfort and budget. Our commitment to quality and transparency makes us the preferred choice for HVAC solutions in LA."
       features={[
         {
-          icon: Clock,
           title: "24/7 Emergency Service",
           description: "Reliable support when you need it most. Our team is available around the clock for urgent repairs.",
         },
         {
-          icon: ShieldCheck,
           title: "Certified Technicians",
           description: "Our experts are fully certified and continuously trained to handle all HVAC systems with precision.",
         },
         {
-          icon: DollarSign,
           title: "Transparent Pricing",
           description: "No hidden fees, just honest and upfront pricing. We provide clear quotes before any work begins.",
         },