Merge version_3 into main #2
157
src/app/page.tsx
157
src/app/page.tsx
@@ -32,14 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "홈", id: "hero"},
|
||||
{
|
||||
name: "회사소개", id: "about"},
|
||||
{
|
||||
name: "제품안내", id: "products"},
|
||||
{
|
||||
name: "문의하기", id: "contact"},
|
||||
{ name: "홈", id: "hero" },
|
||||
{ name: "회사소개", id: "about" },
|
||||
{ name: "제품안내", id: "products" },
|
||||
{ name: "문의하기", id: "contact" },
|
||||
]}
|
||||
brandName="육가공마스터"
|
||||
/>
|
||||
@@ -47,57 +43,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
title="최상의 신선함, 육가공의 자부심"
|
||||
description="최고급 원료만을 엄선하여 정직하게 가공합니다. 고객의 식탁에 믿음과 맛을 전하는 육가공 전문 브랜드입니다."
|
||||
description="육가공마스터는 철저한 콜드체인 시스템과 HACCP 인증 공정을 통해 가장 안전하고 신선한 육류만을 엄선하여 고객의 식탁까지 책임집니다."
|
||||
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: "@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: "@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: "@chef_master", testimonial: "정말 품질이 일관적이고 신선합니다.", rating: 5 },
|
||||
{ name: "이영희", handle: "@food_buyer", testimonial: "거래처 식당들 반응이 매우 좋습니다.", rating: 5 }
|
||||
]}
|
||||
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/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/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"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "HACCP 인증 시설"},
|
||||
{
|
||||
type: "text", text: "최상급 원료 사용"},
|
||||
{
|
||||
type: "text", text: "철저한 콜드체인"},
|
||||
{
|
||||
type: "text", text: "전문 가공 공정"},
|
||||
{
|
||||
type: "text", text: "신속 정확한 배송"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -105,10 +63,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "타협하지 않는 원칙"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/meat-master-with-fresh-meat_140725-9576.jpg", alt: "About us"},
|
||||
{ type: "text", content: "15년 업력, 육가공의 기준" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/meat-master-with-fresh-meat_140725-9576.jpg", alt: "About us" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,18 +76,8 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
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: "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: "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: "p6", name: "돈까스용 등심", price: "10,000원", variant: "냉장", imageSrc: "http://img.b2bpic.net/free-photo/boiled-sausages-cherry-tomato-black-plate_114579-62238.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" }
|
||||
]}
|
||||
title="대표 상품군"
|
||||
description="엄격한 위생 관리 속에서 탄생한 최고급 육가공 제품들을 확인하세요."
|
||||
@@ -144,18 +90,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Shield,
|
||||
title: "위생 관리 시스템", description: "HACCP 인증 기반의 철저한 위생 관리로 안전함을 보장합니다."},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "신속한 유통망", description: "콜드체인 시스템을 통해 가장 신선한 상태로 배송해 드립니다."},
|
||||
{
|
||||
icon: Award,
|
||||
title: "품질 엄선", description: "최상위 등급 원료만을 사용하여 최고의 맛을 구현합니다."},
|
||||
{ icon: Shield, title: "위생 관리 시스템", description: "HACCP 인증 기반의 철저한 위생 관리." },
|
||||
{ icon: Zap, title: "신속한 유통망", description: "콜드체인 시스템을 통한 최상의 신선도 보장." },
|
||||
{ icon: Award, title: "품질 엄선", description: "최상위 등급 원료만을 사용합니다." },
|
||||
]}
|
||||
title="우리의 경쟁력"
|
||||
description="최첨단 시설과 전문 인력이 만드는 차별화된 품질 시스템을 소개합니다."
|
||||
description="차별화된 품질 관리 시스템을 통해 고객께 신뢰를 드립니다."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -165,15 +105,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
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: "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: "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" }
|
||||
]}
|
||||
title="숫자로 보는 우리"
|
||||
description="수많은 파트너와 함께 쌓아온 신뢰의 기록입니다."
|
||||
title="우리의 성과"
|
||||
description="고객 신뢰를 바탕으로 성장하고 있습니다."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -182,16 +118,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
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: "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: "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: "t1", title: "최고의 파트너", quote: "식당 운영하는데 원재료 걱정을 덜었습니다.", name: "박사장님", role: "식당 경영" }
|
||||
]}
|
||||
title="고객의 목소리"
|
||||
description="저희 제품을 선택해주신 분들의 진솔한 후기입니다."
|
||||
@@ -203,15 +130,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "대량 주문이 가능한가요?", content: "네, 기업 고객을 위한 대량 공급도 전문적으로 처리하고 있습니다."},
|
||||
{
|
||||
id: "f2", title: "배송 방법은 어떻게 되나요?", content: "신선도를 유지하기 위해 전용 냉동/냉장 차량으로 배송됩니다."},
|
||||
{
|
||||
id: "f3", title: "제품 인증 서류를 받을 수 있나요?", content: "주문 시 요청하시면 HACCP 인증 서류 및 원산지 확인서를 제공합니다."},
|
||||
{ id: "f1", title: "대량 주문이 가능한가요?", content: "네, 기업 고객을 위한 대량 공급도 처리합니다." },
|
||||
{ id: "f2", title: "배송 방식은?", content: "콜드체인 전용 차량으로 배송됩니다." }
|
||||
]}
|
||||
title="자주 묻는 질문"
|
||||
description="제품이나 배송 관련 궁금증을 해결해 드립니다."
|
||||
description="궁금한 점을 확인하세요."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -219,41 +142,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
title="상담 및 문의"
|
||||
description="최고의 육가공 파트너가 필요하시면 언제든 연락주세요."
|
||||
tag="문의하기"
|
||||
description="최고의 육가공 파트너를 찾고 계시다면 문의주세요."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "서비스", items: [
|
||||
{
|
||||
label: "제품 문의", href: "#contact"},
|
||||
{
|
||||
label: "기업 제휴", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "회사 정보", items: [
|
||||
{
|
||||
label: "회사 소개", href: "#about"},
|
||||
{
|
||||
label: "오시는 길", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "고객 지원", items: [
|
||||
{
|
||||
label: "자주 묻는 질문", href: "#faq"},
|
||||
{
|
||||
label: "개인정보처리방침", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "서비스", items: [{ label: "제품 문의", href: "#contact" }] },
|
||||
{ title: "고객 지원", items: [{ label: "자주 묻는 질문", href: "#faq" }] }
|
||||
]}
|
||||
logoText="육가공마스터"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user