fix: adjusted sections after hero section for better experience on outcomes pages (#767)

Signed-off-by: Oluchi Nwenyi <[email protected]>

Author: LuluNwenyi

src/pages/outcomes/cost-and-carbon-savings.jsx

@@ -192,8 +192,8 @@ const SavingSolutions = [
 
 const SavingsPage = () => (
   <MainLayout theme="gray">
-    <Hero {...heroContent} imageStyle="h-auto lg:w-[280px] mx-auto" />
-    <BulletSection {...sectionContent1} className="mt-10 md:mt-20 lg:mt-32" />
+    <Hero {...heroContent} imageStyle="h-auto lg:w-[200px] mx-auto" />
+    <BulletSection {...sectionContent1} className="my- md:my-2 lg:my-2" />
     <Testimonial {...EccoTestimonial} className="my-10 md:my-20 lg:my-32" />
     <Heading tag="h2" className="mt-10 md:mt-20 lg:mt-32 text-center dark:text-white text-black">
       How Cilium Saves Money and Carbon

src/pages/outcomes/network-automation.jsx

@@ -231,8 +231,8 @@ const AutomationSolutions = [
 
 const NetworkAutomationPage = () => (
   <MainLayout theme="gray">
-    <Hero {...heroContent} imageStyle="h-auto lg:w-[300px] mx-auto" />
-    <Testimonial {...GDataTestimonial} className="my-10 md:my-20 lg:my-32" />
+    <Hero {...heroContent} imageStyle="h-auto lg:w-[200px] mx-auto self-center" />
+    <Testimonial {...GDataTestimonial} className="my- md:my-2 lg:my-2" />
     <BulletSection {...sectionContent1} className="mt-10 md:mt-20 lg:mt-32" />
     <Testimonial {...IlionxTestimonial} className="mt-10 md:mt-20 lg:mt-32" />
     <Heading tag="h2" className="mt-10 md:mt-20 lg:mt-32 text-center dark:text-white text-black">

src/pages/outcomes/zero-trust.jsx

@@ -237,8 +237,8 @@ const zeroTrustSolutions = [
 
 const ZeroTrustNetworkingPage = () => (
   <MainLayout theme="gray">
-    <Hero {...heroContent} imageStyle="h-auto lg:w-[400px] self-center" />
-    <Testimonial {...ws02Testimonial} className="mt-10 md:mt-20 lg:mt-32" />
+    <Hero {...heroContent} imageStyle="h-auto lg:w-[300px] self-center" />
+    <Testimonial {...ws02Testimonial} className="my- md:my-2 lg:my-2" />
     <BulletSection {...sectionContent1} className="mt-10 md:mt-20 lg:mt-32" />
     <Heading tag="h2" className="mt-10 md:mt-20 lg:mt-32 text-center dark:text-white text-black">
       How Cilium scales Zero Trust Networking
@@ -272,4 +272,3 @@ export const Head = ({ location: { pathname } }) => {
   };
   return <SEO data={pageMetadata} />;
 };
-