diff --git a/index.html b/index.html index 6c048bb..53522df 100644 --- a/index.html +++ b/index.html @@ -3,9 +3,9 @@ - + - SmartBiz Tech - 소상공인 스마트 기술 파트너 + SOKUREE diff --git a/src/assets/logo.ico b/src/assets/logo.ico new file mode 100644 index 0000000..3836145 Binary files /dev/null and b/src/assets/logo.ico differ diff --git a/src/components/About.jsx b/src/components/About.jsx index 2cfbf0e..405dae7 100644 --- a/src/components/About.jsx +++ b/src/components/About.jsx @@ -1,23 +1,26 @@ const About = () => { return ( -
-
-

회사 소개

-
-
-

소상공인과 함께 성장하는 스마트 파트너

-

- SmartBiz Tech는 급변하는 디지털 시대에 소상공인 여러분이 경쟁력을 갖출 수 있도록 - 최고의 스마트 기술을 합리적인 가격에 공급합니다. -

-

- 단순한 기기 판매가 아닌, 매장 환경 분석부터 설치, 유지보수까지 - 원스톱 서비스를 제공하여 사장님은 경영에만 집중하실 수 있도록 돕겠습니다. -

-
+ <> +
+
+

+ Sokuree Consultant는 현장의 목소리(데이터)에서 필요한 정보를
+ 시스템(System)화 하여 기업의 지속 가능한 성장을 지원합니다. +

-
-
+ + +
+
+

Vision

+

누구나 쉽게 스마트 경영을 실현하는 세상

+
+
+

Mission

+

복잡한 기술을 현장에 맞게 단순화하고, 실질적인 성과를 창출하는 것

+
+
+ ); }; diff --git a/src/components/CaseItem.jsx b/src/components/CaseItem.jsx new file mode 100644 index 0000000..0f4ba76 --- /dev/null +++ b/src/components/CaseItem.jsx @@ -0,0 +1,43 @@ +import React from 'react'; + +const CaseItem = ({ study }) => { + return ( +
+ {/* Image Section */} + {study.image ? ( +
+ {study.title} +
+ {study.category.split('/')[0]} +
+
+ ) : ( +
+ )} + + {/* Content Section */} +
+ {!study.image && ( +
+ {study.category} +
+ )} +

{study.title}

+
+ + 성과: {study.result} + +
+

+ {study.details} +

+
+
+ ); +}; + +export default CaseItem; diff --git a/src/components/CasesPreview.jsx b/src/components/CasesPreview.jsx new file mode 100644 index 0000000..225bf10 --- /dev/null +++ b/src/components/CasesPreview.jsx @@ -0,0 +1,30 @@ +import { Link } from 'react-router-dom'; + +const CasesPreview = () => { + return ( +
+
+

성공 사례

+
+
+

H사 스마트공장 구축

+

생산성 30% 향상, 불량률 50% 감소

+
+
+

D사 ISO 인증 획득

+

내부 심사원 양성 및 프로세스 정립

+
+
+

K사 그룹웨어 도입

+

재고 관리 자동화 및 업무 효율화

+
+
+
+ 사례 더 보기 +
+
+
+ ); +}; + +export default CasesPreview; diff --git a/src/components/LatestNews.jsx b/src/components/LatestNews.jsx new file mode 100644 index 0000000..5683882 --- /dev/null +++ b/src/components/LatestNews.jsx @@ -0,0 +1,31 @@ +import { Link } from 'react-router-dom'; +import { usePosts } from '../hooks/usePosts'; +import PostCard from './PostCard'; + +const LatestNews = () => { + const { posts, loading, error } = usePosts(1, 3); // Fetch 3 latest posts + + if (loading) return null; + if (error) return null; + if (posts.length === 0) return null; + + return ( +
+
+
+

최신 소식

+ + 전체 보기 → + +
+
+ {posts.map((post) => ( + + ))} +
+
+
+ ); +}; + +export default LatestNews; diff --git a/src/components/Process.jsx b/src/components/Process.jsx new file mode 100644 index 0000000..a8cd083 --- /dev/null +++ b/src/components/Process.jsx @@ -0,0 +1,19 @@ +const Process = () => { + return ( +
+
+

진행 프로세스

+
+ {['진단', '설계', '실행', '정착', '고도화'].map((step, index) => ( +
+
{index + 1}
+

{step}

+
+ ))} +
+
+
+ ); +}; + +export default Process; diff --git a/src/components/ServiceCurriculum.jsx b/src/components/ServiceCurriculum.jsx new file mode 100644 index 0000000..43ac639 --- /dev/null +++ b/src/components/ServiceCurriculum.jsx @@ -0,0 +1,69 @@ +import React from 'react'; + +const ServiceCurriculum = ({ onDownloadGuide }) => { + return ( +
+

+ Sokuree Consultant
교육과정 +

+

현장 전문가로 성장할 수 있는 다양한 교육 과정을 경험해보세요.

+ +
+ + {/* Col 1 */} +
+ 01 +

경영시스템
요구사항 해설

+
    +
  • • ISO 9001 (품질)
    • +
  • • ISO 14001 (환경)
    • +
  • • ISO 45001 (안전보건)
    • +
  • • 시스템 문서화 실무
    • +
+
+ + {/* Col 2 */} +
+ 02 +

내부심사원
양성 과정

+
    +
  • • 심사 기법 및 절차
    • +
  • • 체크리스트 작성
    • +
  • • 부적합 보고서 작성
    • +
  • • Role-Play 실습
    • +
+
+ + {/* Col 3 */} +
+ 03 +

IATF 16949
Core Tools

+
    +
  • • APQP / PPAP
    • +
  • • FMEA (고장모드)
    • +
  • • SPC (통계적공정)
    • +
  • • MSA (측정분석)
    • +
+
+ + {/* Col 4 */} +
+
+ 04 +

교육문의 및
신청안내

+
    +
  • 총 32개 과정 운영 중
    • +
  • 맞춤형 출장 교육 가능
    • +
+
+ +
+ +
+
+ ); +}; + +export default ServiceCurriculum; diff --git a/src/components/ServicePurpose.jsx b/src/components/ServicePurpose.jsx new file mode 100644 index 0000000..fcc0483 --- /dev/null +++ b/src/components/ServicePurpose.jsx @@ -0,0 +1,35 @@ +import React from 'react'; + +const ServicePurpose = () => { + return ( +
+

교육 목적

+

현장 중심의 실무형 인재 양성을 목표로 하고 있어요.

+ +
+ {/* Purpose Card 1 */} +
+

스마트 제조 혁신 지원

+

중소기업의 스마트한
제조 환경 구축을 돕습니다.

+
🏭
+
+ + {/* Purpose Card 2 */} +
+

분야별 기술전문가 양성

+

전문 기술 역량 강화를 통한
핵심 인재 육성

+
👥
+
+ + {/* Purpose Card 3 */} +
+

현장 중심 실무 학습

+

이론과 실무를 겸비한
맞춤형 커리큘럼

+
📘
+
+
+
+ ); +}; + +export default ServicePurpose; diff --git a/src/components/WhyUs.jsx b/src/components/WhyUs.jsx new file mode 100644 index 0000000..8755079 --- /dev/null +++ b/src/components/WhyUs.jsx @@ -0,0 +1,28 @@ +const WhyUs = () => { + return ( +
+
+

Why Sokuree?

+
+
+
🏆
+

전문성

+

품질/ISO 기반의 검증된 컨설팅

+
+
+
🏭
+

현장 중심

+

제조 현장에 최적화된 맞춤형 솔루션

+
+
+
🚀
+

실행력

+

데이터 시스템의 실질적 구현과 안착

+
+
+
+
+ ); +}; + +export default WhyUs; diff --git a/src/pages/About.jsx b/src/pages/About.jsx index 62ace97..1f073cb 100644 --- a/src/pages/About.jsx +++ b/src/pages/About.jsx @@ -1,29 +1,11 @@ import consultantProfile from '../assets/consultant_profile.webp'; +import AboutIntro from '../components/About'; const About = () => { return (
{/* Intro Section with Background */} -
-

회사 소개

-
-

- Sokuree Consultant는 현장의 목소리(데이터)에서 필요한 정보를
- 시스템(System)화 하여 기업의 지속 가능한 성장을 지원합니다. -

-
-
- -
-
-

Vision

-

누구나 쉽게 스마트 경영을 실현하는 세상

-
-
-

Mission

-

복잡한 기술을 현장에 맞게 단순화하고, 실질적인 성과를 창출하는 것

-
-
+

대표 컨설턴트

diff --git a/src/pages/Cases.jsx b/src/pages/Cases.jsx index 335b321..71f589c 100644 --- a/src/pages/Cases.jsx +++ b/src/pages/Cases.jsx @@ -1,4 +1,5 @@ import React from 'react'; +import CaseItem from '../components/CaseItem'; const Cases = () => { @@ -49,41 +50,7 @@ const Cases = () => {
{caseStudies.map(study => ( -
- {/* Image Section */} - {study.image ? ( -
- {study.title} -
- {study.category.split('/')[0]} -
-
- ) : ( -
- )} - - {/* Content Section */} -
- {!study.image && ( -
- {study.category} -
- )} -

{study.title}

-
- - 성과: {study.result} - -
-

- {study.details} -

-
-
+ ))}
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx index 3681d4c..2e1c9ef 100644 --- a/src/pages/Home.jsx +++ b/src/pages/Home.jsx @@ -1,112 +1,23 @@ import Hero from '../components/Hero'; import Solutions from '../components/Solutions'; import Contact from '../components/Contact'; -import { Link } from 'react-router-dom'; -import { usePosts } from '../hooks/usePosts'; -import PostCard from '../components/PostCard'; +import WhyUs from '../components/WhyUs'; +import Process from '../components/Process'; +import CasesPreview from '../components/CasesPreview'; +import LatestNews from '../components/LatestNews'; const Home = () => { return ( <> - - {/* Why Us Section */} -
-
-

Why Sokuree?

-
-
-
🏆
-

전문성

-

품질/ISO 기반의 검증된 컨설팅

-
-
-
🏭
-

현장 중심

-

제조 현장에 최적화된 맞춤형 솔루션

-
-
-
🚀
-

실행력

-

데이터 시스템의 실질적 구현과 안착

-
-
-
-
- + - - {/* Process Section */} -
-
-

진행 프로세스

-
- {['진단', '설계', '실행', '정착', '고도화'].map((step, index) => ( -
-
{index + 1}
-

{step}

-
- ))} -
-
-
- - {/* Cases Preview */} -
-
-

성공 사례

-
-
-

H사 스마트공장 구축

-

생산성 30% 향상, 불량률 50% 감소

-
-
-

D사 ISO 인증 획득

-

내부 심사원 양성 및 프로세스 정립

-
-
-

K사 그룹웨어 도입

-

재고 관리 자동화 및 업무 효율화

-
-
-
- 사례 더 보기 -
-
-
- - {/* Latest News Section */} - - + + + ); }; -const LatestNewsSection = () => { - const { posts, loading, error } = usePosts(1, 3); // Fetch 3 latest posts - - if (loading) return null; - if (error) return null; - if (posts.length === 0) return null; - - return ( -
-
-
-

최신 소식

- - 전체 보기 → - -
-
- {posts.map((post) => ( - - ))} -
-
-
- ); -} - export default Home; diff --git a/src/pages/ServiceDetail.jsx b/src/pages/ServiceDetail.jsx index de7c5fd..bd3f6b6 100644 --- a/src/pages/ServiceDetail.jsx +++ b/src/pages/ServiceDetail.jsx @@ -1,5 +1,7 @@ import React from 'react'; import { useNavigate } from 'react-router-dom'; +import ServicePurpose from '../components/ServicePurpose'; +import ServiceCurriculum from '../components/ServiceCurriculum'; const ServiceDetail = () => { const navigate = useNavigate(); @@ -26,97 +28,10 @@ const ServiceDetail = () => {
{/* Section 1: Education Purpose (3 Cards) */} -
-

교육 목적

-

현장 중심의 실무형 인재 양성을 목표로 하고 있어요.

- -
- {/* Purpose Card 1 */} -
-

스마트 제조 혁신 지원

-

중소기업의 스마트한
제조 환경 구축을 돕습니다.

-
🏭
-
- - {/* Purpose Card 2 */} -
-

분야별 기술전문가 양성

-

전문 기술 역량 강화를 통한
핵심 인재 육성

-
👥
-
- - {/* Purpose Card 3 */} -
-

현장 중심 실무 학습

-

이론과 실무를 겸비한
맞춤형 커리큘럼

-
📘
-
-
-
- + {/* Section 2: Curriculum (4 Numbered Columns) */} -
-

- Sokuree Consultant
교육과정 -

-

현장 전문가로 성장할 수 있는 다양한 교육 과정을 경험해보세요.

- -
- - {/* Col 1 */} -
- 01 -

경영시스템
요구사항 해설

-
    -
  • • ISO 9001 (품질)
    • -
  • • ISO 14001 (환경)
    • -
  • • ISO 45001 (안전보건)
    • -
  • • 시스템 문서화 실무
    • -
-
- - {/* Col 2 */} -
- 02 -

내부심사원
양성 과정

-
    -
  • • 심사 기법 및 절차
    • -
  • • 체크리스트 작성
    • -
  • • 부적합 보고서 작성
    • -
  • • Role-Play 실습
    • -
-
- - {/* Col 3 */} -
- 03 -

IATF 16949
Core Tools

-
    -
  • • APQP / PPAP
    • -
  • • FMEA (고장모드)
    • -
  • • SPC (통계적공정)
    • -
  • • MSA (측정분석)
    • -
-
- - {/* Col 4 */} -
-
- 04 -

교육문의 및
신청안내

-
    -
  • 총 32개 과정 운영 중
    • -
  • 맞춤형 출장 교육 가능
    • -
-
- -
- -
-
+ {/* Bottom CTA Banner */}