Skip to content

Commit

Permalink
Run prettier
Browse files Browse the repository at this point in the history
  • Loading branch information
@delbaoliveira
delbaoliveira committed Mar 13, 2024
1 parent 7d2a025 commit b6e5dd2
Show file tree
Hide file tree
Showing 22 changed files with 543 additions and 480 deletions.
90 changes: 48 additions & 42 deletions app/(marketing)/layout.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,52 +2,58 @@ import Link from 'next/link';
import { MenuIcon } from '@/components/ui/icons';

const links = [
{ href: '#', title: 'Home' },
{ href: '#', title: 'About' },
{ href: '#', title: 'Services' },
{ href: '#', title: 'Contact' }
{ href: '#', title: 'Home' },
{ href: '#', title: 'About' },
{ href: '#', title: 'Services' },
{ href: '#', title: 'Contact' },
];

export default function Layout({
children
children,
}: Readonly<{
children: React.ReactNode;
children: React.ReactNode;
}>) {
return (
<div className="flex flex-col min-h-screen">
<div className="border-b dark:border-gray-700 border-gray-100">
<div className="container flex items-center justify-end md:justify-between px-4 md:px-6 py-4 mx-auto max-w-7xl">
<nav className="hidden md:flex items-center space-x-4 text-sm">
{links.map((link) => (
<Link className=" dark:text-white text-gray-900" href={link.href} key={link.title}>
{link.title}
</Link>
))}
</nav>
<div className="hidden md:flex items-center space-x-4">
<Link
className="dark:text-black inline-flex h-8 items-center justify-center rounded-md border border-gray-200 bg-white px-4 text-sm font-medium transition-colors hover:bg-gray-100 hover:text-gray-900 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-950 disabled:pointer-events-none disabled:opacity-50"
href="/login"
>
Login
</Link>
</div>
<div className="md:hidden flex items-center space-x-4">
<Link
className="dark:text-black inline-flex h-8 items-center rounded-md border border-gray-200 bg-white px-3 text-sm font-medium"
href="/login"
>
Login
</Link>
<button className="inline-flex rounded-md md:hidden" type="button">
<MenuIcon className="w-6 h-6" />
<span className="sr-only">Toggle Menu</span>
</button>
</div>
</div>
</div>
return (
<div className="flex min-h-screen flex-col">
<div className="border-b border-gray-100 dark:border-gray-700">
<div className="container mx-auto flex max-w-7xl items-center justify-end px-4 py-4 md:justify-between md:px-6">
<nav className="hidden items-center space-x-4 text-sm md:flex">
{links.map((link) => (
<Link
className=" text-gray-900 dark:text-white"
href={link.href}
key={link.title}
>
{link.title}
</Link>
))}
</nav>
<div className="hidden items-center space-x-4 md:flex">
<Link
className="inline-flex h-8 items-center justify-center rounded-md border border-gray-200 bg-white px-4 text-sm font-medium transition-colors hover:bg-gray-100 hover:text-gray-900 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-950 disabled:pointer-events-none disabled:opacity-50 dark:text-black"
href="/login"
>
Login
</Link>
</div>
<div className="flex items-center space-x-4 md:hidden">
<Link
className="inline-flex h-8 items-center rounded-md border border-gray-200 bg-white px-3 text-sm font-medium dark:text-black"
href="/login"
>
Login
</Link>
<button className="inline-flex rounded-md md:hidden" type="button">
<MenuIcon className="h-6 w-6" />
<span className="sr-only">Toggle Menu</span>
</button>
</div>
</div>
</div>

<main className="flex-1 flex items-center justify-center">{children}</main>
</div>
);
<main className="flex flex-1 items-center justify-center">
{children}
</main>
</div>
);
}
89 changes: 48 additions & 41 deletions app/(marketing)/login/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,46 +5,53 @@ import { Button } from '@/components/ui/button';
import { Checkbox } from '@/components/ui/checkbox';

