Skip to content

fix: address pr comments #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
actus7 wants to merge 1 commit into
base: main
Choose a base branch
from
Open

fix: address pr comments #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 1 addition & 2 deletions actions/auth/register/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,6 @@
import { prisma } from "@/lib/db";
import { RegisterSchema } from "@/schemas/auth";
import { createVerificationToken } from "@/services/auth";
import { UserRole } from "@prisma/client";
import { PrismaClientKnownRequestError } from "@prisma/client/runtime/library";
import bcryptjs from "bcryptjs";
import type { z } from "zod";
Expand Down Expand Up @@ -31,7 +30,7 @@ export const register = async (user: z.infer<typeof RegisterSchema>) => {
name,
email,
password: hashedPassword,
role: UserRole.DEFAULT,
role: "DEFAULT",
},
});
//Account verification flow with e-mail
Expand Down
239 changes: 83 additions & 156 deletions app/(site)/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,171 +1,98 @@
import { auth } from "@/auth";
import Navbar from "@/components/site/navbar";
import { HandCoins, Twitch, Youtube } from "lucide-react";
import { Button } from "@/components/ui/button";
import { ArrowRight, BarChart3, Building2, Lock } from "lucide-react";
import Link from "next/link";

export default async function Home() {
const session = await auth();

return (
<div className="flex min-h-screen w-full flex-col">
<header className="sticky top-0 flex h-16 items-center gap-4 border-b bg-background px-4 md:px-6 z-10">
<div className="flex min-h-screen w-full flex-col bg-background">
<header className="container mx-auto px-4">
<Navbar />
</header>
<main className="flex flex-1 flex-col gap-4 p-4 md:gap-8 md:p-8">
<div className="absolute z-0 inset-0 h-full w-full items-center px-5 py-24 [background:radial-gradient(125%_125%_at_50%_10%,#fff_40%,#086_100%)] dark:[background:radial-gradient(125%_125%_at_50%_10%,#000_40%,#086_100%)]">
<section className="z-auto">
<div className="py-8 px-4 mx-auto max-w-screen-xl text-center lg:py-16 lg:px-12">
<a
href="https://github.com/devdeck101/authjs-prisma-template"
className="inline-flex justify-between items-center py-1 px-1 pr-4 mb-7 text-sm text-gray-700 bg-gray-100 rounded-full dark:bg-gray-800 dark:text-white hover:bg-gray-200 dark:hover:bg-gray-700"
target="_blank"
rel="noreferrer"
>
<span className="text-xs bg-primary-600 rounded-full text-foreground dark:text-white px-4 py-1.5 mr-3">
Novidades
</span>{" "}
<span className="text-sm font-medium">Auth Starter-Kit</span>
<svg
className="ml-2 w-5 h-5"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
role="img"
aria-label="Logo"
>
<path
fillRule="evenodd"
d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
clipRule="evenodd"
/>
</svg>
</a>
<h1 className="mb-4 text-4xl font-extrabold tracking-tight leading-none text-gray-900 md:text-5xl lg:text-6xl dark:text-white">
<span className="bg-gradient-to-r from-primary dark:to-white to-gray-600 text-transparent bg-clip-text">
Pronto para autenticar seu novo projeto
</span>
</h1>
<p className="mb-8 text-lg font-normal text-gray-500 lg:text-xl sm:px-16 xl:px-48 dark:text-gray-400">
Este Starter-Kit foi desenvolvido para poupar seu tempo. Aqui você encontra o que precisa para começar a
desenvolver seu projeto com segurança.
<main className="flex-1">
<section className="container mx-auto px-4 py-24 text-center lg:py-32">
<div className="mx-auto max-w-4xl space-y-8">
<div className="inline-flex items-center rounded-full border bg-background px-3 py-1 text-sm font-medium shadow-sm transition-colors hover:bg-accent">
<span className="flex h-2 w-2 rounded-full bg-primary mr-2"></span>
Solução Empresarial Completa
</div>
<h1 className="text-4xl font-bold tracking-tighter sm:text-5xl md:text-6xl lg:text-7xl">
Otimize a gestão da sua <br className="hidden sm:inline" />
<span className="text-primary">Empresa com Eficiência</span>
</h1>
<p className="mx-auto max-w-[800px] text-muted-foreground md:text-xl">
Gestão Ideal é a plataforma definitiva para controle financeiro, organização de equipe e crescimento escalável.
Segurança, performance e simplicidade em um só lugar.
</p>
<div className="flex flex-col items-center justify-center gap-4 sm:flex-row">
{session ? (
<Button asChild size="lg" className="h-12 px-8 text-lg">
<Link href="/settings">
Acessar Painel <ArrowRight className="ml-2 h-5 w-5" />
</Link>
</Button>
) : (
<Button asChild size="lg" className="h-12 px-8 text-lg">
<Link href="/auth/login">
Começar Agora <ArrowRight className="ml-2 h-5 w-5" />
</Link>
</Button>
)}
<Button variant="outline" size="lg" asChild className="h-12 px-8 text-lg">
<Link href="/features">
Conheça os Recursos
</Link>
</Button>
</div>
</div>
</section>

<section className="container mx-auto px-4 py-16 lg:py-24 bg-muted/30 rounded-3xl">
<div className="text-center mb-16">
<h2 className="text-3xl font-bold tracking-tight mb-4">Tudo o que você precisa</h2>
<p className="text-muted-foreground max-w-2xl mx-auto">
Ferramentas poderosas para simplificar o dia a dia do seu negócio.
</p>
</div>
<div className="grid gap-8 md:grid-cols-3">
<div className="flex flex-col items-center text-center space-y-4 p-8 rounded-2xl border bg-card shadow-sm hover:shadow-md transition-shadow">
<div className="p-4 rounded-full bg-primary/10">
<BarChart3 className="h-8 w-8 text-primary" />
</div>
<h3 className="text-xl font-bold">Relatórios Detalhados</h3>
<p className="text-muted-foreground">
Acompanhe o desempenho da sua empresa com gráficos intuitivos e dados em tempo real.
</p>
<div className="flex flex-col mb-8 lg:mb-16 space-y-4 sm:flex-row sm:justify-center sm:space-y-0 sm:space-x-4">
<a
href="https://www.youtube.com/playlist?list=PLR8OzKI52ppUa7VP0D671haaiQAkIww3W"
className="inline-flex justify-center items-center py-3 px-5 text-primary font-medium text-center rounded-lg bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 dark:focus:ring-primary-900"
target="_blank"
rel="noreferrer"
>
Saiba mais
<svg
className="ml-2 -mr-1 w-5 h-5"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
role="img"
aria-label="Saiba mais"
>
<path
fillRule="evenodd"
d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
clipRule="evenodd"
/>
</svg>
</a>
<a
href="https://youtu.be/3GlLKGmLYL8"
className="inline-flex justify-center items-center py-3 px-5 text-base font-medium text-center text-gray-900 rounded-lg border border-gray-300 hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 dark:text-white dark:border-gray-700 dark:hover:bg-gray-700 dark:focus:ring-gray-800"
target="_blank"
rel="noreferrer"
>
<svg
className="mr-2 -ml-1 w-5 h-5"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
role="img"
aria-label="Video de demonstração"
>
<path d="M2 6a2 2 0 012-2h6a2 2 0 012 2v8a2 2 0 01-2 2H4a2 2 0 01-2-2V6zM14.553 7.106A1 1 0 0014 8v4a1 1 0 00.553.894l2 1A1 1 0 0018 13V7a1 1 0 00-1.447-.894l-2 1z" />
</svg>
Assista o vídeo
</a>
</div>
<div className="flex flex-col items-center text-center space-y-4 p-8 rounded-2xl border bg-card shadow-sm hover:shadow-md transition-shadow">
<div className="p-4 rounded-full bg-primary/10">
<Building2 className="h-8 w-8 text-primary" />
</div>
<div className="px-4 mx-auto text-center md:max-w-screen-md lg:max-w-screen-lg lg:px-36">
<span className="font-semibold text-gray-400 uppercase">Apoio ao Canal</span>
<div className="flex flex-wrap justify-center items-center mt-8 text-gray-500 sm:justify-between">
<a
href="https://www.youtube.com/channel/UCj75B_51OXb9qH15wiHs-Hw/join"
className="mr-5 mb-5 lg:mb-0 hover:text-gray-800 dark:hover:text-gray-400"
target="_blank"
rel="noreferrer"
>
<svg
className="h-8"
viewBox="0 0 132 29"
fill="none"
xmlns="http://www.w3.org/2000/svg"
role="img"
aria-label="Youtube"
>
<path
d="M39.4555 5.17846C38.9976 3.47767 37.6566 2.13667 35.9558 1.67876C32.8486 0.828369 20.4198 0.828369 20.4198 0.828369C20.4198 0.828369 7.99099 0.828369 4.88379 1.64606C3.21571 2.10396 1.842 3.47767 1.38409 5.17846C0.566406 8.28567 0.566406 14.729 0.566406 14.729C0.566406 14.729 0.566406 21.2051 1.38409 24.2796C1.842 25.9804 3.183 27.3214 4.88379 27.7793C8.0237 28.6297 20.4198 28.6297 20.4198 28.6297C20.4198 28.6297 32.8486 28.6297 35.9558 27.812C37.6566 27.3541 38.9976 26.0131 39.4555 24.3123C40.2732 21.2051 40.2732 14.7618 40.2732 14.7618C40.2732 14.7618 40.3059 8.28567 39.4555 5.17846Z"
fill="currentColor"
/>
<path d="M16.4609 8.77612V20.6816L26.7966 14.7289L16.4609 8.77612Z" fill="white" />
<path
d="M64.272 25.0647C63.487 24.5413 62.931 23.7237 62.6039 22.5789C62.2768 21.4669 62.1133 19.9623 62.1133 18.1307V15.6122C62.1133 13.7479 62.3095 12.2434 62.6693 11.0986C63.0618 9.95386 63.6505 9.13618 64.4355 8.61286C65.2532 8.08954 66.2998 7.82788 67.6081 7.82788C68.8837 7.82788 69.9304 8.08954 70.7153 8.61286C71.5003 9.13618 72.0564 9.98657 72.4161 11.0986C72.7759 12.2107 72.9722 13.7152 72.9722 15.6122V18.1307C72.9722 19.995 72.8086 21.4669 72.4488 22.6116C72.0891 23.7237 71.533 24.5741 70.7481 25.0974C69.9631 25.6207 68.8837 25.8824 67.5427 25.8824C66.169 25.8496 65.057 25.588 64.272 25.0647ZM68.6875 22.3172C68.9164 21.7612 69.0146 20.8127 69.0146 19.5371V14.1077C69.0146 12.8648 68.9164 11.949 68.6875 11.3603C68.4585 10.7715 68.0988 10.5099 67.5427 10.5099C67.0194 10.5099 66.6269 10.8043 66.4307 11.3603C66.2017 11.949 66.1036 12.8648 66.1036 14.1077V19.5371C66.1036 20.8127 66.2017 21.7612 66.4307 22.3172C66.6269 22.8733 67.0194 23.1676 67.5754 23.1676C68.0987 23.1676 68.4585 22.906 68.6875 22.3172Z"
fill="currentColor"
/>
<path
d="M124.649 18.1634V19.0465C124.649 20.1586 124.682 21.009 124.748 21.565C124.813 22.121 124.944 22.5462 125.173 22.7752C125.369 23.0368 125.696 23.1677 126.154 23.1677C126.743 23.1677 127.135 22.9387 127.364 22.4808C127.593 22.0229 127.691 21.2706 127.724 20.1913L131.093 20.3875C131.125 20.5511 131.125 20.7473 131.125 21.009C131.125 22.6117 130.7 23.8218 129.817 24.6068C128.934 25.3918 127.691 25.7843 126.089 25.7843C124.159 25.7843 122.818 25.1628 122.033 23.9527C121.248 22.7425 120.855 20.8782 120.855 18.327V15.2852C120.855 12.6686 121.248 10.7715 122.066 9.56136C122.883 8.35119 124.257 7.76245 126.187 7.76245C127.528 7.76245 128.574 8.02411 129.294 8.51472C130.013 9.00534 130.504 9.79032 130.798 10.8042C131.093 11.8509 131.223 13.29 131.223 15.1216V18.098H124.649V18.1634ZM125.14 10.837C124.944 11.0986 124.813 11.4911 124.748 12.0471C124.682 12.6032 124.649 13.4536 124.649 14.5983V15.8412H127.528V14.5983C127.528 13.4863 127.495 12.6359 127.43 12.0471C127.364 11.4584 127.201 11.0659 127.004 10.837C126.808 10.608 126.481 10.4772 126.089 10.4772C125.631 10.4445 125.336 10.5753 125.14 10.837Z"
fill="currentColor"
/>
<path
d="M54.7216 17.8362L50.2734 1.71143H54.1656L55.7356 9.0052C56.1281 10.8041 56.4224 12.3414 56.6187 13.617H56.7168C56.8476 12.7011 57.142 11.1966 57.5999 9.0379L59.2353 1.71143H63.1274L58.6138 17.8362V25.5552H54.7543V17.8362H54.7216Z"
fill="currentColor"
/>
<path
d="M85.6299 8.15479V25.5878H82.5554L82.2283 23.4619H82.1302C81.3125 25.0645 80.0369 25.8822 78.3688 25.8822C77.2241 25.8822 76.3737 25.4897 75.8177 24.7375C75.2617 23.9852 75 22.8077 75 21.1723V8.15479H78.9249V20.9434C78.9249 21.7284 79.023 22.2844 79.1865 22.6115C79.3501 22.9385 79.6444 23.1021 80.0369 23.1021C80.364 23.1021 80.6911 23.004 81.0181 22.775C81.3452 22.5788 81.5742 22.3171 81.705 21.99V8.15479H85.6299Z"
fill="currentColor"
/>
<path
d="M105.747 8.15479V25.5878H102.673L102.346 23.4619H102.247C101.43 25.0645 100.154 25.8822 98.4861 25.8822C97.3413 25.8822 96.4909 25.4897 95.9349 24.7375C95.3788 23.9852 95.1172 22.8077 95.1172 21.1723V8.15479H99.0421V20.9434C99.0421 21.7284 99.1402 22.2844 99.3038 22.6115C99.4673 22.9385 99.7617 23.1021 100.154 23.1021C100.481 23.1021 100.808 23.004 101.135 22.775C101.462 22.5788 101.691 22.3171 101.822 21.99V8.15479H105.747Z"
fill="currentColor"
/>
<path
d="M96.2907 4.88405H92.3986V25.5552H88.5718V4.88405H84.6797V1.71143H96.2907V4.88405Z"
fill="currentColor"
/>
<path
d="M118.731 10.935C118.502 9.82293 118.11 9.03795 117.587 8.54734C117.063 8.05672 116.311 7.79506 115.395 7.79506C114.676 7.79506 113.989 7.99131 113.367 8.41651C112.746 8.809 112.255 9.36502 111.928 10.0192H111.896V0.828369H108.102V25.5552H111.34L111.732 23.9199H111.83C112.125 24.5086 112.582 24.9665 113.204 25.3263C113.825 25.6533 114.479 25.8496 115.232 25.8496C116.573 25.8496 117.521 25.2281 118.143 24.018C118.764 22.8078 119.091 20.8781 119.091 18.2942V15.5467C119.059 13.5516 118.96 12.0143 118.731 10.935ZM115.134 18.0325C115.134 19.3081 115.068 20.2893 114.97 21.0089C114.872 21.7285 114.676 22.2518 114.447 22.5461C114.185 22.8405 113.858 23.004 113.466 23.004C113.138 23.004 112.844 22.9386 112.582 22.7751C112.321 22.6116 112.092 22.3826 111.928 22.0882V12.2106C112.059 11.7527 112.288 11.3602 112.615 11.0331C112.942 10.7387 113.302 10.5752 113.662 10.5752C114.054 10.5752 114.381 10.7387 114.578 11.0331C114.807 11.3602 114.937 11.8835 115.036 12.6031C115.134 13.3553 115.166 14.402 115.166 15.743V18.0325H115.134Z"
fill="currentColor"
/>
</svg>
</a>
<a
href="https://livepix.gg/brkilian"
className="mr-5 mb-5 lg:mb-0 hover:text-gray-800 dark:hover:text-gray-400"
target="_blank"
rel="noreferrer"
>
<div className="flex items-center space-x-2 text-4xl">
<HandCoins className="w-8 h-8 rounded-md dark:text-white/70" />
<span>Livepix</span>
</div>
</a>
<a
href="twitch.tv/developerdeck101"
className="mr-5 mb-5 lg:mb-0 hover:text-gray-800 dark:hover:text-gray-400"
>
<div className="flex items-center space-x-2 text-4xl">
<Twitch className="w-8 h-8 rounded-md dark:text-white/70" />
<span>Twitch</span>
</div>
</a>
</div>
<h3 className="text-xl font-bold">Gestão Multi-Empresa</h3>
<p className="text-muted-foreground">
Centralize o controle de múltiplas filiais ou organizações em uma única conta segura.
</p>
</div>
<div className="flex flex-col items-center text-center space-y-4 p-8 rounded-2xl border bg-card shadow-sm hover:shadow-md transition-shadow">
<div className="p-4 rounded-full bg-primary/10">
<Lock className="h-8 w-8 text-primary" />
</div>
<h3 className="text-xl font-bold">Segurança Total</h3>
<p className="text-muted-foreground">
Seus dados protegidos com criptografia de ponta a ponta e autenticação robusta.
</p>
</div>
</section>
</div>
</div>
</section>
</main>
<footer className="border-t py-8 mt-12">
<div className="container mx-auto px-4 text-center text-sm text-muted-foreground">
© {new Date().getFullYear()} Gestão Ideal. Todos os direitos reservados.
</div>
</footer>
</div>
);
}
118 changes: 67 additions & 51 deletions app/globals.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,58 +1,74 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@import "tailwindcss";

