home 6 місяців тому
батько
коміт
cb90e32048

+ 0 - 0
src/assets/img.png → public/img.png


+ 0 - 0
src/assets/logo.png → public/logo.png


+ 1 - 2
src/componenets/Header.jsx

@@ -1,5 +1,4 @@
 import React, {useState} from 'react';
-import logo from '@/assets/logo.png';
 import menuItems from '@/data/menuItems.json';
 
 const Header = () => {
@@ -14,7 +13,7 @@ const Header = () => {
             
             {/* 로고 영역 */}
             <div className="absolute left-[40px] top-[26px] flex items-center gap-1 w-32">
-                <img className="w-10 h-7" src={logo}/>
+                <img className="w-10 h-7" src='/logo.png' alt='logo'/>
                 <div className="text-gray-600 text-xl font-bold font-['Inter']">반도산전</div>
             </div>
 

+ 1 - 1
src/pages/main/Business.jsx

@@ -9,7 +9,7 @@ const Business = () => {
             <div>
                 {/* 텍스트 영역 */}
                 <div className="space-y-2 mb-4">
-                    <div className="text-blue-900 text-5xl font-bold font-['Inter']">주요 사업</div>
+                    <div className="text-blue-900 text-5xl font-bold font-['Inter']">반도산전 Business Solution</div>
                     <div className="text-zinc-500 text-lg font-bold font-['Inter']">반도산전이 선도하는 힘</div>
                 </div>
 

+ 45 - 0
src/pages/main/Directions.jsx

@@ -0,0 +1,45 @@
+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;

+ 2 - 0
src/pages/main/index.jsx

@@ -3,6 +3,7 @@ import Hero from "./Hero.jsx";
 import Business from "./Business.jsx";
 import Project from "./Project.jsx";
 import Partners from "./Partners.jsx";
+import Directions from "@/pages/main/Directions.jsx";
 
 const Main = () => {
     return (
@@ -11,6 +12,7 @@ const Main = () => {
             <Business />
             <Project />
             <Partners />
+            <Directions />
         </>
     );
 };