Sc 7153 flight plan

apps/gatsby/src/components/code-audit/ApplicationSteps.tsx

@@ -0,0 +1,67 @@
+import React from "react";
+import { ThreeCardSection } from "../general/ThreeCardSection.tsx";
+import { StaticImage } from "gatsby-plugin-image";
+
+import "./css/application-steps.css";
+import { useBookCallModal } from "../book-call/hooks/useBookCallModal.tsx";
+
+export const ApplicationSteps = () => {
+  const { modal, clickHandler } = useBookCallModal();
+
+  return (
+    <div className="application-steps">
+      {modal}
+      <div className="application-steps__contents">
+        <ThreeCardSection
+          sectionContents={{
+            sectionHeading: "Achieve optimized software in three simple steps",
+            cards: [
+              {
+                icon: (
+                  <StaticImage
+                    src="../icons/chat-icon.png"
+                    alt="chat icon"
+                    className="application-steps__image"
+                  />
+                ),
+                heading: "Step 1: Book Your Code Audit",
+                paragraphs: [
+                  "Book a convenient time to chat with our founder about the application you want to review and if a code audit is a fit, we’ll get you scheduled for your custom code audit.",
+                ],
+              },
+              {
+                icon: (
+                  <StaticImage
+                    src="../icons/clipboard-icon.png"
+                    alt="clipboard icon"
+                    className="application-steps__image"
+                  />
+                ),
+                heading: "Step 2: Get a detailed analysis",
+                paragraphs: [
+                  "Our team dives deep into your software, uncovering bottlenecks and opportunities.",
+                ],
+              },
+              {
+                icon: (
+                  <StaticImage
+                    src="../icons/rocket-blastoff-icon.png"
+                    alt="rocket blastoff icon"
+                    className="application-steps__image"
+                  />
+                ),
+                heading: "Step 3: Take action",
+                paragraphs: [
+                  "Receive your detailed roadmap, complete with clear insights and actionable steps.",
+                ],
+              },
+            ],
+          }}
+        />
+        <button className="better-way__button button" type="button" onClick={clickHandler}>
+          Book my launch call
+        </button>
+      </div>
+    </div>
+  );
+};

apps/gatsby/src/components/code-audit/CallToAction.tsx

@@ -0,0 +1,24 @@
+import React from "react";
+import { useBookCallModal } from "../book-call/hooks/useBookCallModal.tsx";
+
+import "./css/custom-development-call-to-action.css";
+
+export const CallToAction = () => {
+  const { modal, clickHandler } = useBookCallModal();
+
+  return (
+    <div className="custom-development-call-to-action">
+      {modal}
+      <div className="custom-development-call-to-action__contents">
+        <h2 className="custom-development-call-to-action__heading">Ready to get started?</h2>
+        <p>
+          Ready to transform your software project? Schedule your code audit with LaunchWare today.
+        </p>
+
+        <button className="exasperation__button button" type="button" onClick={clickHandler}>
+          Book Your Launch Call
+        </button>
+      </div>
+    </div>
+  );
+};

apps/gatsby/src/components/code-audit/CodeAuditHero.tsx

@@ -0,0 +1,16 @@
+// STATUS: complete
+import React from "react";
+
+import "./css/custom-development-hero.css";
+
+export const CodeAuditHero = () => (
+  <div className="code-audit-hero">
+    <div className="code-audit-hero__contents">
+      <h1 className="code-audit-hero__heading">Turn Code Chaos into Seamless Success</h1>
+      <p className="code-audit-hero__text">
+        Discover the power of expert code audits with LaunchWare. We help you navigate your software
+        challenges and set the stage for success.
+      </p>
+    </div>
+  </div>
+);

apps/gatsby/src/components/code-audit/EmbraceLaunchWare.tsx

@@ -0,0 +1,22 @@
+import React from "react";
+import { StaticImage } from "gatsby-plugin-image";
+
+import "./css/embrace-launchware.css";
+
+export const EmbraceLaunchWare = () => (
+  <div className="embrace-launchware">
+    <div className="embrace-launchware__contents">
+      <h2 className="embrace-launchware__heading">
+        Unlock your project’s potential with LaunchWare
+      </h2>
+      <p>With LaunchWare, you can:</p>
+      <ul role="list" className="embrace-launchware__list">
+        <li>Identify and tackle software bottlenecks head-on</li>
+        <li>Make informed decisions with transparent reporting</li>
+        <li>Enhance your software’s performance for a superior user experience</li>
+        <li>Recapture missed opportunities and steer your project towards success</li>
+        <li>Enjoy the peace of mind that comes with expert guidance</li>
+      </ul>
+    </div>
+  </div>
+);

