bender/387ef60c-60a5-4891-b8ca-40bc86f5878c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-04 16:03:09 +00:00
parent 61a3da87c0
commit 626eae4959
1 changed files with 48 additions and 242 deletions
Download Patch File Download Diff File Expand all files Collapse all files

290
src/app/page.tsx
View File

@@ -2,6 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { Coffee, Cake, Heart, Award } from 'lucide-react';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
@@ -30,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "products",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="Kuraru Cafe"
/>
@@ -53,63 +42,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
title="くらるカフェへようこそ"
description="職人のこだわりが詰まった一杯と、心安らぐ空間をお届けします。"
buttons={[
{
text: "メニューを見る",
href: "#products",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/home-workspace-minimalistic-design_23-2148991458.jpg?_wi=1"
buttons={[{ text: "メニューを見る", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/home-workspace-minimalistic-design_23-2148991458.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/empty-chair-restaurant_1339-5435.jpg",
alt: "happy patron",
},
{
src: "http://img.b2bpic.net/free-photo/view-indoor-space-ready-comfortable-activities_23-2149864772.jpg",
alt: "cafe guest",
},
{
src: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-assortment_23-2149086041.jpg",
alt: "regular customer",
},
{
src: "http://img.b2bpic.net/free-photo/small-business-items-serving-coffee_23-2149458023.jpg",
alt: "visitor",
},
{
src: "http://img.b2bpic.net/free-photo/japanese-cups-bottle-arrangement_23-2149869739.jpg",
alt: "cafe fan",
},
{ src: "http://img.b2bpic.net/free-photo/empty-chair-restaurant_1339-5435.jpg", alt: "happy patron" },
{ src: "http://img.b2bpic.net/free-photo/view-indoor-space-ready-comfortable-activities_23-2149864772.jpg", alt: "cafe guest" },
{ src: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-assortment_23-2149086041.jpg", alt: "regular customer" },
{ src: "http://img.b2bpic.net/free-photo/small-business-items-serving-coffee_23-2149458023.jpg", alt: "visitor" },
{ src: "http://img.b2bpic.net/free-photo/japanese-cups-bottle-arrangement_23-2149869739.jpg", alt: "cafe fan" },
]}
avatarText="1,000人以上のお客様に愛されています"
marqueeItems={[
{
type: "text",
text: "自家焙煎珈琲",
},
{
type: "text",
text: "手作り抹茶スイーツ",
},
{
type: "text",
text: "落ち着いた空間",
},
{
type: "text",
text: "季節のタルト",
},
{
type: "text",
text: "厳選された素材",
},
{ type: "text", text: "自家焙煎珈琲" },
{ type: "text", text: "手作り抹茶スイーツ" },
{ type: "text", text: "落ち着いた空間" },
{ type: "text", text: "季節のタルト" },
{ type: "text", text: "厳選された素材" },
]}
/>
</div>
@@ -120,20 +72,11 @@ export default function LandingPage() {
title="心地よい時間を、あなたに。"
description="忙しい日常の中で、ホッと一息つける場所を目指しています。こだわりの豆と厳選された素材で、特別なひとときを。"
metrics={[
{
value: "10年",
title: "こだわりの歴史",
},
{
value: "30種",
title: "厳選メニュー",
},
{
value: "100%",
title: "手作り素材",
},
{ value: "10年", title: "こだわりの歴史" },
{ value: "30種", title: "厳選メニュー" },
{ value: "100%", title: "手作り素材" },
]}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-hand-holding-vase_23-2149480233.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/high-angle-hand-holding-vase_23-2149480233.jpg"
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
/>
@@ -145,33 +88,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "厳選された豆",
description: "世界各地から取り寄せた最高品質のコーヒー豆。",
buttonIcon: "Coffee",
imageSrc: "http://img.b2bpic.net/free-photo/condiment-bottle-restaurant_1339-5517.jpg",
imageAlt: "Condiment Bottle in restaurant",
},
title: "厳選された豆", description: "世界各地から取り寄せた最高品質のコーヒー豆。", buttonIcon: Coffee,
imageSrc: "http://img.b2bpic.net/free-photo/condiment-bottle-restaurant_1339-5517.jpg", imageAlt: "Condiment Bottle in restaurant"},
{
title: "手作りスイーツ",
description: "素材にこだわった当店オリジナルのデザート。",
buttonIcon: "Cake",
imageSrc: "http://img.b2bpic.net/free-photo/home-workspace-minimalistic-design_23-2148991458.jpg?_wi=2",
imageAlt: "Condiment Bottle in restaurant",
},
title: "手作りスイーツ", description: "素材にこだわった当店オリジナルのデザート。", buttonIcon: Cake,
imageSrc: "http://img.b2bpic.net/free-photo/home-workspace-minimalistic-design_23-2148991458.jpg", imageAlt: "Condiment Bottle in restaurant"},
{
title: "癒しの空間",
description: "ゆっくりと読書や会話が楽しめる落ち着いた雰囲気。",
buttonIcon: "Heart",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-vase_23-2149480233.jpg?_wi=2",
imageAlt: "Condiment Bottle in restaurant",
},
title: "癒しの空間", description: "ゆっくりと読書や会話が楽しめる落ち着いた雰囲気。", buttonIcon: Heart,
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-vase_23-2149480233.jpg", imageAlt: "Condiment Bottle in restaurant"},
{
title: "丁寧な抽出",
description: "バリスタが一杯ずつ丁寧に心を込めて淹れます。",
buttonIcon: "Award",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cake-slice-inside-blue-round-plate-with-cream-red-fruits-grey-background-biscuit-cake-tea-sweet_140725-22547.jpg?_wi=1",
imageAlt: "Condiment Bottle in restaurant",
},
title: "丁寧な抽出", description: "バリスタが一杯ずつ丁寧に心を込めて淹れます。", buttonIcon: Award,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cake-slice-inside-blue-round-plate-with-cream-red-fruits-grey-background-biscuit-cake-tea-sweet_140725-22547.jpg", imageAlt: "Condiment Bottle in restaurant"},
]}
title="私たちのこだわり"
description="大切にしている3つのポイントをご紹介します。"
@@ -185,48 +112,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "1",
name: "特製抹茶ラテ",
price: "¥650",
variant: "定番商品",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cake-slice-inside-blue-round-plate-with-cream-red-fruits-grey-background-biscuit-cake-tea-sweet_140725-22547.jpg?_wi=2",
},
{
id: "2",
name: "自家焙煎珈琲",
price: "¥550",
variant: "おすすめ",
imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-delicious-coffee-assortment_23-2149514293.jpg",
},
{
id: "3",
name: "フルーツタルト",
price: "¥700",
variant: "季節限定",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cranberry-cakes-with-red-cranberries-top-sugar-pieces-powder-grey-desk-cake-biscuit-sweet-bake_140725-22463.jpg",
},
{
id: "4",
name: "焼き菓子セット",
price: "¥500",
variant: "ギフト可",
imageSrc: "http://img.b2bpic.net/free-photo/tasty-sweet-pastry-brown-plate_114579-72171.jpg",
},
{
id: "5",
name: "本格抹茶セット",
price: "¥800",
variant: "人気",
imageSrc: "http://img.b2bpic.net/free-photo/traditional-chinese-teapot-with-lid-table-sunlight_23-2147975360.jpg",
},
{
id: "6",
name: "アイスコーヒー",
price: "¥500",
variant: "定番",
imageSrc: "http://img.b2bpic.net/free-photo/natural-cold-milk-food-starbucks-background_1428-683.jpg",
},
{ id: "1", name: "特製抹茶ラテ", price: "¥650", variant: "定番商品", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cake-slice-inside-blue-round-plate-with-cream-red-fruits-grey-background-biscuit-cake-tea-sweet_140725-22547.jpg" },
{ id: "2", name: "自家焙煎珈琲", price: "¥550", variant: "おすすめ", imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-delicious-coffee-assortment_23-2149514293.jpg" },
{ id: "3", name: "フルーツタルト", price: "¥700", variant: "季節限定", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cranberry-cakes-with-red-cranberries-top-sugar-pieces-powder-grey-desk-cake-biscuit-sweet-bake_140725-22463.jpg" },
{ id: "4", name: "焼き菓子セット", price: "¥500", variant: "ギフト可", imageSrc: "http://img.b2bpic.net/free-photo/tasty-sweet-pastry-brown-plate_114579-72171.jpg" },
{ id: "5", name: "本格抹茶セット", price: "¥800", variant: "人気", imageSrc: "http://img.b2bpic.net/free-photo/traditional-chinese-teapot-with-lid-table-sunlight_23-2147975360.jpg" },
{ id: "6", name: "アイスコーヒー", price: "¥500", variant: "定番", imageSrc: "http://img.b2bpic.net/free-photo/natural-cold-milk-food-starbucks-background_1428-683.jpg" },
]}
title="おすすめメニュー"
description="お客様に人気のメニューです。"
@@ -239,46 +130,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "田中様",
handle: "@cafe_lover",
testimonial: "いつも落ち着いた空間で癒されています。抹茶ラテが最高です！",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cute-elegant-calm-happy-woman-green-summer-dress-sits-with-coffee-cafe-enjoying-morning_343596-3669.jpg",
},
{
id: "2",
name: "佐藤様",
handle: "@reader_san",
testimonial: "読書するのに最適な場所です。いつもありがとうございます。",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-drinking-coffee-outdoors_1303-11352.jpg",
},
{
id: "3",
name: "鈴木様",
handle: "@coffee_life",
testimonial: "自家焙煎珈琲の香りがたまりません。毎日寄っています。",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-resting-table-sipping-tea_23-2148114053.jpg",
},
{
id: "4",
name: "高橋様",
handle: "@dessert_fan",
testimonial: "デザートがどれも可愛くて美味しい。季節ごとのタルトが楽しみ。",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg",
},
{
id: "5",
name: "伊藤様",
handle: "@business_trip",
testimonial: "仕事の合間にリフレッシュできる貴重な場所です。",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-student-learning-exam_23-2149647123.jpg",
},
{ id: "1", name: "田中様", handle: "@cafe_lover", testimonial: "いつも落ち着いた空間で癒されています。抹茶ラテが最高です！", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cute-elegant-calm-happy-woman-green-summer-dress-sits-with-coffee-cafe-enjoying-morning_343596-3669.jpg" },
{ id: "2", name: "佐藤様", handle: "@reader_san", testimonial: "読書するのに最適な場所です。いつもありがとうございます。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-drinking-coffee-outdoors_1303-11352.jpg" },
{ id: "3", name: "鈴木様", handle: "@coffee_life", testimonial: "自家焙煎珈琲の香りがたまりません。毎日寄っています。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-resting-table-sipping-tea_23-2148114053.jpg" },
{ id: "4", name: "高橋様", handle: "@dessert_fan", testimonial: "デザートがどれも可愛くて美味しい。季節ごとのタルトが楽しみ。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg" },
{ id: "5", name: "伊藤様", handle: "@business_trip", testimonial: "仕事の合間にリフレッシュできる貴重な場所です。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-student-learning-exam_23-2149647123.jpg" },
]}
showRating={true}
title="お客様の声"
@@ -291,21 +147,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "予約はできますか？",
content: "はい、平日のみご予約を承っております。",
},
{
id: "2",
title: "Wi-Fiはありますか？",
content: "はい、全席で無料でご利用いただけます。",
},
{
id: "3",
title: "駐車場はありますか？",
content: "店舗横に2台分ございます。",
},
{ id: "1", title: "予約はできますか？", content: "はい、平日のみご予約を承っております。" },
{ id: "2", title: "Wi-Fiはありますか？", content: "はい、全席で無料でご利用いただけます。" },
{ id: "3", title: "駐車場はありますか？", content: "店舗横に2台分ございます。" },
]}
title="よくある質問"
description="ご来店前にお役立てください。"
@@ -316,9 +160,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="お問い合わせ"
title="お気軽にご連絡ください"
description="ご質問やご予約についてのお問い合わせをお待ちしております。"
@@ -330,45 +172,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "くらるカフェについて",
items: [
{
label: "店舗概要",
href: "#about",
},
{
label: "アクセス",
href: "#contact",
},
],
},
{
title: "メニュー",
items: [
{
label: "コーヒー",
href: "#products",
},
{
label: "デザート",
href: "#products",
},
],
},
{
title: "法的事項",
items: [
{
label: "プライバシーポリシー",
href: "#",
},
{
label: "利用規約",
href: "#",
},
],
},
{ title: "くらるカフェについて", items: [{ label: "店舗概要", href: "#about" }, { label: "アクセス", href: "#contact" }] },
{ title: "メニュー", items: [{ label: "コーヒー", href: "#products" }, { label: "デザート", href: "#products" }] },
{ title: "法的事項", items: [{ label: "プライバシーポリシー", href: "#" }, { label: "利用規約", href: "#" }] },
]}
logoText="くらるカフェ"
/>