From c427070a1a7c6bfb5b1a7a86cc8c7b461ee4b739 Mon Sep 17 00:00:00 2001
From: prototypa <prototypearea.dev@gmail.com>
Date: Wed, 16 Aug 2023 03:31:17 -0400
Subject: [PATCH] Add HeroText widget for H1

---
 src/pages/pricing.astro | 86 +++++++++++++++++++++++------------------
 1 file changed, 48 insertions(+), 38 deletions(-)

diff --git a/src/pages/pricing.astro b/src/pages/pricing.astro
index 2a6f817..a36d6ad 100644
--- a/src/pages/pricing.astro
+++ b/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
@@ -101,45 +110,46 @@ const metadata = {
     ]}
   />
 
-  <!-- Features3 Widget ************** -->
+      <!-- Features3 Widget ************** -->
 
-  <Features3
-    title="Price-related features"
-    subtitle="Discover the advantages of choosing our plans"
-    columns={3}
-    items={[
-      {
-        title: 'Tiered Pricing Plans',
-        description: 'Choose from a range of pricing plans designed to accommodate different budgets and requirements.',
-        icon: 'tabler:stairs',
-      },
-      {
-        title: 'Transparent Pricing',
-        description: 'Clearly displayed pricing details for each plan, with no hidden costs or unexpected charges.',
-        icon: 'tabler:flip-vertical',
-      },
-      {
-        title: 'Secure Payment Methods',
-        description: 'Secure payment gateways to protect your financial information during transactions.',
-        icon: 'tabler:shield-lock',
-      },
-      {
-        title: 'Instant Access',
-        description: `Immediate access to your chosen plan's features and templates upon subscription.`,
-        icon: 'tabler:accessible',
-      },
-      {
-        title: 'Upgrade Value',
-        description: 'Upgrade to higher-tier plans to unlock more features and benefits for an enhanced experience.',
-        icon: 'tabler:chevrons-up',
-      },
-      {
-        title: '24H support',
-        description: 'Questions answered via live chat, email or phone, every calendar day.',
-        icon: 'tabler:headset',
-      },
-    ]}
-  />
+      <Features3
+      title="Price-related features"
+      subtitle="Discover the advantages of choosing our plans"
+      columns={2}
+      items={[
+        {
+          title: 'Tiered Pricing Plans',
+          description: 'Choose from a range of pricing plans designed to accommodate different budgets and requirements.',
+          icon: 'tabler:stairs',
+        },
+        {
+          title: 'Transparent Pricing',
+          description: 'Clearly displayed pricing details for each plan, with no hidden costs or unexpected charges.',
+          icon: 'tabler:flip-vertical',
+        },
+        {
+          title: 'Secure Payment Methods',
+          description: 'Secure payment gateways to protect your financial information during transactions.',
+          icon: 'tabler:shield-lock',
+        },
+        {
+          title: 'Instant Access',
+          description: `Immediate access to your chosen plan's features and templates upon subscription.`,
+          icon: 'tabler:accessible',
+        },
+        {
+          title: 'Upgrade Value',
+          description: 'Upgrade to higher-tier plans to unlock more features and benefits for an enhanced experience.',
+          icon: 'tabler:chevrons-up',
+        },
+        {
+          title: '24H support',
+          description: 'Questions answered via live chat, email or phone, every calendar day.',
+          icon: 'tabler:headset',
+        },
+      ]}
+      classes={{ container: "max-w-5xl"}}
+    />
 
   <!-- Steps Widget ****************** -->