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';
@@ -30,14 +30,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Experience",          id: "experience"},
-        {
-          name: "Menu",          id: "menu"},
-        {
-          name: "Reservations",          id: "reservation"},
+        { name: "Home", id: "hero" },
+        { name: "体験", id: "experience" },
+        { name: "メニュー", id: "menu" },
+        { name: "お知らせ", id: "news" },
+        { name: "予約", id: "reservation" },
       ]}
       brandName="Ran Cyon"
     />
@@ -45,57 +42,33 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{
-        variant: "radial-gradient"}}
-      title="A hidden izakaya in Hachioji you’ll want to return to again and again."
-      description="Experience creative original dishes, warm hospitality, and unforgettable nights in a cozy, hidden-gem atmosphere."
+      background={{ variant: "radial-gradient" }}
+      title="八王子でまた帰りたくなる、隠れ家居酒屋。"
+      description="こだわりの創作料理と温かいおもてなし。喧騒を離れた隠れ家で、心に残る夜をお過ごしください。"
       buttons={[
-        {
-          text: "Reserve a Table",          href: "#reservation"},
-        {
-          text: "View Instagram",          href: "https://instagram.com"},
+        { text: "予約する", href: "#reservation" },
+        { text: "Instagramを見る", href: "https://instagram.com" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/best-friends-hanging-out-restaurant_23-2149244724.jpg"
-      imageAlt="Warm lively izakaya atmosphere in Hachioji"
+      imageAlt="八王子の賑やかな居酒屋の雰囲気"
       mediaAnimation="opacity"
       avatars={[
-        {
-          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="Join our local community"
-      marqueeItems={[
-        {
-          type: "text",          text: "Seasonal Specials"},
-        {
-          type: "text",          text: "Fresh Wagyu"},
-        {
-          type: "text",          text: "Warm Atmosphere"},
-        {
-          type: "text",          text: "Hachioji Local"},
-        {
-          type: "text",          text: "Hand-crafted Cocktails"},
+        { 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" },
       ]}
+      avatarText="地元のコミュニティに参加しましょう"
     />
   </div>
 
   <div id="experience" data-section="experience">
       <MetricSplitMediaAbout
       useInvertedBackground={false}
-      title="Warmth, Hospitality, Originality"
-      description="More than just a dining spot, Ran Cyon is a home for your nights out. Whether it's a date or a lively group gathering, our cozy Hachioji local atmosphere welcomes you."
+      title="温もりと、おもてなしと、独創性"
+      description="Ran Cyonは、ただの飲食店ではありません。デートでも、賑やかなグループでも、八王子の温かい雰囲気の中で心ゆくまで楽しんでいただけます。"
       metrics={[
-        {
-          value: "95%",          title: "Repeat Customers"},
-        {
-          value: "100+",          title: "Creative Dishes"},
+        { value: "95%", title: "リピート率" },
+        { value: "100+", title: "独創的なメニュー" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244689.jpg"
       mediaAnimation="slide-up"
@@ -110,21 +83,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",          name: "Charcoal Wagyu Hamburg",          price: "Featured",          imageSrc: "http://img.b2bpic.net/free-photo/red-gurza-top-view_141793-4514.jpg"},
-        {
-          id: "2",          name: "Rare Cheese Tofu",          price: "Original",          imageSrc: "http://img.b2bpic.net/free-photo/fresh-salad-with-vegetables-cheese_93675-132401.jpg"},
-        {
-          id: "3",          name: "Fresh Seasonal Sashimi",          price: "Daily Catch",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-dish-spruce-branches-appetizing-christmas-dish-with-lemon-garlic-bowl-oil-white-notebook-fork-knife-spruce-branches-with-cones_140725-111637.jpg"},
-        {
-          id: "4",          name: "Signature Flame Pudding",          price: "Dessert",          imageSrc: "http://img.b2bpic.net/free-photo/omelette-eggs-wrap-rice-with-sauce_1203-9248.jpg"},
-        {
-          id: "5",          name: "Crispy Fried Corn",          price: "Snack",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-bread_23-2149250097.jpg"},
-        {
-          id: "6",          name: "Chef's Seasonal Plate",          price: "Seasonal",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-set-baked-sushi-rolls-with-wasabi-ginger-plate_141793-12010.jpg"},
+        { id: "1", name: "炭火焼き和牛ハンバーグ", price: "おすすめ", imageSrc: "http://img.b2bpic.net/free-photo/red-gurza-top-view_141793-4514.jpg" },
+        { id: "2", name: "幻のレアチーズ豆腐", price: "人気", imageSrc: "http://img.b2bpic.net/free-photo/fresh-salad-with-vegetables-cheese_93675-132401.jpg" },
+        { id: "3", name: "旬の鮮魚お造り", price: "日替わり", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dish-spruce-branches-appetizing-christmas-dish-with-lemon-garlic-bowl-oil-white-notebook-fork-knife-spruce-branches-with-cones_140725-111637.jpg" },
       ]}
       title="Signature Creations"
-      description="Original recipes crafted for the season, blending classic izakaya spirit with modern creativity."
+      description="季節ごとに旬の食材を使用し、古典的な居酒屋の精神に現代的なひねりを加えた創作料理をご用意しております。"
     />
   </div>
 
@@ -134,47 +98,22 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",          name: "Haruka S.",          handle: "@hachioji_foodie",          testimonial: "The staff are so friendly, and every single dish feels like a work of art. My favorite local spot!",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-tray_23-2149149694.jpg"},
-        {
-          id: "2",          name: "Kenji T.",          handle: "@kt_eats",          testimonial: "Rare Cheese Tofu is a must-try. The atmosphere is cozy, lively, and perfect for dates.",          imageSrc: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150520010.jpg"},
-        {
-          id: "3",          name: "Ayumi N.",          handle: "@ayu_night",          testimonial: "Women's groups love this place because the menu is unique and drink service is super fast!",          imageSrc: "http://img.b2bpic.net/free-photo/hand-pouring-drink-cups-high-angle_23-2149706096.jpg"},
-        {
-          id: "4",          name: "Taro M.",          handle: "@t-m-official",          testimonial: "Hidden gem in Hachioji. Been coming for two years and the energy never disappoints.",          imageSrc: "http://img.b2bpic.net/free-photo/best-friends-hanging-out-restaurant_23-2149244681.jpg"},
-        {
-          id: "5",          name: "Mina K.",          handle: "@mina_cafe",          testimonial: "The staff truly remember their guests, making every visit feel incredibly welcoming.",          imageSrc: "http://img.b2bpic.net/free-photo/waitress-serving-cup-coffee-customers_1170-653.jpg"},
+        { id: "1", name: "はるか様", handle: "@hachioji_foodie", testimonial: "スタッフさんがとてもフレンドリーで、料理もアートのように美しいです。地元の大好きなお店です！", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-tray_23-2149149694.jpg" },
       ]}
-      title="Loved by Locals"
-      description="From birthday dinners to spontaneous midweek drinks, hear why our guests keep coming back."
-    />
-  </div>
-
-  <div id="instagram" data-section="instagram">
-      <SocialProofOne
-      textboxLayout="split"
-      useInvertedBackground={false}
-      names={[
-        "@RanCyon_Hachioji",        "@RanCyon_Hachioji",        "@RanCyon_Hachioji",        "@RanCyon_Hachioji",        "@RanCyon_Hachioji",        "@RanCyon_Hachioji",        "@RanCyon_Hachioji"]}
-      title="Follow Our Nights"
-      description="Catch our seasonal dishes and daily atmosphere updates on our feed."
+      title="お客様の声"
+      description="誕生日会から気軽な飲み会まで、多くの方々に愛されている理由をご紹介します。"
     />
   </div>
 
   <div id="news" data-section="news">
-      <BlogCardOne
+      <BlogCardThree
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
-      title="Seasonal Updates"
-      description="Limited dishes and event information from our kitchen."
+      title="最新のお知らせ"
+      description="季節限定メニューや特別イベントの最新情報をご覧ください。"
       blogs={[
-        {
-          id: "b1",          category: "Seasonal",          title: "Spring Sake Pairing Night",          excerpt: "Join us for our curated sake and fresh seasonal sashimi event.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-fried-pieces-meat-fried-onions_140725-3560.jpg",          authorName: "Kitchen Team",          authorAvatar: "http://img.b2bpic.net/free-photo/full-shot-smiley-business-owner_23-2149434594.jpg",          date: "March 2024"},
-        {
-          id: "b2",          category: "News",          title: "Limited Wagyu Special",          excerpt: "Try our new seasonal wagyu hamburg recipe this month only.",          imageSrc: "http://img.b2bpic.net/free-photo/fried-vegetarian-balls-served-bowl_1220-7582.jpg",          authorName: "Chef Yuji",          authorAvatar: "http://img.b2bpic.net/free-photo/17-lifestyle-people-ordering-sushi-home_52683-100629.jpg",          date: "April 2024"},
-        {
-          id: "b3",          category: "Event",          title: "Early Bird Discount",          excerpt: "Check our weekday early bird specials for group gatherings.",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-esquites-cup-top-view_23-2149891172.jpg",          authorName: "Manager",          authorAvatar: "http://img.b2bpic.net/free-photo/candlelight-dinner-glass-juice_140725-9361.jpg",          date: "May 2024"},
+        { 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>
@@ -182,34 +121,30 @@ export default function LandingPage() {
   <div id="reservation" data-section="reservation">
       <ContactSplitForm
       useInvertedBackground={false}
-      title="Book Your Seat"
-      description="Recommended for weekend visits. Please reach out via DM or call to secure your spot."
+      title="ご予約・お問い合わせ"
+      description="週末は混み合うことがございますので、事前予約を推奨しております。"
       inputs={[
-        {
-          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
-        },
-        {
-          name: "date",          type: "date",          placeholder: "Desired Date",          required: true,
-        },
+        { 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: "Number of guests & special requests",        required: true,
-      }}
+      textarea={{ name: "message", placeholder: "人数と特別なご要望", required: true }}
       imageSrc="http://img.b2bpic.net/free-photo/dark-wooden-background-with-diagonal-window-shadows_84443-82424.jpg"
-      buttonText="Send Reservation Request"
+      buttonText="予約リクエストを送信"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterBaseReveal
       logoText="Ran Cyon"
-      leftLink={{
-        text: "Hachioji Station Access",        href: "#"}}
-      rightLink={{
-        text: "Instagram Feed",        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>
   );
-}
+}