Logo - Adding FireBootCamp page

components/blocks-renderer.tsx

@@ -8,6 +8,7 @@ import { ClientLogos } from "./blocks/clientLogos";
 import { Content } from "./blocks/content";
 import { ContentCard } from "./blocks/contentCard";
 import { CustomImage } from "./blocks/customImage";
+import { FixedColumns } from "./blocks/fixedColumns";
 import { JotFormEmbed } from "./blocks/jotFormEmbed";
 import { ServiceCards } from "./blocks/serviceCards";
 import { TableLayout } from "./blocks/tableLayout";
@@ -94,6 +95,7 @@ const componentMap = {
   ColorBlock,
   DownloadBlock,
   GridLayout,
+  FixedColumns,
 };
 
 export const Blocks = ({ prefix, blocks }) => {

components/blocks/customImage.tsx

@@ -2,6 +2,7 @@ import classNames from "classnames";
 import Image from "next/image";
 import type { Template } from "tinacms";
 import { CustomLink } from "../customLink";
+import { customClasses } from "../util/constants";
 
 type textColor = "text-white" | "text-sswBlack";
 type alignment = "items-start" | "items-center" | "items-end";
@@ -13,7 +14,7 @@ export type CustomImageProps = {
   height?: number;
   width?: number;
   link?: string;
-  customClass?: string;
+  customClass?: string | keyof typeof customClasses;
   caption?: string;
   captionColor?: textColor;
   sizes?: string;
@@ -35,7 +36,10 @@ export const CustomImage = ({ data }: { data: CustomImageProps }) => {
             alt={data.altText}
             height={data.height || 400}
             width={data.width || 400}
-            className={classNames("inline-block", data.customClass ?? "")}
+            className={classNames(
+              "inline-block",
+              (customClasses[data.customClass] || data.customClass) ?? ""
+            )}
             sizes={data.sizes}
           />
           {data.caption && (
@@ -112,6 +116,7 @@ export const customImageBlockSchema: Template = {
       type: "string",
       label: "Custom Class (optional)",
       name: "customClass",
+      options: Object.keys(customClasses),
       required: false,
     },
     {

components/blocks/downloadBlock.tsx

@@ -26,6 +26,8 @@ const bgOptions = {
   black: "bg-sswBlack",
   grey: "bg-gray-100",
   white: "bg-white",
+  darkgrey: "bg-gray-650",
+  darkgreen: "bg-[#3a4b49]",
 };
 
 export const DownloadBlock = (data: DownloadBlockProps) => {

components/blocks/fixedColumns.tsx

@@ -7,34 +7,47 @@ import { componentRenderer } from "./mdxComponentRenderer";
 
 interface FixedColumnsProps {
   data: {
+    headerSection?: TinaMarkdownContent;
     firstColBody: TinaMarkdownContent;
     secondColBody: TinaMarkdownContent;
   };
 }
 
 export const FixedColumns = ({ data }: FixedColumnsProps) => {
   return (
-    <div className="grid md:grid-cols-2 md:gap-6">
-      <div>
-        <TinaMarkdown
-          content={data.firstColBody}
-          components={componentRenderer}
-        />
+    <>
+      {data.headerSection && (
+        <h3 className="py-4">
+          <TinaMarkdown content={data.headerSection} />
+        </h3>
+      )}
+      <div className="grid md:grid-cols-2 md:gap-6">
+        <div>
+          <TinaMarkdown
+            content={data.firstColBody}
+            components={componentRenderer}
+          />
+        </div>
+        <div>
+          <TinaMarkdown
+            content={data.secondColBody}
+            components={componentRenderer}
+          />
+        </div>
       </div>
-      <div>
-        <TinaMarkdown
-          content={data.secondColBody}
-          components={componentRenderer}
-        />
-      </div>
-    </div>
+    </>
   );
 };
 
 export const fixedColumnsSchema: Template = {
   name: "FixedColumns",
   label: "Fixed Column Layout (2 columns)",
   fields: [
+    {
+      type: "rich-text",
+      label: "Header Section (Optional)",
+      name: "headerSection",
+    },
     {
       type: "rich-text",
       label: "First column text",

components/util/constants.tsx

@@ -169,3 +169,9 @@ export const sswColors = {
   "#AAAAAA": "bg-ssw-gray-light",
   "#797979": "bg-ssw-gray",
 };
+
+export const customClasses = {
+  none: "",
+  "Only mobile top margin (mt-6)": "mt-6 md:mt-0",
+  "Top margin (mt-6)": "mt-6",
+};

content/logo/firebootcamp.mdx

@@ -0,0 +1,44 @@
+---
+seo:
+  title: FireBootCamp Logo
+  showBreadcrumb: true
+header: FireBootCamp Logo
+subHeader: "If you have any queries please\_[contact SSW.](/company/contact-us)\n"
+_body:
+  - title: Download
+    downloads:
+      - header: Dev SuperPowers Tour
+        img: /images/company-logos/FireBootCamp_DSP_preview.png
+        imgBackground: darkgrey
+        firstLink: /images/company-logos/downloads/images/FireBootCamp_DSP_BW.png
+      - header: Hands On Workshop
+        img: /images/company-logos/FireBootCamp_HW_preview.png
+        imgBackground: darkgreen
+        firstLink: /images/company-logos/downloads/images/FireBootCamp_HW_BW.png
+    _template: DownloadBlock
+  - headerSection: FireBootCamp Banners
+    firstColBody: >
+      <CustomImage src="/images/SuperPower-Banner-Master-Angular.jpg"
+      altText="Angular Superpowers " height={400} width={700}
+      alignment="items-end" />
+
+
+      <CustomImage
+      src="/images/company-logos/SuperPower-Banner-Master-Azure.jpg" width={700}
+      alignment="items-end" height={400} altText="Azure Superpowers "
+      customClass="Top margin (mt-6)" />
+    secondColBody: >
+      <CustomImage
+      src="/images/company-logos/SuperPower-Banner-Master-NetCore.jpg"
+      altText="Dotnet SuperPowers" alignment="items-start" height={400}
+      width={700} customClass="Only mobile top margin (mt-6)" />
+
+
+      <CustomImage
+      src="/images/company-logos/SuperPower-Banner-Master-Ionic.jpg"
+      altText="Icon Lunch " alignment="items-start" height={400} width={700}
+      customClass="Top margin (mt-6)" />
+    _template: FixedColumns
+footer: ''
+---
+

content/logo/index.mdx

@@ -112,19 +112,19 @@ _body:
             linkContent: >
               <UtilityButton buttonText="LOGO OPTIONS" size="small"
               btnIcon="BsArrowRightCircle" removeTopMargin={true}
-              link="https://www.ssw.com.au/ssw/logo/FireBootCamp" />
+              link="/logo/firebootcamp" />
           - title: Angular Hackday
             image: /images/company-logos/AngularHackDay_preview.png
             linkContent: >
               <UtilityButton buttonText="LOGO OPTIONS" size="small"
               btnIcon="BsArrowRightCircle" removeTopMargin={true}
-              link="https://www.ssw.com.au/ssw/logo/AngularHackDay" />
+              link="/logo/angular-hackday" />
           - title: AI Hackday
             image: /images/company-logos/AIHackDay_preview.png
             linkContent: >
               <UtilityButton buttonText="LOGO OPTIONS" size="small"
               btnIcon="BsArrowRightCircle" removeTopMargin={true}
-              link="https://www.ssw.com.au/ssw/logo/AIHackDay" />
+              link="/logo/ai-hackday" />
           - title: MAUI Hackday
             image: /images/company-logos/MAUIHackDay_preview.png
             linkContent: >