Merge version_1 into main #1
283
src/app/page.tsx
283
src/app/page.tsx
@@ -32,34 +32,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "홈",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "홈", id: "#hero"},
|
||||
{
|
||||
name: "회사소개",
|
||||
id: "#about",
|
||||
},
|
||||
name: "회사소개", id: "#about"},
|
||||
{
|
||||
name: "제품",
|
||||
id: "#products",
|
||||
},
|
||||
name: "제품", id: "#products"},
|
||||
{
|
||||
name: "과정",
|
||||
id: "#process",
|
||||
},
|
||||
name: "과정", id: "#process"},
|
||||
{
|
||||
name: "포트폴리오",
|
||||
id: "#portfolio",
|
||||
},
|
||||
name: "포트폴리오", id: "#portfolio"},
|
||||
{
|
||||
name: "문의",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "문의", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "문의하기",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "문의하기", href: "#contact"}}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ua2g8v"
|
||||
logoAlt="알케이큐브 로고"
|
||||
brandName="알케이큐브"
|
||||
@@ -69,31 +55,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
title="모듈러 건축의 미래를 설계합니다"
|
||||
description="알케이큐브는 혁신적인 모듈형 유닛과 시스템으로 지속 가능한 건축 솔루션을 제공합니다. 산업 정밀성과 건축적 웅장함이 만나는 곳, 알케이큐브가 미래를 건설합니다."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jewish-holocaust-monument-berlin-germany_181624-52503.jpg",
|
||||
imageAlt: "회전하는 3D 아이소메트릭 큐브",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jewish-holocaust-monument-berlin-germany_181624-52503.jpg", imageAlt: "회전하는 3D 아이소메트릭 큐브"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cityscape-downtown-development-exterior-building_53876-23447.jpg",
|
||||
imageAlt: "Cityscape Downtown Development Exterior Building",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cityscape-downtown-development-exterior-building_53876-23447.jpg", imageAlt: "Cityscape Downtown Development Exterior Building"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illustration-hexagon-platforms-with-lamps-lights-them_181624-15233.jpg",
|
||||
imageAlt: "Illustration of hexagon platforms with lamps and lights on them",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illustration-hexagon-platforms-with-lamps-lights-them_181624-15233.jpg", imageAlt: "Illustration of hexagon platforms with lamps and lights on them"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-landscape-with-gradient-cube_23-2149312128.jpg",
|
||||
imageAlt: "Fantasy landscape with gradient cube",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-landscape-with-gradient-cube_23-2149312128.jpg", imageAlt: "Fantasy landscape with gradient cube"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sustainability-concept-with-geometric-forms-growing-plant_23-2148994315.jpg",
|
||||
imageAlt: "Sustainability concept with geometric forms and growing plant",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sustainability-concept-with-geometric-forms-growing-plant_23-2148994315.jpg", imageAlt: "Sustainability concept with geometric forms and growing plant"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -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() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="문의하기"
|
||||
title="알케이큐브에 문의하세요"
|
||||
description="모듈러 건축 솔루션에 대한 문의사항이나 프로젝트 상담을 원하시면, 아래 양식에 이메일을 남겨주세요. 빠른 시일 내에 전문가가 연락드리겠습니다."
|
||||
@@ -402,19 +231,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "페이스북",
|
||||
},
|
||||
href: "#", ariaLabel: "페이스북"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "인스타그램",
|
||||
},
|
||||
href: "#", ariaLabel: "인스타그램"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "링크드인",
|
||||
},
|
||||
href: "#", ariaLabel: "링크드인"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user