export default function Login() {
return (
<div className="flex items-center md:w-1/3 w-full p-6">
<div className="w-full mx-auto space-y-8">
<div className="space-y-2 text-center">
<h1 className="text-3xl font-bold">Login</h1>
<p className="text-gray-500 text-sm">Enter your email below to login to your account</p>
</div>
<div className="space-y-4">
<div className="space-y-2">
<Label htmlFor="email">Email</Label>
<Input id="email" placeholder="[email protected]" required type="email" />
</div>
<div className="space-y-2">
<div className="flex items-center">
<Label htmlFor="password">Password</Label>
<Link className="ml-auto inline-block text-sm underline" href="#">
Forgot your password?
</Link>
</div>
<Input id="password" required type="password" />
</div>
<div className="flex items-center space-x-2">
<Checkbox id="remember" />
<Label className="text-sm" htmlFor="remember">
Remember me
</Label>
</div>
<Button className="w-full">Login</Button>
<Button className="w-full" variant="outline">
Login with Google
</Button>
</div>
return (
<div className="flex w-full items-center p-6 md:w-1/3">
<div className="mx-auto w-full space-y-8">
<div className="space-y-2 text-center">
<h1 className="text-3xl font-bold">Login</h1>
<p className="text-sm text-gray-500">
Enter your email below to login to your account
</p>
</div>
<div className="space-y-4">
<div className="space-y-2">
<Label htmlFor="email">Email</Label>
<Input
id="email"
placeholder="[email protected]"
required
type="email"
/>
</div>
<div className="space-y-2">
<div className="flex items-center">
<Label htmlFor="password">Password</Label>
<Link className="ml-auto inline-block text-sm underline" href="#">
Forgot your password?
</Link>
</div>
<Input id="password" required type="password" />
</div>
<div className="flex items-center space-x-2">
<Checkbox id="remember" />
<Label className="text-sm" htmlFor="remember">
Remember me
</Label>
</div>
<Button className="w-full">Login</Button>
<Button className="w-full" variant="outline">
Login with Google
</Button>
</div>

<div className="mt-4 text-center text-sm">
Don&apos;t have an account?{' '}
<Link className="underline" href="/signup">
Sign up
</Link>
</div>
</div>
</div>
);
<div className="mt-4 text-center text-sm">
Don&apos;t have an account?{' '}
<Link className="underline" href="/signup">
Sign up
</Link>
</div>
</div>
</div>
);
}
6 changes: 3 additions & 3 deletions app/(marketing)/page.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import Link from "next/link"
import Link from 'next/link';

export default function Page() {
return (
Expand All @@ -12,7 +12,7 @@ export default function Page() {
web apps.
</p>
</div>
<div className="flex flex-col gap-2 min-[400px]:flex-row justify-center">
<div className="flex flex-col justify-center gap-2 min-[400px]:flex-row">
<Link
className="inline-flex h-10 items-center justify-center rounded-md border border-gray-200 bg-white px-8 text-sm font-medium shadow-sm transition-colors hover:bg-gray-100 hover:text-gray-900 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-950 disabled:pointer-events-none disabled:opacity-50"
href="/signup"
Expand All @@ -21,5 +21,5 @@ export default function Page() {
</Link>
</div>
</div>
)
);
}
84 changes: 42 additions & 42 deletions app/(marketing)/signup/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,47 +5,47 @@ import Link from 'next/link';
import { Button } from '@/components/ui/button';

export default function Page() {
return (
<div className="flex items-center md:w-1/3 w-full p-6">
<div className="w-full mx-auto space-y-8">
<div className="space-y-2 text-center">
<h1 className="text-3xl font-bold">Create an account</h1>
<p className="text-gray-500">Enter your information to get started</p>
</div>
<div className="space-y-2">
<Label htmlFor="name">Name</Label>
<Input id="name" placeholder="John Doe" required />
</div>
<div className="space-y-2">
<Label htmlFor="email">Email</Label>
<Input id="email" placeholder="[email protected]" required />
</div>
<div className="space-y-2">
<Label htmlFor="password">Password</Label>
<Input id="password" required type="password" />
</div>
<div className="space-y-2">
<div className="flex items-center">
<Checkbox id="terms" />
<Label className="ml-2 leading-none" htmlFor="terms">
I agree to the{' '}
<Link className="underline" href="#">
terms and conditions
</Link>
</Label>
</div>
</div>
<Button className="w-full" type="submit">
Register
</Button>
return (
<div className="flex w-full items-center p-6 md:w-1/3">
<div className="mx-auto w-full space-y-8">
<div className="space-y-2 text-center">
<h1 className="text-3xl font-bold">Create an account</h1>
<p className="text-gray-500">Enter your information to get started</p>
</div>
<div className="space-y-2">
<Label htmlFor="name">Name</Label>
<Input id="name" placeholder="John Doe" required />
</div>
<div className="space-y-2">
<Label htmlFor="email">Email</Label>
<Input id="email" placeholder="[email protected]" required />
</div>
<div className="space-y-2">
<Label htmlFor="password">Password</Label>
<Input id="password" required type="password" />
</div>
<div className="space-y-2">
<div className="flex items-center">
<Checkbox id="terms" />
<Label className="ml-2 leading-none" htmlFor="terms">
I agree to the{' '}
<Link className="underline" href="#">
terms and conditions
</Link>
</Label>
</div>
</div>
<Button className="w-full" type="submit">
Register
</Button>

<div className="mt-4 text-center text-sm">
Already have an account?{' '}
<Link className="underline" href="/login">
Login
</Link>
</div>
</div>
</div>
);
<div className="mt-4 text-center text-sm">
Already have an account?{' '}
<Link className="underline" href="/login">
Login
</Link>
</div>
</div>
</div>
);
}
Loading

0 comments on commit b6e5dd2

Please sign in to comment.