diff --git a/src/Project/Sugcon2024/Sugcon/src/stories/components/Basic Components/Logo.stories.ts b/src/Project/Sugcon2024/Sugcon/src/stories/components/Basic Components/Logo.stories.ts
new file mode 100644
index 00000000..2760fc95
--- /dev/null
+++ b/src/Project/Sugcon2024/Sugcon/src/stories/components/Basic Components/Logo.stories.ts	
@@ -0,0 +1,40 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Default as LogoComponent } from '../../../components/Basic Components/Logo';
+const meta = {
+  title: 'Components/Logo',
+  component: LogoComponent,
+  parameters: {
+    layout: 'centered',
+  },
+  tags: ['autodocs'],
+  argTypes: {},
+} satisfies Meta<typeof LogoComponent>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export const Logo: Story = {
+  name: 'Logo ',
+  args: {
+    params: {
+      styles: '',
+    },
+    fields: {
+      Image: {
+        value: {
+          src: 'https://picsum.photos/1200/800',
+          alt: 'Logo',
+          width: '1200',
+          height: '800',
+        },
+      },
+      TargetUrl: {
+        value: {
+          href: 'https://www.sitecore.com',
+          anchor: 'Home',
+        },
+      },
+      ImageCaption: {
+        value: 'SUGCON 2024 Logo',
+      }
+    },
+  },
+};