Merge version_1 into main

2026-06-03 10:38:36 +00:00
parent 7e9754a67e d12dd6e164
commit 9b35e2108b
1 changed files with 63 additions and 189 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,123 +30,76 @@ export default function LandingPage() {
      <NavbarLayoutFloatingInline
      navItems={[
        {
-          name: "ホーム",
-          id: "/",
-        },
+          name: "ホーム",          id: "/"},
        {
-          name: "メニュー",
-          id: "/menu",
-        },
+          name: "メニュー",          id: "/menu"},
        {
-          name: "店舗情報",
-          id: "/access",
-        },
+          name: "店舗情報",          id: "/access"},
        {
-          name: "ギャラリー",
-          id: "/gallery",
-        },
+          name: "ギャラリー",          id: "/gallery"},
        {
-          name: "ご予約",
-          id: "/reserve",
-        },
+          name: "ご予約",          id: "/reserve"},
        {
-          name: "お客様の声",
-          id: "/testimonials",
-        },
+          name: "お客様の声",          id: "/testimonials"},
        {
-          name: "お問い合わせ",
-          id: "/contact",
-        },
+          name: "お問い合わせ",          id: "/contact"},
      ]}
      brandName="ココミル"
      button={{
-        text: "オンライン予約",
-        href: "/reserve",
-      }}
+        text: "オンライン予約",        href: "/reserve"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
      title="一口食べれば笑顔がこぼれる、至福のふわふわスフレパンケーキ"
      description="東京都大田区西六郷の隠れ家パンケーキカフェ「ココミル」。ふわふわとろける食感と卵の優しい風味を心ゆくまでご堪能ください。"
      kpis={[
        {
-          value: "毎日",
-          label: "焼きたて",
-        },
+          value: "毎日",          label: "焼きたて"},
        {
-          value: "厳選",
-          label: "素材",
-        },
+          value: "厳選",          label: "素材"},
        {
-          value: "至福の",
-          label: "ひととき",
-        },
+          value: "至福の",          label: "ひととき"},
      ]}
      enableKpiAnimation={false}
      buttons={[
        {
-          text: "メニューを見る",
-          href: "/menu",
-        },
+          text: "メニューを見る",          href: "/menu"},
        {
-          text: "ご予約はこちら",
-          href: "/reserve",
-        },
+          text: "ご予約はこちら",          href: "/reserve"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/front-view-yummy-sweet-rolls-sliced-cake-tea-inside-plate-dark-space_140725-95469.jpg"
      imageAlt="ふわふわスフレパンケーキのイメージ"
      mediaAnimation="slide-up"
      avatars={[
        {
-          src: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg",
-          alt: "Beauty vlogger adjusting the camera",
-        },
+          src: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg",          alt: "Beauty vlogger adjusting the camera"},
        {
-          src: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586564.jpg",
-          alt: "Young adult pressing buzzer button",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586564.jpg",          alt: "Young adult pressing buzzer button"},
        {
-          src: "http://img.b2bpic.net/free-photo/blur-portrait-african-smiling-guy-with-his-hand-focus-relaxed-black-man-elegant-suit-sitting-bench-showing-thumb-up_197531-21913.jpg",
-          alt: "Blur portrait of african smiling guy",
-        },
+          src: "http://img.b2bpic.net/free-photo/blur-portrait-african-smiling-guy-with-his-hand-focus-relaxed-black-man-elegant-suit-sitting-bench-showing-thumb-up_197531-21913.jpg",          alt: "Blur portrait of african smiling guy"},
        {
-          src: "http://img.b2bpic.net/free-photo/happy-man-bachelor-party-laughing_23-2149275479.jpg",
-          alt: "Happy man at bachelor party laughing",
-        },
+          src: "http://img.b2bpic.net/free-photo/happy-man-bachelor-party-laughing_23-2149275479.jpg",          alt: "Happy man at bachelor party laughing"},
        {
-          src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg",
-          alt: "Smiling middle-aged woman showing OK sign",
-        },
+          src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg",          alt: "Smiling middle-aged woman showing OK sign"},
      ]}
      avatarText="お客様の声"
      marqueeItems={[
        {
-          type: "text",
-          text: "焼きたてふわふわ",
+          type: "text",          text: "焼きたてふわふわ"},
+        {
+          type: "text-icon",          text: "こだわりの豆",          icon: Coffee,
        },
        {
-          type: "text-icon",
-          text: "こだわりの豆",
-          icon: Coffee,
+          type: "text",          text: "旬のフルーツ"},
+        {
+          type: "text-icon",          text: "温かいおもてなし",          icon: Heart,
        },
        {
-          type: "text",
-          text: "旬のフルーツ",
-        },
-        {
-          type: "text-icon",
-          text: "温かいおもてなし",
-          icon: Heart,
-        },
-        {
-          type: "text",
-          text: "癒しの空間",
-        },
+          type: "text",          text: "癒しの空間"},
      ]}
    />
  </div>
