Merge version_3 into main
Merge version_3 into main
This commit was merged in pull request #5.
This commit is contained in:
@@ -15,8 +15,8 @@ export default function LandingPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="gradient-radial"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
|
||||
@@ -15,8 +15,8 @@ export default function LandingPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="gradient-radial"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
@@ -26,25 +26,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
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: "/contact",
|
||||
},
|
||||
name: "お問い合わせ", id: "/contact"},
|
||||
]}
|
||||
brandName="ココミル"
|
||||
/>
|
||||
@@ -54,8 +44,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="お問い合わせ・ご予約"
|
||||
title="お気軽にご連絡ください"
|
||||
description="ココミルへのご予約、お問い合わせ、その他ご質問はこちらからお気軽にお寄せください。\nお電話でのご予約も承っております: 03-3738-4601"
|
||||
@@ -72,20 +61,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "cf1",
|
||||
title: "オンライン予約はできますか?",
|
||||
content: "現状、オンライン予約システムは導入しておりませんが、お電話(03-3738-4601)にてご予約を承っております。大人数の場合は事前のご予約をおすすめいたします。",
|
||||
},
|
||||
id: "cf1", title: "オンライン予約はできますか?", content: "現状、オンライン予約システムは導入しておりませんが、お電話(03-3738-4601)にてご予約を承っております。大人数の場合は事前のご予約をおすすめいたします。"},
|
||||
{
|
||||
id: "cf2",
|
||||
title: "メニューについて詳しく知りたいのですが?",
|
||||
content: "メニューページにて詳細をご確認いただけます。ご不明な点がございましたら、お気軽にお問い合わせください。",
|
||||
},
|
||||
id: "cf2", title: "メニューについて詳しく知りたいのですが?", content: "メニューページにて詳細をご確認いただけます。ご不明な点がございましたら、お気軽にお問い合わせください。"},
|
||||
{
|
||||
id: "cf3",
|
||||
title: "貸し切り利用は可能ですか?",
|
||||
content: "貸し切り利用もご相談可能です。人数やご希望の日時、予算など、詳細をお電話またはお問い合わせフォームよりご連絡ください。",
|
||||
},
|
||||
id: "cf3", title: "貸し切り利用は可能ですか?", content: "貸し切り利用もご相談可能です。人数やご希望の日時、予算など、詳細をお電話またはお問い合わせフォームよりご連絡ください。"},
|
||||
]}
|
||||
title="よくあるご質問"
|
||||
description="お問い合わせいただく前によくあるご質問をご確認ください。"
|
||||
@@ -97,13 +77,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="ココミル"
|
||||
leftLink={{
|
||||
text: "プライバシーポリシー",
|
||||
href: "#",
|
||||
}}
|
||||
text: "プライバシーポリシー", href: "#"}}
|
||||
rightLink={{
|
||||
text: "利用規約",
|
||||
href: "#",
|
||||
}}
|
||||
text: "利用規約", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -15,8 +15,8 @@ export default function LandingPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="gradient-radial"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
@@ -26,25 +26,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
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: "/contact",
|
||||
},
|
||||
name: "お問い合わせ", id: "/contact"},
|
||||
]}
|
||||
brandName="ココミル"
|
||||
/>
|
||||
@@ -58,47 +48,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "gallery-pancake-1",
|
||||
name: "至高のスフレパンケーキ",
|
||||
price: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-delicious-pancakes-with-black-cup-milk-grey-background-food-meal-breakfast_140725-21667.jpg",
|
||||
imageAlt: "ふわふわのスフレパンケーキのクローズアップ",
|
||||
},
|
||||
id: "gallery-pancake-1", name: "至高のスフレパンケーキ", price: "", imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-delicious-pancakes-with-black-cup-milk-grey-background-food-meal-breakfast_140725-21667.jpg", imageAlt: "ふわふわのスフレパンケーキのクローズアップ"},
|
||||
{
|
||||
id: "gallery-interior-1",
|
||||
name: "落ち着いた店内空間",
|
||||
price: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-outdoor_74190-3497.jpg",
|
||||
imageAlt: "カフェの居心地の良い一角",
|
||||
},
|
||||
id: "gallery-interior-1", name: "落ち着いた店内空間", price: "", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-outdoor_74190-3497.jpg", imageAlt: "カフェの居心地の良い一角"},
|
||||
{
|
||||
id: "gallery-drink-1",
|
||||
name: "美しいラテアート",
|
||||
price: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-work-coffee-shop_158595-2333.jpg",
|
||||
imageAlt: "ハート型のラテアート",
|
||||
},
|
||||
id: "gallery-drink-1", name: "美しいラテアート", price: "", imageSrc: "http://img.b2bpic.net/free-photo/barista-work-coffee-shop_158595-2333.jpg", imageAlt: "ハート型のラテアート"},
|
||||
{
|
||||
id: "gallery-pancake-2",
|
||||
name: "旬を彩る一皿",
|
||||
price: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pancakes-with-various-ingredients_140725-114636.jpg",
|
||||
imageAlt: "季節のフルーツパンケーキ",
|
||||
},
|
||||
id: "gallery-pancake-2", name: "旬を彩る一皿", price: "", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pancakes-with-various-ingredients_140725-114636.jpg", imageAlt: "季節のフルーツパンケーキ"},
|
||||
{
|
||||
id: "gallery-drink-2",
|
||||
name: "豊富なドリンク",
|
||||
price: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-latin-friends-hanging-out_23-2151139441.jpg",
|
||||
imageAlt: "カフェドリンクのセット",
|
||||
},
|
||||
id: "gallery-drink-2", name: "豊富なドリンク", price: "", imageSrc: "http://img.b2bpic.net/free-photo/side-view-latin-friends-hanging-out_23-2151139441.jpg", imageAlt: "カフェドリンクのセット"},
|
||||
{
|
||||
id: "gallery-exterior-1",
|
||||
name: "夜の外観",
|
||||
price: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-using-laptop-cafe_171337-18085.jpg",
|
||||
imageAlt: "夜のココミル外観",
|
||||
},
|
||||
id: "gallery-exterior-1", name: "夜の外観", price: "", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-using-laptop-cafe_171337-18085.jpg", imageAlt: "夜のココミル外観"},
|
||||
]}
|
||||
title="ギャラリー"
|
||||
description="ココミルの魅力的なパンケーキ、居心地の良い店内、こだわりのドリンクをご覧ください。"
|
||||
@@ -110,14 +70,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"朝食に人気",
|
||||
"ランチに人気",
|
||||
"一人での食事",
|
||||
"デートに最適",
|
||||
"家族で楽しめる",
|
||||
"居心地の良い空間",
|
||||
"SNSで話題",
|
||||
]}
|
||||
"朝食に人気", "ランチに人気", "一人での食事", "デートに最適", "家族で楽しめる", "居心地の良い空間", "SNSで話題"]}
|
||||
title="ココミルが愛される理由"
|
||||
description="地元住民や多くのお客様にココミルが選ばれる理由をご紹介します。"
|
||||
showCard={false}
|
||||
@@ -128,13 +81,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="ココミル"
|
||||
leftLink={{
|
||||
text: "プライバシーポリシー",
|
||||
href: "#",
|
||||
}}
|
||||
text: "プライバシーポリシー", href: "#"}}
|
||||
rightLink={{
|
||||
text: "利用規約",
|
||||
href: "#",
|
||||
}}
|
||||
text: "利用規約", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -15,8 +15,8 @@ export default function LandingPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="gradient-radial"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
@@ -26,25 +26,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
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: "/contact",
|
||||
},
|
||||
name: "お問い合わせ", id: "/contact"},
|
||||
]}
|
||||
brandName="ココミル"
|
||||
/>
|
||||
@@ -58,68 +48,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "pancake-souffle",
|
||||
name: "スフレパンケーキ",
|
||||
price: "¥1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinks-coffee-with-cream-eats-christmas-macarons-cafe-outside_169016-49098.jpg",
|
||||
imageAlt: "ふわふわのスフレパンケーキ",
|
||||
},
|
||||
id: "pancake-souffle", name: "スフレパンケーキ", price: "¥1,200", imageSrc: "http://img.b2bpic.net/free-photo/woman-drinks-coffee-with-cream-eats-christmas-macarons-cafe-outside_169016-49098.jpg", imageAlt: "ふわふわのスフレパンケーキ"},
|
||||
{
|
||||
id: "pancake-seasonal",
|
||||
name: "季節のスフレパンケーキ",
|
||||
price: "時価",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-pancakes-with-syrup_23-2151998772.jpg",
|
||||
imageAlt: "季節のフルーツを使ったスフレパンケーキ",
|
||||
},
|
||||
id: "pancake-seasonal", name: "季節のスフレパンケーキ", price: "時価", imageSrc: "http://img.b2bpic.net/free-photo/colorful-pancakes-with-syrup_23-2151998772.jpg", imageAlt: "季節のフルーツを使ったスフレパンケーキ"},
|
||||
{
|
||||
id: "pancake-milk",
|
||||
name: "ミルクパンケーキ",
|
||||
price: "¥1,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pancakes-with-condensed-milk_114579-18909.jpg",
|
||||
imageAlt: "シンプルなミルクパンケーキ",
|
||||
},
|
||||
id: "pancake-milk", name: "ミルクパンケーキ", price: "¥1,000", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pancakes-with-condensed-milk_114579-18909.jpg", imageAlt: "シンプルなミルクパンケーキ"},
|
||||
{
|
||||
id: "food-taco-rice",
|
||||
name: "ミニタコライス",
|
||||
price: "¥800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mexican-tacos-with-meat-pork-carnitas-street-tacos-yellow-corn-tortilla-with-onion-cilantro-cabbage-red-cabbage-top-view-flat-lay_1150-44979.jpg",
|
||||
imageAlt: "ミニタコライス",
|
||||
},
|
||||
id: "food-taco-rice", name: "ミニタコライス", price: "¥800", imageSrc: "http://img.b2bpic.net/free-photo/mexican-tacos-with-meat-pork-carnitas-street-tacos-yellow-corn-tortilla-with-onion-cilantro-cabbage-red-cabbage-top-view-flat-lay_1150-44979.jpg", imageAlt: "ミニタコライス"},
|
||||
{
|
||||
id: "food-light-meal",
|
||||
name: "軽食",
|
||||
price: "¥700〜",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-dishes-drink-arrangement_23-2148633486.jpg",
|
||||
imageAlt: "軽食の一例",
|
||||
},
|
||||
id: "food-light-meal", name: "軽食", price: "¥700〜", imageSrc: "http://img.b2bpic.net/free-photo/delicious-dishes-drink-arrangement_23-2148633486.jpg", imageAlt: "軽食の一例"},
|
||||
{
|
||||
id: "drink-coffee",
|
||||
name: "こだわりのコーヒー",
|
||||
price: "¥550",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354565.jpg",
|
||||
imageAlt: "こだわりのコーヒー",
|
||||
},
|
||||
id: "drink-coffee", name: "こだわりのコーヒー", price: "¥550", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354565.jpg", imageAlt: "こだわりのコーヒー"},
|
||||
{
|
||||
id: "drink-tea",
|
||||
name: "種類豊富な紅茶",
|
||||
price: "¥600",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-dry-tea-golden-vintage-mini-plates-tea-types_114579-8032.jpg",
|
||||
imageAlt: "様々な種類の紅茶",
|
||||
},
|
||||
id: "drink-tea", name: "種類豊富な紅茶", price: "¥600", imageSrc: "http://img.b2bpic.net/free-photo/assortment-dry-tea-golden-vintage-mini-plates-tea-types_114579-8032.jpg", imageAlt: "様々な種類の紅茶"},
|
||||
{
|
||||
id: "drink-caramel-latte",
|
||||
name: "キャラメルラテ",
|
||||
price: "¥650",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104773.jpg",
|
||||
imageAlt: "キャラメルラテ",
|
||||
},
|
||||
id: "drink-caramel-latte", name: "キャラメルラテ", price: "¥650", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104773.jpg", imageAlt: "キャラメルラテ"},
|
||||
{
|
||||
id: "drink-other",
|
||||
name: "その他ドリンク",
|
||||
price: "¥500〜",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-womens-holing-milkshake-glasses_23-2148296124.jpg",
|
||||
imageAlt: "その他のドリンク",
|
||||
},
|
||||
id: "drink-other", name: "その他ドリンク", price: "¥500〜", imageSrc: "http://img.b2bpic.net/free-photo/front-view-womens-holing-milkshake-glasses_23-2148296124.jpg", imageAlt: "その他のドリンク"},
|
||||
]}
|
||||
title="ココミル メニュー"
|
||||
description="自慢のパンケーキからお食事、こだわりのドリンクまで、豊富なメニューを取り揃えております。\n一人当たりの価格帯:1,000円~2,000円"
|
||||
@@ -133,26 +78,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "ふわふわ食感のスフレ",
|
||||
subtitle: "卵の風味を最大限に引き出した、至福の口溶け。",
|
||||
category: "パンケーキ",
|
||||
value: "定番",
|
||||
},
|
||||
id: "m1", title: "ふわふわ食感のスフレ", subtitle: "卵の風味を最大限に引き出した、至福の口溶け。", category: "パンケーキ", value: "定番"},
|
||||
{
|
||||
id: "m2",
|
||||
title: "旬を味わう季節限定",
|
||||
subtitle: "その時期一番美味しい旬の素材を使用した特別なパンケーキ。",
|
||||
category: "限定",
|
||||
value: "季節ごと",
|
||||
},
|
||||
id: "m2", title: "旬を味わう季節限定", subtitle: "その時期一番美味しい旬の素材を使用した特別なパンケーキ。", category: "限定", value: "季節ごと"},
|
||||
{
|
||||
id: "m3",
|
||||
title: "豊富なティーセレクション",
|
||||
subtitle: "紅茶やハーブティーなど、こだわりのドリンクをご用意。",
|
||||
category: "ドリンク",
|
||||
value: "20種以上",
|
||||
},
|
||||
id: "m3", title: "豊富なティーセレクション", subtitle: "紅茶やハーブティーなど、こだわりのドリンクをご用意。", category: "ドリンク", value: "20種以上"},
|
||||
]}
|
||||
title="おすすめメニュー"
|
||||
description="ココミルが自信を持っておすすめするメニューをご紹介します。こだわりが詰まった逸品をお楽しみください。"
|
||||
@@ -163,13 +93,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="ココミル"
|
||||
leftLink={{
|
||||
text: "プライバシーポリシー",
|
||||
href: "#",
|
||||
}}
|
||||
text: "プライバシーポリシー", href: "#"}}
|
||||
rightLink={{
|
||||
text: "利用規約",
|
||||
href: "#",
|
||||
}}
|
||||
text: "利用規約", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user