apps/gatsby/src/components/code-audit/ExpertGuidance.tsx

@@ -0,0 +1,24 @@
+import React from "react";
+import { TextImageBlock } from "../general/TextImageBlock.tsx";
+import { StaticImage } from "gatsby-plugin-image";
+
+import "./css/we-are-with-you.css";
+
+export const ExpertGuidance = () => (
+  <div className="we-are-with-you">
+    <TextImageBlock
+      image={
+        <StaticImage
+          layout="constrained"
+          className="contact-us-chat__image"
+          alt="Pair of hands typing on a laptop"
+          width={680}
+          src="../../images/contact/hands-and-laptop.jpg"
+        />
+      }
+      headingText="Expert guidance, in plain language"
+      text="We believe that you don’t need to be a tech whizz to understand your software. Our team speaks your language, simplifying complex tech terms and guiding you every step of the way."
+      webViewImagePosition="right"
+    />
+  </div>
+);

apps/gatsby/src/components/code-audit/HeroBullets.tsx

@@ -0,0 +1,44 @@
+import { faCheckCircle } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import { ThreeCardSection } from "../general/ThreeCardSection.tsx";
+
+import "./css/highlight-bullets.css";
+
+export const HeroBullets = () => {
+  const sectionContents = {
+    cards: [
+      {
+        heading: "Unlock code clarity",
+        icon: (
+          <FontAwesomeIcon height="36px" className="highlight-bullets__icon" icon={faCheckCircle} />
+        ),
+      },
+      {
+        heading: "Propel project progress",
+        icon: (
+          <FontAwesomeIcon height="36px" className="highlight-bullets__icon" icon={faCheckCircle} />
+        ),
+      },
+      {
+        heading: "Get momentum",
+        icon: (
+          <FontAwesomeIcon
+            height="36px"
+            width="36px"
+            className="highlight-bullets__icon"
+            icon={faCheckCircle}
+          />
+        ),
+      },
+    ],
+  };
+
+  return (
+    <div className="highlight-bullets">
+      <div className="highlight-bullets__contents">
+        <ThreeCardSection sectionContents={sectionContents} iconsInline={true} />
+      </div>
+    </div>
+  );
+};

apps/gatsby/src/components/code-audit/InformedDecisions.tsx

@@ -0,0 +1,24 @@
+import React from "react";
+import { TextImageBlock } from "../general/TextImageBlock.tsx";
+import { StaticImage } from "gatsby-plugin-image";
+
+import "./css/partner-with-experts.css";
+
+export const InformedDecisions = () => (
+  <div className="partner-with-experts">
+    <TextImageBlock
+      image={
+        <StaticImage
+          layout="constrained"
+          className="contact-us-chat__image"
+          alt="Pair of hands typing on a laptop"
+          width={680}
+          src="../../images/contact/hands-and-laptop.jpg"
+        />
+      }
+      headingText="Make informed decisions with clear insights"
+      text="We don’t just identify bottlenecks in your software, we illuminate the path forward. Our code audits equip you with a detailed roadmap to optimize your software, giving you the clarity you need to make confident decisions."
+      webViewImagePosition="left"
+    />
+  </div>
+);

apps/gatsby/src/components/code-audit/SeamlessSoftware.tsx

@@ -0,0 +1,24 @@
+import React from "react";
+import { TextImageBlock } from "../general/TextImageBlock.tsx";
+import { StaticImage } from "gatsby-plugin-image";
+
+import "./css/hassle-free-solutions.css";
+
+export const SeamlessSoftware = () => (
+  <div className="hassle-free-solutions">
+    <TextImageBlock
+      image={
+        <StaticImage
+          layout="constrained"
+          className="contact-us-chat__image"
+          alt="Pair of hands typing on a laptop"
+          width={680}
+          src="../../images/contact/hands-and-laptop.jpg"
+        />
+      }
+      headingText="Envision a world of seamless software"
+      text="Imagine your software humming along like a finely tuned engine, each line of code contributing to a perfectly synchronized rhythm. With LaunchWare’s code audits, that vision becomes your reality."
+      webViewImagePosition="right"
+    />
+  </div>
+);

