Initial commit

1 files changed, 61 insertions, 0 deletions

diff --git a/components/logo.tsx b/components/logo.tsx
new file mode 100644
index 0000000..a512203
--- /dev/null
+++ b/components/logo.tsx
@@ -0,0 +1,61 @@
+import { cn } from "@/lib/utils";
+
+export function Logo({
+  className,
+  markClassName,
+  wordmark = true,
+}: {
+  className?: string;
+  markClassName?: string;
+  wordmark?: boolean;
+}) {
+  return (
+    <span className={cn("inline-flex items-center gap-2.5", className)}>
+      <svg
+        viewBox="0 0 32 32"
+        fill="none"
+        className={cn("size-7 shrink-0", markClassName)}
+        aria-hidden
+      >
+        <rect
+          x="1"
+          y="1"
+          width="30"
+          height="30"
+          rx="9"
+          className="fill-primary/10 stroke-primary/45"
+          strokeWidth="1"
+        />
+        <ellipse
+          cx="16"
+          cy="18.5"
+          rx="9.5"
+          ry="5.2"
+          className="stroke-primary/80"
+          strokeWidth="1.4"
+        />
+        <ellipse
+          cx="16"
+          cy="16"
+          rx="7"
+          ry="3.6"
+          className="stroke-primary"
+          strokeWidth="1.3"
+        />
+        <circle cx="10.5" cy="16.2" r="1.35" className="fill-primary" />
+        <circle cx="16" cy="14.4" r="1.5" className="fill-primary" />
+        <circle cx="21.5" cy="16.2" r="1.35" className="fill-primary" />
+        <path
+          d="M10.5 16.2L16 14.4L21.5 16.2"
+          className="stroke-primary/70"
+          strokeWidth="1"
+        />
+      </svg>
+      {wordmark ? (
+        <span className="text-[15px] font-medium tracking-tight text-foreground">
+          The Agentic Cloud
+        </span>
+      ) : null}
+    </span>
+  );
+}