Merge version_2 into main #1
280
src/app/page.tsx
280
src/app/page.tsx
@@ -33,21 +33,13 @@ 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: "contact",
|
||||
},
|
||||
name: "문의하기", id: "contact"},
|
||||
]}
|
||||
brandName="육가공마스터"
|
||||
/>
|
||||
@@ -56,92 +48,55 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="최상의 신선함, 육가공의 자부심"
|
||||
description="최고급 원료만을 엄선하여 정직하게 가공합니다. 고객의 식탁에 믿음과 맛을 전하는 육가공 전문 브랜드입니다."
|
||||
buttons={[
|
||||
{ text: "제품 전체보기", href: "#products" },
|
||||
{ text: "견적 문의하기", href: "#contact" }
|
||||
]}
|
||||
testimonials={[
|
||||
{
|
||||
name: "김철수",
|
||||
handle: "@chef_master",
|
||||
testimonial: "정말 품질이 일관적이고 신선합니다.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
},
|
||||
name: "김철수", handle: "@chef_master", testimonial: "정말 품질이 일관적이고 신선합니다.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg"},
|
||||
{
|
||||
name: "이영희",
|
||||
handle: "@food_buyer",
|
||||
testimonial: "거래처 식당들 반응이 매우 좋습니다.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg",
|
||||
},
|
||||
name: "이영희", handle: "@food_buyer", testimonial: "거래처 식당들 반응이 매우 좋습니다.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg"},
|
||||
{
|
||||
name: "박민수",
|
||||
handle: "@supply_manager",
|
||||
testimonial: "납기와 품질 모든 면에서 신뢰합니다.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
|
||||
},
|
||||
name: "박민수", handle: "@supply_manager", testimonial: "납기와 품질 모든 면에서 신뢰합니다.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg"},
|
||||
{
|
||||
name: "최은지",
|
||||
handle: "@chef_korea",
|
||||
testimonial: "재료의 신선함이 요리의 격을 높입니다.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg",
|
||||
},
|
||||
name: "최은지", handle: "@chef_korea", testimonial: "재료의 신선함이 요리의 격을 높입니다.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg"},
|
||||
{
|
||||
name: "정현우",
|
||||
handle: "@distributor_ceo",
|
||||
testimonial: "파트너십을 맺은 후 매출이 크게 올랐습니다.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-waiter-holding-glasses-with-copy-space_23-2148244961.jpg",
|
||||
},
|
||||
name: "정현우", handle: "@distributor_ceo", testimonial: "파트너십을 맺은 후 매출이 크게 올랐습니다.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-waiter-holding-glasses-with-copy-space_23-2148244961.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photo-cheese-factory-switzerland-typical-italian-cheese-parmigiano-reggiano-thousands-forms-parmigiano-reggiano-largest-parmesan-cheese-storage-forms-cheese-ripening_645730-354.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-holding-coffee-cup_23-2149434533.jpg",
|
||||
alt: "고객1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-holding-coffee-cup_23-2149434533.jpg", alt: "고객1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/paying-order_1098-16212.jpg",
|
||||
alt: "고객2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/paying-order_1098-16212.jpg", alt: "고객2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/new-idea-great-business_329181-2907.jpg",
|
||||
alt: "고객3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/new-idea-great-business_329181-2907.jpg", alt: "고객3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-baker-preparing-dough_1170-2284.jpg",
|
||||
alt: "고객4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-baker-preparing-dough_1170-2284.jpg", alt: "고객4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crazy-chef-happy-expression_1194-1449.jpg",
|
||||
alt: "고객5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/crazy-chef-happy-expression_1194-1449.jpg", alt: "고객5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "HACCP 인증 시설",
|
||||
},
|
||||
type: "text", text: "HACCP 인증 시설"},
|
||||
{
|
||||
type: "text",
|
||||
text: "최상급 원료 사용",
|
||||
},
|
||||
type: "text", text: "최상급 원료 사용"},
|
||||
{
|
||||
type: "text",
|
||||
text: "철저한 콜드체인",
|
||||
},
|
||||
type: "text", text: "철저한 콜드체인"},
|
||||
{
|
||||
type: "text",
|
||||
text: "전문 가공 공정",
|
||||
},
|
||||
type: "text", text: "전문 가공 공정"},
|
||||
{
|
||||
type: "text",
|
||||
text: "신속 정확한 배송",
|
||||
},
|
||||
type: "text", text: "신속 정확한 배송"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -151,14 +106,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "타협하지 않는 원칙",
|
||||
},
|
||||
type: "text", content: "타협하지 않는 원칙"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/meat-master-with-fresh-meat_140725-9576.jpg",
|
||||
alt: "About us",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/meat-master-with-fresh-meat_140725-9576.jpg", alt: "About us"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -171,47 +121,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "프리미엄 한우 채끝",
|
||||
price: "변동가",
|
||||
variant: "냉장",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-fresh-raw-veal-chop-with-herbs-black-kitchen-board_181624-59671.jpg",
|
||||
},
|
||||
id: "p1", name: "프리미엄 한우 채끝", price: "변동가", variant: "냉장", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-fresh-raw-veal-chop-with-herbs-black-kitchen-board_181624-59671.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "한돈 수제 소시지",
|
||||
price: "12,000원",
|
||||
variant: "냉동",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-uncooked-pork-chops-isolated-white-background_123827-35174.jpg",
|
||||
},
|
||||
id: "p2", name: "한돈 수제 소시지", price: "12,000원", variant: "냉동", imageSrc: "http://img.b2bpic.net/free-photo/fresh-uncooked-pork-chops-isolated-white-background_123827-35174.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "훈제 오리 슬라이스",
|
||||
price: "15,000원",
|
||||
variant: "냉장",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-fish-table_23-2150857914.jpg",
|
||||
},
|
||||
id: "p3", name: "훈제 오리 슬라이스", price: "15,000원", variant: "냉장", imageSrc: "http://img.b2bpic.net/free-photo/raw-fish-table_23-2150857914.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "양념 소갈비",
|
||||
price: "28,000원",
|
||||
variant: "냉동",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salami-fillet-meat-wooden-board-desk_23-2148599834.jpg",
|
||||
},
|
||||
id: "p4", name: "양념 소갈비", price: "28,000원", variant: "냉동", imageSrc: "http://img.b2bpic.net/free-photo/salami-fillet-meat-wooden-board-desk_23-2148599834.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "닭가슴살 훈제",
|
||||
price: "8,500원",
|
||||
variant: "냉장",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-chef-kitchen-preparing-meat_23-2149646269.jpg",
|
||||
},
|
||||
id: "p5", name: "닭가슴살 훈제", price: "8,500원", variant: "냉장", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-chef-kitchen-preparing-meat_23-2149646269.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "돈까스용 등심",
|
||||
price: "10,000원",
|
||||
variant: "냉장",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boiled-sausages-cherry-tomato-black-plate_114579-62238.jpg",
|
||||
},
|
||||
id: "p6", name: "돈까스용 등심", price: "10,000원", variant: "냉장", imageSrc: "http://img.b2bpic.net/free-photo/boiled-sausages-cherry-tomato-black-plate_114579-62238.jpg"},
|
||||
]}
|
||||
title="대표 상품군"
|
||||
description="엄격한 위생 관리 속에서 탄생한 최고급 육가공 제품들을 확인하세요."
|
||||
@@ -226,19 +146,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Shield,
|
||||
title: "위생 관리 시스템",
|
||||
description: "HACCP 인증 기반의 철저한 위생 관리로 안전함을 보장합니다.",
|
||||
},
|
||||
title: "위생 관리 시스템", description: "HACCP 인증 기반의 철저한 위생 관리로 안전함을 보장합니다."},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "신속한 유통망",
|
||||
description: "콜드체인 시스템을 통해 가장 신선한 상태로 배송해 드립니다.",
|
||||
},
|
||||
title: "신속한 유통망", description: "콜드체인 시스템을 통해 가장 신선한 상태로 배송해 드립니다."},
|
||||
{
|
||||
icon: Award,
|
||||
title: "품질 엄선",
|
||||
description: "최상위 등급 원료만을 사용하여 최고의 맛을 구현합니다.",
|
||||
},
|
||||
title: "품질 엄선", description: "최상위 등급 원료만을 사용하여 최고의 맛을 구현합니다."},
|
||||
]}
|
||||
title="우리의 경쟁력"
|
||||
description="최첨단 시설과 전문 인력이 만드는 차별화된 품질 시스템을 소개합니다."
|
||||
@@ -252,26 +166,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15년",
|
||||
title: "육가공 업력",
|
||||
description: "한결같은 정성",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-japanese-street-food_23-2149287811.jpg",
|
||||
},
|
||||
id: "m1", value: "15년", title: "육가공 업력", description: "한결같은 정성", imageSrc: "http://img.b2bpic.net/free-photo/close-up-japanese-street-food_23-2149287811.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200+",
|
||||
title: "파트너사",
|
||||
description: "함께하는 동반자",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cooked-champignons_23-2148322815.jpg",
|
||||
},
|
||||
id: "m2", value: "200+", title: "파트너사", description: "함께하는 동반자", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cooked-champignons_23-2148322815.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "고객만족도",
|
||||
description: "품질의 결과",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dinner-fillet-supermarket-fresh-leaf_1232-3785.jpg",
|
||||
},
|
||||
id: "m3", value: "99.9%", title: "고객만족도", description: "품질의 결과", imageSrc: "http://img.b2bpic.net/free-photo/dinner-fillet-supermarket-fresh-leaf_1232-3785.jpg"},
|
||||
]}
|
||||
title="숫자로 보는 우리"
|
||||
description="수많은 파트너와 함께 쌓아온 신뢰의 기록입니다."
|
||||
@@ -284,45 +183,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "최고의 파트너",
|
||||
quote: "식당 운영하는데 원재료 걱정을 덜었습니다.",
|
||||
name: "박사장님",
|
||||
role: "식당 운영",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
|
||||
},
|
||||
id: "t1", title: "최고의 파트너", quote: "식당 운영하는데 원재료 걱정을 덜었습니다.", name: "박사장님", role: "식당 운영", imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "신뢰할 수 있습니다",
|
||||
quote: "품질이 항상 균일해서 참 좋습니다.",
|
||||
name: "이실장님",
|
||||
role: "유통 담당",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiter-with-tray_1154-3.jpg",
|
||||
},
|
||||
id: "t2", title: "신뢰할 수 있습니다", quote: "품질이 항상 균일해서 참 좋습니다.", name: "이실장님", role: "유통 담당", imageSrc: "http://img.b2bpic.net/free-photo/waiter-with-tray_1154-3.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "재구매 의사 200%",
|
||||
quote: "아이들도 안심하고 먹일 수 있어 좋아요.",
|
||||
name: "김주부님",
|
||||
role: "일반 소비자",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-baker-standing-with-his-hands-crossed_1170-2305.jpg",
|
||||
},
|
||||
id: "t3", title: "재구매 의사 200%", quote: "아이들도 안심하고 먹일 수 있어 좋아요.", name: "김주부님", role: "일반 소비자", imageSrc: "http://img.b2bpic.net/free-photo/smiling-baker-standing-with-his-hands-crossed_1170-2305.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "납기 준수 완벽",
|
||||
quote: "항상 약속된 시간에 정확히 옵니다.",
|
||||
name: "최매니저",
|
||||
role: "급식 관리",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-apron-cleaning-table_1170-586.jpg",
|
||||
},
|
||||
id: "t4", title: "납기 준수 완벽", quote: "항상 약속된 시간에 정확히 옵니다.", name: "최매니저", role: "급식 관리", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-apron-cleaning-table_1170-586.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "항상 친절합니다",
|
||||
quote: "사후 관리까지 꼼꼼해서 대만족입니다.",
|
||||
name: "임사장님",
|
||||
role: "레스토랑 경영",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-with-box_23-2149196098.jpg",
|
||||
},
|
||||
id: "t5", title: "항상 친절합니다", quote: "사후 관리까지 꼼꼼해서 대만족입니다.", name: "임사장님", role: "레스토랑 경영", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-with-box_23-2149196098.jpg"},
|
||||
]}
|
||||
title="고객의 목소리"
|
||||
description="저희 제품을 선택해주신 분들의 진솔한 후기입니다."
|
||||
@@ -335,20 +204,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "대량 주문이 가능한가요?",
|
||||
content: "네, 기업 고객을 위한 대량 공급도 전문적으로 처리하고 있습니다.",
|
||||
},
|
||||
id: "f1", title: "대량 주문이 가능한가요?", content: "네, 기업 고객을 위한 대량 공급도 전문적으로 처리하고 있습니다."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "배송 방법은 어떻게 되나요?",
|
||||
content: "신선도를 유지하기 위해 전용 냉동/냉장 차량으로 배송됩니다.",
|
||||
},
|
||||
id: "f2", title: "배송 방법은 어떻게 되나요?", content: "신선도를 유지하기 위해 전용 냉동/냉장 차량으로 배송됩니다."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "제품 인증 서류를 받을 수 있나요?",
|
||||
content: "주문 시 요청하시면 HACCP 인증 서류 및 원산지 확인서를 제공합니다.",
|
||||
},
|
||||
id: "f3", title: "제품 인증 서류를 받을 수 있나요?", content: "주문 시 요청하시면 HACCP 인증 서류 및 원산지 확인서를 제공합니다."},
|
||||
]}
|
||||
title="자주 묻는 질문"
|
||||
description="제품이나 배송 관련 궁금증을 해결해 드립니다."
|
||||
@@ -360,8 +220,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="상담 및 문의"
|
||||
description="최고의 육가공 파트너가 필요하시면 언제든 연락주세요."
|
||||
tag="문의하기"
|
||||
@@ -372,42 +231,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "서비스",
|
||||
items: [
|
||||
title: "서비스", items: [
|
||||
{
|
||||
label: "제품 문의",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "제품 문의", href: "#contact"},
|
||||
{
|
||||
label: "기업 제휴",
|
||||
href: "#",
|
||||
},
|
||||
label: "기업 제휴", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "회사 정보",
|
||||
items: [
|
||||
title: "회사 정보", items: [
|
||||
{
|
||||
label: "회사 소개",
|
||||
href: "#about",
|
||||
},
|
||||
label: "회사 소개", href: "#about"},
|
||||
{
|
||||
label: "오시는 길",
|
||||
href: "#",
|
||||
},
|
||||
label: "오시는 길", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "고객 지원",
|
||||
items: [
|
||||
title: "고객 지원", items: [
|
||||
{
|
||||
label: "자주 묻는 질문",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "자주 묻는 질문", href: "#faq"},
|
||||
{
|
||||
label: "개인정보처리방침",
|
||||
href: "#",
|
||||
},
|
||||
label: "개인정보처리방침", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -417,4 +261,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user