Adiciona página com minhas informações de contato

Author: guissimatheus

.storybook/main.cjs

@@ -2,6 +2,7 @@ const { config } = require("@storybook/addon-actions");
 
 module.exports = {
   "stories": [
+    "../src/info/Developer.stories.tsx",
     "../src/**/*.stories.mdx",
     "../src/**/*.stories.@(js|jsx|ts|tsx)"
   ],

README.md

@@ -36,4 +36,5 @@ Para gerar uma nova página **Colors** atualizada no Figma, é preciso clicar co
 
 - [x] Arrumar README
 - [x] Consertar CSS de SignIn no Preview do Storybook
+- [x] Adicionar página com minhas informações de contato
 - [ ] Verificar o uso do Mock de API no GitHub 

public/gitHub-logo.png

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Developer } from './Developer';
+
+export default {
+    title: 'Info/Developer',
+    component: Developer
+} as Meta
+
+export const About: StoryObj = {}

public/linkedIn-logo.png

@@ -0,0 +1,17 @@
+import { Heading } from "../components/Heading";
+
+export function Developer() {
+    return (
+        <div className="bg-gray-900 flex flex-col items-center justify-center text-gray-100 p-5 rounded-lg">
+            <Heading size="sm">Desenvolvido por <span className="font-bold text-cyan-500">Matheus Guissi</span></Heading>
+            <div className="flex items-center justify-center gap-6 mt-3">
+                <a href="https://github.com/guissimatheus/design-system-react#readme" target="_blank">
+                    <img src="/gitHub-logo.png" className="h-8" alt="GitHub" />
+                </a>
+                <a href="https://www.linkedin.com/in/guissimatheus/" target="_blank">
+                    <img src="/linkedIn-logo.png" className="h-8 rounded" alt="LinkedIn" />
+                </a>
+            </div>
+        </div>
+    )
+}