✨♻️ Add /industry pages (#1033)

* Refactor educational - move to /industry
Add finance page

* Nuke educational stuff

* 💄 Move from custom renderer to config

* Fix banner image

* Delete educational template

Replaced by industry.tsx

* 🐛 Fix solutions row bug

* TinaCMS content update by Brady Stroud

* TinaCMS content update by Brady Stroud

* TinaCMS content update by Brady Stroud

* TinaCMS content update by Brady Stroud

* TinaCMS content update by Brady Stroud

* Add pageheading

* Add image in content

* Fixes as per feedback

* Fix image + add alt text

---------

Co-authored-by: tina-cloud-app[bot] <58178390+tina-cloud-app[bot]@users.noreply.github.com>

.tina/collections/educational.tsx → .tina/collections/industry.tsx

@@ -3,16 +3,16 @@ import { Collection, Template } from "tinacms";
 import * as Schemas from "../../components/blocks";
 import { seoSchema } from "../../components/util/seo";
 
-const educationalSolutionsRowSchema: Template = {
+const industrySolutionsRowSchema: Template = {
   name: "SolutionsRow",
-  label: "Educational Solutions Row",
+  label: "Industry Solutions Row",
   fields: [
     {
       type: "image",
       label: "1st Card Image",
       name: "imgSrc1",
       // @ts-ignore
-      uploadDir: () => "/educational",
+      uploadDir: () => "/industry",
     },
     {
       type: "string",
@@ -29,7 +29,7 @@ const educationalSolutionsRowSchema: Template = {
       label: "2nd Card Image",
       name: "imgSrc2",
       // @ts-ignore
-      uploadDir: () => "/educational",
+      uploadDir: () => "/industry",
     },
     {
       type: "string",
@@ -46,7 +46,7 @@ const educationalSolutionsRowSchema: Template = {
       label: "3rd Card Image",
       name: "imgSrc3",
       // @ts-ignore
-      uploadDir: () => "/educational",
+      uploadDir: () => "/industry",
     },
     {
       type: "string",
@@ -129,32 +129,42 @@ const contactUsBlockSchema: Template = {
   ],
 };
 
-export const educationalSchema: Collection = {
-  label: "Educational - Index",
-  name: "educational",
+export const industrySchema: Collection = {
+  label: "Industry Pages",
+  name: "industry",
   format: "mdx",
-  path: "content/educational",
+  path: "content/industry",
   ui: {
     router: ({ document }) => {
-      return "/educational";
+      return `/industry/${document._sys.filename}`;
     },
   },
   fields: [
     // @ts-ignore
     seoSchema,
+    {
+      type: "string",
+      label: "Page heading",
+      name: "heading",
+      required: true,
+    },
+    {
+      type: "string",
+      label: "Page Subheading",
+      name: "subHeading",
+    },
     {
       type: "image",
       label: "Banner Image",
       name: "bannerImg",
       required: true,
       // @ts-ignore
-      uploadDir: () => "/educational",
+      uploadDir: () => "/industry",
     },
     {
       type: "image",
       label: "Whitepaper File",
       name: "whitepaperFile",
-      required: true,
       // @ts-ignore
       uploadDir: () => "/files",
     },
@@ -164,7 +174,7 @@ export const educationalSchema: Collection = {
       name: "_body",
       templates: [
         ...Schemas.pageBlocks,
-        educationalSolutionsRowSchema,
+        industrySolutionsRowSchema,
         whitepaperBlockSchema,
         bookingFormBlockSchema,
         contactUsBlockSchema,

.tina/config.tsx

@@ -5,9 +5,9 @@ import {
   consultingSchema,
   consultingTagSchema,
 } from "./collections/consulting";
-import { educationalSchema } from "./collections/educational";
 import { employmentSchema } from "./collections/employment";
 import { globalSchema } from "./collections/global";
+import { industrySchema } from "./collections/industry";
 import { locationSchema } from "./collections/location";
 import { marketingSchema } from "./collections/marketing";
 import { newsletterSchema } from "./collections/newsletters";
@@ -69,10 +69,10 @@ const config = defineStaticConfig({
       productsIndexSchema,
       productsSchema,
       trainingSchema,
-      educationalSchema,
       newsletterSchema,
       presenterSchema,
       locationSchema,
+      industrySchema,
     ],
   },
 });

.tina/queries/queries.gql

@@ -136,3 +136,10 @@ query productContentQuery($relativePath: String!) {
     ...ProductsParts
   }
 }
+
+query industryContentQuery($relativePath: String!) {
+  ...LayoutQueryFragment
+  industry(relativePath: $relativePath) {
+    ...IndustryParts
+  }
+}

components/blocks/breadcrumbs.tsx

@@ -30,6 +30,7 @@ export const Breadcrumbs: FC<BreadcrumbsProps> = (props) => {
           { from: "employment", to: "Employment" },
           { from: "video-production", to: "Video Production" },
           { from: "Training-videos", to: "Training Videos" },
+          { from: "industry", to: "Industry" },
           { from: props.path, to: `${props.title}` },
         ]}
         activeItemClassName={listItemStyling}

components/blocks/educationalRenderer.tsx → components/blocks/industryRenderer.tsx

@@ -2,13 +2,11 @@ import Link from "next/link";
 import { FaFileDownload } from "react-icons/fa";
 import { toast } from "react-toastify";
 import { Components } from "tinacms/dist/rich-text";
-import { componentRenderer } from "../../components/blocks/mdxComponentRenderer";
-import { SolutionsRow } from "../../components/blocks/solutionsRow";
-import { BookingForm } from "../../components/bookingForm/bookingForm";
-import Button from "../../components/button/button";
+import { BookingForm } from "../bookingForm/bookingForm";
+import Button from "../button/button";
 import { YouTubeEmbed } from "../embeds/youtubeEmbed";
-
-const PComponent = ({ children }) => <p className="mb-3">{children}</p>;
+import { componentRenderer } from "./mdxComponentRenderer";
+import { SolutionsRow } from "./solutionsRow";
 
 export const DownloadWhitepaperLink = ({ whitepaperFile, children }) => (
   <Link href={whitepaperFile} passHref legacyBehavior>
@@ -65,7 +63,7 @@ const showSuccessToast = () => {
   );
 };
 
-export const educationalRenderer: Components<{
+export const industryRenderer: Components<{
   VideoEmbed: {
     url: string;
   };
@@ -93,8 +91,6 @@ export const educationalRenderer: Components<{
   };
 }> = {
   ...componentRenderer,
-  h3: ({ children }) => <h3 className="mb-3 mt-10 text-sswRed">{children}</h3>,
-  p: PComponent,
   VideoEmbed: (props) => <VideoEmbed {...props} />,
   Whitepaper: (props) => <Whitepaper {...props} />,
   BookingForm: () => <BookingForm showSuccessToast={showSuccessToast} />,

components/blocks/solutionsRow.tsx

@@ -2,8 +2,6 @@ import Image from "next/image";
 import { TinaMarkdown } from "tinacms/dist/rich-text";
 
 export const SolutionsRow = (props) => {
-  const renderTinaMarkDown = (data) => <TinaMarkdown content={data} />;
-
   const RawImage = ({ img, altText }) => (
     <Image src={img} alt={altText} className="!static !h-auto !w-full" fill />
   );
@@ -12,7 +10,7 @@ export const SolutionsRow = (props) => {
     <div className="relative col-span-4">
       <RawImage img={imgSrc} altText={header} />
       <h4 className="mb-2 mt-5 text-sm font-bold">{header}</h4>
-      <p className="mb-3">{renderTinaMarkDown(body)}</p>
+      <TinaMarkdown content={body} />
     </div>
   );
 

content/educational/educational.mdx → content/industry/educational.mdx

@@ -1,11 +1,13 @@
 ---
+heading: SSW Educational Solutions
+subHeading: Customized Technology Solutions
 seo:
   title: Enterprise Development and Consulting for Education
   description: >-
     Enhance student safety with our tech consultancy services for educational
     institutions. We specialize in modern technology solutions to meet child
     safety recommendations.
-bannerImg: /images/educational/ssw-educational-banner.jpg
+bannerImg: /images/industry/ssw-educational-banner.jpg
 whitepaperFile: /images/files/SSW-Whitepaper.pdf
 ---
 
@@ -32,9 +34,9 @@ At SSW, we have designed three broad technology solutions that can help you achi
   body3={<>
     For all schools, enrolling and onboarding new students can be a very time consuming and potentially error-prone process, particularly if managed manually. We can help you generate enormous efficiencies by developing online systems that enable self-service.
   </>}
-  imgSrc1="/images/educational/ssw-educational-1.jpg"
-  imgSrc2="/images/educational/ssw-educational-2.jpg"
-  imgSrc3="/images/educational/ssw-educational-3.jpg"
+  imgSrc1="/images/industry/ssw-educational-1.jpg"
+  imgSrc2="/images/industry/ssw-educational-2.jpg"
+  imgSrc3="/images/industry/ssw-educational-3.jpg"
 />
 
 ### Microsoft Education Partnership
@@ -53,7 +55,7 @@ SSW has exclusive access to education-specific partner go-to-market programs, in
 
 We have consultants available in all Australian capital cities including Sydney, Melbourne, Brisbane, Adelaide, Perth and Canberra.
 
-<BookingForm />
+<BookingButton buttonText="Contact Us" />
 
 ### Why SSW?
 

content/industry/finance.mdx

@@ -0,0 +1,59 @@
+---
+bannerImg: /images/industry/finance-banner-ssw-red.jpg
+heading: Finance Software Solutions
+subHeading: Customized Technology Solutions
+seo:
+  title: Enterprise Development and Consulting for Finance
+  description: >-
+    SSW designs personalized financial software solutions to enhance security,
+    simplify compliance, and enrich your client relationships.
+---
+
+### Overview
+
+The financial industry is an intricate ecosystem that requires robust and secure technology solutions. Regulatory compliance, data security, fraud detection, and seamless customer experience are some of the areas where technology plays an integral role. As a financial institution, you have a profound responsibility to your stakeholders, including clients, shareholders, and regulators, to maintain trust and ensure a high level of service delivery. The evolving landscape of financial regulations and the ever-increasing cyber threats add layers of 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
+
+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.
+
+**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.
+
+**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.
+
+**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.
+
+![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?
+
+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.
+
+Here is what we can help your business with:
+
+* [Custom .NET Web and Mobile Applications](https://www.ssw.com.au/consulting/web-applications)
+* [Microsoft Dynamics 365](https://www.ssw.com.au/consulting/dynamics-365)
+* [Microsoft Azure](https://www.ssw.com.au/consulting/alm-azure-devops)
+* [Microsoft Power BI](https://www.ssw.com.au/consulting/power-bi)
+
+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
+
+We have consultants available in Sydney, Melbourne, Brisbane, and Newcastle.