Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #3.
This commit is contained in:
@@ -6,6 +6,7 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -25,52 +26,35 @@ export default function LandingPage() {
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="英雄海運株式会社"
|
||||
navItems={[
|
||||
{
|
||||
name: "ホーム",
|
||||
id: "/",
|
||||
},
|
||||
name: "ホーム", id: "/"},
|
||||
{
|
||||
name: "企業情報",
|
||||
id: "/company",
|
||||
},
|
||||
name: "企業情報", id: "/company"},
|
||||
{
|
||||
name: "グループ会社",
|
||||
id: "/group-company",
|
||||
},
|
||||
name: "グループ会社", id: "/group-company"},
|
||||
{
|
||||
name: "海上職採用",
|
||||
id: "/20260501084426",
|
||||
},
|
||||
name: "海上職採用", id: "/20260501084426"},
|
||||
{
|
||||
name: "陸上職採用",
|
||||
id: "/20250126154522",
|
||||
},
|
||||
name: "陸上職採用", id: "/20250126154522"},
|
||||
]}
|
||||
brandName="英雄海運株式会社"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="land-recruitment-hero" data-section="land-recruitment-hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="採用情報・陸上職【本社・千葉】"
|
||||
description="本社・千葉の陸上職採用情報ページです。"
|
||||
kpis={[
|
||||
{
|
||||
value: "本社",
|
||||
label: "東京の中心で働く",
|
||||
},
|
||||
value: "本社", label: "東京の中心で働く"},
|
||||
{
|
||||
value: "千葉",
|
||||
label: "港湾の拠点",
|
||||
},
|
||||
value: "千葉", label: "港湾の拠点"},
|
||||
{
|
||||
value: "チーム",
|
||||
label: "協力し合う仲間",
|
||||
},
|
||||
value: "チーム", label: "協力し合う仲間"},
|
||||
]}
|
||||
enableKpiAnimation={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-business-meeting-yellow-working-room-with-stair_105762-1996.jpg"
|
||||
@@ -87,14 +71,11 @@ export default function LandingPage() {
|
||||
description="英雄海運では、本社および千葉事業所で陸上職の仲間を募集しています。海上職を支える重要な役割を担い、日本のエネルギー物流をデスクからサポートしませんか。職場の雰囲気がわかるギャラリーへもこちらから進めます。"
|
||||
buttons={[
|
||||
{
|
||||
text: "ギャラリー 陸上",
|
||||
href: "/gallery-rikujou",
|
||||
},
|
||||
text: "ギャラリー 陸上", href: "/gallery-rikujou"},
|
||||
{
|
||||
text: "海上職採用も見る",
|
||||
href: "/20260501084426",
|
||||
},
|
||||
text: "海上職採用も見る", href: "/20260501084426"},
|
||||
]}
|
||||
bulletPoints={[]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432386.jpg"
|
||||
imageAlt="Young woman wearing trucker hat"
|
||||
@@ -105,20 +86,42 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="募集要項"
|
||||
title="陸上から海運を支える、やりがいのある仕事を。"
|
||||
description="英雄海運では、本社および千葉事業所で陸上職の新しい仲間を求めています。海運業界に興味があり、オフィスワークを通じて社会貢献したい方を歓迎します。"
|
||||
buttons={[
|
||||
{
|
||||
text: "乗組員お問い合わせフォーム",
|
||||
href: "https://www.eiyu-line.co.jp/form/eiyu-line/20250125223945",
|
||||
},
|
||||
text: "乗組員お問い合わせフォーム", href: "https://www.eiyu-line.co.jp/form/eiyu-line/20250125223945"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="land-gallery-grid" data-section="land-gallery-grid">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "lg-1", name: "2025年忘年会", price: " ", imageSrc: "http://img.b2bpic.net/free-photo/group-asian-caucasian-young-creative-happy-enjoy-laugh-smile-great-success-emotion-teamwork-people-business-startup-entrepreneur-casual-brainstorm-business-meeting-office-background_609648-2248.jpg", imageAlt: "2025年忘年会の様子"},
|
||||
{
|
||||
id: "lg-2", name: "夜景の見えるテラスで懇親会", price: " ", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-hotel-interior_1203-8516.jpg", imageAlt: "テラスでの懇親会"},
|
||||
{
|
||||
id: "lg-3", name: "海から眺めるお台場", price: " ", imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-beautiful-swan-swimming-peacefully-calm-lake_181624-9260.jpg", imageAlt: "船上から見るお台場の夜景"},
|
||||
{
|
||||
id: "lg-4", name: "2023年忘年会", price: " ", imageSrc: "http://img.b2bpic.net/free-photo/portrait-engineers-work-hours-job-site_23-2151589614.jpg", imageAlt: "2023年忘年会の様子"},
|
||||
{
|
||||
id: "lg-5", name: "英雄丸 命名・竣工式", price: " ", imageSrc: "http://img.b2bpic.net/free-photo/work-vessel-icy-harbor-snowfall-winter-port_169016-71222.jpg", imageAlt: "英雄丸の命名・竣工式"},
|
||||
{
|
||||
id: "lg-6", name: "英雄丸 進水", price: " ", imageSrc: "http://img.b2bpic.net/free-photo/celebration-happiness-season-surprised-concept_53876-133622.jpg", imageAlt: "英雄丸の進水風景"},
|
||||
]}
|
||||
title="陸上での活動と職場環境"
|
||||
description="本社・千葉事業所の日常や社内イベントを通じて、働く仲間の姿をご紹介します。"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoSrc="http://img.b2bpic.net/free-vector/wave-logo-design_271628-303.jpg"
|
||||
@@ -126,83 +129,49 @@ export default function LandingPage() {
|
||||
logoText="英雄海運株式会社"
|
||||
columns={[
|
||||
{
|
||||
title: "企業情報",
|
||||
items: [
|
||||
title: "企業情報", items: [
|
||||
{
|
||||
label: "企業概要",
|
||||
href: "/company-about",
|
||||
},
|
||||
label: "企業概要", href: "/company-about"},
|
||||
{
|
||||
label: "社長メッセージ",
|
||||
href: "/company-message",
|
||||
},
|
||||
label: "社長メッセージ", href: "/company-message"},
|
||||
{
|
||||
label: "運行船舶一覧",
|
||||
href: "/company-ship-introduction",
|
||||
},
|
||||
label: "運行船舶一覧", href: "/company-ship-introduction"},
|
||||
{
|
||||
label: "千葉事業所",
|
||||
href: "/company-office-introduction",
|
||||
},
|
||||
label: "千葉事業所", href: "/company-office-introduction"},
|
||||
{
|
||||
label: "アクセス",
|
||||
href: "/company-access",
|
||||
},
|
||||
label: "アクセス", href: "/company-access"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "グループ会社",
|
||||
items: [
|
||||
title: "グループ会社", items: [
|
||||
{
|
||||
label: "グループ会社一覧",
|
||||
href: "/group-company",
|
||||
},
|
||||
label: "グループ会社一覧", href: "/group-company"},
|
||||
{
|
||||
label: "英雄化学株式会社",
|
||||
href: "/group-company-eiyu-chemical",
|
||||
},
|
||||
label: "英雄化学株式会社", href: "/group-company-eiyu-chemical"},
|
||||
{
|
||||
label: "森石油株式会社",
|
||||
href: "/group-company-mori-oil",
|
||||
},
|
||||
label: "森石油株式会社", href: "/group-company-mori-oil"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "採用情報",
|
||||
items: [
|
||||
title: "採用情報", items: [
|
||||
{
|
||||
label: "海上職採用",
|
||||
href: "/20260501084426",
|
||||
},
|
||||
label: "海上職採用", href: "/20260501084426"},
|
||||
{
|
||||
label: "陸上職採用",
|
||||
href: "/20250126154522",
|
||||
},
|
||||
label: "陸上職採用", href: "/20250126154522"},
|
||||
{
|
||||
label: "ギャラリー 海上",
|
||||
href: "/20260501094352",
|
||||
},
|
||||
label: "ギャラリー 海上", href: "/20260501094352"},
|
||||
{
|
||||
label: "ギャラリー 陸上",
|
||||
href: "/gallery-rikujou",
|
||||
},
|
||||
label: "ギャラリー 陸上", href: "/gallery-rikujou"},
|
||||
{
|
||||
label: "ISG海上環境安全協議会",
|
||||
href: "/20260501104539",
|
||||
},
|
||||
label: "ISG海上環境安全協議会", href: "/20260501104539"},
|
||||
{
|
||||
label: "乗組員お問い合わせ",
|
||||
href: "https://www.eiyu-line.co.jp/form/eiyu-line/20250125223945",
|
||||
},
|
||||
label: "乗組員お問い合わせ", href: "https://www.eiyu-line.co.jp/form/eiyu-line/20250125223945"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "その他",
|
||||
items: [
|
||||
title: "その他", items: [
|
||||
{
|
||||
label: "トップページ",
|
||||
href: "/",
|
||||
},
|
||||
label: "トップページ", href: "/"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -5,6 +5,7 @@ import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
|
||||
@@ -25,52 +26,35 @@ export default function LandingPage() {
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="英雄海運株式会社"
|
||||
navItems={[
|
||||
{
|
||||
name: "ホーム",
|
||||
id: "/",
|
||||
},
|
||||
name: "ホーム", id: "/"},
|
||||
{
|
||||
name: "企業情報",
|
||||
id: "/company",
|
||||
},
|
||||
name: "企業情報", id: "/company"},
|
||||
{
|
||||
name: "グループ会社",
|
||||
id: "/group-company",
|
||||
},
|
||||
name: "グループ会社", id: "/group-company"},
|
||||
{
|
||||
name: "海上職採用",
|
||||
id: "/20260501084426",
|
||||
},
|
||||
name: "海上職採用", id: "/20260501084426"},
|
||||
{
|
||||
name: "陸上職採用",
|
||||
id: "/20250126154522",
|
||||
},
|
||||
name: "陸上職採用", id: "/20250126154522"},
|
||||
]}
|
||||
brandName="英雄海運株式会社"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="marine-recruitment-hero" data-section="marine-recruitment-hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="海上職（求人情報）"
|
||||
description="海上職の求人情報、問い合わせ、関連ギャラリーへの導線をまとめています。"
|
||||
kpis={[
|
||||
{
|
||||
value: "やりがい",
|
||||
label: "海のプロフェッショナル",
|
||||
},
|
||||
value: "やりがい", label: "海のプロフェッショナル"},
|
||||
{
|
||||
value: "安定",
|
||||
label: "長く働ける環境",
|
||||
},
|
||||
value: "安定", label: "長く働ける環境"},
|
||||
{
|
||||
value: "成長",
|
||||
label: "スキルアップ支援",
|
||||
},
|
||||
value: "成長", label: "スキルアップ支援"},
|
||||
]}
|
||||
enableKpiAnimation={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-taking-her-hand-out-car_23-2148377936.jpg"
|
||||
@@ -87,38 +71,55 @@ export default function LandingPage() {
|
||||
description="日本のライフラインを支える海上輸送のプロフェッショナルとして、一緒に働きませんか？詳細な募集内容、乗組員求人へのお問い合わせ、海上ギャラリーはこちらからご覧いただけます。"
|
||||
buttons={[
|
||||
{
|
||||
text: "乗組員のお問い合わせ",
|
||||
href: "https://www.eiyu-line.co.jp/form/eiyu-line/20250125223945",
|
||||
},
|
||||
text: "乗組員のお問い合わせ", href: "https://www.eiyu-line.co.jp/form/eiyu-line/20250125223945"},
|
||||
{
|
||||
text: "ギャラリー 海上",
|
||||
href: "/20260501094352",
|
||||
},
|
||||
text: "ギャラリー 海上", href: "/20260501094352"},
|
||||
{
|
||||
text: "ISG海上環境安全協議会",
|
||||
href: "/20260501104539",
|
||||
},
|
||||
text: "ISG海上環境安全協議会", href: "/20260501104539"},
|
||||
]}
|
||||
bulletPoints={[]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/port-cranes-cargo-ship-industrial-skyline_169016-68530.jpg"
|
||||
imageAlt="Port cranes cargo ship industrial skyline"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="marine-gallery-grid" data-section="marine-gallery-grid">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "mg-1", name: "デッキでの作業", price: " ", imageSrc: "http://img.b2bpic.net/free-photo/engineer-cooperation-two-asian-male-female-technician-maintenance-inspect-relay-robot-system-with-tablet-laptop-control-quality-operate-process-work-heavy-industry-40-manufacturing-factory_609648-85.jpg", imageAlt: "船員がデッキで作業する様子"},
|
||||
{
|
||||
id: "mg-2", name: "機関室の点検", price: " ", imageSrc: "http://img.b2bpic.net/free-photo/interior-boat_23-2150785192.jpg", imageAlt: "機関室での点検作業"},
|
||||
{
|
||||
id: "mg-3", name: "航行中の船舶", price: " ", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-nature-landscape-with-bed-deck-chair-around-swimming-pool-hotel-resort_74190-8170.jpg", imageAlt: "広大な海を航行する船舶"},
|
||||
{
|
||||
id: "mg-4", name: "救命訓練", price: " ", imageSrc: "http://img.b2bpic.net/free-photo/child-stuck-migration-crisis-while-trying-immigrate_23-2150901814.jpg", imageAlt: "救命艇の訓練風景"},
|
||||
{
|
||||
id: "mg-5", name: "船上からの眺め", price: " ", imageSrc: "http://img.b2bpic.net/free-photo/scenery-sunset-with-silhouette-mountain-boats-sea_181624-20475.jpg", imageAlt: "船上から見る朝日の景色"},
|
||||
{
|
||||
id: "mg-6", name: "最新機器の操作", price: " ", imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662918.jpg", imageAlt: "ブリッジでの機器操作"},
|
||||
]}
|
||||
title="海上での活動"
|
||||
description="船舶と海上職の日常を写真でお伝えします。"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="marine-recruitment-cta" data-section="marine-recruitment-cta">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="募集要項"
|
||||
title="あなたの情熱を、海で活かしませんか？"
|
||||
description="海を愛し、日本のエネルギーを支える使命感を持った方を歓迎します。詳細な募集要項は、下記お問い合わせフォームよりご確認ください。"
|
||||
buttons={[
|
||||
{
|
||||
text: "乗組員お問い合わせフォーム",
|
||||
href: "https://www.eiyu-line.co.jp/form/eiyu-line/20250125223945",
|
||||
},
|
||||
text: "乗組員お問い合わせフォーム", href: "https://www.eiyu-line.co.jp/form/eiyu-line/20250125223945"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -130,83 +131,49 @@ export default function LandingPage() {
|
||||
logoText="英雄海運株式会社"
|
||||
columns={[
|
||||
{
|
||||
title: "企業情報",
|
||||
items: [
|
||||
title: "企業情報", items: [
|
||||
{
|
||||
label: "企業概要",
|
||||
href: "/company-about",
|
||||
},
|
||||
label: "企業概要", href: "/company-about"},
|
||||
{
|
||||
label: "社長メッセージ",
|
||||
href: "/company-message",
|
||||
},
|
||||
label: "社長メッセージ", href: "/company-message"},
|
||||
{
|
||||
label: "運行船舶一覧",
|
||||
href: "/company-ship-introduction",
|
||||
},
|
||||
label: "運行船舶一覧", href: "/company-ship-introduction"},
|
||||
{
|
||||
label: "千葉事業所",
|
||||
href: "/company-office-introduction",
|
||||
},
|
||||
label: "千葉事業所", href: "/company-office-introduction"},
|
||||
{
|
||||
label: "アクセス",
|
||||
href: "/company-access",
|
||||
},
|
||||
label: "アクセス", href: "/company-access"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "グループ会社",
|
||||
items: [
|
||||
title: "グループ会社", items: [
|
||||
{
|
||||
label: "グループ会社一覧",
|
||||
href: "/group-company",
|
||||
},
|
||||
label: "グループ会社一覧", href: "/group-company"},
|
||||
{
|
||||
label: "英雄化学株式会社",
|
||||
href: "/group-company-eiyu-chemical",
|
||||
},
|
||||
label: "英雄化学株式会社", href: "/group-company-eiyu-chemical"},
|
||||
{
|
||||
label: "森石油株式会社",
|
||||
href: "/group-company-mori-oil",
|
||||
},
|
||||
label: "森石油株式会社", href: "/group-company-mori-oil"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "採用情報",
|
||||
items: [
|
||||
title: "採用情報", items: [
|
||||
{
|
||||
label: "海上職採用",
|
||||
href: "/20260501084426",
|
||||
},
|
||||
label: "海上職採用", href: "/20260501084426"},
|
||||
{
|
||||
label: "陸上職採用",
|
||||
href: "/20250126154522",
|
||||
},
|
||||
label: "陸上職採用", href: "/20250126154522"},
|
||||
{
|
||||
label: "ギャラリー 海上",
|
||||
href: "/20260501094352",
|
||||
},
|
||||
label: "ギャラリー 海上", href: "/20260501094352"},
|
||||
{
|
||||
label: "ギャラリー 陸上",
|
||||
href: "/gallery-rikujou",
|
||||
},
|
||||
label: "ギャラリー 陸上", href: "/gallery-rikujou"},
|
||||
{
|
||||
label: "ISG海上環境安全協議会",
|
||||
href: "/20260501104539",
|
||||
},
|
||||
label: "ISG海上環境安全協議会", href: "/20260501104539"},
|
||||
{
|
||||
label: "乗組員お問い合わせ",
|
||||
href: "https://www.eiyu-line.co.jp/form/eiyu-line/20250125223945",
|
||||
},
|
||||
label: "乗組員お問い合わせ", href: "https://www.eiyu-line.co.jp/form/eiyu-line/20250125223945"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "その他",
|
||||
items: [
|
||||
title: "その他", items: [
|
||||
{
|
||||
label: "トップページ",
|
||||
href: "/",
|
||||
},
|
||||
label: "トップページ", href: "/"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -24,57 +24,40 @@ export default function LandingPage() {
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="英雄海運株式会社"
|
||||
navItems={[
|
||||
{
|
||||
name: "ホーム",
|
||||
id: "/",
|
||||
},
|
||||
name: "ホーム", id: "/"},
|
||||
{
|
||||
name: "企業情報",
|
||||
id: "/company",
|
||||
},
|
||||
name: "企業情報", id: "/company"},
|
||||
{
|
||||
name: "グループ会社",
|
||||
id: "/group-company",
|
||||
},
|
||||
name: "グループ会社", id: "/group-company"},
|
||||
{
|
||||
name: "海上職採用",
|
||||
id: "/20260501084426",
|
||||
},
|
||||
name: "海上職採用", id: "/20260501084426"},
|
||||
{
|
||||
name: "陸上職採用",
|
||||
id: "/20250126154522",
|
||||
},
|
||||
name: "陸上職採用", id: "/20250126154522"},
|
||||
]}
|
||||
brandName="英雄海運株式会社"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="isg-hero" data-section="isg-hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="ISG海上環境安全協議会"
|
||||
description="内航タンカーによる海上輸送の安全推進を目的とした協議会活動を紹介します。"
|
||||
kpis={[
|
||||
{
|
||||
value: "安全推進",
|
||||
label: "最優先の目標",
|
||||
},
|
||||
value: "安全推進", label: "最優先の目標"},
|
||||
{
|
||||
value: "環境保護",
|
||||
label: "持続可能な海",
|
||||
},
|
||||
value: "環境保護", label: "持続可能な海"},
|
||||
{
|
||||
value: "情報共有",
|
||||
label: "好事例・危険事例",
|
||||
},
|
||||
value: "情報共有", label: "好事例・危険事例"},
|
||||
]}
|
||||
enableKpiAnimation={false}
|
||||
mediaAnimation="none"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/export-ship-logistics-industrial-trade_1203-6175.jpg"
|
||||
imageAlt="export ship logistics industrial trade"
|
||||
mediaAnimation="none"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -84,6 +67,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="ISG海上環境安全協議会の活動"
|
||||
description="ISG海上環境安全協議会は2020年5月に、内航タンカーによる海上輸送における安全推進を目的として組織されました。\n\n安全協議会・工務部会を通じて、安全キャンペーン、安全活動方針・具体策の徹底、好事例・危険事例の横展開などを行っています。海の安全と環境保護に貢献するため、積極的な活動を続けています。"
|
||||
bulletPoints={[]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-shipping-crane-cargo-background_74190-4277.jpg"
|
||||
imageAlt="Abstract blur shipping crane cargo background"
|
||||
@@ -97,83 +81,49 @@ export default function LandingPage() {
|
||||
logoText="英雄海運株式会社"
|
||||
columns={[
|
||||
{
|
||||
title: "企業情報",
|
||||
items: [
|
||||
title: "企業情報", items: [
|
||||
{
|
||||
label: "企業概要",
|
||||
href: "/company-about",
|
||||
},
|
||||
label: "企業概要", href: "/company-about"},
|
||||
{
|
||||
label: "社長メッセージ",
|
||||
href: "/company-message",
|
||||
},
|
||||
label: "社長メッセージ", href: "/company-message"},
|
||||
{
|
||||
label: "運行船舶一覧",
|
||||
href: "/company-ship-introduction",
|
||||
},
|
||||
label: "運行船舶一覧", href: "/company-ship-introduction"},
|
||||
{
|
||||
label: "千葉事業所",
|
||||
href: "/company-office-introduction",
|
||||
},
|
||||
label: "千葉事業所", href: "/company-office-introduction"},
|
||||
{
|
||||
label: "アクセス",
|
||||
href: "/company-access",
|
||||
},
|
||||
label: "アクセス", href: "/company-access"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "グループ会社",
|
||||
items: [
|
||||
title: "グループ会社", items: [
|
||||
{
|
||||
label: "グループ会社一覧",
|
||||
href: "/group-company",
|
||||
},
|
||||
label: "グループ会社一覧", href: "/group-company"},
|
||||
{
|
||||
label: "英雄化学株式会社",
|
||||
href: "/group-company-eiyu-chemical",
|
||||
},
|
||||
label: "英雄化学株式会社", href: "/group-company-eiyu-chemical"},
|
||||
{
|
||||
label: "森石油株式会社",
|
||||
href: "/group-company-mori-oil",
|
||||
},
|
||||
label: "森石油株式会社", href: "/group-company-mori-oil"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "採用情報",
|
||||
items: [
|
||||
title: "採用情報", items: [
|
||||
{
|
||||
label: "海上職採用",
|
||||
href: "/20260501084426",
|
||||
},
|
||||
label: "海上職採用", href: "/20260501084426"},
|
||||
{
|
||||
label: "陸上職採用",
|
||||
href: "/20250126154522",
|
||||
},
|
||||
label: "陸上職採用", href: "/20250126154522"},
|
||||
{
|
||||
label: "ギャラリー 海上",
|
||||
href: "/20260501094352",
|
||||
},
|
||||
label: "ギャラリー 海上", href: "/20260501094352"},
|
||||
{
|
||||
label: "ギャラリー 陸上",
|
||||
href: "/gallery-rikujou",
|
||||
},
|
||||
label: "ギャラリー 陸上", href: "/gallery-rikujou"},
|
||||
{
|
||||
label: "ISG海上環境安全協議会",
|
||||
href: "/20260501104539",
|
||||
},
|
||||
label: "ISG海上環境安全協議会", href: "/20260501104539"},
|
||||
{
|
||||
label: "乗組員お問い合わせ",
|
||||
href: "https://www.eiyu-line.co.jp/form/eiyu-line/20250125223945",
|
||||
},
|
||||
label: "乗組員お問い合わせ", href: "https://www.eiyu-line.co.jp/form/eiyu-line/20250125223945"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "その他",
|
||||
items: [
|
||||
title: "その他", items: [
|
||||
{
|
||||
label: "トップページ",
|
||||
href: "/",
|
||||
},
|
||||
label: "トップページ", href: "/"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -24,57 +24,40 @@ export default function LandingPage() {
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="英雄海運株式会社"
|
||||
navItems={[
|
||||
{
|
||||
name: "ホーム",
|
||||
id: "/",
|
||||
},
|
||||
name: "ホーム", id: "/"},
|
||||
{
|
||||
name: "企業情報",
|
||||
id: "/company",
|
||||
},
|
||||
name: "企業情報", id: "/company"},
|
||||
{
|
||||
name: "グループ会社",
|
||||
id: "/group-company",
|
||||
},
|
||||
name: "グループ会社", id: "/group-company"},
|
||||
{
|
||||
name: "海上職採用",
|
||||
id: "/20260501084426",
|
||||
},
|
||||
name: "海上職採用", id: "/20260501084426"},
|
||||
{
|
||||
name: "陸上職採用",
|
||||
id: "/20250126154522",
|
||||
},
|
||||
name: "陸上職採用", id: "/20250126154522"},
|
||||
]}
|
||||
brandName="英雄海運株式会社"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="access-hero" data-section="access-hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="アクセス"
|
||||
description="本社へのアクセス情報です。"
|
||||
kpis={[
|
||||
{
|
||||
value: "本社所在地",
|
||||
label: "東京都中央区入船",
|
||||
},
|
||||
value: "本社所在地", label: "東京都中央区入船"},
|
||||
{
|
||||
value: "TEL",
|
||||
label: "03-5543-1500",
|
||||
},
|
||||
value: "TEL", label: "03-5543-1500"},
|
||||
{
|
||||
value: "FAX",
|
||||
label: "03-5543-1533",
|
||||
},
|
||||
value: "FAX", label: "03-5543-1533"},
|
||||
]}
|
||||
enableKpiAnimation={false}
|
||||
mediaAnimation="none"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/travel-scene-with-pastel-colors-dreamy-atmosphere_23-2151450659.jpg"
|
||||
imageAlt="Travel scene with pastel colors and dreamy atmosphere"
|
||||
mediaAnimation="none"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -84,6 +67,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="本社案内"
|
||||
description="英雄海運株式会社の本社は、交通の便が良い東京都中央区に位置しています。お客様のご来社を心よりお待ちしております。"
|
||||
bulletPoints={[]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bold-metro-station-chatelet-paris_23-2148232435.jpg"
|
||||
imageAlt="本社周辺の地図"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -97,83 +81,49 @@ export default function LandingPage() {
|
||||
logoText="英雄海運株式会社"
|
||||
columns={[
|
||||
{
|
||||
title: "企業情報",
|
||||
items: [
|
||||
title: "企業情報", items: [
|
||||
{
|
||||
label: "企業概要",
|
||||
href: "/company-about",
|
||||
},
|
||||
label: "企業概要", href: "/company-about"},
|
||||
{
|
||||
label: "社長メッセージ",
|
||||
href: "/company-message",
|
||||
},
|
||||
label: "社長メッセージ", href: "/company-message"},
|
||||
{
|
||||
label: "運行船舶一覧",
|
||||
href: "/company-ship-introduction",
|
||||
},
|
||||
label: "運行船舶一覧", href: "/company-ship-introduction"},
|
||||
{
|
||||
label: "千葉事業所",
|
||||
href: "/company-office-introduction",
|
||||
},
|
||||
label: "千葉事業所", href: "/company-office-introduction"},
|
||||
{
|
||||
label: "アクセス",
|
||||
href: "/company-access",
|
||||
},
|
||||
label: "アクセス", href: "/company-access"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "グループ会社",
|
||||
items: [
|
||||
title: "グループ会社", items: [
|
||||
{
|
||||
label: "グループ会社一覧",
|
||||
href: "/group-company",
|
||||
},
|
||||
label: "グループ会社一覧", href: "/group-company"},
|
||||
{
|
||||
label: "英雄化学株式会社",
|
||||
href: "/group-company-eiyu-chemical",
|
||||
},
|
||||
label: "英雄化学株式会社", href: "/group-company-eiyu-chemical"},
|
||||
{
|
||||
label: "森石油株式会社",
|
||||
href: "/group-company-mori-oil",
|
||||
},
|
||||
label: "森石油株式会社", href: "/group-company-mori-oil"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "採用情報",
|
||||
items: [
|
||||
title: "採用情報", items: [
|
||||
{
|
||||
label: "海上職採用",
|
||||
href: "/20260501084426",
|
||||
},
|
||||
label: "海上職採用", href: "/20260501084426"},
|
||||
{
|
||||
label: "陸上職採用",
|
||||
href: "/20250126154522",
|
||||
},
|
||||
label: "陸上職採用", href: "/20250126154522"},
|
||||
{
|
||||
label: "ギャラリー 海上",
|
||||
href: "/20260501094352",
|
||||
},
|
||||
label: "ギャラリー 海上", href: "/20260501094352"},
|
||||
{
|
||||
label: "ギャラリー 陸上",
|
||||
href: "/gallery-rikujou",
|
||||
},
|
||||
label: "ギャラリー 陸上", href: "/gallery-rikujou"},
|
||||
{
|
||||
label: "ISG海上環境安全協議会",
|
||||
href: "/20260501104539",
|
||||
},
|
||||
label: "ISG海上環境安全協議会", href: "/20260501104539"},
|
||||
{
|
||||
label: "乗組員お問い合わせ",
|
||||
href: "https://www.eiyu-line.co.jp/form/eiyu-line/20250125223945",
|
||||
},
|
||||
label: "乗組員お問い合わせ", href: "https://www.eiyu-line.co.jp/form/eiyu-line/20250125223945"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "その他",
|
||||
items: [
|
||||
title: "その他", items: [
|
||||
{
|
||||
label: "トップページ",
|
||||
href: "/",
|
||||
},
|
||||
label: "トップページ", href: "/"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -24,52 +24,35 @@ export default function LandingPage() {
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="英雄海運株式会社"
|
||||
navItems={[
|
||||
{
|
||||
name: "ホーム",
|
||||
id: "/",
|
||||
},
|
||||
name: "ホーム", id: "/"},
|
||||
{
|
||||
name: "企業情報",
|
||||
id: "/company",
|
||||
},
|
||||
name: "企業情報", id: "/company"},
|
||||
{
|
||||
name: "グループ会社",
|
||||
id: "/group-company",
|
||||
},
|
||||
name: "グループ会社", id: "/group-company"},
|
||||
{
|
||||
name: "海上職採用",
|
||||
id: "/20260501084426",
|
||||
},
|
||||
name: "海上職採用", id: "/20260501084426"},
|
||||
{
|
||||
name: "陸上職採用",
|
||||
id: "/20250126154522",
|
||||
},
|
||||
name: "陸上職採用", id: "/20250126154522"},
|
||||
]}
|
||||
brandName="英雄海運株式会社"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="office-intro-hero" data-section="office-intro-hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="千葉事業所（出光千葉代理店）"
|
||||
description="船舶代理店業の拠点である千葉事業所を紹介します。"
|
||||
kpis={[
|
||||
{
|
||||
value: "船舶代理店",
|
||||
label: "入出港をスムーズに",
|
||||
},
|
||||
value: "船舶代理店", label: "入出港をスムーズに"},
|
||||
{
|
||||
value: "荷役調整",
|
||||
label: "効率的な物流支援",
|
||||
},
|
||||
value: "荷役調整", label: "効率的な物流支援"},
|
||||
{
|
||||
value: "現場支援",
|
||||
label: "海上物流の要",
|
||||
},
|
||||
value: "現場支援", label: "海上物流の要"},
|
||||
]}
|
||||
enableKpiAnimation={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bangkok-thailand-november-11-2024-glimpse-into-bangkok-urban-landscape_482257-123954.jpg"
|
||||
@@ -84,6 +67,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="千葉事業所の役割"
|
||||
description="千葉事業所では、船舶の入出港や荷役に関わる各種調整を通じて、海上物流を現場から支えています。地域の中心として、円滑な運航と効率的なサプライチェーンの維持に貢献しています。"
|
||||
bulletPoints={[]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-sail-boat-water_23-2150785194.jpg"
|
||||
imageAlt="View of sail boat on water"
|
||||
@@ -97,83 +81,49 @@ export default function LandingPage() {
|
||||
logoText="英雄海運株式会社"
|
||||
columns={[
|
||||
{
|
||||
title: "企業情報",
|
||||
items: [
|
||||
title: "企業情報", items: [
|
||||
{
|
||||
label: "企業概要",
|
||||
href: "/company-about",
|
||||
},
|
||||
label: "企業概要", href: "/company-about"},
|
||||
{
|
||||
label: "社長メッセージ",
|
||||
href: "/company-message",
|
||||
},
|
||||
label: "社長メッセージ", href: "/company-message"},
|
||||
{
|
||||
label: "運行船舶一覧",
|
||||
href: "/company-ship-introduction",
|
||||
},
|
||||
label: "運行船舶一覧", href: "/company-ship-introduction"},
|
||||
{
|
||||
label: "千葉事業所",
|
||||
href: "/company-office-introduction",
|
||||
},
|
||||
label: "千葉事業所", href: "/company-office-introduction"},
|
||||
{
|
||||
label: "アクセス",
|
||||
href: "/company-access",
|
||||
},
|
||||
label: "アクセス", href: "/company-access"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "グループ会社",
|
||||
items: [
|
||||
title: "グループ会社", items: [
|
||||
{
|
||||
label: "グループ会社一覧",
|
||||
href: "/group-company",
|
||||
},
|
||||
label: "グループ会社一覧", href: "/group-company"},
|
||||
{
|
||||
label: "英雄化学株式会社",
|
||||
href: "/group-company-eiyu-chemical",
|
||||
},
|
||||
label: "英雄化学株式会社", href: "/group-company-eiyu-chemical"},
|
||||
{
|
||||
label: "森石油株式会社",
|
||||
href: "/group-company-mori-oil",
|
||||
},
|
||||
label: "森石油株式会社", href: "/group-company-mori-oil"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "採用情報",
|
||||
items: [
|
||||
title: "採用情報", items: [
|
||||
{
|
||||
label: "海上職採用",
|
||||
href: "/20260501084426",
|
||||
},
|
||||
label: "海上職採用", href: "/20260501084426"},
|
||||
{
|
||||
label: "陸上職採用",
|
||||
href: "/20250126154522",
|
||||
},
|
||||
label: "陸上職採用", href: "/20250126154522"},
|
||||
{
|
||||
label: "ギャラリー 海上",
|
||||
href: "/20260501094352",
|
||||
},
|
||||
label: "ギャラリー 海上", href: "/20260501094352"},
|
||||
{
|
||||
label: "ギャラリー 陸上",
|
||||
href: "/gallery-rikujou",
|
||||
},
|
||||
label: "ギャラリー 陸上", href: "/gallery-rikujou"},
|
||||
{
|
||||
label: "ISG海上環境安全協議会",
|
||||
href: "/20260501104539",
|
||||
},
|
||||
label: "ISG海上環境安全協議会", href: "/20260501104539"},
|
||||
{
|
||||
label: "乗組員お問い合わせ",
|
||||
href: "https://www.eiyu-line.co.jp/form/eiyu-line/20250125223945",
|
||||
},
|
||||
label: "乗組員お問い合わせ", href: "https://www.eiyu-line.co.jp/form/eiyu-line/20250125223945"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "その他",
|
||||
items: [
|
||||
title: "その他", items: [
|
||||
{
|
||||
label: "トップページ",
|
||||
href: "/",
|
||||
},
|
||||
label: "トップページ", href: "/"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user