apps/gatsby/src/components/code-audit/StruggleEndsHere.tsx

@@ -0,0 +1,22 @@
+import { StaticImage } from "gatsby-plugin-image";
+import React from "react";
+import { TextImageBlock } from "../general/TextImageBlock.tsx";
+
+import "./css/no-more-juggling.css";
+
+export const StruggleEndsHere = () => (
+  <TextImageBlock
+    image={
+      <StaticImage
+        layout="constrained"
+        className="contact-us-chat__image"
+        alt="Pair of hands typing on a laptop"
+        width={680}
+        src="../../images/contact/hands-and-laptop.jpg"
+      />
+    }
+    headingText="Your software struggles end here"
+    text="We know the frustration of dealing with software projects that veer off course. Delayed timelines, budget overruns, and subpar functionality can feel like a tangled mess, hindering your progress."
+    webViewImagePosition="left"
+  />
+);

apps/gatsby/src/components/code-audit/css/application-steps.css

@@ -0,0 +1,21 @@
+.application-steps {
+  @apply parent-section;
+  @apply bg-launch-black;
+
+  & .three-card-section__heading-container {
+    @apply max-w-none flex-grow;
+  }
+
+  & .three-card-section__heading {
+    @apply text-white text-left w-full;
+  }
+}
+
+.application-steps__contents {
+  @apply contents-container;
+  @apply flex-col space-y-6;
+}
+
+.application-steps__image {
+  @apply h-16 w-14 items-center;
+}

apps/gatsby/src/components/code-audit/css/code-audit-hero.css

@@ -0,0 +1,19 @@
+@import "../../../css/index.css";
+
+.code-audit-hero {
+  @apply parent-section;
+  @apply bg-launch-neutral-20;
+}
+
+.code-audit-hero__contents {
+  @apply contents-container;
+  @apply flex-col space-y-6;
+}
+
+.code-audit-hero__heading {
+  @apply text-5xl text-left md:text-center max-w-xl lg:max-w-3xl;
+}
+
+.code-audit-hero__text {
+  @apply text-left md:text-center text-launch-black-80  max-w-xl lg:max-w-3xl;
+}

apps/gatsby/src/components/code-audit/css/custom-development-call-to-action.css

@@ -0,0 +1,23 @@
+@import "../../../css/index.css";
+
+.custom-development-call-to-action {
+  @apply parent-section;
+  @apply bg-launch-neutral-20;
+}
+
+.custom-development-call-to-action__contents {
+  @apply contents-container;
+  @apply flex-col space-y-6;
+}
+
+.custom-development-call-to-action__heading {
+  @apply text-5xl text-center max-w-xl lg:max-w-3xl;
+}
+
+.custom-development-call-to-action__uppercase {
+  @apply uppercase;
+}
+
+.custom-development-call-to-action__text {
+  @apply text-center text-launch-black-80;
+}

apps/gatsby/src/components/code-audit/css/embrace-launchware.css

@@ -0,0 +1,20 @@
+@import "../../../css/index.css";
+
+.embrace-launchware {
+  @apply parent-section;
+  @apply bg-launch-neutral-30;
+}
+
+.embrace-launchware__contents {
+  @apply contents-container;
+  @apply flex-col space-y-6;
+}
+
+.embrace-launchware__icon {
+  @apply inline;
+  @apply float-left;
+}
+
+.embrace-launchware__list {
+  /* @apply red-checkmark */
+}

apps/gatsby/src/components/code-audit/css/hassle-free-solutions.css

@@ -0,0 +1,20 @@
+@import "../../../css/index.css";
+
+.hassle-free-solutions {
+  @apply parent-section;
+  @apply bg-launch-neutral-30;
+}
+
+.hassle-free-solutions__contents {
+  @apply contents-container;
+  @apply flex-col space-y-6;
+}
+
+.hassle-free-solutions__icon {
+  @apply inline;
+  @apply float-left;
+}
+
+.hassle-free-solutions__list {
+  /* @apply red-checkmark */
+}