diff --git a/public/logo192.png b/public/logo192.png index fc44b0a..a2d918c 100644 Binary files a/public/logo192.png and b/public/logo192.png differ diff --git a/public/logo192_x.png b/public/logo192_x.png new file mode 100644 index 0000000..fc44b0a Binary files /dev/null and b/public/logo192_x.png differ diff --git a/public/logo512.png b/public/logo512.png index a4e47a6..a2d918c 100644 Binary files a/public/logo512.png and b/public/logo512.png differ diff --git a/public/logo512_x.png b/public/logo512_x.png new file mode 100644 index 0000000..a4e47a6 Binary files /dev/null and b/public/logo512_x.png differ diff --git a/src/App.css b/src/App.css index 8e5f642..8387549 100644 --- a/src/App.css +++ b/src/App.css @@ -1,12 +1,14 @@ @tailwind base; @tailwind components; @tailwind utilities; +@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap'); @import url("https://fonts.googleapis.com/css2?family=Quicksand&display=swap"); .App { text-align: center; - font-family: qicksand, arial; + font-family: quicksand, arial; + } .App-logo { @@ -20,7 +22,7 @@ } } -.App-header { +/*.App-header { background-color: #282c34; min-height: 100vh; display: flex; @@ -29,7 +31,7 @@ justify-content: center; font-size: calc(10px + 2vmin); color: white; -} +}*/ .App-link { color: #61dafb; diff --git a/src/App.js b/src/App.js index 4570b83..448a7cf 100644 --- a/src/App.js +++ b/src/App.js @@ -1,3 +1,15 @@ + +import logo from "./logo.svg"; +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'; import Eingabefeld from "./Components/eingabefeld"; import "../node_modules/font-awesome/css/font-awesome.min.css"; import Liste from "./Components/liste"; @@ -5,10 +17,6 @@ import Liste from "./Components/liste"; function App() { return (
- -

tets

-

-
); } diff --git a/src/Components/buttonPrimary.jsx b/src/Components/buttonPrimary.jsx new file mode 100644 index 0000000..b751d5e --- /dev/null +++ b/src/Components/buttonPrimary.jsx @@ -0,0 +1,12 @@ +import React from "react"; + +function ButtonPrimary(props) { + return ( + + ); +} + +export default ButtonPrimary; diff --git a/src/Components/buttonSecondary.jsx b/src/Components/buttonSecondary.jsx new file mode 100644 index 0000000..ba6a689 --- /dev/null +++ b/src/Components/buttonSecondary.jsx @@ -0,0 +1,12 @@ +import React from "react"; + +function ButtonSecondary(props) { + return ( + + ); +} + +export default ButtonSecondary; diff --git a/src/Components/card.jsx b/src/Components/card.jsx new file mode 100644 index 0000000..6f699dc --- /dev/null +++ b/src/Components/card.jsx @@ -0,0 +1,17 @@ +import React from "react"; +import bild from "../paparoy.jpg"; +import ButtonPrimary from "./buttonPrimary"; + +function Card(props) { + return ( +
+ Papa Roy +
+
{props.name || "Restaurant"}
+ +
+
+ ); +} + +export default Card; diff --git a/src/Components/header_1.jsx b/src/Components/header_1.jsx new file mode 100644 index 0000000..0bc117d --- /dev/null +++ b/src/Components/header_1.jsx @@ -0,0 +1,19 @@ +import React from "react"; +import p_logo_dark from "../pizza_logo_dark.png"; +import p_logo_light from "../pizza_logo_light.png"; +import ButtonSecondary from "./buttonSecondary"; +import ShoppingCart from "../shopping_cart.svg"; + +function Header1() { + return ( +
+ Logo +
+ + +
+
+ ); +} + +export default Header1; diff --git a/src/Components/test.jsx b/src/Components/test.jsx index 73fac62..802b6cd 100644 --- a/src/Components/test.jsx +++ b/src/Components/test.jsx @@ -1,7 +1,7 @@ import React from "react"; function test() { - return

test

; + return

test

; } export default test; diff --git a/src/alaturca.jpg b/src/alaturca.jpg new file mode 100644 index 0000000..7c3ceb7 Binary files /dev/null and b/src/alaturca.jpg differ diff --git a/src/paparoy.jpg b/src/paparoy.jpg new file mode 100644 index 0000000..f5ad966 Binary files /dev/null and b/src/paparoy.jpg differ diff --git a/src/pizza_logo_dark.png b/src/pizza_logo_dark.png new file mode 100644 index 0000000..a2d918c Binary files /dev/null and b/src/pizza_logo_dark.png differ diff --git a/src/pizza_logo_light.png b/src/pizza_logo_light.png new file mode 100644 index 0000000..16c3699 Binary files /dev/null and b/src/pizza_logo_light.png differ diff --git a/src/shopping_cart.svg b/src/shopping_cart.svg new file mode 100644 index 0000000..e8fbf3f --- /dev/null +++ b/src/shopping_cart.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/tailwind.config.js b/tailwind.config.js index 26cde68..9d03351 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -2,6 +2,15 @@ module.exports = { content: ["./src/**/*.{js,jsx,ts,tsx}"], theme: { extend: {}, + colors: { + primary: '#0E7768', + secondary: '#6FB98F', + primaryHover: '#13695D', + secondaryHover: '#69AF88', + white: '#ffffff', + gray1: '#EAEAEA', + gray2: '#FAFAFA' + } }, plugins: [], };