Merge version_1 into main #2
401
src/app/page.tsx
401
src/app/page.tsx
@@ -27,302 +27,125 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "コンセプト",
|
||||
id: "concept",
|
||||
},
|
||||
{
|
||||
name: "メニュー",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "こだわり",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "店舗情報",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="CAFE KANON"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "コンセプト", id: "concept" },
|
||||
{ name: "メニュー", id: "menu" },
|
||||
{ name: "こだわり", id: "features" },
|
||||
{ name: "店舗情報", id: "contact" },
|
||||
]}
|
||||
brandName="CAFE KANON"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="自家焙煎珈琲と、\n心ほどける糀スイーツ。"
|
||||
description="三嶋大社から徒歩圏内。落ち着いた空間で、こだわりのペアリング体験を。"
|
||||
testimonials={[
|
||||
{
|
||||
name: "20代 女性",
|
||||
handle: "観光中に利用",
|
||||
testimonial: "三嶋大社の帰りに寄りました。糀スイーツが驚くほど美味しくて、コーヒーとの相性が抜群でした。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-fresh-aroma-drinking-relax_53876-23420.jpg?_wi=1",
|
||||
imageAlt: "cozy cafe interior wood natural",
|
||||
},
|
||||
{
|
||||
name: "30代 男性",
|
||||
handle: "コーヒー好き",
|
||||
testimonial: "自家焙煎のコーヒーの香りが素晴らしく、非常にリラックスできました。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-dessert-with-sliced-kiwis-candies-white-space_140725-95138.jpg?_wi=1",
|
||||
imageAlt: "hand drip coffee professional",
|
||||
},
|
||||
{
|
||||
name: "40代 女性",
|
||||
handle: "地元住民",
|
||||
testimonial: "こぢんまりとした居心地の良い空間が大好きです。静かな時間を過ごしたい時に最高です。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-spills-hot-water-prepare-filtered-coffee-from-modern-teapot-beautiful-transparent-drip-coffee-maker-white-simple-weights_346278-1314.jpg?_wi=1",
|
||||
imageAlt: "自家焙煎珈琲 コーヒー豆",
|
||||
},
|
||||
{
|
||||
name: "50代 男性",
|
||||
handle: "常連客",
|
||||
testimonial: "こだわりの豆を使ったコーヒーが格別です。落ち着いて読書をするのに最適。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-arrangement-cloth_23-2148623240.jpg?_wi=1",
|
||||
imageAlt: "自家焙煎珈琲 コーヒー豆",
|
||||
},
|
||||
{
|
||||
name: "30代 女性",
|
||||
handle: "カフェ巡り",
|
||||
testimonial: "糀スイーツがとても優しくて美味しい。またすぐに行きたくなるお店です。",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/italian-tuscan-traditional-cookies-cantuccini-with-almonds-cup-coffee-light_114579-8088.jpg?_wi=1",
|
||||
imageAlt: "自家焙煎珈琲 コーヒー豆",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-fresh-aroma-drinking-relax_53876-23420.jpg?_wi=2"
|
||||
imageAlt="CAFE KANONの外観とコーヒー"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-young-brunette-with-beret-beige-trench-coat-stylish-glasses-sitting-city-cafe-terrace-sunny-autumn-day-eating-cheesecake-calling-waiter_197531-24439.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/autumn-still-life-home-decor-cozy-house_169016-5792.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-with-long-black-eyelashes-taking-picture-her-lunch-cafe_197531-5725.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/ice-cream-with-mixed-fruit_1339-4925.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cup-tea-cookies_23-2148832331.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="多くのお客様に愛されています"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="自家焙煎珈琲と、\n心ほどける糀スイーツ。"
|
||||
description="三嶋大社から徒歩圏内。落ち着いた空間で、こだわりのペアリング体験を。"
|
||||
testimonials={[
|
||||
{ name: "20代 女性", handle: "観光中に利用", testimonial: "三嶋大社の帰りに寄りました。糀スイーツが驚くほど美味しくて、コーヒーとの相性が抜群でした。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/coffee-fresh-aroma-drinking-relax_53876-23420.jpg", imageAlt: "cozy cafe interior wood natural" },
|
||||
{ name: "30代 男性", handle: "コーヒー好き", testimonial: "自家焙煎のコーヒーの香りが素晴らしく、非常にリラックスできました。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-dessert-with-sliced-kiwis-candies-white-space_140725-95138.jpg", imageAlt: "hand drip coffee professional" },
|
||||
{ name: "40代 女性", handle: "地元住民", testimonial: "こぢんまりとした居心地の良い空間が大好きです。静かな時間を過ごしたい時に最高です。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barista-spills-hot-water-prepare-filtered-coffee-from-modern-teapot-beautiful-transparent-drip-coffee-maker-white-simple-weights_346278-1314.jpg", imageAlt: "自家焙煎珈琲 コーヒー豆" },
|
||||
{ name: "50代 男性", handle: "常連客", testimonial: "こだわりの豆を使ったコーヒーが格別です。落ち着いて読書をするのに最適。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-arrangement-cloth_23-2148623240.jpg", imageAlt: "自家焙煎珈琲 コーヒー豆" },
|
||||
{ name: "30代 女性", handle: "カフェ巡り", testimonial: "糀スイーツがとても優しくて美味しい。またすぐに行きたくなるお店です。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/italian-tuscan-traditional-cookies-cantuccini-with-almonds-cup-coffee-light_114579-8088.jpg", imageAlt: "自家焙煎珈琲 コーヒー豆" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-fresh-aroma-drinking-relax_53876-23420.jpg"
|
||||
imageAlt="CAFE KANONの外観とコーヒー"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/joyful-young-brunette-with-beret-beige-trench-coat-stylish-glasses-sitting-city-cafe-terrace-sunny-autumn-day-eating-cheesecake-calling-waiter_197531-24439.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/autumn-still-life-home-decor-cozy-house_169016-5792.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-woman-with-long-black-eyelashes-taking-picture-her-lunch-cafe_197531-5725.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/ice-cream-with-mixed-fruit_1339-4925.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cup-tea-cookies_23-2148832331.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="多くのお客様に愛されています"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="concept" data-section="concept">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Concept"
|
||||
title="コーヒーと糀の新しいペアリング"
|
||||
description="コーヒーの深みと、糀スイーツの優しい甘み。二つのこだわりが重なる、ここだけの体験をお届けします。"
|
||||
subdescription="他のカフェにはない、素材を活かした独自の組み合わせをお楽しみください。"
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-delicious-dessert-with-sliced-kiwis-candies-white-space_140725-95138.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="concept" data-section="concept">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Concept"
|
||||
title="コーヒーと糀の新しいペアリング"
|
||||
description="コーヒーの深みと、糀スイーツの優しい甘み。二つのこだわりが重なる、ここだけの体験をお届けします。"
|
||||
subdescription="他のカフェにはない、素材を活かした独自の組み合わせをお楽しみください。"
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-delicious-dessert-with-sliced-kiwis-candies-white-space_140725-95138.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "自家焙煎 ブレンド",
|
||||
price: "600円",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-spills-hot-water-prepare-filtered-coffee-from-modern-teapot-beautiful-transparent-drip-coffee-maker-white-simple-weights_346278-1314.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "糀チーズケーキ",
|
||||
price: "550円",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-arrangement-cloth_23-2148623240.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "ペアリングセット",
|
||||
price: "1,000円",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/italian-tuscan-traditional-cookies-cantuccini-with-almonds-cup-coffee-light_114579-8088.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "季節の糀スイーツ",
|
||||
price: "500円",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-coffee-grinder-coffee-beans-closeup_169016-63004.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "水出しアイスコーヒー",
|
||||
price: "650円",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tea-table_23-2147776681.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "自家製ジンジャーエール",
|
||||
price: "550円",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-beans-wooden-table_23-2148464789.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
title="おすすめメニュー"
|
||||
description="自家焙煎珈琲と、体に優しい糀スイーツをご用意しております。"
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "自家焙煎 ブレンド", price: "600円", imageSrc: "http://img.b2bpic.net/free-photo/barista-spills-hot-water-prepare-filtered-coffee-from-modern-teapot-beautiful-transparent-drip-coffee-maker-white-simple-weights_346278-1314.jpg" },
|
||||
{ id: "2", name: "糀チーズケーキ", price: "550円", imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-arrangement-cloth_23-2148623240.jpg" },
|
||||
{ id: "3", name: "ペアリングセット", price: "1,000円", imageSrc: "http://img.b2bpic.net/free-photo/italian-tuscan-traditional-cookies-cantuccini-with-almonds-cup-coffee-light_114579-8088.jpg" },
|
||||
{ id: "4", name: "季節の糀スイーツ", price: "500円", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-coffee-grinder-coffee-beans-closeup_169016-63004.jpg" },
|
||||
{ id: "5", name: "水出しアイスコーヒー", price: "650円", imageSrc: "http://img.b2bpic.net/free-photo/tea-table_23-2147776681.jpg" },
|
||||
{ id: "6", name: "自家製ジンジャーエール", price: "550円", imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-beans-wooden-table_23-2148464789.jpg" },
|
||||
]}
|
||||
title="おすすめメニュー"
|
||||
description="自家焙煎珈琲と、体に優しい糀スイーツをご用意しております。"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "落ち着いた空間",
|
||||
description: "こぢんまりとした店内は、読書やお一人様でのご利用にも最適です。",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-coffee-grinder-coffee-beans-closeup_169016-63004.jpg?_wi=2",
|
||||
imageAlt: "自家焙煎珈琲 コーヒー豆",
|
||||
},
|
||||
{
|
||||
title: "観光ついでに",
|
||||
description: "白滝公園や三嶋大社から徒歩すぐ。観光の休憩スポットとしてご利用いただけます。",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-hat-takes-smartphone_1321-4624.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-hat-takes-smartphone_1321-4624.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tea-table_23-2147776681.jpg?_wi=2",
|
||||
imageAlt: "自家焙煎珈琲 コーヒー豆",
|
||||
},
|
||||
{
|
||||
title: "自家焙煎のこだわり",
|
||||
description: "厳選した豆を丁寧に自家焙煎。一杯ずつ心を込めて抽出します。",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-spills-hot-water-prepare-filtered-coffee-from-modern-teapot-beautiful-transparent-drip-coffee-maker-white-simple-weights_346278-1314.jpg?_wi=3",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-spills-hot-water-prepare-filtered-coffee-from-modern-teapot-beautiful-transparent-drip-coffee-maker-white-simple-weights_346278-1314.jpg?_wi=4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-beans-wooden-table_23-2148464789.jpg?_wi=2",
|
||||
imageAlt: "自家焙煎珈琲 コーヒー豆",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="心地よいひとときを"
|
||||
description="三嶋大社の散策前後に、ゆったりとした時間をお過ごしください。"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "落ち着いた空間", description: "こぢんまりとした店内は、読書やお一人様でのご利用にも最適です。", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg" } },
|
||||
{ title: "観光ついでに", description: "白滝公園や三嶋大社から徒歩すぐ。観光の休憩スポットとしてご利用いただけます。", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/girl-hat-takes-smartphone_1321-4624.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/girl-hat-takes-smartphone_1321-4624.jpg" } },
|
||||
{ title: "自家焙煎のこだわり", description: "厳選した豆を丁寧に自家焙煎。一杯ずつ心を込めて抽出します。", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/barista-spills-hot-water-prepare-filtered-coffee-from-modern-teapot-beautiful-transparent-drip-coffee-maker-white-simple-weights_346278-1314.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/barista-spills-hot-water-prepare-filtered-coffee-from-modern-teapot-beautiful-transparent-drip-coffee-maker-white-simple-weights_346278-1314.jpg" } },
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="心地よいひとときを"
|
||||
description="三嶋大社の散策前後に、ゆったりとした時間をお過ごしください。"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "A様",
|
||||
date: "2024.05",
|
||||
title: "素敵なお店",
|
||||
quote: "糀スイーツは甘さ控えめでコーヒーによく合います。",
|
||||
tag: "観光",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/joyful-young-brunette-with-beret-beige-trench-coat-stylish-glasses-sitting-city-cafe-terrace-sunny-autumn-day-eating-cheesecake-calling-waiter_197531-24439.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg?_wi=3",
|
||||
imageAlt: "カフェ インテリア 落ち着く",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "B様",
|
||||
date: "2024.04",
|
||||
title: "癒しの時間",
|
||||
quote: "店内の雰囲気がとても落ち着いていて、リフレッシュできました。",
|
||||
tag: "日常利用",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/autumn-still-life-home-decor-cozy-house_169016-5792.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-hat-takes-smartphone_1321-4624.jpg?_wi=3",
|
||||
imageAlt: "三島 散策 風景",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "C様",
|
||||
date: "2024.04",
|
||||
title: "立地も最高",
|
||||
quote: "三嶋大社からの帰りに見つけて立ち寄りましたが、正解でした！",
|
||||
tag: "観光",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-long-black-eyelashes-taking-picture-her-lunch-cafe_197531-5725.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-brunette-with-beret-beige-trench-coat-stylish-glasses-sitting-city-cafe-terrace-sunny-autumn-day-eating-cheesecake-calling-waiter_197531-24439.jpg",
|
||||
imageAlt: "満足する客 カフェ",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "D様",
|
||||
date: "2024.03",
|
||||
title: "コーヒーが絶品",
|
||||
quote: "自家焙煎の香りが最高。通いたくなるお店です。",
|
||||
tag: "リピーター",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/ice-cream-with-mixed-fruit_1339-4925.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/autumn-still-life-home-decor-cozy-house_169016-5792.jpg",
|
||||
imageAlt: "読書 カフェ 雰囲気",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "E様",
|
||||
date: "2024.02",
|
||||
title: "居心地がいい",
|
||||
quote: "静かで穏やかな時間が流れています。また行きたいです。",
|
||||
tag: "日常利用",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/cup-tea-cookies_23-2148832331.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-long-black-eyelashes-taking-picture-her-lunch-cafe_197531-5725.jpg",
|
||||
imageAlt: "三嶋大社 帰り カフェ",
|
||||
},
|
||||
]}
|
||||
title="お客様の声"
|
||||
description="ご来店いただいた皆様の感想をご紹介します。"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "A様", date: "2024.05", title: "素敵なお店", quote: "糀スイーツは甘さ控えめでコーヒーによく合います。", tag: "観光", avatarSrc: "http://img.b2bpic.net/free-photo/joyful-young-brunette-with-beret-beige-trench-coat-stylish-glasses-sitting-city-cafe-terrace-sunny-autumn-day-eating-cheesecake-calling-waiter_197531-24439.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg", imageAlt: "カフェ インテリア 落ち着く" },
|
||||
{ id: "2", name: "B様", date: "2024.04", title: "癒しの時間", quote: "店内の雰囲気がとても落ち着いていて、リフレッシュできました。", tag: "日常利用", avatarSrc: "http://img.b2bpic.net/free-photo/autumn-still-life-home-decor-cozy-house_169016-5792.jpg", imageSrc: "http://img.b2bpic.net/free-photo/girl-hat-takes-smartphone_1321-4624.jpg", imageAlt: "三島 散策 風景" },
|
||||
{ id: "3", name: "C様", date: "2024.04", title: "立地も最高", quote: "三嶋大社からの帰りに見つけて立ち寄りましたが、正解でした！", tag: "観光", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-long-black-eyelashes-taking-picture-her-lunch-cafe_197531-5725.jpg", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-brunette-with-beret-beige-trench-coat-stylish-glasses-sitting-city-cafe-terrace-sunny-autumn-day-eating-cheesecake-calling-waiter_197531-24439.jpg", imageAlt: "満足する客 カフェ" },
|
||||
{ id: "4", name: "D様", date: "2024.03", title: "コーヒーが絶品", quote: "自家焙煎の香りが最高。通いたくなるお店です。", tag: "リピーター", avatarSrc: "http://img.b2bpic.net/free-photo/ice-cream-with-mixed-fruit_1339-4925.jpg", imageSrc: "http://img.b2bpic.net/free-photo/autumn-still-life-home-decor-cozy-house_169016-5792.jpg", imageAlt: "読書 カフェ 雰囲気" },
|
||||
{ id: "5", name: "E様", date: "2024.02", title: "居心地がいい", quote: "静かで穏やかな時間が流れています。また行きたいです。", tag: "日常利用", avatarSrc: "http://img.b2bpic.net/free-photo/cup-tea-cookies_23-2148832331.jpg", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-long-black-eyelashes-taking-picture-her-lunch-cafe_197531-5725.jpg", imageAlt: "三嶋大社 帰り カフェ" },
|
||||
]}
|
||||
title="お客様の声"
|
||||
description="ご来店いただいた皆様の感想をご紹介します。"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="お気軽にお立ち寄りください"
|
||||
description="三島散策の合間に、ホッと一息つきにいらしてください。皆様のご来店を心よりお待ちしております。"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-world-travel-map-with-passport-coffee-cup_23-2149459980.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
tag="Contact"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="お気軽にお立ち寄りください"
|
||||
description="三島散策の合間に、ホッと一息つきにいらしてください。皆様のご来店を心よりお待ちしております。"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-world-travel-map-with-passport-coffee-cup_23-2149459980.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
tag="Contact"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="CAFE KANON"
|
||||
copyrightText="© 2024 CAFE KANON | 静岡県三島市大宮町1丁目9-39"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="CAFE KANON"
|
||||
copyrightText="© 2024 CAFE KANON | 静岡県三島市大宮町1丁目9-39"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user