Skip to content

Commit 49619d0

Browse files
CassandraNewellCassandraNewell
committed
code audit text
1 parent 0789f04 commit 49619d0

20 files changed

+563
-0
lines changed

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

Lines changed: 67 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,67 @@
1+
import React from "react";
2+
import { ThreeCardSection } from "../general/ThreeCardSection.tsx";
3+
import { StaticImage } from "gatsby-plugin-image";
4+
5+
import "./css/application-steps.css";
6+
import { useBookCallModal } from "../book-call/hooks/useBookCallModal.tsx";
7+
8+
export const ApplicationSteps = () => {
9+
const { modal, clickHandler } = useBookCallModal();
10+
11+
return (
12+
<div className="application-steps">
13+
{modal}
14+
<div className="application-steps__contents">
15+
<ThreeCardSection
16+
sectionContents={{
17+
sectionHeading: "Achieve optimized software in three simple steps",
18+
cards: [
19+
{
20+
icon: (
21+
<StaticImage
22+
src="../icons/chat-icon.png"
23+
alt="chat icon"
24+
className="application-steps__image"
25+
/>
26+
),
27+
heading: "Step 1: Book Your Code Audit",
28+
paragraphs: [
29+
"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.",
30+
],
31+
},
32+
{
33+
icon: (
34+
<StaticImage
35+
src="../icons/clipboard-icon.png"
36+
alt="clipboard icon"
37+
className="application-steps__image"
38+
/>
39+
),
40+
heading: "Step 2: Get a detailed analysis",
41+
paragraphs: [
42+
"Our team dives deep into your software, uncovering bottlenecks and opportunities.",
43+
],
44+
},
45+
{
46+
icon: (
47+
<StaticImage
48+
src="../icons/rocket-blastoff-icon.png"
49+
alt="rocket blastoff icon"
50+
className="application-steps__image"
51+
/>
52+
),
53+
heading: "Step 3: Take action",
54+
paragraphs: [
55+
"Receive your detailed roadmap, complete with clear insights and actionable steps.",
56+
],
57+
},
58+
],
59+
}}
60+
/>
61+
<button className="better-way__button button" type="button" onClick={clickHandler}>
62+
Book my launch call
63+
</button>
64+
</div>
65+
</div>
66+
);
67+
};

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

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
import React from "react";
2+
import { useBookCallModal } from "../book-call/hooks/useBookCallModal.tsx";
3+
4+
import "./css/custom-development-call-to-action.css";
5+
6+
export const CallToAction = () => {
7+
const { modal, clickHandler } = useBookCallModal();
8+
9+
return (
10+
<div className="custom-development-call-to-action">
11+
{modal}
12+
<div className="custom-development-call-to-action__contents">
13+
<h2 className="custom-development-call-to-action__heading">Ready to get started?</h2>
14+
<p>
15+
Ready to transform your software project? Schedule your code audit with LaunchWare today.
16+
</p>
17+
18+
<button className="exasperation__button button" type="button" onClick={clickHandler}>
19+
Book Your Launch Call
20+
</button>
21+
</div>
22+
</div>
23+
);
24+
};

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

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
// STATUS: complete
2+
import React from "react";
3+
4+
import "./css/custom-development-hero.css";
5+
6+
export const CodeAuditHero = () => (
7+
<div className="code-audit-hero">
8+
<div className="code-audit-hero__contents">
9+
<h1 className="code-audit-hero__heading">Turn Code Chaos into Seamless Success</h1>
10+
<p className="code-audit-hero__text">
11+
Discover the power of expert code audits with LaunchWare. We help you navigate your software
12+
challenges and set the stage for success.
13+
</p>
14+
</div>
15+
</div>
16+
);

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

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
import React from "react";
2+
import { StaticImage } from "gatsby-plugin-image";
3+
4+
import "./css/embrace-launchware.css";
5+
6+
export const EmbraceLaunchWare = () => (
7+
<div className="embrace-launchware">
8+
<div className="embrace-launchware__contents">
9+
<h2 className="embrace-launchware__heading">
10+
Unlock your project’s potential with LaunchWare
11+
</h2>
12+
<p>With LaunchWare, you can:</p>
13+
<ul role="list" className="embrace-launchware__list">
14+
<li>Identify and tackle software bottlenecks head-on</li>
15+
<li>Make informed decisions with transparent reporting</li>
16+
<li>Enhance your software’s performance for a superior user experience</li>
17+
<li>Recapture missed opportunities and steer your project towards success</li>
18+
<li>Enjoy the peace of mind that comes with expert guidance</li>
19+
</ul>
20+
</div>
21+
</div>
22+
);

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

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
import React from "react";
2+
import { TextImageBlock } from "../general/TextImageBlock.tsx";
3+
import { StaticImage } from "gatsby-plugin-image";
4+
5+
import "./css/we-are-with-you.css";
6+
7+
export const ExpertGuidance = () => (
8+
<div className="we-are-with-you">
9+
<TextImageBlock
10+
image={
11+
<StaticImage
12+
layout="constrained"
13+
className="contact-us-chat__image"
14+
alt="Pair of hands typing on a laptop"
15+
width={680}
16+
src="../../images/contact/hands-and-laptop.jpg"
17+
/>
18+
}
19+
headingText="Expert guidance, in plain language"
20+
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."
21+
webViewImagePosition="right"
22+
/>
23+
</div>
24+
);

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

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
import { faCheckCircle } from "@fortawesome/free-solid-svg-icons";
2+
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
3+
import React from "react";
4+
import { ThreeCardSection } from "../general/ThreeCardSection.tsx";
5+
6+
import "./css/highlight-bullets.css";
7+
8+
export const HeroBullets = () => {
9+
const sectionContents = {
10+
cards: [
11+
{
12+
heading: "Unlock code clarity",
13+
icon: (
14+
<FontAwesomeIcon height="36px" className="highlight-bullets__icon" icon={faCheckCircle} />
15+
),
16+
},
17+
{
18+
heading: "Propel project progress",
19+
icon: (
20+
<FontAwesomeIcon height="36px" className="highlight-bullets__icon" icon={faCheckCircle} />
21+
),
22+
},
23+
{
24+
heading: "Get momentum",
25+
icon: (
26+
<FontAwesomeIcon
27+
height="36px"
28+
width="36px"
29+
className="highlight-bullets__icon"
30+
icon={faCheckCircle}
31+
/>
32+
),
33+
},
34+
],
35+
};
36+
37+
return (
38+
<div className="highlight-bullets">
39+
<div className="highlight-bullets__contents">
40+
<ThreeCardSection sectionContents={sectionContents} iconsInline={true} />
41+
</div>
42+
</div>
43+
);
44+
};

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

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
import React from "react";
2+
import { TextImageBlock } from "../general/TextImageBlock.tsx";
3+
import { StaticImage } from "gatsby-plugin-image";
4+
5+
import "./css/partner-with-experts.css";
6+
7+
export const InformedDecisions = () => (
8+
<div className="partner-with-experts">
9+
<TextImageBlock
10+
image={
11+
<StaticImage
12+
layout="constrained"
13+
className="contact-us-chat__image"
14+
alt="Pair of hands typing on a laptop"
15+
width={680}
16+
src="../../images/contact/hands-and-laptop.jpg"
17+
/>
18+
}
19+
headingText="Make informed decisions with clear insights"
20+
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."
21+
webViewImagePosition="left"
22+
/>
23+
</div>
24+
);

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

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
import React from "react";
2+
import { TextImageBlock } from "../general/TextImageBlock.tsx";
3+
import { StaticImage } from "gatsby-plugin-image";
4+
5+
import "./css/hassle-free-solutions.css";
6+
7+
export const SeamlessSoftware = () => (
8+
<div className="hassle-free-solutions">
9+
<TextImageBlock
10+
image={
11+
<StaticImage
12+
layout="constrained"
13+
className="contact-us-chat__image"
14+
alt="Pair of hands typing on a laptop"
15+
width={680}
16+
src="../../images/contact/hands-and-laptop.jpg"
17+
/>
18+
}
19+
headingText="Envision a world of seamless software"
20+
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."
21+
webViewImagePosition="right"
22+
/>
23+
</div>
24+
);

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

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
import { StaticImage } from "gatsby-plugin-image";
2+
import React from "react";
3+
import { TextImageBlock } from "../general/TextImageBlock.tsx";
4+
5+
import "./css/no-more-juggling.css";
6+
7+
export const StruggleEndsHere = () => (
8+
<TextImageBlock
9+
image={
10+
<StaticImage
11+
layout="constrained"
12+
className="contact-us-chat__image"
13+
alt="Pair of hands typing on a laptop"
14+
width={680}
15+
src="../../images/contact/hands-and-laptop.jpg"
16+
/>
17+
}
18+
headingText="Your software struggles end here"
19+
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."
20+
webViewImagePosition="left"
21+
/>
22+
);

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

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
.application-steps {
2+
@apply parent-section;
3+
@apply bg-launch-black;
4+
5+
& .three-card-section__heading-container {
6+
@apply max-w-none flex-grow;
7+
}
8+
9+
& .three-card-section__heading {
10+
@apply text-white text-left w-full;
11+
}
12+
}
13+
14+
.application-steps__contents {
15+
@apply contents-container;
16+
@apply flex-col space-y-6;
17+
}
18+
19+
.application-steps__image {
20+
@apply h-16 w-14 items-center;
21+
}

0 commit comments

Comments
 (0)