Add HeroText widget for H1

src/pages/pricing.astro

@@ -1,5 +1,6 @@
 ---
 import Layout from '~/layouts/PageLayout.astro';
+import HeroText from '~/components/widgets/HeroText.astro';
 import Prices from '~/components/widgets/Pricing.astro';
 import FAQs from '~/components/widgets/FAQs.astro';
 import Steps from '~/components/widgets/Steps.astro';
@@ -12,6 +13,14 @@ const metadata = {
 ---
 
 <Layout metadata={metadata}>
+  <!-- HeroText Widget ******************* -->
+
+  <HeroText
+    tagline="Pricing"
+    title="Stellar Pricing for Every Journey"
+    subtitle="Choose the perfect plan that aligns with your cosmic goals."
+  />
+
   <!-- Pricing Widget ******************* -->
 
   <Prices
@@ -106,7 +115,7 @@ const metadata = {
       <Features3
       title="Price-related features"
       subtitle="Discover the advantages of choosing our plans"
-    columns={3}
+      columns={2}
       items={[
         {
           title: 'Tiered Pricing Plans',
@@ -139,6 +148,7 @@ const metadata = {
           icon: 'tabler:headset',
         },
       ]}
+      classes={{ container: "max-w-5xl"}}
     />
 
   <!-- Steps Widget ****************** -->