From d09ec03b884e9b9b391dd7c0f46f56f49be6d0a6 Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 21 Jun 2026 01:14:53 +0000 Subject: [PATCH] Update src/pages/HomePage.tsx --- src/pages/HomePage.tsx | 222 ++++++++--------------------------------- 1 file changed, 40 insertions(+), 182 deletions(-) diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 24a4410..4963d54 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -19,34 +19,18 @@ export default function HomePage() { title="晩酌 銀紋 - 心安らぐ大人の社交場" description="古き良き居酒屋の温かさと、こだわりの創作和食。今宵、銀紋で至福のひとときを。" primaryButton={{ - text: "メニューを見る", - href: "#products", - }} + text: "メニューを見る", href: "#products"}} secondaryButton={{ - text: "予約について", - href: "#contact", - }} + text: "予約について", href: "#contact"}} leftItems={[ - { - imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-chinese-reunion-dinner_23-2151089062.jpg?_wi=1", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/caramel-eclairs-with-fruit-composition_114579-17975.jpg?_wi=1", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-beverages-cinnamon-sticks_23-2148436968.jpg", - }, + { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-chinese-reunion-dinner_23-2151089062.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/caramel-eclairs-with-fruit-composition_114579-17975.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-beverages-cinnamon-sticks_23-2148436968.jpg" }, ]} rightItems={[ - { - imageSrc: "http://img.b2bpic.net/free-photo/food-chinese-new-year_23-2148066067.jpg?_wi=1", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/people-eating-seafood-dish-with-salmon_23-2150463266.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-sandwich-with-flowers_23-2149660958.jpg", - }, + { imageSrc: "http://img.b2bpic.net/free-photo/food-chinese-new-year_23-2148066067.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/people-eating-seafood-dish-with-salmon_23-2150463266.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-sandwich-with-flowers_23-2149660958.jpg" }, ]} /> @@ -59,21 +43,9 @@ export default function HomePage() { title="懐かしさと新しさが出会う場所" description="目黒の東山にて、家庭的な温かさで皆様をお迎えします。店主こだわりの季節の肴と、厳選された地酒をご堪能ください。" items={[ - { - icon: Utensils, - title: "名物・ニラつくね", - description: "素材の味を最大限に引き出した一番の人気メニューです。", - }, - { - icon: Wine, - title: "厳選された地酒", - description: "料理に合う日本酒を、全国から常時取り揃えています。", - }, - { - icon: Home, - title: "家庭的な空間", - description: "初めての方も、常連様も、誰もがほっとできる居心地の良さ。", - }, + { icon: "Utensils", title: "名物・ニラつくね", description: "素材の味を最大限に引き出した一番の人気メニューです。" }, + { icon: "Wine", title: "厳選された地酒", description: "料理に合う日本酒を、全国から常時取り揃えています。" }, + { icon: "Home", title: "家庭的な空間", description: "初めての方も、常連様も、誰もがほっとできる居心地の良さ。" }, ]} imageSrc="http://img.b2bpic.net/free-photo/fried-chicken-isolated-white_628469-378.jpg" /> @@ -87,41 +59,13 @@ export default function HomePage() { title="料理と酒のペアリング" description="店主が自信を持っておすすめする旬のラインナップ。" items={[ - { - title: "名物ニラつくね", - description: "銀紋に来たらまずはこれ。", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cake-with-fruits_140725-57244.jpg", - }, - { - title: "かんぱちのなめろう", - description: "味噌と薬味が酒を進めます。", - imageSrc: "http://img.b2bpic.net/free-photo/plate-with-asian-condiments-chopsticks_23-2147762749.jpg", - }, - { - title: "旬の刺身盛り合わせ", - description: "その日の仕入れが一番の贅沢。", - imageSrc: "http://img.b2bpic.net/free-photo/person-making-almond-milk_23-2148890290.jpg", - }, - { - title: "特選地酒各種", - description: "銘柄はその日のお楽しみ。", - imageSrc: "http://img.b2bpic.net/free-photo/sushi-is-plate-with-chopsticks-dipping-sauce-white-cement-floor_1150-22642.jpg", - }, - { - title: "季節の煮込み", - description: "じっくり煮込んだ自慢の一品。", - imageSrc: "http://img.b2bpic.net/free-photo/grilled-bbq-pork-chop-meat-steak_74190-6141.jpg", - }, - { - title: "おばんざい各種", - description: "家庭的な味わいを少しずつ。", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-choco-dessert-with-sliced-kiwis-custard-inside-white-desk-along-with-wooden-spoons-plants-white-table-fruit-exotic-sweet_140725-22386.jpg", - }, - { - title: "店主のおまかせ", - description: "何が出るかはお楽しみのコース。", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-little-pie-with-coconut-candies-cup-tea-dark-background-candy-biscuit-cake-pie-cookie-sweet_140725-117809.jpg", - }, + { title: "名物ニラつくね", description: "銀紋に来たらまずはこれ。", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cake-with-fruits_140725-57244.jpg" }, + { title: "かんぱちのなめろう", description: "味噌と薬味が酒を進めます。", imageSrc: "http://img.b2bpic.net/free-photo/plate-with-asian-condiments-chopsticks_23-2147762749.jpg" }, + { title: "旬の刺身盛り合わせ", description: "その日の仕入れが一番の贅沢。", imageSrc: "http://img.b2bpic.net/free-photo/person-making-almond-milk_23-2148890290.jpg" }, + { title: "特選地酒各種", description: "銘柄はその日のお楽しみ。", imageSrc: "http://img.b2bpic.net/free-photo/sushi-is-plate-with-chopsticks-dipping-sauce-white-cement-floor_1150-22642.jpg" }, + { title: "季節の煮込み", description: "じっくり煮込んだ自慢の一品。", imageSrc: "http://img.b2bpic.net/free-photo/grilled-bbq-pork-chop-meat-steak_74190-6141.jpg" }, + { title: "おばんざい各種", description: "家庭的な味わいを少しずつ。", imageSrc: "http://img.b2bpic.net/free-photo/top-view-choco-dessert-with-sliced-kiwis-custard-inside-white-desk-along-with-wooden-spoons-plants-white-table-fruit-exotic-sweet_140725-22386.jpg" }, + { title: "店主のおまかせ", description: "何が出るかはお楽しみのコース。", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-little-pie-with-coconut-candies-cup-tea-dark-background-candy-biscuit-cake-pie-cookie-sweet_140725-117809.jpg" }, ]} /> @@ -135,54 +79,20 @@ export default function HomePage() { description="様々なシーンでお使いいただける居心地の良い空間。" features={[ { - title: "深夜まで営業", - description: "お仕事帰りの一杯にも最適です。", - bentoComponent: "icon-text-marquee", - centerIcon: Clock, - marqueeTexts: [ - "24:00まで営業", - "ゆったり寛ぐ夜", - "目黒で深夜飲み", - ], - imageSrc: "http://img.b2bpic.net/free-photo/raw-salmon-sashimi_1203-3585.jpg", - imageAlt: "japanese appetizer namerou", + title: "深夜まで営業", description: "お仕事帰りの一杯にも最適です。", bentoComponent: "icon-text-marquee", centerIcon: "Clock", marqueeTexts: ["24:00まで営業", "ゆったり寛ぐ夜", "目黒で深夜飲み"], }, { - title: "落ち着いた空間", - description: "独り呑みでもグループでも。", - bentoComponent: "media-stack", - mediaItems: [ - { - imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-chinese-reunion-dinner_23-2151089062.jpg?_wi=2", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-beer-glasses-pub-surface_140725-10398.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/preparing-sake-japanese-beverage_23-2150158650.jpg", - }, + title: "落ち着いた空間", description: "独り呑みでもグループでも。", bentoComponent: "media-stack", mediaItems: [ + { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-chinese-reunion-dinner_23-2151089062.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-beer-glasses-pub-surface_140725-10398.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/preparing-sake-japanese-beverage_23-2150158650.jpg" }, ], - imageSrc: "http://img.b2bpic.net/free-photo/food-chinese-new-year_23-2148066067.jpg?_wi=2", - imageAlt: "japanese appetizer namerou", }, { - title: "地域に愛される店", - description: "皆様に支えられて続けています。", - bentoComponent: "info-card-marquee", - infoCards: [ - { - icon: Star, - label: "評価", - value: "4.5", - }, - { - icon: Users, - label: "ファン", - value: "多数", - }, + title: "地域に愛される店", description: "皆様に支えられて続けています。", bentoComponent: "info-card-marquee", infoCards: [ + { icon: "Star", label: "評価", value: "4.5" }, + { icon: "Users", label: "ファン", value: "多数" }, ], - imageSrc: "http://img.b2bpic.net/free-photo/caramel-eclairs-with-fruit-composition_114579-17975.jpg?_wi=2", - imageAlt: "japanese appetizer namerou", }, ]} /> @@ -196,36 +106,11 @@ export default function HomePage() { title="皆様からのお言葉" description="銀紋をご愛顧いただいているお客様のクチコミです。" testimonials={[ - { - name: "Takiguchi Isao", - role: "常連様", - quote: "7年前から通っています。いつでも変わらぬ温かさ。", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-sitting-with-coffee-using-smartphone-cafe-chatting_1258-199048.jpg", - }, - { - name: "TSZM", - role: "地元ファン", - quote: "懐かしい雰囲気を堪能。リーズナブルで家庭的な店。", - imageSrc: "http://img.b2bpic.net/free-photo/sideways-portrait-cheerful-attractive-young-dark-skinned-female-with-bushy-hairstyle-eats-dessert-restaurant-with-glad-expression-has-summer-vacations-tropical-country_273609-2095.jpg", - }, - { - name: "Ryo Miyaoku", - role: "出張中のお客様", - quote: "出張先で素晴らしいお店に出会えました。酒も肴も最高。", - imageSrc: "http://img.b2bpic.net/free-photo/view-luffing-woman-city-looking-away_197531-33109.jpg", - }, - { - name: "銀紋ファン", - role: "常連様", - quote: "居心地が良すぎて、つい長居してしまいます。", - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg", - }, - { - name: "目黒区在住", - role: "地元のお客様", - quote: "隠れ家として最高のお店。誰にも教えたくないかも。", - imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-bearded-man-glasses-working-laptop_285396-9836.jpg", - }, + { name: "Takiguchi Isao", role: "常連様", quote: "7年前から通っています。いつでも変わらぬ温かさ。", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-sitting-with-coffee-using-smartphone-cafe-chatting_1258-199048.jpg" }, + { name: "TSZM", role: "地元ファン", quote: "懐かしい雰囲気を堪能。リーズナブルで家庭的な店。", imageSrc: "http://img.b2bpic.net/free-photo/sideways-portrait-cheerful-attractive-young-dark-skinned-female-with-bushy-hairstyle-eats-dessert-restaurant-with-glad-expression-has-summer-vacations-tropical-country_273609-2095.jpg" }, + { name: "Ryo Miyaoku", role: "出張中のお客様", quote: "出張先で素晴らしいお店に出会えました。酒も肴も最高。", imageSrc: "http://img.b2bpic.net/free-photo/view-luffing-woman-city-looking-away_197531-33109.jpg" }, + { name: "銀紋ファン", role: "常連様", quote: "居心地が良すぎて、つい長居してしまいます。", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg" }, + { name: "目黒区在住", role: "地元のお客様", quote: "隠れ家として最高のお店。誰にも教えたくないかも。", imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-bearded-man-glasses-working-laptop_285396-9836.jpg" }, ]} /> @@ -238,18 +123,9 @@ export default function HomePage() { title="愛される理由" description="多くのお客様に支えられています。" metrics={[ - { - value: "4.5+", - description: "平均クチコミ評価", - }, - { - value: "44+", - description: "喜びの声", - }, - { - value: "￥2,000", - description: "リーズナブルな価格設定", - }, + { value: "4.5+", description: "平均クチコミ評価" }, + { value: "44+", description: "喜びの声" }, + { value: "￥2,000", description: "リーズナブルな価格設定" }, ]} /> @@ -262,22 +138,10 @@ export default function HomePage() { title="ご来店前にお読みください" description="当店についてのお問い合わせです。" items={[ - { - question: "予約は必要ですか？", - answer: "ご予約をおすすめしております。お電話にて承っております。", - }, - { - question: "貸し切りはできますか？", - answer: "ご相談に応じますのでお気軽にお電話ください。", - }, - { - question: "英語対応は可能ですか？", - answer: "誠に申し訳ございませんが、日本語のみの対応となります。写真付きメニューなどをご用意しております。", - }, - { - question: "営業時間は？", - answer: "18:00より営業しております。", - }, + { question: "予約は必要ですか？", answer: "ご予約をおすすめしております。お電話にて承っております。" }, + { question: "貸し切りはできますか？", answer: "ご相談に応じますのでお気軽にお電話ください。" }, + { question: "英語対応は可能ですか？", answer: "誠に申し訳ございませんが、日本語のみの対応となります。写真付きメニューなどをご用意しております。" }, + { question: "営業時間は？", answer: "18:00より営業しております。" }, ]} /> @@ -288,14 +152,8 @@ export default function HomePage() { -- 2.49.1