arifal/setrip
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add end date and create logo and fix filter

Browse Source
This commit is contained in:
arifal
2026-04-17 00:16:31 +07:00
parent 82c1da9951
commit 7159e9108f
35 changed files with 743 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/login/page.tsx
+29 -8
View File
@@ -4,6 +4,7 @@ import { useState } from "react";
import { signIn } from "next-auth/react";
import { useRouter } from "next/navigation";
import Link from "next/link";
import Image from "next/image";
export default function LoginPage() {
const router = useRouter();
@@ -36,20 +37,40 @@ export default function LoginPage() {
}
return (
<div className="flex min-h-[calc(100vh-3.5rem)] items-center justify-center px-4 py-8 sm:py-12">
<div className="w-full max-w-sm">
<div className="relative flex min-h-[calc(100vh-4rem)] items-center justify-center px-4 py-8 sm:py-12">
{/* Background image */}
<Image
src="/images/seed/gunung-login.jpg"
alt=""
fill
className="object-cover"
priority
/>
{/* Dark overlay */}
<div className="absolute inset-0 bg-neutral-900/60 backdrop-blur-[2px]" />
<div className="relative z-10 w-full max-w-sm">
{/* Header */}
<div className="mb-6 text-center sm:mb-8">
<Link href="/" className="mb-4 inline-block text-2xl font-bold text-neutral-800">
Se<span className="text-primary-600">Trip</span>
<Link href="/" className="mb-3 inline-flex items-center gap-2">
<Image
src="/images/SeTrip.png"
alt="SeTrip"
width={40}
height={40}
className="h-10 w-10 object-contain"
/>
<span className="text-2xl font-bold text-white">
Se<span className="text-primary-400">Trip</span>
</span>
</Link>
<p className="text-sm text-neutral-500">
<p className="text-sm text-neutral-300">
Login dan mulai petualangan ke gunung
</p>
</div>
{/* Card */}
<div className="rounded-2xl border border-neutral-200 bg-white p-6 shadow-sm">
<div className="rounded-2xl border border-white/10 bg-white/95 p-6 shadow-2xl backdrop-blur-sm">
{error && (
<div className="mb-4 rounded-xl bg-red-50 px-4 py-3 text-sm font-medium text-red-600">
{error}
@@ -95,9 +116,9 @@ export default function LoginPage() {
</form>
</div>
<p className="mt-5 text-center text-sm text-neutral-500">
<p className="mt-5 text-center text-sm text-neutral-300">
Belum punya akun?{" "}
<Link href="/register" className="font-semibold text-primary-600 hover:text-primary-700">
<Link href="/register" className="font-semibold text-primary-400 hover:text-primary-300">
Daftar sekarang
</Link>
</p>