214 lines
8.8 KiB
TypeScript
214 lines
8.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import { Facebook, Instagram, Twitter } from "lucide-react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Services", id: "features"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="やま幸"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="やま幸の卓越したサービスを体験"
|
|
description="信頼と品質を追求する貴社だけのパートナー。私たちは、革新的なアプローチで貴社のビジネスを加速させます。"
|
|
kpis={[
|
|
{
|
|
value: "99%", label: "顧客満足度"},
|
|
{
|
|
value: "15年", label: "信頼の経験"},
|
|
{
|
|
value: "100+", label: "成功事例"},
|
|
]}
|
|
enableKpiAnimation={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/golden-bird-paradise-leaf-background-design-resource_53876-102383.jpg"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/twig-near-ceramic-cups_23-2147811204.jpg", alt: "Twig near ceramic cups"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/dark-plate-with-eggs-dark-background_23-2148340444.jpg", alt: "Dark plate with eggs on a dark background"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/from-twig-near-cups-lamp_23-2147811207.jpg", alt: "From above twig near cups and lamp"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-16072.jpg", alt: "Photo of metal texture pattern"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/breathtaking-scenery-beautiful-sand-textures-dark-antelope-canyon-usa_181624-5042.jpg", alt: "Breathtaking scenery of beautiful sand textures"},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "卓越した品質"},
|
|
{
|
|
type: "text", text: "革新的なアプローチ"},
|
|
{
|
|
type: "text", text: "信頼のパートナー"},
|
|
{
|
|
type: "text", text: "迅速な戦略"},
|
|
{
|
|
type: "text", text: "ビジネス加速"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
negativeCard={{
|
|
items: [
|
|
"機会損失の回避", "非効率なプロセス排除"],
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"迅速な戦略導入", "高品質な成果物提供", "カスタマイズされたソリューション"],
|
|
}}
|
|
title="私たちの強み"
|
|
description="貴社のビジネスを次のステージへと導くための、独自のメソッドとアプローチ。"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={true}
|
|
title="やま幸について：信頼と権威の構築"
|
|
className="py-16"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "basic", badge: "Entry", price: "相談", subtitle: "まずは小規模から", features: [
|
|
"基本コンサルティング", "メールサポート"],
|
|
},
|
|
{
|
|
id: "pro", badge: "Popular", price: "相談", subtitle: "成長を目指す貴社へ", features: [
|
|
"専属担当者", "優先対応", "戦略レポート"],
|
|
},
|
|
]}
|
|
title="シンプルな料金プラン"
|
|
description="貴社の規模とニーズに合わせた最適なプランをご提案します。"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "佐藤 健一", role: "CEO", company: "TechVision", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg"},
|
|
{
|
|
id: "2", name: "田中 美咲", role: "Director", company: "GrowthIn", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg"},
|
|
{
|
|
id: "3", name: "鈴木 一郎", role: "Manager", company: "FutureWorks", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg"},
|
|
{
|
|
id: "4", name: "高橋 直人", role: "VP", company: "InnovateX", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg"},
|
|
{
|
|
id: "5", name: "伊藤 ゆり", role: "Founder", company: "NextStartup", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "4.9", label: "平均評価"},
|
|
{
|
|
value: "95%", label: "継続率"},
|
|
{
|
|
value: "500+", label: "導入企業数"},
|
|
]}
|
|
title="顧客の声"
|
|
description="やま幸を選んでいただいた皆様からの信頼の証。"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
faqs={[
|
|
{
|
|
id: "1", title: "初回相談は有料ですか？", content: "初回相談は無料で行っております。お気軽にお問い合わせください。"},
|
|
{
|
|
id: "2", title: "対応エリアを教えてください", content: "日本全国どこでもオンラインで対応可能です。"},
|
|
{
|
|
id: "3", title: "支払い方法は？", content: "銀行振込、クレジットカードに対応しています。"},
|
|
]}
|
|
title="よくある質問"
|
|
description="サービスの導入に関する疑問を解消します。"
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/faq-bg-abstract_23-2149454124.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="お問い合わせ"
|
|
title="お気軽にご相談ください"
|
|
description="貴社のビジネスを次のレベルへ。まずは無料相談から始めましょう。"
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="やま幸"
|
|
copyrightText="© 2025 やま幸 | すべての権利を保有"
|
|
socialLinks={[
|
|
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
|
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
|
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |