diff --git a/frontend/components/logo.tsx b/frontend/components/logo.tsx
index 6a6ecad..fe95d24 100644
--- a/frontend/components/logo.tsx
+++ b/frontend/components/logo.tsx
@@ -1,26 +1,48 @@
import type React from "react";
+/**
+ * LogoIcon: A clean, modern geometric mark representing "Waras"
+ * Uses abstract overlapping pill/capsule shapes to form a stylized 'W'.
+ */
export const LogoIcon = (props: React.ComponentProps<"svg">) => (
-
+
);
+/**
+ * Logo: The full "Waras" brand mark
+ * Combines the geometric icon with clean, high-impact typography.
+ */
export const Logo = (props: React.ComponentProps<"svg">) => (
-
-);
+
+);
\ No newline at end of file