Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
238
src/app/page.tsx
238
src/app/page.tsx
@@ -30,26 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "ホーム",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "ショップ案内",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "こだわり",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "クチコミ",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "お問い合わせ",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "ホーム", id: "hero" },
|
||||
{ name: "ショップ案内", id: "about" },
|
||||
{ name: "こだわり", id: "features" },
|
||||
{ name: "クチコミ", id: "testimonials" },
|
||||
{ name: "お問い合わせ", id: "contact" }
|
||||
]}
|
||||
brandName="花よし"
|
||||
/>
|
||||
@@ -57,33 +42,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="心に寄り添う、お花を。"
|
||||
description="北名古屋市の花よしです。大切な記念日や感謝の気持ちを伝えるお花のアレンジメントを、心を込めてお作りします。"
|
||||
tag="北名古屋市の花屋"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bouquet-flowers-is-displayed-table_188544-45468.jpg?_wi=1",
|
||||
imageAlt: "fresh floral bouquet workshop",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bouquet-flowers-is-displayed-table_188544-45468.jpg", imageAlt: "fresh floral bouquet workshop"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bouquet-flowers-wooden-bar_1162-3.jpg",
|
||||
imageAlt: "fresh floral bouquet workshop",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/violet-yellow-flowers-put-paper-box-stand-grey-background_1304-2748.jpg",
|
||||
imageAlt: "Violet and yellow flowers put in a paper box stand on grey background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-assorted-boutonnieres-table_1304-4066.jpg",
|
||||
imageAlt: "Small assorted boutonnieres on table",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-artificial-flowers-wooden-desk_23-2147925582.jpg",
|
||||
imageAlt: "Colorful artificial flowers on wooden desk",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bouquet-flowers-wooden-bar_1162-3.jpg", imageAlt: "fresh floral bouquet workshop"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -98,20 +67,11 @@ export default function LandingPage() {
|
||||
title="地域に愛されて。花よしの想い。"
|
||||
description="長年、地域のみなさまの笑顔に寄り添ってきました。お母様の誕生日を祝うような温かい心で、一つひとつのお花をご用意いたします。"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "新鮮な旬のお花",
|
||||
description: "厳選された新鮮な生花を毎日入荷しております。",
|
||||
},
|
||||
{
|
||||
title: "親切丁寧な相談",
|
||||
description: "ご予算やご用途に合わせて、最適なブーケをご提案します。",
|
||||
},
|
||||
{
|
||||
title: "柔軟な対応",
|
||||
description: "急なご依頼にもできる限りお応えできるよう努めております。",
|
||||
},
|
||||
{ title: "新鮮な旬のお花", description: "厳選された新鮮な生花を毎日入荷しております。" },
|
||||
{ title: "親切丁寧な相談", description: "ご予算やご用途に合わせて、最適なブーケをご提案します。" },
|
||||
{ title: "柔軟な対応", description: "急なご依頼にもできる限りお応えできるよう努めております。" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-african-woman-florist-taking-care-flowers-workplace-white-wall_176420-12277.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-african-woman-florist-taking-care-flowers-workplace-white-wall_176420-12277.jpg"
|
||||
imageAlt="friendly florist shop owner"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -122,41 +82,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Gift",
|
||||
title: "記念日ギフト",
|
||||
subtitle: "特別な日に",
|
||||
description: "夫妻の記念日や誕生日、お祝いごとに最適なアレンジを。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-flowers-wooden-fence-closeup_169016-20746.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
tag: "Service",
|
||||
title: "手厚いアレンジ",
|
||||
subtitle: "心を込めて",
|
||||
description: "ご希望の雰囲気に合わせた丁寧なラッピングを心がけています。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-florist-woman_23-2149215271.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
tag: "Delivery",
|
||||
title: "地域密着配送",
|
||||
subtitle: "安心のお届け",
|
||||
description: "北名古屋市周辺を中心に、大切なお花を安全にお届けします。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-flowers_624325-790.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
tag: "Design",
|
||||
title: "デザイナーズブーケ",
|
||||
subtitle: "洗練された花束",
|
||||
description: "熟練のフローリストがトレンドを取り入れたアレンジを行います。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-female-florist-tying-bunch-flowers-with-ribbon-desk_23-2147929255.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Workshop",
|
||||
title: "フラワー教室",
|
||||
subtitle: "体験を楽しむ",
|
||||
description: "お花に触れる楽しさを提供する定期ワークショップを開催中。",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-building-their-own-dried-arrangement_23-2149697743.jpg",
|
||||
},
|
||||
{ tag: "Gift", title: "記念日ギフト", subtitle: "特別な日に", description: "夫妻の記念日や誕生日、お祝いごとに最適なアレンジを。", imageSrc: "http://img.b2bpic.net/free-photo/white-flowers-wooden-fence-closeup_169016-20746.jpg" },
|
||||
{ tag: "Service", title: "手厚いアレンジ", subtitle: "心を込めて", description: "ご希望の雰囲気に合わせた丁寧なラッピングを心がけています。", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-florist-woman_23-2149215271.jpg" },
|
||||
{ tag: "Delivery", title: "地域密着配送", subtitle: "安心のお届け", description: "北名古屋市周辺を中心に、大切なお花を安全にお届けします。", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-flowers_624325-790.jpg" },
|
||||
{ tag: "Design", title: "デザイナーズブーケ", subtitle: "洗練された花束", description: "熟練のフローリストがトレンドを取り入れたアレンジを行います。", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-female-florist-tying-bunch-flowers-with-ribbon-desk_23-2147929255.jpg" },
|
||||
{ tag: "Workshop", title: "フラワー教室", subtitle: "体験を楽しむ", description: "お花に触れる楽しさを提供する定期ワークショップを開催中。", imageSrc: "http://img.b2bpic.net/free-photo/people-building-their-own-dried-arrangement_23-2149697743.jpg" }
|
||||
]}
|
||||
title="花よしが選ばれる理由"
|
||||
description="お客様の想いをカタチにするために、こだわりのサービスを提供しています。"
|
||||
@@ -168,61 +98,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "あああアイラ",
|
||||
date: "1年前",
|
||||
title: "素敵な贈り物",
|
||||
quote: "優しく対応して下さり、可愛いお花を用意してくださいました！！感謝しています。",
|
||||
tag: "生花",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-casual-peach-sweater-isolated-green-olive-wall-hold-orange-white-flower-box-composition-cotton-flowers-gypsophila-wheat-lagurus-gift-happy-amazed-surprised_343596-5114.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bouquet-flowers-is-displayed-table_188544-45468.jpg?_wi=2",
|
||||
imageAlt: "smiling customer holding flowers",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "A A",
|
||||
date: "1年前",
|
||||
title: "急な依頼にも",
|
||||
quote: "前日の営業時間外の電話でも翌日の受け取りに対応してくださり、とても助かっています。",
|
||||
tag: "アレンジ",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/tender-young-woman-elegant-red-dress-holding-romantic-bouquet-red-roses-looking-right-smil_1258-174678.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-florist-taking-care-flowers-workplace-white-wall_176420-12277.jpg?_wi=2",
|
||||
imageAlt: "smiling customer holding flowers",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "佐藤 健",
|
||||
date: "2年前",
|
||||
title: "親切なオーナー",
|
||||
quote: "いつも親切なオーナーさんの顔を見にきて、幸せな気持ちになります。",
|
||||
tag: "常連",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-with-pink-roses-pink-colors_140725-147048.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-flowers-wooden-fence-closeup_169016-20746.jpg?_wi=2",
|
||||
imageAlt: "smiling customer holding flowers",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "鈴木 花子",
|
||||
date: "3年前",
|
||||
title: "記念日に",
|
||||
quote: "記念日のお花はいつもここにお願いしています。仕上がりがいつも可愛い！",
|
||||
tag: "ギフト",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/women-making-preparations-wedding_23-2149184335.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-florist-woman_23-2149215271.jpg?_wi=2",
|
||||
imageAlt: "smiling customer holding flowers",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "高橋 誠",
|
||||
date: "4年前",
|
||||
title: "心のこもった対応",
|
||||
quote: "父の棺に入れるお花を購入しました。丁寧な対応に救われました。",
|
||||
tag: "供花",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-young-man-arranging-flower-florist-shop_23-2148075305.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-flowers_624325-790.jpg?_wi=2",
|
||||
imageAlt: "smiling customer holding flowers",
|
||||
},
|
||||
{ id: "1", name: "あああアイラ", date: "1年前", title: "素敵な贈り物", quote: "優しく対応して下さり、可愛いお花を用意してくださいました！！感謝しています。", tag: "生花", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-casual-peach-sweater-isolated-green-olive-wall-hold-orange-white-flower-box-composition-cotton-flowers-gypsophila-wheat-lagurus-gift-happy-amazed-surprised_343596-5114.jpg", imageSrc: "http://img.b2bpic.net/free-photo/bouquet-flowers-is-displayed-table_188544-45468.jpg", imageAlt: "smiling customer holding flowers" },
|
||||
{ id: "2", name: "A A", date: "1年前", title: "急な依頼にも", quote: "前日の営業時間外の電話でも翌日の受け取りに対応してくださり、とても助かっています。", tag: "アレンジ", avatarSrc: "http://img.b2bpic.net/free-photo/tender-young-woman-elegant-red-dress-holding-romantic-bouquet-red-roses-looking-right-smil_1258-174678.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-florist-taking-care-flowers-workplace-white-wall_176420-12277.jpg", imageAlt: "smiling customer holding flowers" },
|
||||
{ id: "3", name: "佐藤 健", date: "2年前", title: "親切なオーナー", quote: "いつも親切なオーナーさんの顔を見にきて、幸せな気持ちになります。", tag: "常連", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-with-pink-roses-pink-colors_140725-147048.jpg", imageSrc: "http://img.b2bpic.net/free-photo/white-flowers-wooden-fence-closeup_169016-20746.jpg", imageAlt: "smiling customer holding flowers" },
|
||||
{ id: "4", name: "鈴木 花子", date: "3年前", title: "記念日に", quote: "記念日のお花はいつもここにお願いしています。仕上がりがいつも可愛い！", tag: "ギフト", avatarSrc: "http://img.b2bpic.net/free-photo/women-making-preparations-wedding_23-2149184335.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-florist-woman_23-2149215271.jpg", imageAlt: "smiling customer holding flowers" },
|
||||
{ id: "5", name: "高橋 誠", date: "4年前", title: "心のこもった対応", quote: "父の棺に入れるお花を購入しました。丁寧な対応に救われました。", tag: "供花", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-young-man-arranging-flower-florist-shop_23-2148075305.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-flowers_624325-790.jpg", imageAlt: "smiling customer holding flowers" }
|
||||
]}
|
||||
title="お客様の声"
|
||||
description="いつもご利用いただいているお客様からの温かいメッセージです。"
|
||||
@@ -233,21 +113,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "予約は必要ですか？",
|
||||
content: "ご希望のイメージがある場合は事前のご予約をおすすめしております。",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "配達は可能ですか？",
|
||||
content: "近隣エリアへの配達を承っております。詳細はお電話にてお問い合わせください。",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "営業時間は？",
|
||||
content: "午前9:00から営業しております。定休日等の詳細はInstagram等もご確認ください。",
|
||||
},
|
||||
{ id: "f1", title: "予約は必要ですか？", content: "ご希望のイメージがある場合は事前のご予約をおすすめしております。" },
|
||||
{ id: "f2", title: "配達は可能ですか？", content: "近隣エリアへの配達を承っております。詳細はお電話にてお問い合わせください。" },
|
||||
{ id: "f3", title: "営業時間は？", content: "午前9:00から営業しております。定休日等の詳細はInstagram等もご確認ください。" }
|
||||
]}
|
||||
sideTitle="よくあるご質問"
|
||||
sideDescription="店舗についてのお問い合わせはこちらをご覧ください。"
|
||||
@@ -260,13 +128,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"地域の皆様",
|
||||
"結婚式場",
|
||||
"地元飲食店",
|
||||
"フラワー協会",
|
||||
"イベント会社",
|
||||
"学校行事",
|
||||
"地元農園",
|
||||
"地域の皆様", "結婚式場", "地元飲食店", "フラワー協会", "イベント会社", "学校行事", "地元農園"
|
||||
]}
|
||||
title="地域のパートナー"
|
||||
description="地元の皆様をはじめ、様々なシーンでお花をお届けしています。"
|
||||
@@ -279,24 +141,10 @@ export default function LandingPage() {
|
||||
title="お気軽にご相談ください"
|
||||
description="ご予約やお花のご相談は、お電話またはフォームよりお気軽にお寄せください。"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "お名前",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "電話番号",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "お名前", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "電話番号", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "ご相談内容やご希望のお花について",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "ご相談内容やご希望のお花について", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-business-owner-standing-outdoors_23-2149434497.jpg"
|
||||
imageAlt="flower shop front exterior"
|
||||
/>
|
||||
@@ -305,30 +153,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "アクセス",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "営業時間",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "お問い合わせ",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "アクセス", href: "#" }, { label: "Instagram", href: "https://instagram.com" }] },
|
||||
{ items: [{ label: "営業時間", href: "#" }, { label: "お問い合わせ", href: "#contact" }] }
|
||||
]}
|
||||
logoText="花よし"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user