diff --git a/src/app/page.tsx b/src/app/page.tsx index fe42d6e..81ce8eb 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,29 +33,17 @@ export default function LandingPage() { @@ -113,7 +87,7 @@ export default function LandingPage() { description="신선한 재료로 정성을 담아 만듭니다." subdescription="매일 엄선한 신선한 채소와 고품질의 재료만을 사용하여 깊고 풍부한 맛의 마라탕을 선사합니다. 탕화쿵푸만의 비법 육수로 잊을 수 없는 미식 경험을 제공합니다." icon={Sparkles} - imageSrc="http://img.b2bpic.net/free-photo/medium-shot-professional-chef-working_23-2151232183.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/medium-shot-professional-chef-working_23-2151232183.jpg" imageAlt="깔끔한 주방에서 마라탕을 만드는 모습" mediaAnimation="slide-up" /> @@ -126,47 +100,23 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "신선한 재료", - description: "매일 아침 공수하는 신선한 채소와 최상급 고기만을 사용합니다. 자연의 맛이 살아있는 재료들로 건강하고 맛있는 마라탕을 즐기세요.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/person-holding-smartphone-with-blank-screen-table-with-fruits_23-2148039786.jpg", - imageAlt: "신선한 채소를 담은 스마트폰 화면", - }, + title: "신선한 재료", description: "매일 아침 공수하는 신선한 채소와 최상급 고기만을 사용합니다. 자연의 맛이 살아있는 재료들로 건강하고 맛있는 마라탕을 즐기세요.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/person-holding-smartphone-with-blank-screen-table-with-fruits_23-2148039786.jpg", imageAlt: "신선한 채소를 담은 스마트폰 화면"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/woman-uses-smartphone-kitchen-while-preparing-vegetable-salad_169016-50145.jpg", - imageAlt: "다양한 신선한 재료가 가득한 스마트폰 화면", - }, - imageSrc: "http://img.b2bpic.net/free-photo/still-life-food-delivery_23-2149198122.jpg", - imageAlt: "hand holding smartphone food app", + imageSrc: "http://img.b2bpic.net/free-photo/woman-uses-smartphone-kitchen-while-preparing-vegetable-salad_169016-50145.jpg", imageAlt: "다양한 신선한 재료가 가득한 스마트폰 화면"} }, { - title: "비법 육수", - description: "수십 년간 이어온 탕화쿵푸만의 독자적인 비법 육수. 깊고 진한 맛으로 한번 맛보면 잊을 수 없는 풍미를 선사합니다.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pumpkin-soup-bowl_140725-85208.jpg", - imageAlt: "깊은 육수를 보여주는 스마트폰 화면", - }, + title: "비법 육수", description: "수십 년간 이어온 탕화쿵푸만의 독자적인 비법 육수. 깊고 진한 맛으로 한번 맛보면 잊을 수 없는 풍미를 선사합니다.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pumpkin-soup-bowl_140725-85208.jpg", imageAlt: "깊은 육수를 보여주는 스마트폰 화면"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/word-hot-made-red-spicy-mexican-chili-pepper-long-shape-isolated-yellow-background-chili-spelling-word-vegetables-spices-vegetarian-diet-concept-agriculture-fresh-food_273609-38041.jpg", - imageAlt: "비법 육수 재료를 보여주는 스마트폰 화면", - }, - imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetable-meal-with-greens-inside-white-plate-with-cutlery-table-food-meal-dinner-restaurant_140725-28357.jpg?_wi=2", - imageAlt: "hand holding smartphone food app", + imageSrc: "http://img.b2bpic.net/free-photo/word-hot-made-red-spicy-mexican-chili-pepper-long-shape-isolated-yellow-background-chili-spelling-word-vegetables-spices-vegetarian-diet-concept-agriculture-fresh-food_273609-38041.jpg", imageAlt: "비법 육수 재료를 보여주는 스마트폰 화면"} }, { - title: "맞춤형 맛", - description: "맵기 단계 조절은 물론, 원하는 재료를 직접 선택하여 나만의 마라탕을 만들 수 있습니다. 당신의 취향을 완벽하게 반영한 마라탕을 만나보세요.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/curious-video_1098-16370.jpg", - imageAlt: "맵기 단계를 조절하는 스마트폰 화면", - }, + title: "맞춤형 맛", description: "맵기 단계 조절은 물론, 원하는 재료를 직접 선택하여 나만의 마라탕을 만들 수 있습니다. 당신의 취향을 완벽하게 반영한 마라탕을 만나보세요.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/curious-video_1098-16370.jpg", imageAlt: "맵기 단계를 조절하는 스마트폰 화면"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/view-people-learning-how-make-traditional-sushi-dish_23-2151186427.jpg", - imageAlt: "다양한 토핑을 선택하는 스마트폰 화면", - }, - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-professional-chef-working_23-2151232183.jpg?_wi=2", - imageAlt: "hand holding smartphone food app", - }, + imageSrc: "http://img.b2bpic.net/free-photo/view-people-learning-how-make-traditional-sushi-dish_23-2151186427.jpg", imageAlt: "다양한 토핑을 선택하는 스마트폰 화면"} + } ]} showStepNumbers={true} title="탕화쿵푸의 독점 비법" @@ -183,53 +133,17 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "product-1", - name: "마라탕", - price: "100g당 1,800원", - variant: "클래식 매콤함", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-hotpot-dishes_23-2149563746.jpg", - imageAlt: "푸짐한 마라탕 한 그릇", - }, + id: "product-1", name: "마라탕", price: "100g당 1,800원", variant: "클래식 매콤함", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hotpot-dishes_23-2149563746.jpg", imageAlt: "푸짐한 마라탕 한 그릇"}, { - id: "product-2", - name: "마라샹궈", - price: "100g당 3,000원", - variant: "고소한 매운맛", - imageSrc: "http://img.b2bpic.net/free-photo/clams-fried-curry-powder-black-plate_1150-23779.jpg", - imageAlt: "맛있는 마라샹궈", - }, + id: "product-2", name: "마라샹궈", price: "100g당 3,000원", variant: "고소한 매운맛", imageSrc: "http://img.b2bpic.net/free-photo/clams-fried-curry-powder-black-plate_1150-23779.jpg", imageAlt: "맛있는 마라샹궈"}, { - id: "product-3", - name: "꿔바로우", - price: "15,000원", - variant: "바삭 쫄깃", - imageSrc: "http://img.b2bpic.net/free-photo/turkish-delights-bowl-trivet-marble-background_114579-74635.jpg", - imageAlt: "달콤 바삭한 꿔바로우", - }, + id: "product-3", name: "꿔바로우", price: "15,000원", variant: "바삭 쫄깃", imageSrc: "http://img.b2bpic.net/free-photo/turkish-delights-bowl-trivet-marble-background_114579-74635.jpg", imageAlt: "달콤 바삭한 꿔바로우"}, { - id: "product-4", - name: "즈란갈비", - price: "20,000원", - variant: "이국적인 풍미", - imageSrc: "http://img.b2bpic.net/free-photo/delicious-grilled-yakitori-skewers-with-sesame-green-onion_84443-85866.jpg", - imageAlt: "매콤한 즈란갈비", - }, + id: "product-4", name: "즈란갈비", price: "20,000원", variant: "이국적인 풍미", imageSrc: "http://img.b2bpic.net/free-photo/delicious-grilled-yakitori-skewers-with-sesame-green-onion_84443-85866.jpg", imageAlt: "매콤한 즈란갈비"}, { - id: "product-5", - name: "볶음밥", - price: "7,000원", - variant: "든든한 한 끼", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-rice-with-vegetables-soy-sauce-chopsticks_23-2148377503.jpg", - imageAlt: "고슬고슬 볶음밥", - }, + id: "product-5", name: "볶음밥", price: "7,000원", variant: "든든한 한 끼", imageSrc: "http://img.b2bpic.net/free-photo/top-view-rice-with-vegetables-soy-sauce-chopsticks_23-2148377503.jpg", imageAlt: "고슬고슬 볶음밥"}, { - id: "product-6", - name: "음료수", - price: "2,000원부터", - variant: "시원한 마무리", - imageSrc: "http://img.b2bpic.net/free-photo/bottle-glass-with-beer-table_23-2148601004.jpg", - imageAlt: "다양한 음료수", - }, + id: "product-6", name: "음료수", price: "2,000원부터", variant: "시원한 마무리", imageSrc: "http://img.b2bpic.net/free-photo/bottle-glass-with-beer-table_23-2148601004.jpg", imageAlt: "다양한 음료수"} ]} title="메뉴 하이라이트" description="가장 인기 있는 탕화쿵푸의 메뉴들을 만나보세요." @@ -243,58 +157,23 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "small", - tag: "기본", - price: "1인분", - period: "최소 7,000원", - description: "가볍게 즐기기 좋은 양", - button: { - text: "주문하기", - href: "#contact", - }, - featuresTitle: "포함 내역", - features: [ - "다양한 채소 선택", - "기본 고기류", - "비법 육수", - ], + id: "small", tag: "기본", price: "1인분", period: "최소 7,000원", description: "가볍게 즐기기 좋은 양", button: { + text: "주문하기", href: "#contact"}, + featuresTitle: "포함 내역", features: [ + "다양한 채소 선택", "기본 고기류", "비법 육수"] }, { - id: "medium", - tag: "인기", - price: "2인분", - period: "최소 14,000원", - description: "넉넉하게 즐기는 보통 양", - button: { - text: "주문하기", - href: "#contact", - }, - featuresTitle: "포함 내역", - features: [ - "풍성한 채소 선택", - "추가 고기류", - "다양한 사리", - "비법 육수", - ], + id: "medium", tag: "인기", price: "2인분", period: "최소 14,000원", description: "넉넉하게 즐기는 보통 양", button: { + text: "주문하기", href: "#contact"}, + featuresTitle: "포함 내역", features: [ + "풍성한 채소 선택", "추가 고기류", "다양한 사리", "비법 육수"] }, { - id: "large", - tag: "푸짐", - price: "3-4인분", - period: "최소 21,000원", - description: "온 가족이 즐기는 푸짐한 양", - button: { - text: "주문하기", - href: "#contact", - }, - featuresTitle: "포함 내역", - features: [ - "최대치 채소 선택", - "특별 고기류", - "프리미엄 사리", - "비법 육수, 토핑 서비스", - ], - }, + id: "large", tag: "푸짐", price: "3-4인분", period: "최소 21,000원", description: "온 가족이 즐기는 푸짐한 양", button: { + text: "주문하기", href: "#contact"}, + featuresTitle: "포함 내역", features: [ + "최대치 채소 선택", "특별 고기류", "프리미엄 사리", "비법 육수, 토핑 서비스"] + } ]} title="가격 정보" description="원하는 재료와 양에 따라 나만의 마라탕을 즐겨보세요." @@ -307,50 +186,15 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "1", - title: "인생 마라탕!", - quote: "정말 맛있어요! 다른 곳에서는 느낄 수 없는 깊은 맛과 신선한 재료가 최고입니다. 맵기 조절도 완벽하고, 국물이 예술이에요. 앞으로 여기만 올 것 같아요.", - name: "김민지", - role: "직장인", - imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg", - imageAlt: "마라탕을 맛있게 먹는 여성", - }, + id: "1", title: "인생 마라탕!", quote: "정말 맛있어요! 다른 곳에서는 느낄 수 없는 깊은 맛과 신선한 재료가 최고입니다. 맵기 조절도 완벽하고, 국물이 예술이에요. 앞으로 여기만 올 것 같아요.", name: "김민지", role: "직장인", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg", imageAlt: "마라탕을 맛있게 먹는 여성"}, { - id: "2", - title: "비법 육수가 궁금해요", - quote: "여기는 육수부터 다릅니다. 깔끔하면서도 진한 국물이 일품이에요. 꿔바로우도 바삭하고 쫄깃해서 꼭 같이 시켜야 할 메뉴입니다. 강력 추천합니다!", - name: "이준호", - role: "대학생", - imageSrc: "http://img.b2bpic.net/free-photo/young-boy-is-feeling-surprise-with-how-delicious-instant-noodle-is-young-boy-is-enjoy-eatting-instant-noodle-home_1150-21929.jpg", - imageAlt: "마라탕과 꿔바로우를 즐기는 남성", - }, + id: "2", title: "비법 육수가 궁금해요", quote: "여기는 육수부터 다릅니다. 깔끔하면서도 진한 국물이 일품이에요. 꿔바로우도 바삭하고 쫄깃해서 꼭 같이 시켜야 할 메뉴입니다. 강력 추천합니다!", name: "이준호", role: "대학생", imageSrc: "http://img.b2bpic.net/free-photo/young-boy-is-feeling-surprise-with-how-delicious-instant-noodle-is-young-boy-is-enjoy-eatting-instant-noodle-home_1150-21929.jpg", imageAlt: "마라탕과 꿔바로우를 즐기는 남성"}, { - id: "3", - title: "매주 방문하는 맛집", - quote: "매주 금요일은 탕화쿵푸데이! 신선한 재료가 눈으로 확인돼서 믿고 먹을 수 있어요. 직원분들도 친절하시고, 언제 가도 만족스러운 곳입니다. 단골 예약!", - name: "박서연", - role: "주부", - imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-salmon-dish-bowl-restaurant_23-2150461463.jpg", - imageAlt: "환하게 웃으며 마라탕을 즐기는 여성", - }, + id: "3", title: "매주 방문하는 맛집", quote: "매주 금요일은 탕화쿵푸데이! 신선한 재료가 눈으로 확인돼서 믿고 먹을 수 있어요. 직원분들도 친절하시고, 언제 가도 만족스러운 곳입니다. 단골 예약!", name: "박서연", role: "주부", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-salmon-dish-bowl-restaurant_23-2150461463.jpg", imageAlt: "환하게 웃으며 마라탕을 즐기는 여성"}, { - id: "4", - title: "이것이 진정한 마라의 맛", - quote: "중국 현지에서 먹던 마라탕 맛과 가장 흡사해요. 얼얼함과 매콤함이 완벽한 조화를 이룹니다. 마라덕후라면 무조건 와야 할 곳입니다. 후회 안 할 거예요.", - name: "최은지", - role: "유튜버", - imageSrc: "http://img.b2bpic.net/free-photo/couple-eating-salmon-dish-bowl-restaurant_23-2150461468.jpg", - imageAlt: "마라탕을 먹으며 만족하는 커플", - }, + id: "4", title: "이것이 진정한 마라의 맛", quote: "중국 현지에서 먹던 마라탕 맛과 가장 흡사해요. 얼얼함과 매콤함이 완벽한 조화를 이룹니다. 마라덕후라면 무조건 와야 할 곳입니다. 후회 안 할 거예요.", name: "최은지", role: "유튜버", imageSrc: "http://img.b2bpic.net/free-photo/couple-eating-salmon-dish-bowl-restaurant_23-2150461468.jpg", imageAlt: "마라탕을 먹으며 만족하는 커플"}, { - id: "5", - title: "가족 외식으로 최고!", - quote: "아이들과 함께 갔는데 맵기 조절이 가능해서 모두 만족했어요. 꿔바로우도 아이들이 너무 좋아해서 다음에도 또 방문할 예정입니다. 가족 외식 장소로 강추해요.", - name: "정하윤", - role: "사업가", - imageSrc: "http://img.b2bpic.net/free-photo/group-happy-young-adults-toasting-having-fun-while-having-lunch-together-dining-room_637285-3568.jpg", - imageAlt: "행복하게 마라탕을 먹는 가족", - }, + id: "5", title: "가족 외식으로 최고!", quote: "아이들과 함께 갔는데 맵기 조절이 가능해서 모두 만족했어요. 꿔바로우도 아이들이 너무 좋아해서 다음에도 또 방문할 예정입니다. 가족 외식 장소로 강추해요.", name: "정하윤", role: "사업가", imageSrc: "http://img.b2bpic.net/free-photo/group-happy-young-adults-toasting-having-fun-while-having-lunch-together-dining-room_637285-3568.jpg", imageAlt: "행복하게 마라탕을 먹는 가족"} ]} title="고객 후기" description="실제 고객들이 경험한 탕화쿵푸의 맛을 확인하세요." @@ -362,25 +206,13 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "faq-1", - title: "재료는 신선한가요?", - content: "네, 저희 탕화쿵푸마라탕은 매일 아침 엄선된 신선한 채소와 고품질의 고기 및 해산물만을 사용합니다. 고객님의 건강을 최우선으로 생각합니다.", - }, + id: "faq-1", title: "재료는 신선한가요?", content: "네, 저희 탕화쿵푸마라탕은 매일 아침 엄선된 신선한 채소와 고품질의 고기 및 해산물만을 사용합니다. 고객님의 건강을 최우선으로 생각합니다."}, { - id: "faq-2", - title: "맵기 조절이 가능한가요?", - content: "네, 물론입니다! 0단계부터 4단계까지 맵기 조절이 가능합니다. 주문 시 원하시는 맵기 단계를 말씀해 주시면 취향에 맞춰 조리해 드립니다.", - }, + id: "faq-2", title: "맵기 조절이 가능한가요?", content: "네, 물론입니다! 0단계부터 4단계까지 맵기 조절이 가능합니다. 주문 시 원하시는 맵기 단계를 말씀해 주시면 취향에 맞춰 조리해 드립니다."}, { - id: "faq-3", - title: "포장 및 배달도 되나요?", - content: "네, 포장 및 배달 서비스 모두 가능합니다. 매장을 방문하시거나 전화 또는 배달 앱을 통해 주문해 주시면 따뜻하고 맛있는 마라탕을 집에서 편안하게 즐기실 수 있습니다.", - }, + id: "faq-3", title: "포장 및 배달도 되나요?", content: "네, 포장 및 배달 서비스 모두 가능합니다. 매장을 방문하시거나 전화 또는 배달 앱을 통해 주문해 주시면 따뜻하고 맛있는 마라탕을 집에서 편안하게 즐기실 수 있습니다."}, { - id: "faq-4", - title: "알레르기가 있는 경우 어떻게 해야 하나요?", - content: "특정 재료에 알레르기가 있으시다면 주문 시 미리 말씀해 주세요. 최대한 해당 재료를 제외하고 조리해 드리겠습니다. 다만, 주방 환경상 완벽한 분리가 어려울 수 있으니 참고 부탁드립니다.", - }, + id: "faq-4", title: "알레르기가 있는 경우 어떻게 해야 하나요?", content: "특정 재료에 알레르기가 있으시다면 주문 시 미리 말씀해 주세요. 최대한 해당 재료를 제외하고 조리해 드리겠습니다. 다만, 주방 환경상 완벽한 분리가 어려울 수 있으니 참고 부탁드립니다."} ]} sideTitle="자주 묻는 질문" sideDescription="마라탕에 대해 궁금한 점이 있으신가요? 고객님들의 질문에 성심껏 답변해 드립니다." @@ -396,28 +228,17 @@ export default function LandingPage() { description="궁금한 점이 있으시면 언제든지 연락 주세요. 예약 및 단체 주문 문의도 환영합니다." inputs={[ { - name: "name", - type: "text", - placeholder: "이름", - required: true, + name: "name", type: "text", placeholder: "이름", required: true, }, { - name: "email", - type: "email", - placeholder: "이메일", - required: true, + name: "email", type: "email", placeholder: "이메일", required: true, }, { - name: "phone", - type: "tel", - placeholder: "전화번호", - required: false, - }, + name: "phone", type: "tel", placeholder: "전화번호", required: false, + } ]} textarea={{ - name: "message", - placeholder: "메시지를 남겨주세요...", - rows: 4, + name: "message", placeholder: "메시지를 남겨주세요...", rows: 4, required: true, }} imageSrc="http://img.b2bpic.net/free-photo/beautiful-winter-landscape_23-2151886560.jpg" @@ -431,64 +252,39 @@ export default function LandingPage() {