72 lines
3.2 KiB
TypeScript
72 lines
3.2 KiB
TypeScript
|
|
import Link from 'next/link';
|
|
import SajuForm from '../components/SajuForm';
|
|
import UserMenu from '@/components/UserMenu';
|
|
|
|
export default function SajuPage() {
|
|
return (
|
|
<div className="min-h-screen bg-gradient-to-br from-indigo-50 via-purple-50 to-pink-50">
|
|
{/* Navigation */}
|
|
<nav className="bg-white/80 backdrop-blur-md border-b border-gray-200 sticky top-0 z-50">
|
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div className="flex justify-between items-center h-16">
|
|
<Link href="/" className="text-2xl font-bold bg-gradient-to-r from-indigo-600 to-purple-600 bg-clip-text text-transparent">
|
|
🔮 사주포춘
|
|
</Link>
|
|
<div className="flex items-center space-x-6">
|
|
<div className="hidden md:flex space-x-6 mr-4">
|
|
<Link href="/saju" className="text-indigo-600 font-bold">사주팔자</Link>
|
|
<Link href="/compatibility" className="text-gray-700 hover:text-indigo-600 transition font-medium">궁합</Link>
|
|
<Link href="/tojeong" className="text-gray-700 hover:text-indigo-600 transition font-medium">토정비결</Link>
|
|
</div>
|
|
<UserMenu />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
{/* Hero Section */}
|
|
<section className="pt-20 pb-32 px-4">
|
|
<div className="max-w-4xl mx-auto text-center">
|
|
<div className="inline-block mb-6 px-6 py-2 bg-white/50 backdrop-blur-sm rounded-full text-indigo-700 font-semibold border border-indigo-200">
|
|
무료로 내 사주를 확인해보세요
|
|
</div>
|
|
|
|
<h1 className="text-5xl md:text-7xl font-bold text-gray-900 mb-6 leading-tight">
|
|
나의 <span className="bg-gradient-to-r from-indigo-600 to-purple-600 bg-clip-text text-transparent">사주팔자</span>를<br />
|
|
확인하세요
|
|
</h1>
|
|
|
|
<p className="text-xl text-gray-600 mb-12 max-w-2xl mx-auto">
|
|
생년월일시를 입력하면 무료로 사주팔자, 운세, 궁합을 확인할 수 있습니다.
|
|
쉽고 빠르게 나의 운명을 알아보세요.
|
|
</p>
|
|
|
|
{/* Main Input Card */}
|
|
<div className="bg-white rounded-3xl shadow-2xl p-8 md:p-12 max-w-2xl mx-auto">
|
|
<h2 className="text-2xl font-bold text-gray-900 mb-8">생년월일시 입력</h2>
|
|
|
|
<SajuForm />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
{/* Footer */}
|
|
<footer className="bg-gray-900 text-white py-12 px-4">
|
|
<div className="max-w-7xl mx-auto text-center">
|
|
<div className="text-2xl font-bold mb-4 bg-gradient-to-r from-indigo-400 to-purple-400 bg-clip-text text-transparent">
|
|
🔮 사주포춘
|
|
</div>
|
|
<p className="text-gray-400 mb-6">
|
|
쟁승메이드가 제공하는 사주 서비스
|
|
</p>
|
|
<div className="text-sm text-gray-500">
|
|
<p>문의: bgg8988@gmail.com | <a href="https://jaengseung-made.com" target="_blank" rel="noopener noreferrer" className="hover:text-indigo-400">쟁승메이드</a></p>
|
|
<p className="mt-2">© 2025 쟁승메이드. All rights reserved.</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
);
|
|
}
|