diff --git a/.env b/.env index 4a239ff..2717a26 100644 --- a/.env +++ b/.env @@ -4,4 +4,4 @@ # Prisma supports the native connection string format for PostgreSQL, MySQL, SQLite, SQL Server, MongoDB and CockroachDB. # See the documentation for all the connection string options: https://pris.ly/d/connection-strings -DATABASE_URL="mysql://monelia:monelia@localhost:3306/monelia?schema=public" \ No newline at end of file +DATABASE_URL="mysql://sephigame:SephEsport33!@192.168.1.26:3306/Monelia_Nails?schema=public" \ No newline at end of file diff --git a/public/Kiki.png b/public/Kiki.png new file mode 100644 index 0000000..bd5c80f Binary files /dev/null and b/public/Kiki.png differ diff --git a/public/Ryo.png b/public/Ryo.png new file mode 100644 index 0000000..128ee04 Binary files /dev/null and b/public/Ryo.png differ diff --git a/src/app/components/footer.tsx b/src/app/components/footer.tsx new file mode 100644 index 0000000..365f2e6 --- /dev/null +++ b/src/app/components/footer.tsx @@ -0,0 +1,10 @@ +const Footer = () => { + + return ( + + ) +} + +export default Footer \ No newline at end of file diff --git a/src/app/components/header.tsx b/src/app/components/header.tsx new file mode 100644 index 0000000..dd55de9 --- /dev/null +++ b/src/app/components/header.tsx @@ -0,0 +1,22 @@ +import Image from "next/image" +import Link from "next/link" + +const Header = () => { + + return ( +
+
+ {"Ryo"} + {"Ryo"} +
+
+ Monelia Nails +
+
+ +
+
+ ) +} + +export default Header \ No newline at end of file diff --git a/src/app/globals.css b/src/app/globals.css index a2dc41e..a25b40e 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -1,15 +1,24 @@ @import "tailwindcss"; :root { - --background: #ffffff; - --foreground: #171717; + --background: rgb(245,235,221); + --color-menu: rgb(204, 195, 181); + --color-text: rgb(92,74,66); + --color-title: rgb(216,163,157); + --color-accent: rgb(203,174,158); + --color-buttons: rgb(200,213,193); + --color-bold: rgb(238,200,195); } @theme inline { --color-background: var(--background); - --color-foreground: var(--foreground); --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); + --text: var(--color-text); + --title: var(--color-title); + --accent: var(--color-accent); + --buttons: var(--color-buttons); + --bold: var(--color-bold); } @media (prefers-color-scheme: dark) { @@ -24,3 +33,27 @@ body { color: var(--foreground); font-family: Arial, Helvetica, sans-serif; } + +header { + background: var(--color-menu); + height: 10vh; +} + +b { + color : var(--color-bold) +} + +button { + background: var(--color-buttons); + padding: 0.5rem 2rem; + border-radius: 0.5rem; +} + +button:hover { + background: var(--color-accent); + cursor: pointer; +} + +footer { + background: var(--color-menu); +} \ No newline at end of file diff --git a/src/app/layout.tsx b/src/app/layout.tsx index f7fa87e..36ea88f 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,6 +1,8 @@ import type { Metadata } from "next"; import { Geist, Geist_Mono } from "next/font/google"; import "./globals.css"; +import Header from "./components/header"; +import Footer from "./components/footer"; const geistSans = Geist({ variable: "--font-geist-sans", @@ -25,9 +27,11 @@ export default function RootLayout({ return ( +
{children} +