bandosj/src/components/main/Footer.tsx

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-4 sm:px-8 mt-6 sm:mt-10 flex flex-col ">
                {/* 로고 및 텍스트 블럭 */}
                <div className="flex flex-col sm:flex-row gap-4 sm:gap-8">
                    {/* 로고 */}
                    <div className="">
                        <img className="w-20 h-12 sm:w-24 sm:h-16" src={`${FOOTER_IMAGE_PREFIX}/footerLogo.svg`} alt="Logo" />
                    </div>

                    {/* 회사 정보 2단 그리드 */}
                    <div className="grid grid-cols-1 sm:grid-cols-2 flex-grow text-xs sm:text-sm font-light leading-relaxed gap-4 sm:gap-0">
                        {/* 부산 본사 */}
                        <div className="space-y-3 sm: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-['Noto_Sans_KR']">
                                © BANDO INDUSTRIAL SYSTEM CO., LTD. All rights reserved.
                            </div>
                        </div>

                        {/* 공장 및 지사 */}
                        <div className="space-y-4 sm:space-y-6 text-gray-300 font-['Noto_Sans_KR']">
                            <div className="space-y-1">
                                <p>경남 김해 공장 : 경남 김해시 서김해산단안길 2 (명법동)</p>
                                <p>번호 : 055 - 339 - 8550</p>
                                <p>FAX : 055 - 313 - 0998</p>
                            </div>
                            <div className="space-y-1">
                                <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-6 sm:mb-10 gap-3 sm:gap-6 flex-wrap">
                    <img className="w-16 h-8 sm:w-20 sm:h-11" src={`${FOOTER_IMAGE_PREFIX}/KTR마크.png`} alt="icon1" />
                    <img className="w-10 h-8 sm:w-12 sm:h-11" src={`${FOOTER_IMAGE_PREFIX}/중소기업청.png`} alt="icon2" />
                    <img className="w-10 h-8 sm:w-12 sm:h-11" src={`${FOOTER_IMAGE_PREFIX}/벤처기업인증마크.png`} alt="icon3" />
                    <img className="w-12 h-8 sm:w-16 sm:h-11" src={`${FOOTER_IMAGE_PREFIX}/ci.png`} alt="icon4" />
                </div>
            </div>
            
            {/* TOP 버튼 */}
        </footer>
    );
};

export default Footer;