149 lines
4.0 KiB
TypeScript
149 lines
4.0 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="expand-hover"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="pill"
|
||
contentWidth="mediumLarge"
|
||
sizing="medium"
|
||
background="circleGradient"
|
||
cardStyle="glass-elevated"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
navItems={[
|
||
{
|
||
name: "ホーム",
|
||
id: "/",
|
||
},
|
||
{
|
||
name: "メニュー",
|
||
id: "/menu",
|
||
},
|
||
{
|
||
name: "店舗情報",
|
||
id: "/access",
|
||
},
|
||
{
|
||
name: "ギャラリー",
|
||
id: "/gallery",
|
||
},
|
||
{
|
||
name: "ご予約",
|
||
id: "/reserve",
|
||
},
|
||
{
|
||
name: "お客様の声",
|
||
id: "/testimonials",
|
||
},
|
||
{
|
||
name: "お問い合わせ",
|
||
id: "/contact",
|
||
},
|
||
]}
|
||
brandName="ココミル"
|
||
button={{
|
||
text: "オンライン予約",
|
||
href: "/reserve",
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact-page" data-section="contact-page">
|
||
<ContactText
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "plain",
|
||
}}
|
||
text="ココミルへのお問い合わせは、以下の電話番号または来店時に直接お声がけください。ご質問やご要望など、お気軽にご連絡ください。\n\n**電話番号**: 03-3738-4601\n\n**住所**: 〒144-0056 東京都大田区西六郷２丁目５−８ シルクハウス １Ｆ\n\n営業時間外のお問い合わせは、翌営業日以降のご対応となります。**"
|
||
buttons={[
|
||
{
|
||
text: "今すぐ電話する",
|
||
href: "tel:0337384601",
|
||
},
|
||
{
|
||
text: "Googleマップで見る",
|
||
href: "https://maps.app.goo.gl/example",
|
||
},
|
||
]}
|
||
/>
|
||
</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=7"
|
||
imageAlt="ココミルの店舗外観"
|
||
logoText="ココミル"
|
||
columns={[
|
||
{
|
||
title: "メニュー",
|
||
items: [
|
||
{
|
||
label: "パンケーキ",
|
||
href: "/menu#pancakes",
|
||
},
|
||
{
|
||
label: "お食事",
|
||
href: "/menu#meals",
|
||
},
|
||
{
|
||
label: "ドリンク",
|
||
href: "/menu#drinks",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "店舗情報",
|
||
items: [
|
||
{
|
||
label: "アクセス",
|
||
href: "/access",
|
||
},
|
||
{
|
||
label: "営業時間",
|
||
href: "/access",
|
||
},
|
||
{
|
||
label: "ご予約",
|
||
href: "/reserve",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "その他",
|
||
items: [
|
||
{
|
||
label: "ギャラリー",
|
||
href: "/gallery",
|
||
},
|
||
{
|
||
label: "お客様の声",
|
||
href: "/testimonials",
|
||
},
|
||
{
|
||
label: "お問い合わせ",
|
||
href: "/contact",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2024 ココミル All rights reserved."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|