import React from 'react';

const Directions = () => {
    return (
        <div className="px-[2vw] py-[4vw] space-y-[5vw]">
            <div>
                <div className="space-y-2 mb-2.5 pb-10">
                    <div className="text-5xl text-blue-900 font-bold font-['Inter']">찾아오시는 길</div>
                </div>
                <div className="w-full">
                    <div className="border h-40 relative">
                        <div className="self-stretch self-stretch left-0 top-0 absolute inline-flex flex-col justify-start items-start gap-2.5 overflow-hidden">
                            <div className="self-stretch flex-1 relative overflow-hidden">
                                <div className="left-[144px] top-[24px] absolute justify-start text-black text-3xl font-semibold font-['Inter']">부산 본사</div>
                            </div>
                        </div>
                        <div className="self-stretch self-stretch left-[414px] top-0 absolute border-l border-r border-black/10 inline-flex flex-col justify-start items-start gap-2.5 overflow-hidden">
                            <div className="self-stretch flex-1 relative overflow-hidden">
                                <div className="left-[144px] top-[24px] absolute justify-start text-black/25 text-3xl font-semibold font-['Inter']">김해 공장</div>
                            </div>
                        </div>
                        <div className="self-stretch self-stretch left-[828px] top-0 absolute inline-flex flex-col justify-start items-start gap-2.5 overflow-hidden">
                            <div className="self-stretch flex-1 relative overflow-hidden">
                                <div className="left-[116px] top-[24px] absolute justify-start text-black/25 text-3xl font-semibold font-['Inter']">서울 경기지사</div>
                            </div>
                        </div>
                    </div>
                    <div className="self-stretch h-96 relative rounded-lg overflow-hidden">
                        <img className="w-[1263.97px] h-[622px] left-[-32px] top-[-61px] absolute" src="https://placehold.co/1264x622" />
                    </div>
                    <div className="self-stretch flex-1 relative overflow-hidden">
                        <div className="w-24 h-7 left-[219px] top-[44px] absolute" />
                        <div className="w-24 h-9 left-[710px] top-[46px] absolute" />
                        <div className="w-[575px] left-[36px] top-[10px] absolute justify-start text-black text-2xl font-semibold font-['Inter']">주소</div>
                        <div className="w-[575px] left-[621px] top-[10px] absolute justify-start text-black text-2xl font-semibold font-['Inter']">전화</div>
                        <div className="left-[36px] top-[48.33px] absolute justify-start text-black text-xl font-normal font-['Inter']">부산 해운대구 센텀중앙로 78, 1308호(센텀그린타워)</div>
                        <div className="w-[575px] left-[621px] top-[48.33px] absolute justify-start text-black text-xl font-normal font-['Inter']">051-808-8556</div>
                    </div>
                </div>
            </div>
        </div>
    )
}

export default Directions;