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 60ff72a..c8c1f8b 100644 --- a/src/App.css +++ b/src/App.css @@ -1,9 +1,11 @@ @tailwind base; @tailwind components; @tailwind utilities; +@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap'); .App { text-align: center; + font-family: quicksand, arial; } .App-logo { @@ -17,7 +19,7 @@ } } -.App-header { +/*.App-header { background-color: #282c34; min-height: 100vh; display: flex; @@ -26,7 +28,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 6cf60a2..24a46c5 100644 --- a/src/App.js +++ b/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 (
-
- logo -

- Edit src/App.js and save to reload. - -

- - Learn React - -
-
+ +
+ + + +
+ ); } diff --git a/src/Components/buttonPrimary.jsx b/src/Components/buttonPrimary.jsx new file mode 100644 index 0000000..cad67c6 --- /dev/null +++ b/src/Components/buttonPrimary.jsx @@ -0,0 +1,7 @@ +import React from "react"; + +function ButtonPrimary(props) { + return ; +} + +export default ButtonPrimary; \ No newline at end of file diff --git a/src/Components/buttonSecondary.jsx b/src/Components/buttonSecondary.jsx new file mode 100644 index 0000000..2ce586b --- /dev/null +++ b/src/Components/buttonSecondary.jsx @@ -0,0 +1,7 @@ +import React from "react"; + +function ButtonSecondary(props) { + return ; +} + +export default ButtonSecondary; \ No newline at end of file diff --git a/src/Components/card.jsx b/src/Components/card.jsx new file mode 100644 index 0000000..e129390 --- /dev/null +++ b/src/Components/card.jsx @@ -0,0 +1,15 @@ +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; \ No newline at end of file diff --git a/src/Components/header_1.jsx b/src/Components/header_1.jsx new file mode 100644 index 0000000..f5a45c4 --- /dev/null +++ b/src/Components/header_1.jsx @@ -0,0 +1,17 @@ +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; \ No newline at end of file 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: [], };