💄 UI - Simplifying tailwind.config.js + styles.css

components/blocks/industryRenderer.tsx

@@ -16,7 +16,7 @@ export const DownloadWhitepaperLink = ({ whitepaperFile, children }) => (
 );
 
 export const ContactUs = ({ buttonText, link }) => (
-  <div className="mb-16 flex justify-center">
+  <div className="mb-8 flex justify-center">
     <CustomLink href={link}>
       <Button
         ripple

components/blocks/mdxComponentRenderer.tsx

@@ -36,8 +36,10 @@ import {
 import { UpcomingEvents } from "./upcomingEvents";
 import { VerticalImageLayout } from "./verticalImageLayout";
 import { VerticalListItem } from "./verticalListItem";
+import { VideoEmbed } from "./videoEmbed";
 import { YoutubePlaylistBlock, YoutubePlaylistProps } from "./youtubePlaylist";
 
+// Import heavy components dynamically
 const Carousel = dynamic(
   () => import("./carousel").then((mod) => mod.Carousel),
   {
@@ -56,12 +58,6 @@ const BookingButton = dynamic(
   { ssr: false }
 );
 
-// Import heavy components dynamically
-const VideoEmbed = dynamic(
-  () => import("./videoEmbed").then((mod) => mod.VideoEmbed),
-  { ssr: false }
-);
-
 export const componentRenderer: Components<{
   ClientLogos: Record<string, never>;
   CustomImage: CustomImageProps;

content/industry/educational.mdx

@@ -11,13 +11,13 @@ bannerImg: /images/industry/ssw-educational-banner.jpg
 whitepaperFile: /images/files/SSW-Whitepaper.pdf
 ---
 
-### Overview
+## Overview
 
 The importance of monitoring and managing student safety has never been more prominent, nor topical. As an independent school (or university) you have a clear duty of care to your students – as well as an obligation to the parents and carers who are part of the community. Following the 2017 Royal Commission into Child Sexual Abuse, you also now have a detailed set of recommendations for ensuring child safety and protecting students’ welfare and wellbeing. Yet while your school may be resolutely committed to following these recommendations, it can be hard to know where to start when it comes to putting them into action – or what processes and technology platforms you need.
 
 This is where SSW can help. As technology specialists, we are focused on designing and building modern technology solutions that can help K-12 schools, of all sizes and in all sectors, respond to these requirements and enhance all-important student safety. View some of our educational clients.
 
-### How SSW can help: Customised Technology Solutions
+## How SSW can help: Customised Technology Solutions
 
 At SSW, we have designed three broad technology solutions that can help you achieve positive outcomes with regards to your students’ safety and wellbeing. We recognise that no two schools are the same, and can customise every solution to suit your specific needs. We can also create a whole raft of other solutions depending on your school's (or university's) existing technology and unique requirements.
 
@@ -39,7 +39,7 @@ At SSW, we have designed three broad technology solutions that can help you achi
   imgSrc3="/images/industry/ssw-educational-3.jpg"
 />
 
-### Microsoft Education Partnership
+## Microsoft Education Partnership
 
 Students deserve equitable access to education - no matter where they live or how they learn. Microsoft has devoted much time to develop a safe and inclusive learning solution designed to help everyone reach their highest potential.
 
@@ -70,13 +70,13 @@ SSW has exclusive access to education-specific partner go-to-market programs, in
 
 <VideoEmbed url="https://www.youtube.com/embed/Mc24zR5rprI?autoplay=1" caption="SSW Case Study - Brisbane Catholic Education" duration="2 mins" />
 
-### Australia Wide
+## Australia Wide
 
 We have consultants available in all Australian capital cities including Sydney, Melbourne, Brisbane, Adelaide, Perth and Canberra.
 
 <BookingButton buttonText="Contact Us" />
 
-### Why SSW?
+## Why SSW?
 
 SSW is an Australian-based technology firm with extensive experience in the education sector. We build highly customised solutions for public and private sector organisations of all sizes, to help them to resolve technology challenges and implement best-practice systems that get results.
 

content/industry/finance.mdx

@@ -10,37 +10,37 @@ seo:
   showBreadcrumb: false
 ---
 
-### Overview
+## Overview
 
 The finance sector is constantly at the forefront of technological innovation. The need for outstanding customer experience drives the development of cutting-edge software for analytics, data security, cloud computing, and automation. We understand that the finance space is an intricate ecosystem that demands robust and secure solutions. We also know that financial institutions have a responsibility to clients, shareholders, and regulators to maintain trust and guarantee a high level of service delivery. The evolving threats of cyber attacks, fraud, and shifting regulations only add complexity to this responsibility.
 
 SSW is perfectly positioned to assist.
 
 As seasoned technology specialists with over 30 years of experience in the financial sector, we design and build modern software solutions that help financial institutions of all sizes to meet these demands and stay ahead of their competition.
 
-### How SSW can help: Custom Finance Software and Consulting Solutions
+## How SSW can help: Custom Finance Software and Consulting Solutions
 
 Our extensive experience with hundreds of clients in the finance sector has given us a deep understanding of the recurring challenges and complexities that your business can face. Instead of providing an off-the-shelf product, we pride ourselves on building technological custom solutions to meet the distinctive needs of each individual organization, aligns with your specific operational requirements and strategic vision.
 
 We have experience with:
 
-**Financial Management Systems:** Providing effective consolidation, management, and analysis of your financial data. Our custom solutions can be brand new or integrated with your existing systems.
+* **Financial Management Systems:** Providing effective consolidation, management, and analysis of your financial data. Our custom solutions can be brand new or integrated with your existing systems.
 
-**Risk Management Software:** Designing custom solutions to identify, assess, monitor, and mitigate risks in real-time.
+* **Risk Management Software:** Designing custom solutions to identify, assess, monitor, and mitigate risks in real-time.
 
-**Client Portals:** Creating secure and user-friendly portals, which provide your clients with direct access to their accounts, portfolio viewing, and clear communication channels with you.
+* **Client Portals:** Creating secure and user-friendly portals, which provide your clients with direct access to their accounts, portfolio viewing, and clear communication channels with you.
 
-**Trading Platforms:** Building comprehensive trading platforms that provide real-time data, intuitive interfaces, and advanced trading capabilities.
+* **Trading Platforms:** Building comprehensive trading platforms that provide real-time data, intuitive interfaces, and advanced trading capabilities.
 
-**Regulatory Compliance Software:** Creating custom solutions that simplify compliance reporting, streamline audits, and ensure that your institution is always on the right side of financial regulations.
+* **Regulatory Compliance Software:** Creating custom solutions that simplify compliance reporting, streamline audits, and ensure that your institution is always on the right side of financial regulations.
 
-**Customer Relationship Management Software:** Designing customized CRM solutions for efficient management and analysis of customer interactions and data.
+* **Customer Relationship Management Software:** Designing customized CRM solutions for efficient management and analysis of customer interactions and data.
 
-**Financial Planning:** Building financial planning software solutions designed to streamline your financial planning processes with the goal of personalized and effective financial planning services to your clients.
+* **Financial Planning:** Building financial planning software solutions designed to streamline your financial planning processes with the goal of personalized and effective financial planning services to your clients.
 
 ![A busy office with a view of a city](/images/ms-finance-red.png)
 
-### How can SSW channel the power of Microsoft for your business?
+## How can SSW channel the power of Microsoft for your business?
 
 We work closely with Microsoft, the global leader in technology solutions who offers a suite of products that can enhance the operations of financial institutions. Microsoft’s product list is extensive and can be daunting, but SSW has devoted considerable time integrating systems into various businesses. This has refined our expertise to identify the ideal solution tailored to each enterprise.
 
@@ -55,6 +55,6 @@ If you are in the finance industry, reach out to SSW to see how we can help you.
 
 <BookingButton buttonText="Book a FREE Initial Meeting" />
 
-### Australia Wide
+## Australia Wide
 
 We have consultants available in Sydney, Melbourne, Brisbane, and Newcastle.

content/industry/non-profit.mdx

@@ -9,33 +9,33 @@ seo:
     custom non-profit software solutions to optimize your organization.
 ---
 
-### Overview
+## Overview
 
 The non-profit sector demands flexible, cost-effective, and secure technology solutions. The right technology can provide you with key advantages in data management, donor relations, fundraising optimization, and user experience. With changing regulations and growing cyber threats, balancing your responsibilities to members and stakeholders is complex.
 
 SSW is perfectly positioned to assist.
 
 With over 30 years of experience, we design and build modern software solutions to keep non-profits at the forefront of their mission. 
 
-### How SSW can help: Customized Non-Profit Consulting and Solutions  
+## How SSW can help: Customized Non-Profit Consulting and Solutions  
 
 With expertise in the non-profit sector, we create customized technology solutions that address your unique regulatory and technological challenges. Instead of providing an off-the-shelf product, we pride ourselves on building technological custom solutions to meet the distinctive needs of each organization. 
 
 We have experience with: 
 
-**Donor Management Systems:** Designing custom solutions that can be integrated with your existing software for effective management and analysis of your donor data. 
+* **Donor Management Systems:** Designing custom solutions that can be integrated with your existing software for effective management and analysis of your donor data. 
 
-**Volunteer Portals:** Creating secure and user-friendly portals to provide your volunteers with access to their tasks, tracking capabilities, and direct communication channels with you. 
+* **Volunteer Portals:** Creating secure and user-friendly portals to provide your volunteers with access to their tasks, tracking capabilities, and direct communication channels with you. 
 
-**Fundraising Platforms:** Building fundraising platforms that provide real-time data, intuitive interfaces, and advanced fundraising capabilities. 
+* **Fundraising Platforms:** Building fundraising platforms that provide real-time data, intuitive interfaces, and advanced fundraising capabilities. 
 
-**Regulatory Compliance Software:** Creating customized solutions that simplify compliance reporting, streamline audits, and ensure that your organization is always on the right side of regulations. 
+* **Regulatory Compliance Software:** Creating customized solutions that simplify compliance reporting, streamline audits, and ensure that your organization is always on the right side of regulations. 
 
-**Customer Relationship Management Software:** Building custom CRM solutions for efficient management and analysis of donor interactions. 
+* **Customer Relationship Management Software:** Building custom CRM solutions for efficient management and analysis of donor interactions. 
 
 <VideoEmbed url="https://www.youtube.com/watch?v=g4_MnAZJpxg" caption="Microsoft Dynamics & Power Platform in action - Helping Deaf Children reach their full potential" duration="12 mins" />
 
-### How can SSW channel the power of Microsoft for your business? 
+## How can SSW channel the power of Microsoft for your business? 
 
 We work closely with Microsoft, the global leader in technology solutions who offers a suite of products that have improved the operations of many organizations around the world. Microsoft’s product list is extensive and can be daunting, but SSW has spent significant time integrating the systems into various businesses. This has refined our expertise to identify the ideal solution tailored to each enterprise.
 
@@ -50,6 +50,6 @@ We offer special pricing for non-profits. Let us know that you are a not for pro
 
 <BookingButton buttonText="Book a FREE Initial Meeting" />
 
-### Australia Wide 
+## Australia Wide 
 
 We have consultants available in Sydney, Melbourne, Brisbane, and Newcastle. 

pages/consulting/[filename].tsx

@@ -83,7 +83,7 @@ export default function ConsultingPage(
         <Section
           color="black"
           className={`
-            prose-consulting
+            prose-dark
             border-y-4 border-y-sswRed
             text-center`}
         >

pages/consulting/video-production/[filename].tsx

@@ -57,7 +57,7 @@ export default function VideoProductionPage(
 
         <Section
           className={`
-            prose-consulting
+            prose-dark
             border-y-4 border-y-sswRed
             text-center`}
         >

pages/employment/index.tsx

@@ -98,9 +98,9 @@ export default function EmploymentPage(
         <Section
           color="black"
           className={`
-            prose-employment
+            prose-dark
             border-y-4 border-y-sswRed
-            text-center`}
+            text-center text-white`}
         >
           <a id="more" />
           <div className="w-full bg-benefits bg-cover bg-fixed bg-center bg-no-repeat py-12">
@@ -126,7 +126,7 @@ export default function EmploymentPage(
           </div>
         </Section>
         {data.employment.afterBody ? (
-          <Section className="prose-employment mb-16 text-center">
+          <Section className="prose-dark mb-16 text-center">
             <Container padding="px-4" className="w-full">
               <div data-tina-field={tinaField(data.employment, "afterBody")}>
                 <TinaMarkdown
@@ -143,10 +143,7 @@ export default function EmploymentPage(
 
         <Section className="!block" id="available">
           {data.employment.opportunitiesBody && (
-            <Container
-              size="custom"
-              className="prose-employment w-full text-center"
-            >
+            <Container size="custom" className="prose-dark w-full text-center">
               <div
                 data-tina-field={tinaField(
                   data.employment,

pages/industry/[filename].tsx

@@ -33,7 +33,7 @@ export default function IndustryPage(
     >
       <Layout menu={data.megamenu}>
         <SEO seo={pageData.seo} />
-        <Container className="prose-industry flex-1" size="custom">
+        <Container className="prose flex-1" size="custom">
           {pageData.whitepaperFile ? (
             <DownloadWhitepaperLink whitepaperFile={pageData.whitepaperFile}>
               <div data-tina-field={tinaField(pageData, "bannerImg")}>
@@ -66,7 +66,7 @@ export default function IndustryPage(
             <></>
           )}
           <h1 className="mb-1 py-0 text-3xl">{pageData?.heading}</h1>
-          <h2 className="!mt-1 pt-0 text-base font-light">
+          <h2 className="!mt-1 pt-0 text-base font-light text-sswBlack">
             {pageData?.subHeading}
           </h2>
           <div

styles.css

@@ -34,14 +34,6 @@
     @apply mb-0.5 mt-2.5 text-2xl;
   }
 
-  h4 {
-    @apply text-xl;
-  }
-
-  h5 {
-    @apply text-lg;
-  }
-
   h1 + h2 {
     @apply !mt-5;
   }