From d18a7c6b9a441cc4857acc7c70482116d722e565 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 9 Jun 2026 07:45:52 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 283 +++++++++-------------------------------------- 1 file changed, 53 insertions(+), 230 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 8798ffd..76ee7ad 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,34 +32,20 @@ export default function LandingPage() { @@ -105,25 +80,13 @@ export default function LandingPage() { tag="핵심 성과" metrics={[ { - id: "experience", - value: "20+년", - description: "업계 경험", - }, + id: "experience", value: "20+년", description: "업계 경험"}, { - id: "projects", - value: "500+", - description: "성공적인 프로젝트", - }, + id: "projects", value: "500+", description: "성공적인 프로젝트"}, { - id: "product-lines", - value: "6개", - description: "혁신적인 제품 라인", - }, + id: "product-lines", value: "6개", description: "혁신적인 제품 라인"}, { - id: "certification", - value: "ISO", - description: "국제 표준 인증", - }, + id: "certification", value: "ISO", description: "국제 표준 인증"}, ]} metricsAnimation="slide-up" /> @@ -134,15 +97,10 @@ export default function LandingPage() { useInvertedBackground={false} heading={[ { - type: "text", - content: "알케이큐브, ", - }, + type: "text", content: "알케이큐브, "}, { - type: "text", - content: "혁신적인 모듈러 솔루션", - }, + type: "text", content: "혁신적인 모듈러 솔루션"}, ]} - description="알케이큐브는 20년 이상의 경험을 바탕으로, 큐브 유닛, ESS 시스템, 데이터센터, E-HOUSE 등 다양한 분야에서 혁신적인 모듈러 건축 솔루션을 제공합니다. 정교한 설계와 최첨단 기술로 고객의 비즈니스와 삶에 새로운 가치를 더합니다." imageSrc="http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974254.jpg" imageAlt="모듈러 제품 셀 그리드" /> @@ -156,53 +114,17 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "p1", - name: "큐브랜드 10FT", - price: "문의", - variant: "표준형", - imageSrc: "http://img.b2bpic.net/free-photo/neat-office-with-computer-worker_482257-119323.jpg", - imageAlt: "큐브랜드 10피트 모듈", - }, + id: "p1", name: "큐브랜드 10FT", price: "문의", variant: "표준형", imageSrc: "http://img.b2bpic.net/free-photo/neat-office-with-computer-worker_482257-119323.jpg", imageAlt: "큐브랜드 10피트 모듈"}, { - id: "p2", - name: "큐브랜드 20FT", - price: "문의", - variant: "맞춤형", - imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248307.jpg", - imageAlt: "큐브랜드 20피트 모듈", - }, + id: "p2", name: "큐브랜드 20FT", price: "문의", variant: "맞춤형", imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248307.jpg", imageAlt: "큐브랜드 20피트 모듈"}, { - id: "p3", - name: "ESS 시스템", - price: "문의", - variant: "산업용", - imageSrc: "http://img.b2bpic.net/free-photo/machinery-with-control-panels-buttons-switches-warehouse-3d-render_482257-84396.jpg", - imageAlt: "에너지 저장 시스템", - }, + id: "p3", name: "ESS 시스템", price: "문의", variant: "산업용", imageSrc: "http://img.b2bpic.net/free-photo/machinery-with-control-panels-buttons-switches-warehouse-3d-render_482257-84396.jpg", imageAlt: "에너지 저장 시스템"}, { - id: "p4", - name: "데이터센터", - price: "문의", - variant: "고성능", - imageSrc: "http://img.b2bpic.net/free-photo/server-room-data-center_23-2151957115.jpg", - imageAlt: "모듈러 데이터센터", - }, + id: "p4", name: "데이터센터", price: "문의", variant: "고성능", imageSrc: "http://img.b2bpic.net/free-photo/server-room-data-center_23-2151957115.jpg", imageAlt: "모듈러 데이터센터"}, { - id: "p5", - name: "E-HOUSE", - price: "문의", - variant: "전기실", - imageSrc: "http://img.b2bpic.net/free-photo/illuminated-pipes-form-industrial-ballet-light-darkness_157027-4420.jpg", - imageAlt: "전기실 모듈", - }, + id: "p5", name: "E-HOUSE", price: "문의", variant: "전기실", imageSrc: "http://img.b2bpic.net/free-photo/illuminated-pipes-form-industrial-ballet-light-darkness_157027-4420.jpg", imageAlt: "전기실 모듈"}, { - id: "p6", - name: "인테리어 모듈", - price: "문의", - variant: "디자인", - imageSrc: "http://img.b2bpic.net/free-photo/premium-kitchen-interior-drawer-lighting-stylish-blue-design_169016-69295.jpg", - imageAlt: "모듈형 인테리어", - }, + id: "p6", name: "인테리어 모듈", price: "문의", variant: "디자인", imageSrc: "http://img.b2bpic.net/free-photo/premium-kitchen-interior-drawer-lighting-stylish-blue-design_169016-69295.jpg", imageAlt: "모듈형 인테리어"}, ]} title="우리의 솔루션" description="다양한 산업 분야에 최적화된 알케이큐브의 혁신적인 모듈러 제품들을 만나보세요." @@ -216,72 +138,28 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "step1", - tag: "STEP 1", - price: "계획 및 컨설팅", - period: "초기 단계", - description: "고객 요구 분석 및 맞춤형 솔루션 제안", - button: { - text: "자세히 보기", - href: "#", - }, - featuresTitle: "주요 내용", - features: [ - "요구사항 정의", - "현장 분석", - "예산 협의", - ], + id: "step1", tag: "STEP 1", price: "계획 및 컨설팅", period: "초기 단계", description: "고객 요구 분석 및 맞춤형 솔루션 제안", button: { + text: "자세히 보기", href: "#"}, + featuresTitle: "주요 내용", features: [ + "요구사항 정의", "현장 분석", "예산 협의"], }, { - id: "step2", - tag: "STEP 2", - price: "설계 및 엔지니어링", - period: "심화 단계", - description: "3D 모델링 기반의 정밀 설계 및 기술 검토", - button: { - text: "자세히 보기", - href: "#", - }, - featuresTitle: "주요 내용", - features: [ - "개념 설계", - "상세 도면", - "기술 승인", - ], + id: "step2", tag: "STEP 2", price: "설계 및 엔지니어링", period: "심화 단계", description: "3D 모델링 기반의 정밀 설계 및 기술 검토", button: { + text: "자세히 보기", href: "#"}, + featuresTitle: "주요 내용", features: [ + "개념 설계", "상세 도면", "기술 승인"], }, { - id: "step3", - tag: "STEP 3", - price: "모듈 생산 및 품질 관리", - period: "생산 단계", - description: "최첨단 공정으로 고품질 모듈 생산 및 엄격한 검수", - button: { - text: "자세히 보기", - href: "#", - }, - featuresTitle: "주요 내용", - features: [ - "자동화 생산", - "품질 검증", - "운송 준비", - ], + id: "step3", tag: "STEP 3", price: "모듈 생산 및 품질 관리", period: "생산 단계", description: "최첨단 공정으로 고품질 모듈 생산 및 엄격한 검수", button: { + text: "자세히 보기", href: "#"}, + featuresTitle: "주요 내용", features: [ + "자동화 생산", "품질 검증", "운송 준비"], }, { - id: "step4", - tag: "STEP 4", - price: "현장 시공 및 설치", - period: "완료 단계", - description: "안전하고 효율적인 현장 조립 및 최종 설치", - button: { - text: "자세히 보기", - href: "#", - }, - featuresTitle: "주요 내용", - features: [ - "기초 공사", - "모듈 조립", - "마감 및 테스트", - ], + id: "step4", tag: "STEP 4", price: "현장 시공 및 설치", period: "완료 단계", description: "안전하고 효율적인 현장 조립 및 최종 설치", button: { + text: "자세히 보기", href: "#"}, + featuresTitle: "주요 내용", features: [ + "기초 공사", "모듈 조립", "마감 및 테스트"], }, ]} title="알케이큐브의 진행 과정" @@ -297,29 +175,11 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "proj1", - name: "스마트 오피스 모듈", - price: "완료", - variant: "상업용", - imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-sculpture-clear-cubes_9975-134393.jpg", - imageAlt: "스마트 오피스 모듈 프로젝트", - }, + id: "proj1", name: "스마트 오피스 모듈", price: "완료", variant: "상업용", imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-sculpture-clear-cubes_9975-134393.jpg", imageAlt: "스마트 오피스 모듈 프로젝트"}, { - id: "proj2", - name: "에너지 효율 데이터센터", - price: "완료", - variant: "산업용", - imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-engineer-analyzing-data-pc-screen-reviewing-system-health-metrics-solar_482257-135562.jpg", - imageAlt: "에너지 효율 데이터센터 프로젝트", - }, + id: "proj2", name: "에너지 효율 데이터센터", price: "완료", variant: "산업용", imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-engineer-analyzing-data-pc-screen-reviewing-system-health-metrics-solar_482257-135562.jpg", imageAlt: "에너지 효율 데이터센터 프로젝트"}, { - id: "proj3", - name: "원격 ESS 스테이션", - price: "완료", - variant: "친환경", - imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-geometric-glass-shape_23-2150979651.jpg", - imageAlt: "원격 ESS 스테이션 프로젝트", - }, + id: "proj3", name: "원격 ESS 스테이션", price: "완료", variant: "친환경", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-geometric-glass-shape_23-2150979651.jpg", imageAlt: "원격 ESS 스테이션 프로젝트"}, ]} title="프로젝트 포트폴리오" description="알케이큐브의 혁신적인 모듈러 기술이 적용된 다양한 성공 사례들을 확인해보세요." @@ -333,45 +193,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "t1", - name: "이민호", - role: "미래기술 연구소 대표", - testimonial: "알케이큐브의 모듈러 솔루션은 우리의 데이터센터 구축 시간을 획기적으로 단축시켰습니다. 뛰어난 품질과 효율성에 깊은 인상을 받았습니다.", - imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-speaking-phone-standing-near-business-centre_176420-5657.jpg", - imageAlt: "이민호 대표 아바타", - }, + id: "t1", name: "이민호", role: "미래기술 연구소 대표", testimonial: "알케이큐브의 모듈러 솔루션은 우리의 데이터센터 구축 시간을 획기적으로 단축시켰습니다. 뛰어난 품질과 효율성에 깊은 인상을 받았습니다.", imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-speaking-phone-standing-near-business-centre_176420-5657.jpg", imageAlt: "이민호 대표 아바타"}, { - id: "t2", - name: "박서연", - role: "그린에너지 개발팀장", - testimonial: "ESS 시스템 설치를 위해 알케이큐브를 선택한 것은 최고의 결정이었습니다. 전문가들의 세심한 설계와 빠른 시공 덕분에 프로젝트를 성공적으로 마칠 수 있었습니다.", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-leader-team-asian-female-chief-engineer-safety-helmet-suit-cross-arms-confiden_1258-95331.jpg", - imageAlt: "박서연 팀장 아바타", - }, + id: "t2", name: "박서연", role: "그린에너지 개발팀장", testimonial: "ESS 시스템 설치를 위해 알케이큐브를 선택한 것은 최고의 결정이었습니다. 전문가들의 세심한 설계와 빠른 시공 덕분에 프로젝트를 성공적으로 마칠 수 있었습니다.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-leader-team-asian-female-chief-engineer-safety-helmet-suit-cross-arms-confiden_1258-95331.jpg", imageAlt: "박서연 팀장 아바타"}, { - id: "t3", - name: "김준", - role: "스타트업 시티 CTO", - testimonial: "혁신적인 큐브랜드 모듈은 우리 스타트업 오피스의 공간 활용도를 극대화했습니다. 유연한 확장성과 모던한 디자인이 정말 만족스럽습니다.", - imageSrc: "http://img.b2bpic.net/free-photo/asian-draftswoman-with-hot-beverage_23-2147766753.jpg", - imageAlt: "김준 CTO 아바타", - }, + id: "t3", name: "김준", role: "스타트업 시티 CTO", testimonial: "혁신적인 큐브랜드 모듈은 우리 스타트업 오피스의 공간 활용도를 극대화했습니다. 유연한 확장성과 모던한 디자인이 정말 만족스럽습니다.", imageSrc: "http://img.b2bpic.net/free-photo/asian-draftswoman-with-hot-beverage_23-2147766753.jpg", imageAlt: "김준 CTO 아바타"}, { - id: "t4", - name: "최유진", - role: "건축 설계 스튜디오 실장", - testimonial: "알케이큐브의 E-HOUSE 솔루션은 전력 효율성과 안전성을 동시에 만족시켰습니다. 복잡한 요구사항에도 불구하고 완벽한 맞춤형 솔루션을 제공해주어 감사드립니다.", - imageSrc: "http://img.b2bpic.net/free-photo/goth-student-attending-school_23-2150576781.jpg", - imageAlt: "최유진 실장 아바타", - }, + id: "t4", name: "최유진", role: "건축 설계 스튜디오 실장", testimonial: "알케이큐브의 E-HOUSE 솔루션은 전력 효율성과 안전성을 동시에 만족시켰습니다. 복잡한 요구사항에도 불구하고 완벽한 맞춤형 솔루션을 제공해주어 감사드립니다.", imageSrc: "http://img.b2bpic.net/free-photo/goth-student-attending-school_23-2150576781.jpg", imageAlt: "최유진 실장 아바타"}, { - id: "t5", - name: "정우성", - role: "글로벌 건설 기업 이사", - testimonial: "모듈러 건축의 미래를 알케이큐브에서 보았습니다. 그들의 기술력과 프로젝트 관리 능력은 업계 최고 수준입니다. 다음 프로젝트도 함께하고 싶습니다.", - imageSrc: "http://img.b2bpic.net/free-photo/serious-young-asian-businessman-with-crossed-arms_1262-1587.jpg", - imageAlt: "정우성 이사 아바타", - }, + id: "t5", name: "정우성", role: "글로벌 건설 기업 이사", testimonial: "모듈러 건축의 미래를 알케이큐브에서 보았습니다. 그들의 기술력과 프로젝트 관리 능력은 업계 최고 수준입니다. 다음 프로젝트도 함께하고 싶습니다.", imageSrc: "http://img.b2bpic.net/free-photo/serious-young-asian-businessman-with-crossed-arms_1262-1587.jpg", imageAlt: "정우성 이사 아바타"}, ]} title="고객 성공 사례" description="알케이큐브와 함께한 고객들의 생생한 경험을 들어보세요." @@ -382,8 +212,7 @@ export default function LandingPage() { -- 2.49.1