467 lines
19 KiB
TypeScript
467 lines
19 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="largeSmall"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "회사소개",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "사업영역",
|
|
id: "business",
|
|
},
|
|
{
|
|
name: "브랜드",
|
|
id: "brands",
|
|
},
|
|
{
|
|
name: "히스토리",
|
|
id: "history",
|
|
},
|
|
{
|
|
name: "뉴스룸",
|
|
id: "news",
|
|
},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/minimalist-line-logo-concept-design_1017-33246.jpg"
|
|
logoAlt="Hansung Enterprise Logo"
|
|
brandName="한성기업"
|
|
bottomLeftText="Since 1963"
|
|
bottomRightText="hello@hansung.co.kr"
|
|
button={{
|
|
text: "한성마켓",
|
|
href: "#",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
title="바다를 품에 안고 60년,<br><em>세계를</em> 품에 안고<br>100년"
|
|
description="1963년 도전과 열정으로 시작한 항해. 대한민국 대표 종합식품기업 한성기업이 새로운 100년의 바다를 향해 나아갑니다."
|
|
tag="Hansung Enterprise — The First, The Best"
|
|
tagAnimation="blur-reveal"
|
|
buttons={[
|
|
{
|
|
text: "회사 알아보기",
|
|
href: "#about",
|
|
},
|
|
{
|
|
text: "브랜드 탐색하기 →",
|
|
href: "#brands",
|
|
},
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/detailed-red-grunge-background-with-scratches-stains_1048-6467.jpg?_wi=1",
|
|
imageAlt: "Abstract dark red gradient background with subtle grid pattern",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-soft-red-background-christmas-valentines-layout-design-studio-room-web-template-business-report-with-smooth-circle-gradient-color_1258-70694.jpg",
|
|
imageAlt: "Abstract dark red gradient background with subtle grid pattern",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-soft-red-background-christmas-valentines-layout-design-studio-room-web-template-business-report-with-smooth-circle-gradient-color_1258-69176.jpg",
|
|
imageAlt: "Abstract dark red gradient background with subtle grid pattern",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/distorted-indian-red-pool-tile-pattern_53876-94675.jpg",
|
|
imageAlt: "Abstract dark red gradient background with subtle grid pattern",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-polygonal-background_23-2148901814.jpg",
|
|
imageAlt: "Abstract dark red gradient background with subtle grid pattern",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bright-paper-geometry_23-2148428670.jpg",
|
|
imageAlt: "Abstract dark red gradient background with subtle grid pattern",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="achievements" data-section="achievements">
|
|
<MetricCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "metric-1",
|
|
value: "1st",
|
|
description: "국내 최초 북태평양 조업",
|
|
},
|
|
{
|
|
id: "metric-2",
|
|
value: "🏅",
|
|
description: "88올림픽 공식 게맛살",
|
|
},
|
|
{
|
|
id: "metric-3",
|
|
value: "1st",
|
|
description: "국내 최초 프리미엄 크래미",
|
|
},
|
|
{
|
|
id: "metric-4",
|
|
value: "1st",
|
|
description: "업계 최초 양념젓갈 HACCP",
|
|
},
|
|
{
|
|
id: "metric-5",
|
|
value: "MSC",
|
|
description: "국내 식품업계 최초 MSC 인증",
|
|
},
|
|
]}
|
|
title="한성기업의 위대한 발자취"
|
|
description="60년 역사의 빛나는 순간들"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="맛있게, 행복하게, 한성기업"
|
|
description="고객님의 사랑과 파트너의 깊은 신뢰와 협력으로 60년을 우직하게 성장해온 것처럼, 새로운 100년의 바다를 향해 여러분과 함께 나아가겠습니다.\\\n\\\n1963년 도전과 열정으로 수산업을 시작하여 풍부하고 신선한 식품을 제공하고자 끊임없이 정진하고 있습니다. 크래미, 한성젓갈, 캠프렌즈 등 고유의 다양한 브랜드와 제품을 개발하며, HACCP인증과 위생청결시스템으로 고객 여러분께 우수한 품질을 인정받고 있습니다."
|
|
tag="Company Overview"
|
|
imageSrc="http://img.b2bpic.net/free-photo/male-surfer-with-surfboard-coral-reef-sea_181624-597.jpg"
|
|
imageAlt="Hansung Enterprise food processing facility"
|
|
/>
|
|
</div>
|
|
|
|
<div id="business" data-section="business">
|
|
<FeatureCardTwentySeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "biz-1",
|
|
title: "식품부문",
|
|
descriptions: [
|
|
"김해·당진·포항 3개 공장에서 연간 35,000M/T 이상의 맛살·어묵·젓갈·육가공품을 생산합니다. MSC·HACCP·FSSC22000 인증을 통한 철저한 품질 관리.",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-working-kitchen_23-2150014847.jpg",
|
|
imageAlt: "Modern food factory interior",
|
|
},
|
|
{
|
|
id: "biz-2",
|
|
title: "수산부문",
|
|
descriptions: [
|
|
"북양트롤선·참치선망선·참치연승선·채낚기 등 다양한 선단으로 전 세계 바다에서 신선한 수산자원을 직접 어획·공급합니다.",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mainsail-spinnaker-put-down-folded-deck-professional-luxury-sailboat-yacht-docked-yard-marina_346278-355.jpg",
|
|
imageAlt: "Fishing boat at sea during sunset",
|
|
},
|
|
{
|
|
id: "biz-3",
|
|
title: "수출부문",
|
|
descriptions: [
|
|
"미국·일본·중국·호주·필리핀 등 15개국 이상에 수출하며, 현지화 브랜드 전략으로 글로벌 K-Food 시장을 선도합니다.",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-cargo-port-with-shipping-containers-cranes_23-2152005470.jpg",
|
|
imageAlt: "Global shipping containers at port",
|
|
},
|
|
]}
|
|
title="3개 핵심 사업으로 가치를 창출합니다"
|
|
description="한성기업은 식품, 수산, 수출 부문을 통해 고객과 세계에 가치를 제공합니다."
|
|
tag="Business Domain"
|
|
/>
|
|
</div>
|
|
|
|
<div id="brands" data-section="brands">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
products={[
|
|
{
|
|
id: "brand-1",
|
|
brand: "크래미",
|
|
name: "크래미",
|
|
price: "",
|
|
rating: 5,
|
|
reviewCount: "",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/white-plate-with-crab-sticks_114579-39631.jpg",
|
|
imageAlt: "Premium crab stick product Crami",
|
|
},
|
|
{
|
|
id: "brand-2",
|
|
brand: "몬스터",
|
|
name: "몬스터크랩",
|
|
price: "",
|
|
rating: 5,
|
|
reviewCount: "",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/turkish-delight-rahat-lokum-blue-wooden-board-grey-background_114579-59309.jpg",
|
|
imageAlt: "Monster Crab surimi product",
|
|
},
|
|
{
|
|
id: "brand-3",
|
|
brand: "와일드",
|
|
name: "와일드크래미",
|
|
price: "",
|
|
rating: 5,
|
|
reviewCount: "",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-crab-sticks-prepared-eating_114579-53133.jpg",
|
|
imageAlt: "Wild Crami natural crab stick",
|
|
},
|
|
{
|
|
id: "brand-4",
|
|
brand: "젓갈",
|
|
name: "한성젓갈",
|
|
price: "",
|
|
rating: 5,
|
|
reviewCount: "",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/korean-food-fried-rice-with-kimchi-serve-with-fried-egg_1150-42952.jpg",
|
|
imageAlt: "Traditional Korean fermented seafood Jeotgal",
|
|
},
|
|
{
|
|
id: "brand-5",
|
|
brand: "캠프",
|
|
name: "캠프렌즈",
|
|
price: "",
|
|
rating: 5,
|
|
reviewCount: "",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/person-holding-spoon-with-cereal-frame_23-2147962030.jpg",
|
|
imageAlt: "Camp Friends kids food product",
|
|
},
|
|
{
|
|
id: "brand-6",
|
|
brand: "고미트",
|
|
name: "고미트",
|
|
price: "",
|
|
rating: 5,
|
|
reviewCount: "",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/takeaway-vegan-poke-bowl-photography_53876-103826.jpg",
|
|
imageAlt: "Gomit plant-based meat alternative",
|
|
},
|
|
{
|
|
id: "brand-7",
|
|
brand: "해물",
|
|
name: "해물경단",
|
|
price: "",
|
|
rating: 5,
|
|
reviewCount: "",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cracker-sandwiches-with-herbs-fruits-wooden-board_114579-38725.jpg",
|
|
imageAlt: "Haemul Gyeongdan seafood dumpling",
|
|
},
|
|
{
|
|
id: "brand-8",
|
|
brand: "통통",
|
|
name: "한성통통맛살",
|
|
price: "",
|
|
rating: 5,
|
|
reviewCount: "",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cake_1339-1257.jpg",
|
|
imageAlt: "Hansung Tongtong Matsal fish cake",
|
|
},
|
|
{
|
|
id: "brand-9",
|
|
brand: "한끼",
|
|
name: "한끼애",
|
|
price: "",
|
|
rating: 5,
|
|
reviewCount: "",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-yuba-cucumber-with-sauce_141793-2697.jpg",
|
|
imageAlt: "Hankiie meal kit",
|
|
},
|
|
{
|
|
id: "brand-10",
|
|
brand: "쿡앤",
|
|
name: "쿡앤팜",
|
|
price: "",
|
|
rating: 5,
|
|
reviewCount: "",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/legumes-salmon-pieces-kiwi-black-cement-floor-surface_1150-20001.jpg",
|
|
imageAlt: "Cook & Farm fresh produce",
|
|
},
|
|
]}
|
|
title="한성의 이름으로 만든 브랜드들"
|
|
description="60년간 고객의 사랑을 받아온 한성기업의 대표 브랜드들을 만나보세요."
|
|
tag="Brand Portfolio"
|
|
/>
|
|
</div>
|
|
|
|
<div id="certs" data-section="certs">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "cert-1",
|
|
title: "MSC 해양관리협의회 인증",
|
|
content: "국내 식품업계 최초 획득 (2013) — 지속가능 수산물 유통 기여",
|
|
},
|
|
{
|
|
id: "cert-2",
|
|
title: "HACCP 식품안전관리 인증",
|
|
content: "원료·공정·출고 전 과정 위생 안전 관리 시스템",
|
|
},
|
|
{
|
|
id: "cert-3",
|
|
title: "FSSC 22000 국제식품안전시스템",
|
|
content: "글로벌 수출 시장이 인정하는 최상위 안전 규격",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-vector/flat-logos-collection-pickleball_23-2150220607.jpg"
|
|
imageAlt="Certification badges and abstract rings"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="right"
|
|
title="글로벌 기준으로 증명하는 품질 신뢰"
|
|
description="원료부터 출고까지 가장 엄격한 국제 기준을 적용합니다. 지속가능한 어업과 안전한 식품 생산을 위한 한성기업의 변함없는 약속."
|
|
tag="Quality & Certification"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="history" data-section="history">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="도전과 열정의 60년 항해"
|
|
description="1963년 창업 이래 수많은 '최초'를 만들어온 한성기업의 역사는 대한민국 식품 산업의 역사입니다.\\\n\\\n**1963**: 한성기업 설립, 바다로 첫 항해. 故 임상필 대표이사에 의해 창립. 1969년 제1한성호를 북태평양 베링해에 투입하여 국내 최초 명태 조업을 시작, 원양업계의 새로운 장을 열다.\\\n\\\n**1982 — 1988**: 해외 개척과 올림픽의 영광. 한성게맛살 출시 및 국내 최초 미국 시장 진출. 1988 서울올림픽 공식 게맛살로 선정되어 브랜드 신뢰도를 전국민에게 각인시키다.\\\n\\\n**2001**: 크래미 출시 — 프리미엄 맛살의 탄생. 국내 최초 결이 살아있는 프리미엄 맛살 시장을 개척한 '크래미'를 출시. 밀가루 Free, 해조칼슘, 식물성색소를 사용한 대한민국 1등 맛살 브랜드.\\\n\\\n**2013**: 국내 식품업계 최초 MSC 인증. 지속가능한 수산물 생산과 해양 보호에 앞장서며 국내 식품 제조업계 최초로 MSC-CoC 인증을 획득. 친환경 기업으로의 전환을 선언하다.\\\n\\\n**2018 — 현재**: 브랜드 확장과 글로벌 도약. 몬스터크랩·와일드크래미·고미트 등 신규 브랜드 런칭. '고객사랑 브랜드 대상' 8년 연속 수상 (2018~2025). MSC Korea Awards 4회 연속 올해의 브랜드상 수상."
|
|
tag="Our History"
|
|
imageSrc="http://img.b2bpic.net/free-photo/view-delicious-appetizing-street-food_23-2151516988.jpg"
|
|
imageAlt="Historical image of Hansung Enterprise operations or Korean maritime industry"
|
|
/>
|
|
</div>
|
|
|
|
<div id="vision" data-section="vision">
|
|
<FeatureCardTwentySeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "value-1",
|
|
title: "일을 즐기는 열정",
|
|
descriptions: [
|
|
"Passion",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-vector/modern-minimal-logo-concept-design_1017-33244.jpg",
|
|
imageAlt: "Modern minimal logo concept design",
|
|
},
|
|
{
|
|
id: "value-2",
|
|
title: "도약을 향한 도전",
|
|
descriptions: [
|
|
"Challenge",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-vector/minimalist-line-logo-concept-design_1017-33246.jpg",
|
|
imageAlt: "Modern minimal logo concept design",
|
|
},
|
|
{
|
|
id: "value-3",
|
|
title: "고객 행복을 위한 화합",
|
|
descriptions: [
|
|
"Harmony",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/detailed-red-grunge-background-with-scratches-stains_1048-6467.jpg?_wi=2",
|
|
imageAlt: "Modern minimal logo concept design",
|
|
},
|
|
]}
|
|
title="한국의 맛은 세계로, 세계의 맛은 한성으로"
|
|
description="K-STAR의 자부심으로 식품 산업 발전에 이바지하고, 대한민국을 대표하는 글로벌 종합식품기업으로 세계로 뻗어 나가겠습니다."
|
|
tag="Vision 2030"
|
|
/>
|
|
</div>
|
|
|
|
<div id="news" data-section="news">
|
|
<BlogCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="한성기업 소식"
|
|
description="한성기업의 최신 뉴스, 수상 소식, 신제품 소식 등을 확인하세요."
|
|
tag="Newsroom"
|
|
blogs={[
|
|
{
|
|
id: "news-1",
|
|
category: "수상 소식",
|
|
title: "MSC Korea Awards 올해의 브랜드상 4회 연속 수상",
|
|
excerpt: "한성기업이 MSC Korea Awards에서 올해의 브랜드상을 4회 연속 수상하며 지속가능한 수산물 산업을 선도하는 기업임을 다시 한번 입증했습니다.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sport-medal-medical-mask-with-copy-space_23-2148596834.jpg",
|
|
imageAlt: "Award ceremony with Hansung Enterprise receiving a trophy",
|
|
authorName: "Hansung PR Team",
|
|
authorAvatar: "http://img.b2bpic.net/free-vector/minimalist-line-logo-concept-design_1017-33246.jpg",
|
|
date: "2025. 05",
|
|
},
|
|
{
|
|
id: "news-2",
|
|
category: "브랜드",
|
|
title: "고객사랑 브랜드 대상 크래미 8년 연속 수상",
|
|
excerpt: "대표 브랜드 크래미가 '고객사랑 브랜드 대상'에서 8년 연속 수상하며 소비자들의 꾸준한 사랑을 확인했습니다.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-people-attending-chinese-new-year-reunion-dinner_23-2151040673.jpg",
|
|
imageAlt: "Crami product packaging with awards",
|
|
authorName: "Hansung PR Team",
|
|
authorAvatar: "http://img.b2bpic.net/free-vector/modern-minimal-simple-logo-design-set-six_1017-36990.jpg",
|
|
date: "2025. 04",
|
|
},
|
|
{
|
|
id: "news-3",
|
|
category: "신제품",
|
|
title: "짜명란, 2년 연속 소비자가 선택한 최고의 브랜드 대상",
|
|
excerpt: "신제품 짜명란이 '소비자가 선택한 최고의 브랜드 대상'에서 2년 연속 선정되며 혁신적인 제품력을 인정받았습니다.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185347.jpg",
|
|
imageAlt: "Jja Myeongnan fermented pollock roe product",
|
|
authorName: "Hansung PR Team",
|
|
authorAvatar: "http://img.b2bpic.net/free-vector/abstract-mandalalogo-concept_1017-9851.jpg",
|
|
date: "2025. 03",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-korean-restaurant-labels_23-2149632287.jpg"
|
|
logoAlt="Hansung Enterprise Logo"
|
|
logoText="한성"
|
|
leftLink={{
|
|
text: "개인정보처리방침",
|
|
href: "#",
|
|
}}
|
|
rightLink={{
|
|
text: "사이트맵",
|
|
href: "#",
|
|
}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|