Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
231
src/app/page.tsx
231
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "ホーム",
|
||||
id: "hero",
|
||||
},
|
||||
name: "ホーム", id: "hero"},
|
||||
{
|
||||
name: "選ばれる理由",
|
||||
id: "features",
|
||||
},
|
||||
name: "選ばれる理由", id: "features"},
|
||||
{
|
||||
name: "料金",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "料金", id: "pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="StyleFit"
|
||||
/>
|
||||
@@ -54,75 +46,48 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="はじめてのジムでも、ここなら続けられる。"
|
||||
description="StyleFitは、運動が久しぶりの方やジム初心者の方でも安心して始められるフィットネスジムです。スタッフがマシンの使い方を丁寧にサポート。自分のペースで続けられます。"
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "初心者サポート",
|
||||
},
|
||||
value: "100%", label: "初心者サポート"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "通いやすさ",
|
||||
},
|
||||
value: "24/7", label: "通いやすさ"},
|
||||
{
|
||||
value: "0",
|
||||
label: "無理のない運動",
|
||||
},
|
||||
value: "0", label: "無理のない運動"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-view-exercise-machines_1203-949.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-view-exercise-machines_1203-949.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-blur-gym-fitness-room_74190-4478.jpg",
|
||||
alt: "Abstract blur gym and fitness room",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-blur-gym-fitness-room_74190-4478.jpg", alt: "Abstract blur gym and fitness room"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sports-woman-training-morning-gym_1157-28775.jpg",
|
||||
alt: "Sports woman training in a morning gym",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/sports-woman-training-morning-gym_1157-28775.jpg", alt: "Sports woman training in a morning gym"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/defocused-running-machine_1203-366.jpg",
|
||||
alt: "Defocused running machine",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/defocused-running-machine_1203-366.jpg", alt: "Defocused running machine"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-blur-fitness-gym-interior_74190-6510.jpg",
|
||||
alt: "Abstract blur fitness and gym interior",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-blur-fitness-gym-interior_74190-6510.jpg", alt: "Abstract blur fitness and gym interior"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-sports-people-training-morning-gym_1157-32132.jpg",
|
||||
alt: "Young sports people training in a morning gym",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-sports-people-training-morning-gym_1157-32132.jpg", alt: "Young sports people training in a morning gym"},
|
||||
]}
|
||||
avatarText="1,000人以上のメンバーが健康を習慣化しています"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "初回レクチャー無料",
|
||||
icon: CheckCircle,
|
||||
type: "text-icon", text: "初回レクチャー無料", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24時間いつでも利用可能",
|
||||
icon: Clock,
|
||||
type: "text-icon", text: "24時間いつでも利用可能", icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "充実のスタジオレッスン",
|
||||
icon: Music,
|
||||
type: "text-icon", text: "充実のスタジオレッスン", icon: Music,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "シャワー・更衣室完備",
|
||||
icon: Droplets,
|
||||
type: "text-icon", text: "シャワー・更衣室完備", icon: Droplets,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "初心者専用サポート",
|
||||
icon: Users,
|
||||
type: "text-icon", text: "初心者専用サポート", icon: Users,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -135,40 +100,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "初心者でも安心",
|
||||
description: "はじめてのジムはマシンの使い方や何から始めればいいか不安なもの。StyleFitでは、初心者の方にもわかりやすく丁寧にご案内します。",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-women-gym-talking_23-2148419847.jpg",
|
||||
},
|
||||
title: "初心者でも安心", description: "はじめてのジムはマシンの使い方や何から始めればいいか不安なもの。StyleFitでは、初心者の方にもわかりやすく丁寧にご案内します。", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-women-gym-talking_23-2148419847.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-helping-man-exercise_23-2149734682.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-view-exercise-machines_1203-949.jpg?_wi=2",
|
||||
imageAlt: "trainer supporting gym student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-helping-man-exercise_23-2149734682.jpg"}
|
||||
},
|
||||
{
|
||||
title: "楽しく続けられる",
|
||||
description: "マシントレーニングだけでなく、スタジオプログラムも充実。運動が苦手な方でも、自分に合った楽しみ方を見つけられます。",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-fun-zumba-class_23-2149074857.jpg",
|
||||
},
|
||||
title: "楽しく続けられる", description: "マシントレーニングだけでなく、スタジオプログラムも充実。運動が苦手な方でも、自分に合った楽しみ方を見つけられます。", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-fun-zumba-class_23-2149074857.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-showing-wellness-balloons-word_53876-30812.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-gym_23-2147789567.jpg?_wi=1",
|
||||
imageAlt: "trainer supporting gym student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-showing-wellness-balloons-word_53876-30812.jpg"}
|
||||
},
|
||||
{
|
||||
title: "通いやすい価格",
|
||||
description: "無理なく続けられる料金設定で、日々の健康づくりをもっと身近に。「運動を習慣にしたい」方にぴったりのジムです。",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-theme_23-2147621465.jpg",
|
||||
},
|
||||
title: "通いやすい価格", description: "無理なく続けられる料金設定で、日々の健康づくりをもっと身近に。「運動を習慣にしたい」方にぴったりのジムです。", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-theme_23-2147621465.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-gym-talking-each-other_23-2148419892.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-athletic-woman-doing-stretching-exercises-while-working-out-home_637285-5156.jpg?_wi=1",
|
||||
imageAlt: "trainer supporting gym student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-gym-talking-each-other_23-2148419892.jpg"}
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -184,36 +131,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Entry",
|
||||
price: "¥4,980",
|
||||
period: "/月",
|
||||
description: "まずは運動を習慣化したい方に最適なプランです。",
|
||||
button: {
|
||||
text: "入会する",
|
||||
},
|
||||
featuresTitle: "プラン内容",
|
||||
features: [
|
||||
"ジムエリア利用",
|
||||
"マシン初回レクチャー",
|
||||
"更衣室・シャワー完備",
|
||||
],
|
||||
id: "basic", tag: "Entry", price: "¥4,980", period: "/月", description: "まずは運動を習慣化したい方に最適なプランです。", button: {
|
||||
text: "入会する"},
|
||||
featuresTitle: "プラン内容", features: [
|
||||
"ジムエリア利用", "マシン初回レクチャー", "更衣室・シャワー完備"],
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
tag: "Recommended",
|
||||
price: "¥7,980",
|
||||
period: "/月",
|
||||
description: "スタジオプログラムも楽しみたい方に人気のプランです。",
|
||||
button: {
|
||||
text: "入会する",
|
||||
},
|
||||
featuresTitle: "プラン内容",
|
||||
features: [
|
||||
"ジムエリア・スタジオ利用",
|
||||
"全プログラム参加可能",
|
||||
"水素水飲み放題",
|
||||
],
|
||||
id: "standard", tag: "Recommended", price: "¥7,980", period: "/月", description: "スタジオプログラムも楽しみたい方に人気のプランです。", button: {
|
||||
text: "入会する"},
|
||||
featuresTitle: "プラン内容", features: [
|
||||
"ジムエリア・スタジオ利用", "全プログラム参加可能", "水素水飲み放題"],
|
||||
},
|
||||
]}
|
||||
title="選べる料金プラン"
|
||||
@@ -228,40 +155,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "佐藤 恵子",
|
||||
handle: "30代会社員",
|
||||
testimonial: "全くの未経験でしたが、スタッフさんが優しく教えてくれて続けられています。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-gym_23-2147789567.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", name: "佐藤 恵子", handle: "30代会社員", testimonial: "全くの未経験でしたが、スタッフさんが優しく教えてくれて続けられています。", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-gym_23-2147789567.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "田中 誠",
|
||||
handle: "40代自営業",
|
||||
testimonial: "価格が手頃なので、気軽に通い続けられるのが一番のメリットです。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-athletic-woman-doing-stretching-exercises-while-working-out-home_637285-5156.jpg?_wi=2",
|
||||
},
|
||||
id: "t2", name: "田中 誠", handle: "40代自営業", testimonial: "価格が手頃なので、気軽に通い続けられるのが一番のメリットです。", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-athletic-woman-doing-stretching-exercises-while-working-out-home_637285-5156.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "鈴木 花子",
|
||||
handle: "20代学生",
|
||||
testimonial: "スタジオプログラムが楽しくて、友達と一緒に通っています。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-is-engaged-gym_1157-32157.jpg",
|
||||
},
|
||||
id: "t3", name: "鈴木 花子", handle: "20代学生", testimonial: "スタジオプログラムが楽しくて、友達と一緒に通っています。", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-is-engaged-gym_1157-32157.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "高橋 健太",
|
||||
handle: "50代会社員",
|
||||
testimonial: "健康のために始めましたが、今では生活の一部になりました。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trainer-chatting-with-female-boxer-ring_23-2148426155.jpg",
|
||||
},
|
||||
id: "t4", name: "高橋 健太", handle: "50代会社員", testimonial: "健康のために始めましたが、今では生活の一部になりました。", imageSrc: "http://img.b2bpic.net/free-photo/trainer-chatting-with-female-boxer-ring_23-2148426155.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "伊藤 陽子",
|
||||
handle: "60代主婦",
|
||||
testimonial: "無理せず自分のペースで運動できるので、毎週楽しみにしています。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-fitness-girl_23-2148010694.jpg",
|
||||
},
|
||||
id: "t5", name: "伊藤 陽子", handle: "60代主婦", testimonial: "無理せず自分のペースで運動できるので、毎週楽しみにしています。", imageSrc: "http://img.b2bpic.net/free-photo/smiling-fitness-girl_23-2148010694.jpg"},
|
||||
]}
|
||||
title="メンバーの声"
|
||||
description="StyleFitで楽しく運動を続けているメンバーの感想です。"
|
||||
@@ -274,20 +176,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "運動が苦手でも大丈夫ですか？",
|
||||
content: "もちろんです。初心者の方でも無理なく楽しめるメニューをご用意しています。",
|
||||
},
|
||||
id: "q1", title: "運動が苦手でも大丈夫ですか？", content: "もちろんです。初心者の方でも無理なく楽しめるメニューをご用意しています。"},
|
||||
{
|
||||
id: "q2",
|
||||
title: "何から始めればいいかわかりません",
|
||||
content: "スタッフがマシンの使い方から丁寧にサポートしますのでご安心ください。",
|
||||
},
|
||||
id: "q2", title: "何から始めればいいかわかりません", content: "スタッフがマシンの使い方から丁寧にサポートしますのでご安心ください。"},
|
||||
{
|
||||
id: "q3",
|
||||
title: "見学はできますか？",
|
||||
content: "いつでも大歓迎です。お気軽にお近くの店舗へお越しください。",
|
||||
},
|
||||
id: "q3", title: "見学はできますか？", content: "いつでも大歓迎です。お気軽にお近くの店舗へお越しください。"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-urban-gym_23-2151917991.jpg"
|
||||
title="よくある質問"
|
||||
@@ -300,8 +193,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="お申し込み"
|
||||
title="まずは見学・体験から"
|
||||
description="StyleFitで理想のフィットネスライフを始めませんか？お気軽にお申し込みください。"
|
||||
@@ -313,42 +205,27 @@ export default function LandingPage() {
|
||||
logoText="StyleFit"
|
||||
columns={[
|
||||
{
|
||||
title: "店舗情報",
|
||||
items: [
|
||||
title: "店舗情報", items: [
|
||||
{
|
||||
label: "店舗一覧",
|
||||
href: "#",
|
||||
},
|
||||
label: "店舗一覧", href: "#"},
|
||||
{
|
||||
label: "アクセス",
|
||||
href: "#",
|
||||
},
|
||||
label: "アクセス", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "サポート",
|
||||
items: [
|
||||
title: "サポート", items: [
|
||||
{
|
||||
label: "お問い合わせ",
|
||||
href: "#",
|
||||
},
|
||||
label: "お問い合わせ", href: "#"},
|
||||
{
|
||||
label: "よくある質問",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "よくある質問", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "規約",
|
||||
items: [
|
||||
title: "規約", items: [
|
||||
{
|
||||
label: "プライバシーポリシー",
|
||||
href: "#",
|
||||
},
|
||||
label: "プライバシーポリシー", href: "#"},
|
||||
{
|
||||
label: "利用規約",
|
||||
href: "#",
|
||||
},
|
||||
label: "利用規約", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user