"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeLargeTitles"
        background="blurBottom"
        cardStyle="subtle-shadow"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "トップ",          id: "hero"},
        {
          name: "サービス",          id: "services"},
        {
          name: "店舗情報",          id: "store"},
        {
          name: "お問い合わせ",          id: "contact"},
      ]}
      brandName="サンキューロックサービス"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "rotated-rays-static"}}
      title="即日対応・専門サポートで、鍵の不安を今すぐ解消。"
      description="創業1998年。中野区・鷺ノ宮で地域に寄り添う、鍵と防犯のプロフェッショナル。合鍵作成から電気錠、防犯カメラまで対応。"
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/isolated-padlock-with-copy-space_1194-637985.jpg",          imageAlt: "Luxury gold key close up"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/macro-shot-silver-christmas-ball-blurred-background_169016-61261.jpg",          imageAlt: "Luxury gold key close up"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/keys-lock-blue-door-panel-clean-space_169016-69560.jpg",          imageAlt: "Luxury gold key close up"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-key-books_23-2151011270.jpg",          imageAlt: "Luxury gold key close up"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-buildings_1127-3173.jpg",          imageAlt: "Luxury gold key close up"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/black-wall-with-golden-cracks_1268-30453.jpg",          imageAlt: "Luxury gold key close up"},
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-part-acoustic-guitar-macro-detail_169016-23077.jpg",          imageAlt: "Luxury gold key close up"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/modern-commercial-building-exterior-night-with-architectural-lighting_84443-74857.jpg",          imageAlt: "Luxury gold key close up"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-dark-stone-with-gold-inlays_84443-73857.jpg",          imageAlt: "Luxury gold key close up"},
        {
          imageSrc: "http://img.b2bpic.net/free-vector/futuristic-cyber-security-digital-lock-techno-background_1017-62541.jpg",          imageAlt: "Luxury gold key close up"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-ofa-vintage-old-keys-ground_181624-17547.jpg",          imageAlt: "Luxury gold key close up"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-key-coins_23-2147694625.jpg",          imageAlt: "Luxury gold key close up"},
      ]}
      buttons={[
        {
          text: "サービスを見る",          href: "#services"},
        {
          text: "今すぐ電話する",          href: "tel:03-3310-3969"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/metallic-key-still-life_23-2151011259.jpg",          alt: "Metallic key still life"},
        {
          src: "http://img.b2bpic.net/free-photo/keys-arrangement-studio_23-2151011253.jpg",          alt: "Keys arrangement in studio"},
        {
          src: "http://img.b2bpic.net/free-photo/small-bells-gonfalon-with-golden-crown-church_627829-11454.jpg",          alt: "Small bells at gonfalon with golden crown at church"},
        {
          src: "http://img.b2bpic.net/free-photo/dragonfly-tree-branch_1150-9263.jpg",          alt: "Dragonfly on tree branch"},
        {
          src: "http://img.b2bpic.net/free-photo/modern-kitchen-faucet-with-flexible-black-hose-professional-steel-tap-contemporary-interior_169016-72107.jpg",          alt: "Modern kitchen faucet with flexible black hose professional steel tap for contemporary interior"},
      ]}
      avatarText="地域で選ばれ続けて25年"
      marqueeItems={[
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/close-up-luxury-retro-radio-buttons_23-2148695303.jpg",          alt: "Close-up luxury retro radio buttons"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/metallic-key-still-life_23-2151011268.jpg",          alt: "Metallic key still life"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/gold-aesthetic-wallpaper-with-cars_23-2149872248.jpg",          alt: "Gold aesthetic wallpaper with cars"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/gold-aesthetic-wallpaper-with-cars-high-angle_23-2149872249.jpg",          alt: "Gold aesthetic wallpaper with cars high angle"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/city-night-with-vibrant-lights_23-2149836923.jpg",          alt: "City at night with vibrant lights"},
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "合鍵製作",          description: "純正キー・特殊キーを正確かつ迅速に作成いたします。",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-screwdriver-inserted-screw_23-2147922173.jpg",          imageAlt: "合鍵"},
        {
          title: "鍵交換・修理",          description: "住宅からオフィスまで、あらゆる錠前のトラブルを解決。",          imageSrc: "http://img.b2bpic.net/free-photo/back-view-deliverer-ringing-intercom-gate-customer-s-house-while-delivering-packages_637285-2337.jpg",          imageAlt: "鍵交換"},
        {
          title: "防犯カメラ",          description: "設計から施工、保守点検まで一括でサポートいたします。",          imageSrc: "http://img.b2bpic.net/free-photo/young-spanish-girl-black-face-mask-is-making-video-call-while-resting-outside_181624-56115.jpg",          imageAlt: "防犯カメラ"},
      ]}
      title="サービス一覧"
      description="鍵と防犯のトータルプロフェッショナルとして、幅広いお悩みに対応いたします。"
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={false}
      title="代表紹介"
      description="創業1998年以来、中野区・鷺ノ宮を拠点に地域社会の防犯にまい進しております。お客様に寄り添う誠実な仕事を大切にしています。"
      bulletPoints={[
        {
          title: "創業1998年",          description: "長年地域を支えてきた豊富な経験と実績。"},
        {
          title: "地域防犯活動",          description: "野方警察署被害者支援ネットワーク会員として活動。"},
        {
          title: "高い専門性",          description: "Kabaクラブ・Kaba ace認定店として確かな技術力。"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/portrait-male-barber-standing-with-arm-crossed_107420-94783.jpg"
      imageAlt="代表 町田永幸"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "A様（住宅）",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-designer_171337-15575.jpg"},
        {
          id: "2",          name: "B様（店舗）",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-woman-professional-blazer-outdoors_23-2150296635.jpg"},
        {
          id: "3",          name: "C様（法人）",          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up_74855-15159.jpg"},
        {
          id: "4",          name: "D様（住宅）",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-senior-man-holding-his-wife-his-arms_23-2148404410.jpg"},
        {
          id: "5",          name: "E様（事務所）",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-male-employee-white-collar-shirt-smiling-camera-standing-selfassured-agai_1258-112592.jpg"},
      ]}
      cardTitle="お客様の声"
      cardTag="4.6 ★ 評価"
      cardAnimation="slide-up"
    />
  </div>

  <div id="flow" data-section="flow">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",          value: "STEP 1",          title: "お電話相談",          description: "まずはフリーダイヤルまたは代表電話へご連絡ください。",          imageSrc: "http://img.b2bpic.net/free-photo/screwing-self-tapping-screw-into-metal-fastening-hole-wood-strip-using-screwdriver-work-carpenter_169016-13162.jpg"},
        {
          id: "2",          value: "STEP 2",          title: "ヒアリング",          description: "お客様の状況を詳しくお伺いし、最適な解決策をご提案。",          imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-blue-disposable-face-mask_181624-32286.jpg"},
        {
          id: "3",          value: "STEP 3",          title: "現地対応",          description: "プロの技術で迅速・丁寧な施工を行います。",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283287.jpg"},
      ]}
      title="ご依頼の流れ"
      description="お電話でのご相談から施工・動作確認まで、丁寧に対応いたします。"
    />
  </div>

  <div id="area" data-section="area">
      <FaqDouble
      textboxLayout="split"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",          title: "中野区・杉並区",          content: "鷺ノ宮駅周辺を拠点に、迅速に出張対応いたします。"},
        {
          id: "2",          title: "練馬区・新宿区",          content: "近隣エリアへのスピード出張に強みがあります。"},
        {
          id: "3",          title: "その他23区",          content: "都内全域の法人・個人のお客様からのご依頼を承っております。"},
      ]}
      title="対応エリア"
      description="中野区・鷺ノ宮を中心に東京23区全域をカバーいたします。"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="store" data-section="store">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "rotated-rays-static"}}
      text="店舗情報：〒165-0033 東京都中野区若宮3-58-26。西武新宿線鷺ノ宮駅徒歩0分。営業時間は平日9:00〜19:00、土曜9:00〜18:00。日曜祝日は定休日です。"
      buttons={[
        {
          text: "03-3310-3969 に電話する",          href: "tel:03-3310-3969"},
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      plans={[
        {
          id: "p1",          badge: "緊急対応",          price: "ご相談",          subtitle: "お電話で状況をお伺いします",          features: [
            "迅速対応",            "専門アドバイス",            "安心価格"],
          buttons: [
            {
              text: "電話する",              href: "tel:03-3310-3969"},
          ],
        },
        {
          id: "p2",          badge: "防犯診断",          price: "お見積り",          subtitle: "現地調査の上で最適提案",          features: [
            "防犯カメラ",            "電気錠施工",            "ホームセキュリティ"],
          buttons: [
            {
              text: "お見積り依頼",              href: "tel:03-3310-3969"},
          ],
        },
      ]}
      title="まずは無料相談を"
      description="鍵のお困りごと、すぐにご相談ください。"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "サービス",          items: [
            {
              label: "合鍵製作",              href: "#services"},
            {
              label: "鍵交換",              href: "#services"},
            {
              label: "防犯カメラ",              href: "#services"},
          ],
        },
        {
          title: "会社案内",          items: [
            {
              label: "代表紹介",              href: "#about"},
            {
              label: "対応エリア",              href: "#area"},
            {
              label: "店舗情報",              href: "#store"},
          ],
        },
        {
          title: "お問い合わせ",          items: [
            {
              label: "03-3310-3969",              href: "tel:03-3310-3969"},
            {
              label: "プライバシーポリシー",              href: "#"},
          ],
        },
      ]}
      logoText="サンキューロックサービス"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}