"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
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="やま幸について"
    />
  </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">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "初回相談は有料ですか？",
          content: "初回相談は無料で行っております。お気軽にお問い合わせください。",
        },
        {
          id: "2",
          title: "対応エリアを教えてください",
          content: "日本全国どこでもオンラインで対応可能です。",
        },
        {
          id: "3",
          title: "支払い方法は？",
          content: "銀行振込、クレジットカードに対応しています。",
        },
      ]}
      sideTitle="よくある質問"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "gradient-bars",
      }}
      tag="お問い合わせ"
      title="お気軽にご相談ください"
      description="貴社のビジネスを次のレベルへ。まずは無料相談から始めましょう。"
      imageSrc="http://img.b2bpic.net/free-photo/layers-black-torn-paper_23-2148748898.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="やま幸"
      copyrightText="© 2025 やま幸 All Rights Reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
