From 7a0b780620dc17f554f6a37b81421822939ff108 Mon Sep 17 00:00:00 2001
From: widgeter <onwidget.developer@gmail.com>
Date: Thu, 10 Aug 2023 11:46:50 +0200
Subject: [PATCH] Include Steps widget on pricing page

---
 src/pages/pricing.astro | 47 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)

diff --git a/src/pages/pricing.astro b/src/pages/pricing.astro
index 7926cc8..69af36b 100644
--- a/src/pages/pricing.astro
+++ b/src/pages/pricing.astro
@@ -2,6 +2,7 @@
 import Layout from '~/layouts/PageLayout.astro';
 import Prices from '~/components/widgets/Pricing.astro';
 import FAQs from '~/components/widgets/FAQs.astro';
+import Steps from '~/components/widgets/Steps.astro';
 
 const metadata = {
   title: 'Pricing',
@@ -98,6 +99,52 @@ const metadata = {
     ]}
   />
 
+  <!-- Steps Widget ****************** -->
+
+  <Steps
+    title="A guided journey from plans to creativity"
+    tagline="simplified process"
+    isReversed={true}
+    items={[
+      {
+        title: 'Explore plans',
+        icon: 'tabler:number-1',
+      },
+      {
+        title: 'Select a plan',
+        icon: 'tabler:number-2',
+      },
+      {
+        title: 'Sign Up / Log In',
+        icon: 'tabler:number-3',
+      },
+      {
+        title: 'Review order',
+        icon: 'tabler:number-4',
+      },
+      {
+        title: 'Enter payment details',
+        icon: 'tabler:number-5',
+      },
+      {
+        title: 'Confirmation',
+        icon: 'tabler:number-6',
+      },
+      {
+        title: 'Confirmation',
+        icon: 'tabler:number-7',
+      },
+      {
+        title: 'Download and start using the template(s)',
+        icon: 'tabler:number-8',
+      },
+    ]}
+    image={{
+      src: import('~/assets/images/creativity.jpg'),
+      alt: 'Steps image',
+    }}
+  />
+
   <!-- FAQs Widget ******************* -->
 
   <FAQs