@@ -158,11 +111,8 @@ export default function LandingPage() {
      title="東京都大田区西六郷の隠れ家カフェ"
      buttons={[
        {
-          text: "詳しく見る",
-          href: "/access",
-        },
+          text: "詳しく見る",          href: "/access"},
      ]}
-      description="ココミルは、東京都大田区西六郷で個人経営している小さなパンケーキカフェです。卵の優しい風味が広がる絶妙なふわふわスフレパンケーキが自慢。シンプルながらも飽きのこない美味しさで、何度でも訪れたくなること間違いなしです。落ち着いた居心地の良い空間で、お一人様でもグループでも、ゆったりとした時間をお過ごしいただけます。"
    />
  </div>

@@ -174,38 +124,26 @@ export default function LandingPage() {
      features={[
        {
          icon: Cake,
-          title: "ふわふわスフレパンケーキ",
-          description: "口の中でとろけるようなふわふわ食感と、卵の優しい風味が特徴。軽やかな甘さで、いくつでも食べられる美味しさです。",
-        },
+          title: "ふわふわスフレパンケーキ",          description: "口の中でとろけるようなふわふわ食感と、卵の優しい風味が特徴。軽やかな甘さで、いくつでも食べられる美味しさです。"},
        {
          icon: Sun,
-          title: "季節のスフレパンケーキ",
-          description: "旬のフルーツや限定食材をふんだんに使用した、季節限定の特別なパンケーキ。訪れるたびに新しい味との出会いが楽しめます。",
-        },
+          title: "季節のスフレパンケーキ",          description: "旬のフルーツや限定食材をふんだんに使用した、季節限定の特別なパンケーキ。訪れるたびに新しい味との出会いが楽しめます。"},
        {
          icon: Utensils,
-          title: "ミニタコライス",
-          description: "パンケーキと相性の良い軽食もご用意。小腹が空いた時や甘いものが苦手な方にもおすすめです。",
-        },
+          title: "ミニタコライス",          description: "パンケーキと相性の良い軽食もご用意。小腹が空いた時や甘いものが苦手な方にもおすすめです。"},
        {
          icon: Coffee,
-          title: "キャラメルラテ",
-          description: "甘く香ばしいキャラメル風味とミルクの優しいコクが絶妙なバランス。パンケーキと一緒に至福のひとときを。",
-        },
+          title: "キャラメルラテ",          description: "甘く香ばしいキャラメル風味とミルクの優しいコクが絶妙なバランス。パンケーキと一緒に至福のひとときを。"},
        {
          icon: Coffee,
-          title: "こだわりのコーヒー",
-          description: "厳選された豆を丁寧にハンドドリップで淹れています。パンケーキの美味しさを一層引き立てる豊かな香りと味わいです。",
-        },
+          title: "こだわりのコーヒー",          description: "厳選された豆を丁寧にハンドドリップで淹れています。パンケーキの美味しさを一層引き立てる豊かな香りと味わいです。"},
      ]}
      title="ココミルの人気メニューを一部ご紹介"
      description="ふわふわのスフレパンケーキはもちろん、軽食やこだわりのドリンクも人気です。"
      tag="人気メニュー"
      buttons={[
        {
-          text: "全メニューを見る",
-          href: "/menu",
-        },
+          text: "全メニューを見る",          href: "/menu"},
      ]}
    />
  </div>
