64 lines
3.7 KiB
TypeScript
64 lines
3.7 KiB
TypeScript
'use client';
|
||
|
||
import React, { useState } from 'react';
|
||
import { useRouter } from 'next/navigation';
|
||
import { ShieldCheck, ArrowRight, Building2, CheckCircle2, Copy, ExternalLink } from 'lucide-react';
|
||
|
||
export default function MerchantRegisterPage() {
|
||
const [name, setName] = useState('');
|
||
const [isLoading, setIsLoading] = useState(false);
|
||
const [error, setError] = useState('');
|
||
const [success, setSuccess] = useState<any>(null);
|
||
const router = useRouter();
|
||
|
||
return (
|
||
<div className="min-h-screen bg-[#F8FAFC] flex flex-col items-center justify-center p-6">
|
||
<div className="w-full max-w-md space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-700">
|
||
<div className="text-center space-y-4">
|
||
<div className="mx-auto w-20 h-20 bg-blue-600 rounded-[32px] flex items-center justify-center text-white shadow-2xl shadow-blue-100 mb-6">
|
||
<Building2 size={32} />
|
||
</div>
|
||
<h1 className="text-3xl font-black text-gray-900 tracking-tight uppercase italic">Firma Başvurusu</h1>
|
||
<p className="text-gray-400 font-bold uppercase tracking-widest text-[10px]">P2CGateway Merchant Network</p>
|
||
</div>
|
||
|
||
<div className="bg-white p-12 rounded-[48px] border border-gray-100 shadow-2xl shadow-gray-200/50 space-y-10 text-center relative overflow-hidden">
|
||
<div className="absolute top-0 left-1/2 -translate-x-1/2 w-40 h-1 bg-gradient-to-r from-transparent via-blue-600 to-transparent"></div>
|
||
|
||
<div className="space-y-4">
|
||
<h2 className="text-2xl font-black text-gray-900 leading-tight">Kayıtlar Şuan Başvuruya Dayalıdır</h2>
|
||
<p className="text-gray-500 font-medium leading-relaxed max-w-sm mx-auto">
|
||
Güvenlik ve kalite standartlarımız gereği şu an için sadece ön başvurusu onaylanmış kurumsal firmaları kabul ediyoruz.
|
||
</p>
|
||
</div>
|
||
|
||
<div className="p-8 bg-blue-50/50 rounded-3xl border border-blue-100 space-y-4">
|
||
<p className="text-[10px] font-black text-blue-600 uppercase tracking-widest">Nasıl Kayıt Olurum?</p>
|
||
<p className="text-sm font-bold text-gray-700 italic">"P2CGateway ekibiyle iletişime geçerek başvuru formunuzu talep edin."</p>
|
||
</div>
|
||
|
||
<div className="pt-6 flex flex-col gap-4">
|
||
<a
|
||
href="mailto:sales@p2cgateway.store"
|
||
className="w-full py-5 bg-gray-900 text-white rounded-2xl font-black text-xs uppercase tracking-[0.2em] hover:bg-black transition shadow-xl text-center"
|
||
>
|
||
Satış Ekibiyle İletişime Geç
|
||
</a>
|
||
<button
|
||
onClick={() => router.push('/')}
|
||
className="text-[10px] font-black text-gray-400 uppercase tracking-widest hover:text-gray-900 transition"
|
||
>
|
||
Ana Sayfaya Dön
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div className="mt-20 flex items-center gap-3 px-6 py-2 bg-blue-50 rounded-full border border-blue-100">
|
||
<ShieldCheck size={14} className="text-blue-600" />
|
||
<span className="text-[9px] font-black text-blue-600 uppercase tracking-widest">Enterprise Secured Merchant Onboarding Flow</span>
|
||
</div>
|
||
</div>
|
||
);
|
||
}
|