Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import BlogCardOne from '@/components/sections/blog/BlogCardOne';
+import BlogCardThree from '@/components/sections/blog/BlogCardThree';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -33,6 +33,7 @@ export default function LandingPage() {
         { name: "Home", id: "hero" },
         { name: "体験", id: "experience" },
         { name: "メニュー", id: "menu" },
+        { name: "お知らせ", id: "news" },
         { name: "予約", id: "reservation" },
       ]}
       brandName="Ran Cyon"
@@ -55,17 +56,8 @@ export default function LandingPage() {
         { src: "http://img.b2bpic.net/free-photo/diverse-group-friends-their-20s-sitting-outdoor-bar-together-while-checking-social-media-texting-their-smartphones_662251-855.jpg", alt: "Group of friends 1" },
         { src: "http://img.b2bpic.net/free-photo/happy-friends-with-pizza-side-view_23-2149872391.jpg", alt: "Group of friends 2" },
         { src: "http://img.b2bpic.net/free-photo/osaka-japan-september-1-unidentified-chefs-prepare-takoyaki_1258-87.jpg", alt: "Chefs preparing food" },
-        { src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg", alt: "Restaurant atmosphere" },
-        { src: "http://img.b2bpic.net/free-photo/high-angle-friends-eating-restaurant_23-2150491774.jpg", alt: "Dining scene" },
       ]}
       avatarText="地元のコミュニティに参加しましょう"
-      marqueeItems={[
-        { type: "text", text: "季節の逸品" },
-        { type: "text", text: "新鮮な和牛" },
-        { type: "text", text: "温かい雰囲気" },
-        { type: "text", text: "八王子ローカル" },
-        { type: "text", text: "特製カクテル" },
-      ]}
     />
   </div>
 
@@ -107,34 +99,21 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         { id: "1", name: "はるか様", handle: "@hachioji_foodie", testimonial: "スタッフさんがとてもフレンドリーで、料理もアートのように美しいです。地元の大好きなお店です！", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-tray_23-2149149694.jpg" },
-        { id: "2", name: "けんじ様", handle: "@kt_eats", testimonial: "レアチーズ豆腐は必食です。居心地が良く、デートにもぴったりです。", imageSrc: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150520010.jpg" },
-        { id: "3", name: "あゆみ様", handle: "@ayu_night", testimonial: "メニューがユニークでドリンクの提供が早いので、女子会に最適です！", imageSrc: "http://img.b2bpic.net/free-photo/hand-pouring-drink-cups-high-angle_23-2149706096.jpg" },
       ]}
       title="お客様の声"
       description="誕生日会から気軽な飲み会まで、多くの方々に愛されている理由をご紹介します。"
     />
   </div>
 
-  <div id="instagram" data-section="instagram">
-      <SocialProofOne
-      textboxLayout="split"
-      useInvertedBackground={false}
-      names={["@RanCyon_Hachioji", "@RanCyon_Hachioji", "@RanCyon_Hachioji"]}
-      title="Instagramで最新情報をチェック"
-      description="日々の賑やかな店内の様子や、季節限定メニューをいち早くお届けしています。"
-    />
-  </div>
-
   <div id="news" data-section="news">
-      <BlogCardOne
+      <BlogCardThree
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
-      title="お知らせ・イベント"
-      description="季節の限定メニューや最新のイベント情報をお届けします。"
+      title="最新のお知らせ"
+      description="季節限定メニューや特別イベントの最新情報をご覧ください。"
       blogs={[
-        { id: "b1", category: "イベント", title: "春の日本酒ペアリングナイト", excerpt: "旬の鮮魚と厳選された日本酒を楽しむ特別な夜をご用意しました。", imageSrc: "http://img.b2bpic.net/free-photo/medium-fried-pieces-meat-fried-onions_140725-3560.jpg", authorName: "キッチンスタッフ", authorAvatar: "http://img.b2bpic.net/free-photo/full-shot-smiley-business-owner_23-2149434594.jpg", date: "2024.03" },
-        { id: "b2", category: "告知", title: "和牛ハンバーグ月間", excerpt: "今月限定の特別レシピで仕上げた和牛ハンバーグが登場。", imageSrc: "http://img.b2bpic.net/free-photo/fried-vegetarian-balls-served-bowl_1220-7582.jpg", authorName: "店長", authorAvatar: "http://img.b2bpic.net/free-photo/17-lifestyle-people-ordering-sushi-home_52683-100629.jpg", date: "2024.04" },
+        { id: "b1", category: "イベント", title: "春の日本酒ペアリングナイト", excerpt: "旬の鮮魚と厳選された日本酒を楽しむ特別な夜をご用意しました。", imageSrc: "http://img.b2bpic.net/free-photo/medium-fried-pieces-meat-fried-onions_140725-3560.jpg", authorName: "キッチン", authorAvatar: "http://img.b2bpic.net/free-photo/full-shot-smiley-business-owner_23-2149434594.jpg", date: "2024.03" },
       ]}
     />
   </div>
@@ -143,9 +122,10 @@ export default function LandingPage() {
       <ContactSplitForm
       useInvertedBackground={false}
       title="ご予約・お問い合わせ"
-      description="週末は混み合うことがございますので、DMまたはお電話での事前予約を推奨しております。"
+      description="週末は混み合うことがございますので、事前予約を推奨しております。"
       inputs={[
         { name: "name", type: "text", placeholder: "お名前", required: true },
+        { name: "phone", type: "tel", placeholder: "電話番号", required: true },
         { name: "date", type: "date", placeholder: "希望日", required: true },
       ]}
       textarea={{ name: "message", placeholder: "人数と特別なご要望", required: true }}
@@ -155,13 +135,16 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterBaseReveal
       logoText="Ran Cyon"
-      leftLink={{ text: "八王子駅からのアクセス", href: "#" }}
-      rightLink={{ text: "Instagram公式", href: "https://instagram.com" }}
+      columns={[
+        { title: "メニュー", items: [{ label: "創作料理", href: "#menu" }, { label: "ドリンク", href: "#menu" }] },
+        { title: "お問い合わせ", items: [{ label: "アクセス", href: "#" }, { label: "予約", href: "#reservation" }] }
+      ]}
+      copyrightText="© 2024 Ran Cyon Hachioji. All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}