src/pages/HomePage.tsx

@@ -6,12 +6,11 @@ import MetricsSection from './HomePage/sections/Metrics';
 import TestimonialsSection from './HomePage/sections/Testimonials';
 import FaqSection from './HomePage/sections/Faq';
 import ContactSection from './HomePage/sections/Contact';
-import HeroSection from './HomePage/sections/Hero';
 
-export default function HomePage(): React.JSX.Element {
+
+import HeroNewSection from './HomePage/sections/HeroNew';export default function HomePage(): React.JSX.Element {
   return (
     <>
-      <HeroSection />
       <AboutSection />
       <ServicesSection />
       <PortfolioSection />
@@ -19,6 +18,7 @@ export default function HomePage(): React.JSX.Element {
       <TestimonialsSection />
       <FaqSection />
       <ContactSection />
+          <HeroNewSection />
     </>
   );
 }

src/pages/HomePage/sections/Hero.tsx

@@ -1,19 +0,0 @@
-// Created by add_section_from_catalog (HeroBillboard).
-
-import React from 'react';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
-
-export default function HeroSection(): React.JSX.Element {
-  return (
-    <div data-webild-section="hero" id="hero">
-      <HeroBillboard
-        secondaryButton={{"href":"#contact","text":"Get a Free Quote"}}
-        tag="Your Outdoor Oasis Awaits"
-        imageSrc="http://img.b2bpic.net/free-photo/relaxation-space-garden-with-beds_1232-3472.jpg"
-        primaryButton={{"href":"#services","text":"Explore Services"}}
-        description="At GreenScape Landscaping, we bring your vision to life. From lush gardens to functional outdoor living spaces, our team delivers unparalleled design, installation, and maintenance services."
-        title="Transform Your Landscape with Expertise and Care"
-      />
-    </div>
-  );
-}

src/pages/HomePage/sections/HeroNew.tsx

@@ -0,0 +1,20 @@
+// Created by add_section_from_catalog (HeroBillboardFeatures).
+
+import React from 'react';
+import HeroBillboardFeatures from '@/components/sections/hero/HeroBillboardFeatures';
+
+export default function HeroNewSection(): React.JSX.Element {
+  return (
+    <div data-webild-section="hero-new" id="hero-new">
+      <HeroBillboardFeatures
+        description="At GreenScape Landscaping, we bring your vision to life. From lush gardens to functional outdoor living spaces, our team delivers unparalleled design, installation, and maintenance services."
+        features={[{"icon":"Leaf","description":"Sustainable and organic practices","title":"Eco-Friendly"},{"description":"Custom designs for your home","title":"Outdoor Living","icon":"Sun"},{"description":"Efficient irrigation systems","title":"Water Management","icon":"Droplet"}]}
+        secondaryButton={{"href":"#contact","text":"Get a Free Quote"}}
+        title="Transform Your Landscape with Expertise and Care"
+        imageSrc="http://img.b2bpic.net/free-photo/relaxation-space-garden-with-beds_1232-3472.jpg"
+        primaryButton={{"text":"Explore Services","href":"#services"}}
+        badge="Your Outdoor Oasis Awaits"
+      />
+    </div>
+  );
+}