|
|
|
|
@@ -2,9 +2,9 @@
|
|
|
|
|
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import ReactLenis from "lenis/react";
|
|
|
|
|
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
|
|
|
|
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
|
|
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
|
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
|
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
|
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
|
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
|
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
|
|
|
@@ -33,10 +33,9 @@ export default function LandingPage() {
|
|
|
|
|
{ name: "Home", id: "hero" },
|
|
|
|
|
{ name: "体験", id: "experience" },
|
|
|
|
|
{ name: "メニュー", id: "menu" },
|
|
|
|
|
{ name: "お知らせ", id: "news" },
|
|
|
|
|
{ name: "予約", id: "reservation" },
|
|
|
|
|
]}
|
|
|
|
|
brandName="Ran Cyon"
|
|
|
|
|
brandName="卵箸"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -56,16 +55,25 @@ 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>
|
|
|
|
|
|
|
|
|
|
<div id="experience" data-section="experience">
|
|
|
|
|
<MetricSplitMediaAbout
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
title="温もりと、おもてなしと、独創性"
|
|
|
|
|
description="Ran Cyonは、ただの飲食店ではありません。デートでも、賑やかなグループでも、八王子の温かい雰囲気の中で心ゆくまで楽しんでいただけます。"
|
|
|
|
|
title="温もりおもてなしそして、独創性"
|
|
|
|
|
description="卵箸は、ただの飲食店ではありません。デートでも、賑やかなグループでも、八王子の温かい雰囲気の中で心ゆくまで楽しんでいただけます。"
|
|
|
|
|
metrics={[
|
|
|
|
|
{ value: "95%", title: "リピート率" },
|
|
|
|
|
{ value: "100+", title: "独創的なメニュー" },
|
|
|
|
|
@@ -87,7 +95,7 @@ export default function LandingPage() {
|
|
|
|
|
{ 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"
|
|
|
|
|
title="おすすめの 創作料理"
|
|
|
|
|
description="季節ごとに旬の食材を使用し、古典的な居酒屋の精神に現代的なひねりを加えた創作料理をご用意しております。"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -99,33 +107,45 @@ 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="news" data-section="news">
|
|
|
|
|
<BlogCardThree
|
|
|
|
|
<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" className="py-16 md:py-24">
|
|
|
|
|
<BlogCardOne
|
|
|
|
|
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: "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" },
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="reservation" data-section="reservation">
|
|
|
|
|
<div id="reservation" data-section="reservation" className="py-16 md:py-24">
|
|
|
|
|
<ContactSplitForm
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
title="ご予約・お問い合わせ"
|
|
|
|
|
description="週末は混み合うことがございますので、事前予約を推奨しております。"
|
|
|
|
|
description="週末は混み合うことがございますので、DMまたはお電話での事前予約を推奨しております。"
|
|
|
|
|
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 }}
|
|
|
|
|
@@ -134,14 +154,11 @@ export default function LandingPage() {
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterBaseReveal
|
|
|
|
|
logoText="Ran Cyon"
|
|
|
|
|
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 id="footer" data-section="footer" className="py-12 md:py-16 border-t">
|
|
|
|
|
<FooterLogoReveal
|
|
|
|
|
logoText="卵箸"
|
|
|
|
|
leftLink={{ text: "八王子駅からのアクセス", href: "#" }}
|
|
|
|
|
rightLink={{ text: "Instagram公式", href: "https://instagram.com" }}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ReactLenis>
|
|
|
|
|
|
