'use client';

import './style.scss';
import NavTab from '@/app/(main)/support/navTab';

export default function View() {
	return (
		<>
			<NavTab currentTab='contact' />

			{/* 제휴 문의 */}
			<section id='contact'>
				<p>제휴 문의</p>

				<hr />
				<br />

				<blockquote className='leading-relaxed mb-10'>
					<strong className='text-primary-600'>Bitforum.io</strong>는 파트너와의 협력을 통해 함께 성장하고자 합니다.<br />
					제휴를 희망하시는 기업 또는 개인은 아래 방법을 통해 언제든지 문의해 주세요.
				</blockquote>

				<div className='mb-10'>
					<h2 className='text-lg font-semibold mb-4'>문의 방법</h2>
					<ul className='space-y-2 text-base list-disc pl-5'>
						<li>
							<strong>이메일：</strong> <a href='mailto:contact@bitforum.io' className='text-blue-600 hover:underline'>contact@bitforum.io</a>
						</li>
						<li>
							<strong>문의 내용：</strong> 회사명, 담당자명, 연락처, 제안 내용<br />
						</li>
						<li>
							<strong>회신：</strong> 평균 <span className='font-medium text-gray-700'>1~3 영업일</span> 내 응답 드립니다.
						</li>
					</ul>
				</div>

				<div className='bg-primary-100 rounded-xl text-start'>
					<h3 className='text-lg font-semibold text-primary-800 mb-2'>지금 바로 제휴를 시작해보세요!</h3>
					<p className='text-sm text-gray-600 mb-3'>궁금하신 점이 있다면 언제든 연락 주세요. 빠르게 답변드리겠습니다.</p>
					<a href='mailto:contact@bitforum.io' className='btn btn-submit mt-4 px-6 py-3 transition'>
						제휴 문의
					</a>
				</div>
			</section>
		</>
	);
}