import React from 'react';
import {FOOTER_IMAGE_PREFIX} from "@/constants";

const Footer = () => {
    return (
        <footer className="relative w-full bg-neutral-800 text-white">
            <div className="w-full h-0 pt-15 outline outline-offset-[-0.50px] outline-gray-600"></div>
            
            <div className="max-w-screen-xl mx-auto px-8 mt-10 flex flex-col ">
                {/* 로고 및 텍스트 블럭 */}
                <div className="flex gap-8">
                    {/* 로고 */}
                    <div className="">
                        <img className="w-24 h-16" src={`${FOOTER_IMAGE_PREFIX}/footerLogo.svg`} alt="Logo" />
                    </div>

                    {/* 회사 정보 2단 그리드 */}
                    <div className="grid grid-cols-2 flex-grow text-sm font-light leading-relaxed">
                        {/* 부산 본사 */}
                        <div className="space-y-5">
                            <p className="text-gray-300 font-['Noto_Sans_KR']">
                                회사명 : 반도산전(주)<br />
                                대표자 : 서보석<br />
                                사업자등록번호 : 605-81-32247<br />
                                주소 : 부산 해운대구 센텀중앙로 78, 1308호 (센텀그린타워)<br />
                                대표번호 : 051-808-8556<br />
                                FAX : 051-808-8657
                            </p>
                            
                            {/*/!* 카피라이트 *!/*/}
                            <div className="flex text-xs font-light text-right text-gray-500 font-['Inter']">
                                © BANDO INDUSTRIAL SYSTEM CO., LTD. All rights reserved.
                            </div>
                        </div>

                        {/* 공장 및 지사 */}
                        <div className="space-y-6 text-gray-300 font-['Noto_Sans_KR']">
                            <div>
                                <p>경남 김해 공장 : 경남 김해시 서김해산단안길 2 (명법동)</p>
                                <p>번호 : 055 - 339 - 8550</p>
                                <p>FAX : 055 - 313 - 0998</p>
                            </div>
                            <div>
                                <p>서울 경기지사 : 경기 하남시 미사강변한강로135, 나동 902호</p>
                                <p>번호 : 031 - 794 - 2967</p>
                                <p>FAX : 031 - 794 - 3476</p>
                            </div>
                        </div>
                    </div>
                </div>

                {/* SNS 아이콘 영역 */}
                <div className="flex justify-end mb-10 gap-6">
                    <img className="w-20 h-11" src={`${FOOTER_IMAGE_PREFIX}/KTR마크.png`} alt="icon1" />
                    <img className="w-12 h-11" src={`${FOOTER_IMAGE_PREFIX}/중소기업청.png`} alt="icon2" />
                    <img className="w-12 h-11" src={`${FOOTER_IMAGE_PREFIX}/벤처기업인증마크.png`} alt="icon3" />
                    <img className="w-16 h-11" src={`${FOOTER_IMAGE_PREFIX}/ci.png`} alt="icon4" />
                </div>
            </div>
            
            {/* TOP 버튼 */}
            <div
                className="absolute top-[-40px] right-[10%] cursor-pointer"
                onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })}
            >
                <div className="w-20 h-20 bg-zinc-300 rounded-full" />
                <div className="w-6 left-[25px] top-[42px] absolute origin-top-left -rotate-90 text-center justify-start text-black text-2xl font-thin font-['Inter']">{">"}</div>
                <div className="left-[21px] top-[42.50px] absolute text-center justify-start text-black text-xl font-thin font-['Inter']">TOP</div>
            </div>
        </footer>
    );
};

export default Footer;
