Components Buttons, Header und Cards

src/App.js

@@ -1,20 +1,25 @@
 import logo from "./logo.svg";
-import Test from "./Components/test";
+import ButtonPrimary from "./Components/buttonPrimary";
+import ButtonSecondary from "./Components/buttonSecondary";
+import './App.css';
+import p_logo_dark from './pizza_logo_dark.png'
+import p_logo_light from './pizza_logo_light.png'
+import Header1 from "./Components/header_1";
+import test from "./Components/test";
+import Card from "./Components/card";
+import img_paparoy from './paparoy.jpg';
+import img_alaturca from './alaturca.jpg';
 
 function App() {
   return (
     <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p className="underline hover:text-blue-500">
-          Edit <code>src/App.js</code> and save to reload.
-          <Test />
-        </p>
-        <a className="App-link" href="https://reactjs.org" target="_blank" rel="noopener noreferrer">
-          Learn React
-        </a>
-      </header>
-    </div>
+      <Header1 />
+      <div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4">
+        <Card name="Papa Roy" bild={img_paparoy} />
+        <Card name="A la Turca" bild={img_alaturca} />
+        <Card name="Pizza Olive"/>
+      </div>
+  </div>
   );
 }