"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="medium"
        sizing="largeSmallSizeLargeTitles"
        background="grid"
        cardStyle="glass-elevated"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        { name: "ホーム", id: "hero" },
        { name: "サービス", id: "services" },
        { name: "実績", id: "metrics" },
        { name: "会社案内", id: "about" },
        { name: "お問い合わせ", id: "contact" },
      ]}
      brandName="BUILDEX CO.LTD"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="プロの技術で搬入をスムーズに。建設現場を加速させる株式会社ニアゲの荷揚げサービス"
      description="重い資材も、複雑な現場も、株式会社ニアゲにお任せください。安全と効率を最優先し、搬入・荷揚げのスペシャリスト集団が現場をサポートします。"
      testimonials={[
        { name: "佐藤 健一", handle: "@satoken", testimonial: "非常に迅速で信頼できる仕事でした。またお願いします。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-engineer-hard-hat-building_1303-21147.jpg" },
        { name: "田中 誠", handle: "@tanakam", testimonial: "若手が多く元気で、搬入も丁寧でした。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-engineer-wearing-safety-helmet-uniform-holding-pencil-note-pad-looking-camera-pointing-side-isolated-blue-background_141793-133092.jpg" },
        { name: "鈴木 一郎", handle: "@suzukii", testimonial: "安全意識が非常に高く、現場的ルールを遵守してくれます。", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/indian-man-working-male-yellow-vest-man-with-folder_1157-47547.jpg" },
        { name: "高橋 浩", handle: "@takahashih", testimonial: "複雑な現場条件でも問題なく対応してくれました。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-looking-project_23-2148751967.jpg" },
        { name: "伊藤 悟", handle: "@itos", testimonial: "即日対応の柔軟性にはいつも助けられています。", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/engineer-uniform-checking-tasklist-smiling_114579-18999.jpg" },
      ]}
      buttons={[{ text: "無料見積もり", href: "#contact" }, { text: "採用について", href: "#about" }]}
      imageSrc="http://img.b2bpic.net/free-photo/manager-meeting-with-engineer-outdoor-site-stack-hand-teamwork_554837-414.jpg"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        { type: "text", content: "株式会社ニアゲについて" },
        { type: "image", src: "http://img.b2bpic.net/free-photo/young-asian-man-with-samurai-sword_52683-86690.jpg", alt: "About Niage" },
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "建設資材の搬入",          description: "プロ集団が安全確実に資材を搬入いたします。",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/person-working-wood-working-industry-factory_23-2151352579.jpg" },
          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/cantilever-loading-decks-concrete-frame-closeup-yellow-focus_169016-69863.jpg" }
        },
        {
          title: "石膏ボード搬入",          description: "傷つけずに丁寧に運搬します。",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-construction_23-2150772910.jpg" },
          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-with-safety-cap-working_23-2148976300.jpg" }
        },
        {
          title: "現場什器搬入",          description: "あらゆる内装資材の運搬に対応。",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-care-warehouse-logistics_23-2149128296.jpg" },
          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-42834.jpg" }
        },
      ]}
      showStepNumbers={true}
      title="事業内容"
      description="現場的搬入・荷揚げ業務を円滑に進めるためのサービスラインナップです。"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        { id: "m1", value: "500+", title: "対応現場数", items: ["新築現場", "リフォーム", "店舗改装"] },
        { id: "m2", value: "99%", title: "顧客満足度", items: ["丁寧な搬入", "高い安全性"] },
        { id: "m3", value: "24/7", title: "対応体制", items: ["即日対応", "緊急対応"] },
      ]}
      title="実績紹介"
      description="これまでの実績の一部をご紹介します。"
    />
  </div>

  <div id="gallery" data-section="gallery">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        { id: "p1", name: "搬入業務風景", price: "", variant: "実績", imageSrc: "http://img.b2bpic.net/free-photo/discussing-project_1098-18150.jpg" },
        { id: "p2", name: "チーム連携", price: "", variant: "実績", imageSrc: "http://img.b2bpic.net/free-photo/architects-working-project_23-2147702515.jpg" },
        { id: "p3", name: "資材運搬作業", price: "", variant: "実績", imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-heavy-wooden-materials_23-2148976282.jpg" },
        { id: "p4", name: "現場整理", price: "", variant: "実績", imageSrc: "http://img.b2bpic.net/free-photo/couple-with-thermoses-street_23-2147765319.jpg" },
        { id: "p5", name: "資材管理", price: "", variant: "実績", imageSrc: "http://img.b2bpic.net/free-photo/three-architects-with-plan-table_23-2147702513.jpg" },
        { id: "p6", name: "品質チェック", price: "", variant: "実績", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-shopping-cart_23-2151680600.jpg" },
      ]}
      title="作業事例"
      description="私たちは現場で真剣に向き合っています。"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        { id: "1", title: "信頼感抜群", quote: "期待以上の搬入スピードでした。", name: "佐藤 健一", role: "建設監督", imageSrc: "http://img.b2bpic.net/free-photo/japanese-man-smiling-professional-portrait_23-2148766155.jpg" },
        { id: "2", title: "安心のクオリティ", quote: "丁寧な対応で助かりました。", name: "田中 誠", role: "内装業者", imageSrc: "http://img.b2bpic.net/free-photo/japanese-man-engineer-portrait_23-2148766188.jpg" },
        { id: "3", title: "安全への配慮", quote: "安全教育が行き届いています。", name: "鈴木 一郎", role: "工務店", imageSrc: "http://img.b2bpic.net/free-photo/japanese-worker-portrait_23-2148766200.jpg" },
        { id: "4", title: "柔軟な対応", quote: "急な現場にも対応して頂きました。", name: "高橋 浩", role: "経営者", imageSrc: "http://img.b2bpic.net/free-photo/japanese-man-smiling-suit_23-2148766215.jpg" },
        { id: "5", title: "技術力の高さ", quote: "現場が綺麗になりました。", name: "伊藤 悟", role: "リフォーム", imageSrc: "http://img.b2bpic.net/free-photo/japanese-man-builder-smiling_23-2148766230.jpg" },
      ]}
      title="お客様からの声"
      description="多くの現場責任者から信頼をいただいております。"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        { id: "f1", title: "即日搬入は可能ですか？", content: "はい、ご相談いただければ可能な限り即日対応いたします。" },
        { id: "f2", title: "エリアはどこまで対応できますか？", content: "主に関東全域ですが、お気軽にお問い合わせください。" },
        { id: "f3", title: "見積もりには費用がかかりますか？", content: "お見積もりは無料です。お気軽にご相談ください。" },
      ]}
      title="よくあるご質問"
      description="搬入サービスについて、よくあるご質問をまとめました。"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{ variant: "animated-grid" }}
      title="お見積もり・お問い合わせ"
      description="現場の搬入や荷揚げについて、お気軽にお問い合わせください。スタッフが丁寧にご説明します。"
      imageSrc="http://img.b2bpic.net/free-photo/diverse-female-factory-workers-chatting-while-drinking-coffee-eating-cookies-sitting-wooden-pallet_74855-16361.jpg"
      mediaAnimation="slide-up"
      tag="お問い合わせ"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard logoText="BUILDEX CO.LTD" copyrightText="© 2025 BUILDEX CO.LTD Inc." />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}