Merge version_2 into main #2
59
src/app/faq/page.tsx
Normal file
59
src/app/faq/page.tsx
Normal file
@@ -0,0 +1,59 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
|
||||
export default function FaqPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "ホーム", id: "/" },
|
||||
{ name: "店舗一覧", id: "/stores" },
|
||||
{ name: "FAQ", id: "/faq" },
|
||||
]}
|
||||
brandName="岐阜ソフトバンク代理店"
|
||||
button={{ text: "お問い合わせ" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq" className="pt-32 pb-20">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "予約は必要ですか？", content: "事前予約がスムーズです。" },
|
||||
{ id: "q2", title: "乗り換えはできますか？", content: "可能です。" },
|
||||
]}
|
||||
title="よくあるご質問"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="岐阜ソフトバンク代理店"
|
||||
columns={[
|
||||
{ title: "店舗情報", items: [{ label: "店舗一覧", href: "/stores" }] },
|
||||
{ title: "サポート", items: [{ label: "FAQ", href: "/faq" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
110
src/app/page.tsx
110
src/app/page.tsx
@@ -32,11 +32,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "ホーム", id: "#hero" },
|
||||
{ name: "私たちについて", id: "#about" },
|
||||
{ name: "選ばれる理由", id: "#features" },
|
||||
{ name: "スタッフ紹介", id: "#team" },
|
||||
{ name: "お問い合わせ", id: "#contact" },
|
||||
{ name: "ホーム", id: "/" },
|
||||
{ name: "店舗一覧", id: "/stores" },
|
||||
{ name: "FAQ", id: "/faq" },
|
||||
]}
|
||||
brandName="岐阜ソフトバンク代理店"
|
||||
button={{ text: "お問い合わせ" }}
|
||||
@@ -47,116 +45,20 @@ export default function LandingPage() {
|
||||
<HeroCarouselLogo
|
||||
logoText="岐阜で一番身近なソフトバンク"
|
||||
description="県内15店舗を展開。お買い物ついでにスマホのお悩みを相談できる、地域密着型の店舗です。"
|
||||
buttons={[{ text: "お近くの店舗を探す", href: "#contact" }]}
|
||||
buttons={[{ text: "お近くの店舗を探す", href: "/stores" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-friends-hostel_23-2150518184.jpg", imageAlt: "岐阜の店舗風景" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/car-repairman-with-protective-face-mask-texting-smart-phone-his-workshop_637285-9332.jpg", imageAlt: "明るい接客風景" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/group-friends-meeting-restaurant_23-2150520048.jpg", imageAlt: "地域連携の様子" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072230.jpg", imageAlt: "スマホ相談コーナー" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-team-waiting-someone-street-cafe_74855-1520.jpg", imageAlt: "スタッフの笑顔" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/elegant-women-with-shopping-bags-city_1157-26763.jpg", imageAlt: "店舗外観" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout useInvertedBackground={false} tag="About Us" title="私たちのミッション" tagIcon={Users} />
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{ items: ["複雑な料金プランの撤廃", "強引な営業の禁止", "待ち時間の短縮"] }}
|
||||
positiveCard={{ items: ["県内15店舗の安心感", "商業施設内での利便性", "地域密着の柔軟な対応"] }}
|
||||
title="選ばれる理由"
|
||||
description="イオンやバローなど、皆様の生活拠点にあるからこそ、気軽にご相談いただけます。"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{ id: "staff-1", name: "山田 太郎", role: "店長", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg" },
|
||||
{ id: "staff-2", name: "鈴木 花子", role: "アドバイザー", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg" },
|
||||
{ id: "staff-3", name: "佐藤 健", role: "サポートスタッフ", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-employee-standing-with-crossed-arms-looking-confident-wearing-white-shirt-standing-office_141793-21248.jpg" },
|
||||
{ id: "staff-4", name: "高橋 陽子", role: "シニアアドバイザー", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-smiling-camera_74855-3966.jpg" },
|
||||
{ id: "staff-5", name: "伊藤 誠", role: "店舗管理", imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg" },
|
||||
]}
|
||||
title="一緒に働く仲間たち"
|
||||
description="社内イベントも盛りだくさん！明るいスタッフが皆様をお待ちしています。"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "田中様", role: "主婦", company: "岐阜市在住", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-with-brown-eyes-dressed-casually-white-t-shirt-yellow-headband-joyful-attractive-housewife-being-glad-see-her-relatives-people-emotions_273609-8033.jpg" },
|
||||
{ id: "2", name: "伊藤様", role: "会社員", company: "大垣市在住", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg" },
|
||||
{ id: "3", name: "佐々木様", role: "学生", company: "高山市在住", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-caucasian-girl-with-pixie-haircut-standing-with-closed-posture-profile-view-isolated-green-background-with-copy-space_141793-31827.jpg" },
|
||||
{ id: "4", name: "高橋様", role: "自営業", company: "羽島市在住", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-gray-haired-female-retirement-posing-isolated-black-t-shirt-keeping-arms-crossed-being-good-mood-looking-camera-with-confident-smile-expressing-positive-emotions_343059-1896.jpg" },
|
||||
{ id: "5", name: "中村様", role: "会社員", company: "海津市在住", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-mature-man-standing-with-arms-crossed_53876-22971.jpg" },
|
||||
]}
|
||||
title="お客様の声"
|
||||
description="多くのお客様から嬉しいお声をいただいています。"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "15+", title: "店舗展開", description: "県内主要エリアをカバー", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-red-location-pin-map-with-route_107791-14915.jpg" },
|
||||
{ id: "m2", value: "8年", title: "設立以来の歩み", description: "地域に根ざして成長", imageSrc: "http://img.b2bpic.net/free-photo/man-with-shirt-tie-drawing-arrow_1134-469.jpg" },
|
||||
{ id: "m3", value: "多数", title: "笑顔の数", description: "毎日多くのお客様へサポート", imageSrc: "http://img.b2bpic.net/free-photo/front-view-arrangement-with-different-feelings_23-2148860244.jpg" },
|
||||
]}
|
||||
title="岐阜での実績"
|
||||
description="おかげさまで多くの方に支持されています。"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "予約は必要ですか？", content: "飛び込みも大歓迎ですが、事前予約がスムーズです。" },
|
||||
{ id: "q2", title: "他社からの乗り換えはできますか？", content: "もちろん可能です。専門スタッフが手続きをサポートします。" },
|
||||
{ id: "q3", title: "店舗の場所は？", content: "大型商業施設を中心に展開しております。サイト内の地図をご覧ください。" },
|
||||
{ id: "q4", title: "相談だけでもいいですか？", content: "はい、ご相談のみのご来店も大歓迎です。お気軽にお立ち寄りください。" },
|
||||
{ id: "q5", title: "支払い方法は？", content: "各種クレジットカード、電子マネー、口座振替に対応しております。" },
|
||||
]}
|
||||
title="よくあるご質問"
|
||||
faqsAnimation="slide-up"
|
||||
description="お客様からよくいただくご質問をまとめました。"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
text="店舗へのお問い合わせ、ご相談はこちらから。"
|
||||
buttons={[{ text: "お問い合わせ", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="岐阜ソフトバンク代理店"
|
||||
columns={[
|
||||
{ title: "店舗情報", items: [{ label: "店舗一覧", href: "#" }, { label: "最新情報", href: "#" }] },
|
||||
{ title: "企業情報", items: [{ label: "会社概要", href: "#" }, { label: "採用情報", href: "#" }] },
|
||||
{ title: "店舗情報", items: [{ label: "店舗一覧", href: "/stores" }] },
|
||||
{ title: "サポート", items: [{ label: "FAQ", href: "/faq" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
50
src/app/stores/page.tsx
Normal file
50
src/app/stores/page.tsx
Normal file
@@ -0,0 +1,50 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
|
||||
export default function StoresPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "ホーム", id: "/" },
|
||||
{ name: "店舗一覧", id: "/stores" },
|
||||
{ name: "FAQ", id: "/faq" },
|
||||
]}
|
||||
brandName="岐阜ソフトバンク代理店"
|
||||
button={{ text: "お問い合わせ" }}
|
||||
/>
|
||||
</div>
|
||||
<div className="pt-32 pb-20 px-6">
|
||||
<TextAbout title="店舗一覧" />
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="岐阜ソフトバンク代理店"
|
||||
columns={[
|
||||
{ title: "店舗情報", items: [{ label: "店舗一覧", href: "/stores" }] },
|
||||
{ title: "サポート", items: [{ label: "FAQ", href: "/faq" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user