Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-20 15:03:06 +00:00

View File

@@ -28,394 +28,167 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Menu",
id: "#menu",
},
{
name: "Stores",
id: "#stores",
},
{
name: "Rewards",
id: "#rewards",
},
]}
brandName="McDonald's"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Menu", id: "#menu" },
{ name: "Stores", id: "#stores" },
{ name: "Rewards", id: "#rewards" }
]}
brandName="McDonald's"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "sparkles-gradient",
}}
title="가장 가까운 맥도날드에서 지금 바로 주문하세요"
description="실시간 위치 기반으로 갓 만든 제품을 가장 빠르게 만나보세요. 딜리버리부터 매장 픽업까지 한 번에 완료하세요."
buttons={[
{
text: "배달 주문하기",
href: "#menu",
},
{
text: "매장 픽업하기",
href: "#stores",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-yummy-burger-table_23-2148374940.jpg?_wi=1"
imageAlt="mcdonalds big mac professional photography"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/front-view-three-friends-park-with-burgers-beer_23-2148718928.jpg",
alt: "Front view of three friends at the park with burgers and beer",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-friends-eating-together_23-2149550672.jpg",
alt: "Front view friends eating together",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-friends-with-masks-burgers_23-2148705563.jpg",
alt: "Close-up friends with masks and burgers",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-kids-table_23-2149213368.jpg",
alt: "Medium shot smiley kids at table",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-family-home_23-2148625995.jpg",
alt: "Medium shot happy family at home",
},
]}
avatarText="맥도날드와 함께 즐거운 순간을 보내는 사람들"
marqueeItems={[
{
type: "text",
text: "지금 딜리버리 주문 시 10% 할인!",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/wooden-snack-closeup-salad-breakfast_1172-270.jpg",
alt: "wooden snack closeup salad breakfast",
},
{
type: "text",
text: "오전 10시부터 맥모닝 메뉴 시작",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/close-up-burgers-with-pickles_23-2148784498.jpg",
alt: "Close-up burgers with pickles",
},
{
type: "text",
text: "전국 400개 매장 운영 중",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{ variant: "sparkles-gradient" }}
title="가장 가까운 맥도날드에서 지금 바로 주문하세요"
description="실시간 위치 기반으로 갓 만든 제품을 가장 빠르게 만나보세요. 딜리버리부터 매장 픽업까지 한 번에 완료하세요."
buttons={[
{ text: "배달 주문하기", href: "#menu" },
{ text: "매장 픽업하기", href: "#stores" }
]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-yummy-burger-table_23-2148374940.jpg"
imageAlt="mcdonalds big mac professional photography"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/front-view-three-friends-park-with-burgers-beer_23-2148718928.jpg", alt: "Front view of three friends at the park with burgers and beer" },
{ src: "http://img.b2bpic.net/free-photo/front-view-friends-eating-together_23-2149550672.jpg", alt: "Front view friends eating together" },
{ src: "http://img.b2bpic.net/free-photo/close-up-friends-with-masks-burgers_23-2148705563.jpg", alt: "Close-up friends with masks and burgers" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-kids-table_23-2149213368.jpg", alt: "Medium shot smiley kids at table" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-happy-family-home_23-2148625995.jpg", alt: "Medium shot happy family at home" }
]}
avatarText="맥도날드와 함께 즐거운 순간을 보내는 사람들"
marqueeItems={[
{ type: "text", text: "지금 딜리버리 주문 시 10% 할인!" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/wooden-snack-closeup-salad-breakfast_1172-270.jpg", alt: "wooden snack closeup salad breakfast" },
{ type: "text", text: "오전 10시부터 맥모닝 메뉴 시작" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/close-up-burgers-with-pickles_23-2148784498.jpg", alt: "Close-up burgers with pickles" },
{ type: "text", text: "전국 400개 매장 운영 중" }
]}
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "빅맥",
price: "₩6,900",
variant: "Premium",
imageSrc: "http://img.b2bpic.net/free-photo/crispy-golden-french-fries-close-up_84443-72275.jpg?_wi=1",
},
{
id: "p2",
name: "치즈버거",
price: "₩2,900",
variant: "Classic",
imageSrc: "http://img.b2bpic.net/free-photo/burger-white-background-ai-generated_268835-10832.jpg?_wi=1",
},
{
id: "p3",
name: "코카콜라",
price: "₩1,900",
variant: "Drink",
imageSrc: "http://img.b2bpic.net/free-photo/fresh-hamburger-with-fries-beer-mug_23-2148575385.jpg",
},
{
id: "p4",
name: "맥플러리",
price: "₩3,500",
variant: "Dessert",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-ice-cream-with-cookies-high-angle_23-2149836039.jpg",
},
{
id: "p5",
name: "에그 맥머핀",
price: "₩4,500",
variant: "Breakfast",
imageSrc: "http://img.b2bpic.net/free-photo/mini-quiche-with-puff-pastry_661915-36.jpg",
},
{
id: "p6",
name: "맥너겟 6조각",
price: "₩3,800",
variant: "Snack",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-american-food-with-copy-space_23-2148454940.jpg",
},
]}
title="지금 가장 인기 있는 메뉴"
description="당신의 취향을 저격할 맥도날드 베스트셀러 제품들입니다."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "p1", name: "빅맥", price: "₩6,900", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/crispy-golden-french-fries-close-up_84443-72275.jpg" },
{ id: "p2", name: "치즈버거", price: "₩2,900", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/burger-white-background-ai-generated_268835-10832.jpg" },
{ id: "p3", name: "코카콜라", price: "₩1,900", variant: "Drink", imageSrc: "http://img.b2bpic.net/free-photo/fresh-hamburger-with-fries-beer-mug_23-2148575385.jpg" },
{ id: "p4", name: "맥플러리", price: "₩3,500", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/delicious-ice-cream-with-cookies-high-angle_23-2149836039.jpg" },
{ id: "p5", name: "에그 맥머핀", price: "₩4,500", variant: "Breakfast", imageSrc: "http://img.b2bpic.net/free-photo/mini-quiche-with-puff-pastry_661915-36.jpg" },
{ id: "p6", name: "맥너겟 6조각", price: "₩3,800", variant: "Snack", imageSrc: "http://img.b2bpic.net/free-photo/top-view-american-food-with-copy-space_23-2148454940.jpg" }
]}
title="지금 가장 인기 있는 메뉴"
description="당신의 취향을 저격할 맥도날드 베스트셀러 제품들입니다."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "95%",
title: "정시 배달 성공률",
description: "신속한 배달 네트워크",
icon: CheckCircle,
},
{
id: "m2",
value: "24/7",
title: "연중무휴 운영",
description: "언제든 주문 가능",
icon: Clock,
},
{
id: "m3",
value: "100+",
title: "신선한 재료",
description: "당일 공급 원칙",
icon: Shield,
},
]}
title="맥도날드와 함께하는 일상"
description="우리는 매일 수백만 명에게 따뜻한 즐거움을 전달합니다."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "95%", title: "정시 배달 성공률", description: "신속한 배달 네트워크", icon: CheckCircle },
{ id: "m2", value: "24/7", title: "연중무휴 운영", description: "언제든 주문 가능", icon: Clock },
{ id: "m3", value: "100+", title: "신선한 재료", description: "당일 공급 원칙", icon: Shield }
]}
title="맥도날드와 함께하는 일상"
description="우리는 매일 수백만 명에게 따뜻한 즐거움을 전달합니다."
/>
</div>
<div id="partners" data-section="partners">
<SocialProofOne
textboxLayout="split"
useInvertedBackground={false}
names={[
"Google Maps",
"Visa",
"Mastercard",
"Apple Pay",
"Samsung Pay",
"Kakao Pay",
"Naver Pay",
]}
title="안전하고 간편한 결제 수단"
description="사용 중인 모든 환경에서 가장 신뢰할 수 있는 결제 솔루션을 지원합니다."
/>
</div>
<div id="partners" data-section="partners">
<SocialProofOne
textboxLayout="split"
useInvertedBackground={false}
names={["Google Maps", "Visa", "Mastercard", "Apple Pay", "Samsung Pay", "Kakao Pay", "Naver Pay"]}
title="안전하고 간편한 결제 수단"
description="사용 중인 모든 환경에서 가장 신뢰할 수 있는 결제 솔루션을 지원합니다."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "실시간 위치 연동",
description: "가까운 매장을 즉시 확인하고 빠른 주문을 실행합니다.",
icon: MapPin,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-fake-fast-food_23-2148258483.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-cheeseburger_23-2148314189.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-burger-table_23-2148374940.jpg?_wi=2",
imageAlt: "mcdonalds big mac professional photography",
},
{
title: "AI 스마트 업셀링",
description: "현재 시간과 날씨에 딱 맞는 디저트나 사이드를 추천합니다.",
icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/tasty-ice-cream-with-biscuits-high-angle_23-2149836049.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beer-mug-hamburger_23-2148575423.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/crispy-golden-french-fries-close-up_84443-72275.jpg?_wi=2",
imageAlt: "mcdonalds big mac professional photography",
},
{
title: "마찰 없는 디지털 장바구니",
description: "재료 수정부터 결제까지 단 2번의 클릭으로 완료합니다.",
icon: ShoppingBag,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-crispy-fried-chicken-meal-wooden-cutting-board-dark_140725-56768.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-beef-burger-with-sauces-cutlery_23-2148290628.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/burger-white-background-ai-generated_268835-10832.jpg?_wi=2",
imageAlt: "mcdonalds big mac professional photography",
},
]}
title="맥도날드의 스마트 주문 기술"
description="사용자의 위치와 상황을 고려한 맞춤형 AI 주문 최적화 경험을 느껴보세요."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
title="맥도날드의 스마트 주문 기술"
description="사용자의 위치와 상황을 고려한 맞춤형 AI 주문 최적화 경험을 느껴보세요."
features={[
{
title: "실시간 위치 연동", description: "가까운 매장을 즉시 확인하고 빠른 주문을 실행합니다.", icon: MapPin,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-fake-fast-food_23-2148258483.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-cheeseburger_23-2148314189.jpg" }
]
},
{
title: "AI 스마트 업셀링", description: "현재 시간과 날씨에 딱 맞는 디저트나 사이드를 추천합니다.", icon: Zap,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/tasty-ice-cream-with-biscuits-high-angle_23-2149836049.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/beer-mug-hamburger_23-2148575423.jpg" }
]
},
{
title: "마찰 없는 디지털 장바구니", description: "재료 수정부터 결제까지 단 2번의 클릭으로 완료합니다.", icon: ShoppingBag,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-crispy-fried-chicken-meal-wooden-cutting-board-dark_140725-56768.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-beef-burger-with-sauces-cutlery_23-2148290628.jpg" }
]
}
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "김민준",
handle: "@student",
testimonial: "시험 기간에 공부하다가 시켰는데 배달이 정말 빨라요! 맛도 최고입니다.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/group-happy-friends-eating-burgers_23-2148718869.jpg",
},
{
id: "2",
name: "이수연",
handle: "@professional",
testimonial: "바쁜 업무 중 점심을 간편하게 해결할 수 있어 정말 좋아요. 앱 UI도 직관적입니다.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-with-cup-coffee_53876-15193.jpg",
},
{
id: "3",
name: "박철수",
handle: "@date-couple",
testimonial: "주말 데이트하며 앱으로 주문하니 줄 서지 않아도 되어 너무 편리했습니다.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-enyoing-dinner-party_23-2150717872.jpg",
},
{
id: "4",
name: "최영희",
handle: "@mom-life",
testimonial: "아이들이 좋아하는 메뉴를 빠르게 주문할 수 있어서 가족 외식 부담이 줄었습니다.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/parents-spending-time-with-their-daughter-grandson_23-2149050694.jpg",
},
{
id: "5",
name: "정지호",
handle: "@fit-geek",
testimonial: "치팅 데이에는 항상 빅맥 세트를 주문합니다. 서비스 속도가 정말 압도적이네요.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-choosing-hamburger-red-apple-pink_1150-13181.jpg",
},
{
id: "6",
name: "서지민",
handle: "@traveller",
testimonial: "여행지에서 길을 잃었을 때 근처 매장 찾기 기능 덕분에 큰 도움이 되었습니다.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-getting-some-street-food-outdoors_23-2149009645.jpg",
},
]}
showRating={true}
title="맥도날드 고객들의 이야기"
description="이미 수많은 고객들이 매일 간편하고 맛있는 즐거움을 누리고 있습니다."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "김민준", handle: "@student", testimonial: "시험 기간에 공부하다가 시켰는데 배달이 정말 빨라요! 맛도 최고입니다.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-happy-friends-eating-burgers_23-2148718869.jpg" },
{ id: "2", name: "이수연", handle: "@professional", testimonial: "바쁜 업무 중 점심을 간편하게 해결할 수 있어 정말 좋아요. 앱 UI도 직관적입니다.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-with-cup-coffee_53876-15193.jpg" },
{ id: "3", name: "박철수", handle: "@date-couple", testimonial: "주말 데이트하며 앱으로 주문하니 줄 서지 않아도 되어 너무 편리했습니다.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-enyoing-dinner-party_23-2150717872.jpg" },
{ id: "4", name: "최영희", handle: "@mom-life", testimonial: "아이들이 좋아하는 메뉴를 빠르게 주문할 수 있어서 가족 외식 부담이 줄었습니다.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/parents-spending-time-with-their-daughter-grandson_23-2149050694.jpg" },
{ id: "5", name: "정지호", handle: "@fit-geek", testimonial: "치팅 데이에는 항상 빅맥 세트를 주문합니다. 서비스 속도가 정말 압도적이네요.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-choosing-hamburger-red-apple-pink_1150-13181.jpg" },
{ id: "6", name: "서지민", handle: "@traveller", testimonial: "여행지에서 길을 잃었을 때 근처 매장 찾기 기능 덕분에 큰 도움이 되었습니다.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/best-friends-getting-some-street-food-outdoors_23-2149009645.jpg" }
]}
showRating={true}
title="맥도날드 고객들의 이야기"
description="이미 수많은 고객들이 매일 간편하고 맛있는 즐거움을 누리고 있습니다."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
tag="뉴스레터"
title="최신 프로모션을 가장 먼저 받아보세요"
description="이메일을 등록하고 매주 제공되는 할인 쿠폰과 신메뉴 소식을 확인하세요."
imageSrc="http://img.b2bpic.net/free-photo/beautiful-delicious-fast-food_23-2149333960.jpg"
imageAlt="Beautiful and delicious fast food"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{ variant: "sparkles-gradient" }}
tag="뉴스레터"
title="최신 프로모션을 가장 먼저 받아보세요"
description="이메일을 등록하고 매주 제공되는 할인 쿠폰과 신메뉴 소식을 확인하세요."
imageSrc="http://img.b2bpic.net/free-photo/beautiful-delicious-fast-food_23-2149333960.jpg"
imageAlt="Beautiful and delicious fast food"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "메뉴",
items: [
{
label: "버거",
href: "#",
},
{
label: "사이드",
href: "#",
},
{
label: "디저트",
href: "#",
},
],
},
{
title: "회사 소개",
items: [
{
label: "브랜드 스토리",
href: "#",
},
{
label: "채용 정보",
href: "#",
},
{
label: "지속가능경영",
href: "#",
},
],
},
{
title: "고객 지원",
items: [
{
label: "고객의 소리",
href: "#",
},
{
label: "매장 찾기",
href: "#",
},
{
label: "개인정보처리방침",
href: "#",
},
],
},
]}
logoText="McDonald's"
copyrightText="© 2025 McDonald's Corporation. All Rights Reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "메뉴", items: [{ label: "버거", href: "#" }, { label: "사이드", href: "#" }, { label: "디저트", href: "#" }] },
{ title: "회사 소개", items: [{ label: "브랜드 스토리", href: "#" }, { label: "채용 정보", href: "#" }, { label: "지속가능경영", href: "#" }] },
{ title: "고객 지원", items: [{ label: "고객의 소리", href: "#" }, { label: "매장 찾기", href: "#" }, { label: "개인정보처리방침", href: "#" }] }
]}
logoText="McDonald's"
copyrightText="© 2025 McDonald's Corporation. All Rights Reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}