From 84a0ff4e4c813b34e38bd1f23e0a39079d76e74e Mon Sep 17 00:00:00 2001
From: Shuchang Zheng <wintonzheng0325@gmail.com>
Date: Fri, 13 Jun 2025 12:18:55 -0700
Subject: [PATCH] Add Insurance, Healthcare, and Logistics sections to Skyvern
 UI (#2712)

---
 .../src/components/icons/DocumentIcon.tsx     | 53 ++++++++++++++++++
 .../src/components/icons/HospitalIcon.tsx     | 51 +++++++++++++++++
 .../src/components/icons/LogisticsIcon.tsx    | 55 +++++++++++++++++++
 .../src/components/icons/PackageIcon.tsx      | 43 +++++++++++++++
 4 files changed, 202 insertions(+)
 create mode 100644 skyvern-frontend/src/components/icons/DocumentIcon.tsx
 create mode 100644 skyvern-frontend/src/components/icons/HospitalIcon.tsx
 create mode 100644 skyvern-frontend/src/components/icons/LogisticsIcon.tsx
 create mode 100644 skyvern-frontend/src/components/icons/PackageIcon.tsx

diff --git a/skyvern-frontend/src/components/icons/DocumentIcon.tsx b/skyvern-frontend/src/components/icons/DocumentIcon.tsx
new file mode 100644
index 00000000..8970fce9
--- /dev/null
+++ b/skyvern-frontend/src/components/icons/DocumentIcon.tsx
@@ -0,0 +1,53 @@
+type Props = {
+  className?: string;
+};
+
+function DocumentIcon({ className }: Props) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      className={className}
+    >
+      <path
+        d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <polyline
+        points="14 2 14 8 20 8"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <line
+        x1="16"
+        y1="13"
+        x2="8"
+        y2="13"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <line
+        x1="16"
+        y1="17"
+        x2="8"
+        y2="17"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
+
+export { DocumentIcon };
diff --git a/skyvern-frontend/src/components/icons/HospitalIcon.tsx b/skyvern-frontend/src/components/icons/HospitalIcon.tsx
new file mode 100644
index 00000000..9c80a4a2
--- /dev/null
+++ b/skyvern-frontend/src/components/icons/HospitalIcon.tsx
@@ -0,0 +1,51 @@
+type Props = {
+  className?: string;
+};
+
+function HospitalIcon({ className }: Props) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      className={className}
+    >
+      {/* Hospital Building */}
+      <path
+        d="M5 22V8L12 2L19 8V22H5Z"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        fill="none"
+      />
+      {/* Door */}
+      <path
+        d="M9 22V16H15V22"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      {/* Plus Symbol */}
+      <path
+        d="M12 7V13"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M9 10H15"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
+
+export { HospitalIcon };
diff --git a/skyvern-frontend/src/components/icons/LogisticsIcon.tsx b/skyvern-frontend/src/components/icons/LogisticsIcon.tsx
new file mode 100644
index 00000000..c8248431
--- /dev/null
+++ b/skyvern-frontend/src/components/icons/LogisticsIcon.tsx
@@ -0,0 +1,55 @@
+type Props = {
+  className?: string;
+};
+
+function LogisticsIcon({ className }: Props) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      className={className}
+    >
+      {/* Truck Body */}
+      <path
+        d="M1 8h15v10H1z"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      {/* Truck Cabin */}
+      <path
+        d="M16 8h4l3 3v7h-7V8z"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      {/* Front Wheel */}
+      <circle
+        cx="5.5"
+        cy="18.5"
+        r="2.5"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      {/* Rear Wheel */}
+      <circle
+        cx="18.5"
+        cy="18.5"
+        r="2.5"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
+
+export { LogisticsIcon };
diff --git a/skyvern-frontend/src/components/icons/PackageIcon.tsx b/skyvern-frontend/src/components/icons/PackageIcon.tsx
new file mode 100644
index 00000000..42de73b9
--- /dev/null
+++ b/skyvern-frontend/src/components/icons/PackageIcon.tsx
@@ -0,0 +1,43 @@
+type Props = {
+  className?: string;
+};
+
+function PackageIcon({ className }: Props) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      className={className}
+    >
+      <path
+        d="M21 16V8a2 2 0 0 0-1-1.73L12 2 4 6.27A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73L12 22l8-4.27A2 2 0 0 0 21 16Z"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <polyline
+        points="3.27 6.96 12 12.01 20.73 6.96"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <line
+        x1="12"
+        y1="22"
+        x2="12"
+        y2="12"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
+
+export { PackageIcon };