html,
body,
:root {
height: 100%;
@theme {
--color-background: hsl(var(--background));
--color-foreground: hsl(var(--foreground));
--color-card: hsl(var(--card));
--color-card-foreground: hsl(var(--card-foreground));
--color-popover: hsl(var(--popover));
--color-popover-foreground: hsl(var(--popover-foreground));
--color-primary: hsl(var(--primary));
--color-primary-foreground: hsl(var(--primary-foreground));
--color-secondary: hsl(var(--secondary));
--color-secondary-foreground: hsl(var(--secondary-foreground));
--color-muted: hsl(var(--muted));
--color-muted-foreground: hsl(var(--muted-foreground));
--color-accent: hsl(var(--accent));
--color-accent-foreground: hsl(var(--accent-foreground));
--color-destructive: hsl(var(--destructive));
--color-destructive-foreground: hsl(var(--destructive-foreground));
--color-border: hsl(var(--border));
--color-input: hsl(var(--input));
--color-ring: hsl(var(--ring));

--radius-sm: calc(var(--radius) - 4px);
--radius-md: calc(var(--radius) - 2px);
--radius-lg: var(--radius);
}

@layer base {
:root {
--background: 0 0% 100%;
--foreground: 240 10% 3.9%;
--card: 0 0% 100%;
--card-foreground: 240 10% 3.9%;
--popover: 0 0% 100%;
--popover-foreground: 240 10% 3.9%;
--primary: 142.1 76.2% 36.3%;
--primary-foreground: 355.7 100% 97.3%;
--secondary: 240 4.8% 95.9%;
--secondary-foreground: 240 5.9% 10%;
--muted: 240 4.8% 95.9%;
--muted-foreground: 240 3.8% 46.1%;
--accent: 240 4.8% 95.9%;
--accent-foreground: 240 5.9% 10%;
--destructive: 346.8 77.2% 49.8%;
--destructive-foreground: 0 0% 98%;
--border: 240 5.9% 90%;
--input: 240 5.9% 90%;
--ring: 142.1 76.2% 36.3%;
--radius: 0.3rem;
}
:root {
--background: 0 0% 100%;
--foreground: 240 10% 3.9%;
--card: 0 0% 100%;
--card-foreground: 240 10% 3.9%;
--popover: 0 0% 100%;
--popover-foreground: 240 10% 3.9%;
--primary: 142.1 76.2% 36.3%;
--primary-foreground: 355.7 100% 97.3%;
--secondary: 240 4.8% 95.9%;
--secondary-foreground: 240 5.9% 10%;
--muted: 240 4.8% 95.9%;
--muted-foreground: 240 3.8% 46.1%;
--accent: 240 4.8% 95.9%;
--accent-foreground: 240 5.9% 10%;
--destructive: 346.8 77.2% 49.8%;
--destructive-foreground: 0 0% 98%;
--border: 240 5.9% 90%;
--input: 240 5.9% 90%;
--ring: 142.1 76.2% 36.3%;
--radius: 0.5rem;
}

.dark {
--background: 20 14.3% 4.1%;
--foreground: 0 0% 95%;
--card: 24 9.8% 10%;
--card-foreground: 0 0% 95%;
--popover: 0 0% 9%;
--popover-foreground: 0 0% 95%;
--primary: 142.1 70.6% 45.3%;
--primary-foreground: 144.9 80.4% 10%;
--secondary: 240 3.7% 15.9%;
--secondary-foreground: 0 0% 98%;
--muted: 0 0% 15%;
--muted-foreground: 240 5% 64.9%;
--accent: 12 6.5% 15.1%;
--accent-foreground: 0 0% 98%;
--destructive: 346.8 77.2% 49.8%;
--destructive-foreground: 0 85.7% 97.3%;
--border: 240 3.7% 15.9%;
--input: 240 3.7% 15.9%;
--ring: 142.4 71.8% 29.2%;
}
.dark {
--background: 20 14.3% 4.1%;
--foreground: 0 0% 95%;
--card: 24 9.8% 10%;
--card-foreground: 0 0% 95%;
--popover: 0 0% 9%;
--popover-foreground: 0 0% 95%;
--primary: 142.1 70.6% 45.3%;
--primary-foreground: 144.9 80.4% 10%;
--secondary: 240 3.7% 15.9%;
--secondary-foreground: 0 0% 98%;
--muted: 0 0% 15%;
--muted-foreground: 240 5% 64.9%;
--accent: 12 6.5% 15.1%;
--accent-foreground: 0 0% 98%;
--destructive: 346.8 77.2% 49.8%;
--destructive-foreground: 0 85.7% 97.3%;
--border: 240 3.7% 15.9%;
--input: 240 3.7% 15.9%;
--ring: 142.4 71.8% 29.2%;
}

@layer base {
Expand Down
Loading