From c04d97540c9f52661b4f33659efe5a0bef7f0630 Mon Sep 17 00:00:00 2001
From: prototypa <prototypearea.dev@gmail.com>
Date: Tue, 15 Aug 2023 01:50:34 -0400
Subject: [PATCH] Update max-width

---
 src/components/widgets/Contact.astro   | 2 +-
 src/components/widgets/Content.astro   | 2 +-
 src/components/widgets/FAQs.astro      | 2 +-
 src/components/widgets/Features2.astro | 2 +-
 src/components/widgets/Hero.astro      | 7 +++++++
 src/components/widgets/Pricing.astro   | 2 +-
 src/components/widgets/Steps.astro     | 2 +-
 src/components/widgets/Steps2.astro    | 2 +-
 8 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/components/widgets/Contact.astro b/src/components/widgets/Contact.astro
index a4162dd..ec23d9d 100644
--- a/src/components/widgets/Contact.astro
+++ b/src/components/widgets/Contact.astro
@@ -21,7 +21,7 @@ const {
 } = Astro.props as Contact;
 ---
 
-<WidgetWrapper id={id} isDark={isDark} containerClass={`max-w-screen-xl mx-auto ${classes?.container ?? ''}`} bg={bg}>
+<WidgetWrapper id={id} isDark={isDark} containerClass={`max-w-7xl mx-auto ${classes?.container ?? ''}`} bg={bg}>
   <Headline title={title} subtitle={subtitle} tagline={tagline} />
 
   {
diff --git a/src/components/widgets/Content.astro b/src/components/widgets/Content.astro
index 563c9ce..ce9fb13 100644
--- a/src/components/widgets/Content.astro
+++ b/src/components/widgets/Content.astro
@@ -25,7 +25,7 @@ const {
 <WidgetWrapper
   id={id}
   isDark={isDark}
-  containerClass={`max-w-screen-xl mx-auto ${isAfterContent ? 'pt-0 md:pt-0 lg:pt-0' : ''} ${classes?.container ?? ''}`}
+  containerClass={`max-w-7xl mx-auto ${isAfterContent ? 'pt-0 md:pt-0 lg:pt-0' : ''} ${classes?.container ?? ''}`}
   bg={bg}
 >
   <Headline
diff --git a/src/components/widgets/FAQs.astro b/src/components/widgets/FAQs.astro
index dd7ffec..07bd9b4 100644
--- a/src/components/widgets/FAQs.astro
+++ b/src/components/widgets/FAQs.astro
@@ -18,7 +18,7 @@ const {
 } = Astro.props as Faqs;
 ---
 
-<WidgetWrapper id={id} isDark={isDark} containerClass={`max-w-screen-xl mx-auto ${classes?.container ?? ''}`} bg={bg}>
+<WidgetWrapper id={id} isDark={isDark} containerClass={`max-w-7xl mx-auto ${classes?.container ?? ''}`} bg={bg}>
   <Headline title={title} subtitle={subtitle} tagline={tagline} />
   <ItemGrid
     items={items}
diff --git a/src/components/widgets/Features2.astro b/src/components/widgets/Features2.astro
index 68a3807..a1e22fa 100644
--- a/src/components/widgets/Features2.astro
+++ b/src/components/widgets/Features2.astro
@@ -21,7 +21,7 @@ const {
 <WidgetWrapper
   id={id}
   isDark={isDark}
-  containerClass={classes?.container}
+  containerClass={`max-w-7xl mx-auto ${classes?.container ?? ''}`}
   bg={bg}
 >
   <Headline
diff --git a/src/components/widgets/Hero.astro b/src/components/widgets/Hero.astro
index b39bed8..05e72cc 100644
--- a/src/components/widgets/Hero.astro
+++ b/src/components/widgets/Hero.astro
@@ -5,6 +5,7 @@ import Image from '~/components/common/Image.astro';
 const {
   title = await Astro.slots.render('title'),
   subtitle = await Astro.slots.render('subtitle'),
+  tagline,
   content = await Astro.slots.render('content'),
   callToAction = await Astro.slots.render('callToAction'),
   callToAction2 = await Astro.slots.render('callToAction2'),
@@ -18,6 +19,12 @@ const {
     <div class="pt-0 md:pt-[76px] pointer-events-none"></div>
     <div class="py-12 md:py-20">
       <div class="text-center pb-10 md:pb-16 max-w-screen-lg mx-auto">
+        {tagline && (
+          <p
+            class="text-base text-secondary dark:text-blue-200 font-bold tracking-wide uppercase"
+            set:html={tagline}
+          />
+        )}
         {
           title && (
             <h1
diff --git a/src/components/widgets/Pricing.astro b/src/components/widgets/Pricing.astro
index aebbc9f..ccdc0f6 100644
--- a/src/components/widgets/Pricing.astro
+++ b/src/components/widgets/Pricing.astro
@@ -18,7 +18,7 @@ const {
 } = Astro.props as Pricing;
 ---
 
-<WidgetWrapper id={id} isDark={isDark} containerClass={`max-w-screen-xl mx-auto ${classes?.container ?? ''}`} bg={bg}>
+<WidgetWrapper id={id} isDark={isDark} containerClass={`max-w-7xl mx-auto ${classes?.container ?? ''}`} bg={bg}>
   <Headline title={title} subtitle={subtitle} tagline={tagline} />
   <div class="flex items-stretch justify-center">
     <div class="grid grid-cols-3 gap-4 dark:text-white sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3">
diff --git a/src/components/widgets/Steps.astro b/src/components/widgets/Steps.astro
index 652efbe..fde8052 100644
--- a/src/components/widgets/Steps.astro
+++ b/src/components/widgets/Steps.astro
@@ -20,7 +20,7 @@ const {
 } = Astro.props as Steps;
 ---
 
-<WidgetWrapper id={id} isDark={isDark} containerClass={`max-w-6xl ${classes?.container ?? ""}`} bg={bg}>
+<WidgetWrapper id={id} isDark={isDark} containerClass={`max-w-5xl ${classes?.container ?? ""}`} bg={bg}>
   <div class:list={["flex flex-col gap-8 md:gap-12 md:flex-row", { "md:flex-row-reverse": isReversed }]}>
     <div class="md:py-4 md:basis-1/2 md:self-center">
       <Headline
diff --git a/src/components/widgets/Steps2.astro b/src/components/widgets/Steps2.astro
index ff8aa17..62110ed 100644
--- a/src/components/widgets/Steps2.astro
+++ b/src/components/widgets/Steps2.astro
@@ -19,7 +19,7 @@ const {
 } = Astro.props as Steps;
 ---
 
-<WidgetWrapper id={id} isDark={isDark} containerClass={`max-w-screen-xl mx-auto ${classes?.container ?? ''}`} bg={bg}>
+<WidgetWrapper id={id} isDark={isDark} containerClass={`max-w-6xl mx-auto ${classes?.container ?? ''}`} bg={bg}>
   <div class={`flex flex-col gap-8 md:gap-12 md:flex-row ${isReversed ? 'md:flex-row-reverse' : ''}`}>
     <div class={`w-full lg:w-1/2 gap-8 md:gap-12 ${isReversed ? 'lg:ml-16 md:ml-8 ml-0' : 'lg:mr-16 md:mr-8 mr-0'}`}>
       <Headline