diff --git a/frontend/gostarkme-web/app/globals.css b/frontend/gostarkme-web/app/globals.css index 875c01e..b7b24e8 100644 --- a/frontend/gostarkme-web/app/globals.css +++ b/frontend/gostarkme-web/app/globals.css @@ -2,29 +2,7 @@ @tailwind components; @tailwind utilities; -:root { - --foreground-rgb: 0, 0, 0; - --background-start-rgb: 214, 219, 220; - --background-end-rgb: 255, 255, 255; -} -@media (prefers-color-scheme: dark) { - :root { - --foreground-rgb: 255, 255, 255; - --background-start-rgb: 0, 0, 0; - --background-end-rgb: 0, 0, 0; - } -} - -body { - color: rgb(var(--foreground-rgb)); - background: linear-gradient( - to bottom, - transparent, - rgb(var(--background-end-rgb)) - ) - rgb(var(--background-start-rgb)); -} @layer utilities { .text-balance { diff --git a/frontend/gostarkme-web/app/layout.tsx b/frontend/gostarkme-web/app/layout.tsx index 3314e47..1afe371 100644 --- a/frontend/gostarkme-web/app/layout.tsx +++ b/frontend/gostarkme-web/app/layout.tsx @@ -1,22 +1,27 @@ import type { Metadata } from "next"; import { Inter } from "next/font/google"; +import localFont from "next/font/local"; import "./globals.css"; const inter = Inter({ subsets: ["latin"] }); +const helvetica = localFont({ + src: "../public/fonts/Helvetica.ttf", +}); + export const metadata: Metadata = { - title: "Create Next App", - description: "Generated by create next app", + title: "Create Next App", + description: "Generated by create next app", }; export default function RootLayout({ - children, + children, }: Readonly<{ - children: React.ReactNode; + children: React.ReactNode; }>) { - return ( - - {children} - - ); + return ( + + {children} + + ); } diff --git a/frontend/gostarkme-web/app/page.tsx b/frontend/gostarkme-web/app/page.tsx index 5705d4e..763a78c 100644 --- a/frontend/gostarkme-web/app/page.tsx +++ b/frontend/gostarkme-web/app/page.tsx @@ -1,113 +1,40 @@ +import { WelcomeBar } from "@/components/welcomepage/WelcomeBar"; +import { WelcomeItens } from "@/components/welcomepage/WelcomeItens"; import Image from "next/image"; export default function Home() { - return ( -
-
-

- Get started by editing  - app/page.tsx -

-
- - By{" "} - Vercel Logo - -
-
+ return ( +
+ +
+
+

Upload your cause

+ + + + +
-
- Next.js Logo -
- -
- -

- Docs{" "} - - -> - -

-

- Find in-depth information about Next.js features and API. -

- - - -

- Learn{" "} - - -> - -

-

- Learn about Next.js in an interactive course with quizzes! -

- - - -

- Templates{" "} - - -> - -

-

- Explore starter templates for Next.js. -

- - - -

- Deploy{" "} - - -> - -

-

- Instantly deploy your Next.js site to a shareable URL with Vercel. -

- -
-
- ); + stark logo + +
+ ); } diff --git a/frontend/gostarkme-web/components/ui/LinkButton.tsx b/frontend/gostarkme-web/components/ui/LinkButton.tsx new file mode 100644 index 0000000..093d212 --- /dev/null +++ b/frontend/gostarkme-web/components/ui/LinkButton.tsx @@ -0,0 +1,20 @@ +"use client"; + +import Link from "next/link"; + +interface LinkButtonProps { + label: string; + href: string; + Icon?: React.ComponentType; +} + +export const LinkButton = ({ label, href, Icon }: LinkButtonProps) => { + return ( + + {Icon ? : label} + + ); +}; diff --git a/frontend/gostarkme-web/components/welcomepage/WelcomeBar.tsx b/frontend/gostarkme-web/components/welcomepage/WelcomeBar.tsx new file mode 100644 index 0000000..bf612a0 --- /dev/null +++ b/frontend/gostarkme-web/components/welcomepage/WelcomeBar.tsx @@ -0,0 +1,23 @@ +import Image from "next/image"; +import { LinkButton } from "../ui/LinkButton"; + +export const WelcomeBar = () => { + return ( + + ); +}; diff --git a/frontend/gostarkme-web/components/welcomepage/WelcomeItens.tsx b/frontend/gostarkme-web/components/welcomepage/WelcomeItens.tsx new file mode 100644 index 0000000..c37522c --- /dev/null +++ b/frontend/gostarkme-web/components/welcomepage/WelcomeItens.tsx @@ -0,0 +1,15 @@ +import Image from "next/image"; + +interface WelcomeItensProps { + text: string; + src: string; +} + +export const WelcomeItens = ({ text, src }: WelcomeItensProps) => { + return ( +
+ icon +

{text}

+
+ ); +}; diff --git a/frontend/gostarkme-web/public/fonts/Helvetica-Bold.ttf b/frontend/gostarkme-web/public/fonts/Helvetica-Bold.ttf new file mode 100644 index 0000000..332b66c Binary files /dev/null and b/frontend/gostarkme-web/public/fonts/Helvetica-Bold.ttf differ diff --git a/frontend/gostarkme-web/public/fonts/Helvetica-BoldOblique.ttf b/frontend/gostarkme-web/public/fonts/Helvetica-BoldOblique.ttf new file mode 100644 index 0000000..24c945f Binary files /dev/null and b/frontend/gostarkme-web/public/fonts/Helvetica-BoldOblique.ttf differ diff --git a/frontend/gostarkme-web/public/fonts/Helvetica-Oblique.ttf b/frontend/gostarkme-web/public/fonts/Helvetica-Oblique.ttf new file mode 100644 index 0000000..30cab7d Binary files /dev/null and b/frontend/gostarkme-web/public/fonts/Helvetica-Oblique.ttf differ diff --git a/frontend/gostarkme-web/public/fonts/Helvetica.ttf b/frontend/gostarkme-web/public/fonts/Helvetica.ttf new file mode 100644 index 0000000..718f22d Binary files /dev/null and b/frontend/gostarkme-web/public/fonts/Helvetica.ttf differ diff --git a/frontend/gostarkme-web/public/icons/star.png b/frontend/gostarkme-web/public/icons/star.png new file mode 100644 index 0000000..3fcd72d Binary files /dev/null and b/frontend/gostarkme-web/public/icons/star.png differ diff --git a/frontend/gostarkme-web/public/icons/starklogo.png b/frontend/gostarkme-web/public/icons/starklogo.png new file mode 100644 index 0000000..5105dc8 Binary files /dev/null and b/frontend/gostarkme-web/public/icons/starklogo.png differ diff --git a/frontend/gostarkme-web/public/icons/target.png b/frontend/gostarkme-web/public/icons/target.png new file mode 100644 index 0000000..f132c4d Binary files /dev/null and b/frontend/gostarkme-web/public/icons/target.png differ diff --git a/frontend/gostarkme-web/public/icons/user.png b/frontend/gostarkme-web/public/icons/user.png new file mode 100644 index 0000000..0f72910 Binary files /dev/null and b/frontend/gostarkme-web/public/icons/user.png differ diff --git a/frontend/gostarkme-web/public/images/starcard.png b/frontend/gostarkme-web/public/images/starcard.png new file mode 100644 index 0000000..1d43ee0 Binary files /dev/null and b/frontend/gostarkme-web/public/images/starcard.png differ diff --git a/frontend/gostarkme-web/public/next.svg b/frontend/gostarkme-web/public/next.svg deleted file mode 100644 index 5174b28..0000000 --- a/frontend/gostarkme-web/public/next.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/frontend/gostarkme-web/public/vercel.svg b/frontend/gostarkme-web/public/vercel.svg deleted file mode 100644 index d2f8422..0000000 --- a/frontend/gostarkme-web/public/vercel.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/frontend/gostarkme-web/tailwind.config.ts b/frontend/gostarkme-web/tailwind.config.ts index 7e4bd91..dd64e9e 100644 --- a/frontend/gostarkme-web/tailwind.config.ts +++ b/frontend/gostarkme-web/tailwind.config.ts @@ -13,6 +13,10 @@ const config: Config = { "gradient-conic": "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))", }, + colors: { + darkblue: "#0C0C4F", + starkorange: "#ED796C", + }, }, }, plugins: [],