diff --git a/src/App.jsx b/src/App.jsx
index d9c8a05..88a314c 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,5 +1,6 @@
 
 import Details from './components/kelixirr/Details';
+import ButtonAmadu from './components/amadu/Button';
 import Hero from './Hero' 
 
 function App() {
@@ -7,6 +8,7 @@ function App() {
     <>
       <Hero />
       <Details />
+      <ButtonAmadu />
     </>
   );
 }
diff --git a/src/components/amadu/Button.jsx b/src/components/amadu/Button.jsx
new file mode 100644
index 0000000..bc91221
--- /dev/null
+++ b/src/components/amadu/Button.jsx
@@ -0,0 +1,24 @@
+// Create a simple button component
+import styles from './Button.module.css';
+import Author from "../../Author";
+
+export default function ButtonAmadu() {
+    return(
+        <div>
+            <button className = {styles.btn} >Click Here</button>
+            <p>
+                Hi! my name is Amadu S Camara this is my first component.
+            </p>
+            <pre className='styles.codeBlock'>
+                <code>
+                    
+                </code>
+
+            </pre>
+
+            <Author name="Amadu Sadjo Camara" githubLink="https://github.com/amadusadjocamara" />;
+        </div>
+
+    );
+  }
+  
\ No newline at end of file
diff --git a/src/components/amadu/Button.module.css b/src/components/amadu/Button.module.css
new file mode 100644
index 0000000..b68971c
--- /dev/null
+++ b/src/components/amadu/Button.module.css
@@ -0,0 +1,11 @@
+.btn {
+    padding: var(--spacing-sm) var(--spacing-md);
+    border: none;
+    border-radius: var(--border-radius-md);
+    cursor: pointer;
+    background-color: var(--primary-color);
+    }
+.author{
+    margin: 0;
+    font-size: 14px;
+}    
\ No newline at end of file