From c6fca93194088647831649fcef83aed8fdb5d307 Mon Sep 17 00:00:00 2001
From: "jacob-ai-bot[bot]"
 <156382575+jacob-ai-bot[bot]@users.noreply.github.com>
Date: Tue, 28 May 2024 20:38:37 +0000
Subject: [PATCH 1/2] JACoB commit for Issue 158

---
 src/components/DesignedForDevelopers.tsx | 73 ++++++++++++++++++++++++
 1 file changed, 73 insertions(+)
 create mode 100644 src/components/DesignedForDevelopers.tsx

diff --git a/src/components/DesignedForDevelopers.tsx b/src/components/DesignedForDevelopers.tsx
new file mode 100644
index 0000000..de4b166
--- /dev/null
+++ b/src/components/DesignedForDevelopers.tsx
@@ -0,0 +1,73 @@
+import { FC } from "react";
+
+const DesignedForDevelopers: FC = () => {
+  return (
+    <div className="w-full min-h-screen flex flex-col items-center justify-center bg-white">
+      <div className="flex flex-col items-start justify-start w-full max-w-7xl">
+        <div className="flex flex-col items-start justify-start w-full max-w-lg p-4">
+          <div className="text-6xl text-dark-blue">Designed for</div>
+          <div className="flex items-center">
+            <div className="text-6xl text-center text-dark-blue">Developers</div>
+            <div className="text-6xl text-center text-dark-blue">,</div>
+          </div>
+          <div className="text-6xl text-dark-blue">Tailored for Teams</div>
+          <div className="text-lg font-light text-blueGray-500 mt-4">
+            JACoB is built from the ground up to address the specific needs of software development.
+          </div>
+        </div>
+        <div className="flex flex-wrap justify-between w-full mt-8">
+          <div className="w-full md:w-1/2 lg:w-1/3 p-4">
+            <div className="bg-dark-beige border border-solid border-[#e9dad7] rounded-lg p-4">
+              <div className="text-xl font-medium text-dark-blue">Efficiency Boost</div>
+              <div className="text-sm font-light text-blueGray-500 mt-2">
+                ACoB automates the repetitive and mundane, allowing you to concentrate on innovation and complex problem-solving.
+              </div>
+            </div>
+          </div>
+          <div className="w-full md:w-1/2 lg:w-1/3 p-4">
+            <div className="bg-dark-beige border border-solid border-[#e9dad7] rounded-lg p-4">
+              <div className="text-xl font-medium text-dark-blue">Quality Assurance</div>
+              <div className="text-sm font-light text-blueGray-500 mt-2">
+                With JACoB's AI-driven reviews, your code stays clean and maintainable.
+              </div>
+            </div>
+          </div>
+          <div className="w-full md:w-1/2 lg:w-1/3 p-4">
+            <div className="bg-dark-beige border border-solid border-[#e9dad7] rounded-lg p-4">
+              <div className="text-xl font-medium text-dark-blue">Rapid Integration</div>
+              <div className="text-sm font-light text-blueGray-500 mt-2">
+                JACoB fits into your workflow from day one, adapting to your tools and preferences.
+              </div>
+            </div>
+          </div>
+          <div className="w-full md:w-1/2 lg:w-1/3 p-4">
+            <div className="bg-dark-beige border border-solid border-[#e9dad7] rounded-lg p-4">
+              <div className="text-xl font-medium text-dark-blue">Scalable Development</div>
+              <div className="text-sm font-light text-blueGray-500 mt-2">
+                Handle more projects and complex code without expanding your team.
+              </div>
+            </div>
+          </div>
+          <div className="w-full md:w-1/2 lg:w-1/3 p-4">
+            <div className="bg-dark-beige border border-solid border-[#e9dad7] rounded-lg p-4">
+              <div className="text-xl font-medium text-dark-blue">Learning & Growth</div>
+              <div className="text-sm font-light text-blueGray-500 mt-2">
+                JACoB continuously learns from your codebase, contributing more effectively over time.
+              </div>
+            </div>
+          </div>
+          <div className="w-full md:w-1/2 lg:w-1/3 p-4">
+            <div className="bg-dark-beige border border-solid border-[#e9dad7] rounded-lg p-4">
+              <div className="text-xl font-medium text-dark-blue">Security & Control</div>
+              <div className="text-sm font-light text-blueGray-500 mt-2">
+                Hosted within your environment, JACoB ensures your code remains secure and proprietary.
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default DesignedForDevelopers;
\ No newline at end of file

From a7675de8b727d89f79f42a4f3a8edaeab70fddd8 Mon Sep 17 00:00:00 2001
From: "jacob-local-kevin[bot]"
 <164088400+jacob-local-kevin[bot]@users.noreply.github.com>
Date: Tue, 28 May 2024 13:39:37 -0700
Subject: [PATCH 2/2] JACoB commit: add storybook story
 /src/components/DesignedForDevelopers.stories.tsx

---
 .../DesignedForDevelopers.stories.tsx         | 28 +++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 src/components/DesignedForDevelopers.stories.tsx

diff --git a/src/components/DesignedForDevelopers.stories.tsx b/src/components/DesignedForDevelopers.stories.tsx
new file mode 100644
index 0000000..0a7d8ef
--- /dev/null
+++ b/src/components/DesignedForDevelopers.stories.tsx
@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import DesignedForDevelopers from "./DesignedForDevelopers";
+
+const meta = {
+  title: "Components/DesignedForDevelopers",
+  component: DesignedForDevelopers,
+  parameters: {
+    layout: "centered",
+  },
+  tags: ["autodocs"],
+} satisfies Meta<typeof DesignedForDevelopers>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const WithCustomBackground: Story = {
+  parameters: {
+    backgrounds: { default: 'lightgray' },
+  },
+};
+
+export const CenteredLayout: Story = {
+  parameters: {
+    layout: 'centered',
+  },
+};
\ No newline at end of file