@@ -217,73 +155,35 @@ export default function LandingPage() {
      useInvertedBackground={true}
      testimonials={[
        {
-          id: "1",
-          name: "佐藤 花",
-          role: "地元住民",
-          company: "カフェ愛好家",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-beautiful-dress_1098-21953.jpg",
-          imageAlt: "佐藤 花さんの写真",
-        },
+          id: "1",          name: "佐藤 花",          role: "地元住民",          company: "カフェ愛好家",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-beautiful-dress_1098-21953.jpg",          imageAlt: "佐藤 花さんの写真"},
        {
-          id: "2",
-          name: "田中 健太",
-          role: "ビジネスマン",
-          company: "フリーランス",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-standing-yellow-background-smiling-positive-doing-ok-sign-with-hand-fingers-successful-expression_839833-32513.jpg",
-          imageAlt: "田中 健太さんの写真",
-        },
+          id: "2",          name: "田中 健太",          role: "ビジネスマン",          company: "フリーランス",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-standing-yellow-background-smiling-positive-doing-ok-sign-with-hand-fingers-successful-expression_839833-32513.jpg",          imageAlt: "田中 健太さんの写真"},
        {
-          id: "3",
-          name: "鈴木 恵美",
-          role: "主婦",
-          company: "大田区在住",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg",
-          imageAlt: "鈴木 恵美さんの写真",
-        },
+          id: "3",          name: "鈴木 恵美",          role: "主婦",          company: "大田区在住",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg",          imageAlt: "鈴木 恵美さんの写真"},
        {
-          id: "4",
-          name: "高橋 陽介",
-          role: "大学生",
-          company: "スイーツブロガー",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-cafe_1157-18280.jpg",
-          imageAlt: "高橋 陽介さんの写真",
-        },
+          id: "4",          name: "高橋 陽介",          role: "大学生",          company: "スイーツブロガー",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/couple-cafe_1157-18280.jpg",          imageAlt: "高橋 陽介さんの写真"},
        {
-          id: "5",
-          name: "中村 美紀",
-          role: "会社員",
-          company: "リピーター",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pensive-positive-mature-entrepreneur-standing-warehouse-speaking-mobile-phone-shelves-with-goods-background-copy-space-business-communication-concept_74855-14258.jpg",
-          imageAlt: "中村 美紀さんの写真",
-        },
+          id: "5",          name: "中村 美紀",          role: "会社員",          company: "リピーター",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/pensive-positive-mature-entrepreneur-standing-warehouse-speaking-mobile-phone-shelves-with-goods-background-copy-space-business-communication-concept_74855-14258.jpg",          imageAlt: "中村 美紀さんの写真"},
      ]}
      kpiItems={[
        {
-          value: "4.9",
-          label: "平均評価",
-        },
+          value: "4.9",          label: "平均評価"},
        {
-          value: "250+",
-          label: "レビュー数",
-        },
+          value: "250+",          label: "レビュー数"},
        {
-          value: "満足度",
-          label: "98%",
-        },
+          value: "満足度",          label: "98%"},
      ]}
      title="お客様から届いた感動の声"
      description="ココミルのパンケーキと居心地の良い空間は、多くのお客様に愛されています。"
      tag="お客様の声"
      buttons={[
        {
-          text: "すべてのお客様の声",
-          href: "/testimonials",
-        },
+          text: "すべてのお客様の声",          href: "/testimonials"},
      ]}
    />
  </div>
@@ -292,77 +192,51 @@ export default function LandingPage() {
      <ContactText
      useInvertedBackground={false}
      background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
      text="ココミルは、東京都大田区西六郷でお待ちしております。美味しいパンケーキと温かいお飲み物で、皆様のお越しを心よりお待ちしております。\n\n**営業時間**: 11:00 - 18:00 (仮定)\n**電話番号**: 03-3738-4601\n\n大人数でのご来店はご予約をお勧めいたします。"
      buttons={[
        {
-          text: "ご予約はこちら",
-          href: "/reserve",
-        },
+          text: "ご予約はこちら",          href: "/reserve"},
        {
-          text: "店舗情報を見る",
-          href: "/access",
-        },
+          text: "店舗情報を見る",          href: "/access"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg"
      imageAlt="ココミルの店舗外観"
      logoText="ココミル"
      columns={[
        {
-          title: "メニュー",
-          items: [
+          title: "メニュー",          items: [
            {
-              label: "パンケーキ",
-              href: "/menu#pancakes",
-            },
+              label: "パンケーキ",              href: "/menu#pancakes"},
            {
-              label: "お食事",
-              href: "/menu#meals",
-            },
+              label: "お食事",              href: "/menu#meals"},
            {
-              label: "ドリンク",
-              href: "/menu#drinks",
-            },
+              label: "ドリンク",              href: "/menu#drinks"},
          ],
        },
        {
-          title: "店舗情報",
-          items: [
+          title: "店舗情報",          items: [
            {
-              label: "アクセス",
-              href: "/access",
-            },
+              label: "アクセス",              href: "/access"},
            {
-              label: "営業時間",
-              href: "/access",
-            },
+              label: "営業時間",              href: "/access"},
            {
-              label: "ご予約",
-              href: "/reserve",
-            },
+              label: "ご予約",              href: "/reserve"},
          ],
        },
        {
-          title: "その他",
-          items: [
+          title: "その他",          items: [
            {
-              label: "ギャラリー",
-              href: "/gallery",
-            },
+              label: "ギャラリー",              href: "/gallery"},
            {
-              label: "お客様の声",
-              href: "/testimonials",
-            },
+              label: "お客様の声",              href: "/testimonials"},
            {
-              label: "お問い合わせ",
-              href: "/contact",
-            },
+              label: "お問い合わせ",              href: "/contact"},
          ],
        },
      ]}