"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Award, ShoppingCart, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="largeSizeMediumTitles"
        background="none"
        cardStyle="glass-elevated"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "홈",
          id: "#home",
        },
        {
          name: "회사 소개",
          id: "#about",
        },
        {
          name: "주요 제품",
          id: "#products",
        },
        {
          name: "렌탈/구매",
          id: "#pricing",
        },
        {
          name: "고객 후기",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "문의",
          id: "#contact",
        },
      ]}
      brandName="동구전자"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-static",
      }}
      title="동구전자, 프리미엄 커피 솔루션을 제공합니다"
      description="원두커피머신과 믹스커피머신 렌탈 및 판매로 최고의 커피 경험을 선사합니다."
      buttons={[
        {
          text: "지금 문의하기",
          href: "#contact",
        },
      ]}
      carouselItems={[
        {
          id: "hero-carousel-1",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-making-coffee_23-2149149698.jpg",
          imageAlt: "Modern office bean coffee machine",
        },
        {
          id: "hero-carousel-2",
          imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-small-business_23-2149196203.jpg",
          imageAlt: "Mix coffee machine in a cafe environment",
        },
        {
          id: "hero-carousel-3",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-housewife-young-woman-bathrobe-holding-cup-coffee-drinking-tea_1258-198176.jpg",
          imageAlt: "Elegant coffee machine in a home kitchen",
        },
        {
          id: "hero-carousel-4",
          imageSrc: "http://img.b2bpic.net/free-photo/busienssmen-having-coffee-break_53876-20921.jpg",
          imageAlt: "Variety coffee machine in a corporate meeting",
        },
        {
          id: "hero-carousel-5",
          imageSrc: "http://img.b2bpic.net/free-photo/view-coffee-machine-making-coffee-home_23-2151699690.jpg",
          imageAlt: "Compact mix coffee machine for a small office",
        },
        {
          id: "hero-carousel-6",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-barista-work-with-face-protection_23-2148630857.jpg",
          imageAlt: "Diverse coffee machine types on display",
        },
      ]}
      autoPlay={true}
      autoPlayInterval={4000}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="동구전자, 커피 문화의 새로운 기준"
      description="30년 이상의 경험으로 최고의 커피머신과 서비스를 제공합니다. 엄선된 제품과 차별화된 고객 서비스로 당신의 공간에 완벽한 커피 솔루션을 선사합니다."
      metrics={[
        {
          value: "30+",
          title: "업계 경력",
        },
        {
          value: "1000+",
          title: "만족 고객사",
        },
        {
          value: "50+",
          title: "다양한 모델",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/low-angle-coffee-machine-from-shop_23-2148522993.jpg"
      imageAlt="Professional coffee machine factory production"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",
          title: "맞춤형 렌탈 플랜",
          description: "예산과 사용량에 맞춰 최적화된 렌탈 플랜을 제안합니다.",
          tag: "유연한 선택",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-caucasian-lady-smiling-preparing-hot-coffee-modern-coffee-shop_176532-11595.jpg",
          imageAlt: "Person choosing coffee options on a screen",
        },
        {
          id: "f2",
          title: "최고급 원두 및 재료",
          description: "엄선된 프리미엄 원두와 신선한 믹스 재료를 공급합니다.",
          tag: "품질 보장",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-detail-professional-coffee-machine_169016-16963.jpg",
          imageAlt: "Fresh coffee beans pouring into a machine",
        },
        {
          id: "f3",
          title: "신속하고 전문적인 A/S",
          description: "정기적인 관리와 신속한 방문 서비스로 언제나 안심하세요.",
          tag: "완벽 케어",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-female-barista-cleaning-bottomless-portafilter-with-steamer_176420-7884.jpg",
          imageAlt: "Technician repairing a coffee machine",
        },
      ]}
      title="동구전자가 제공하는 특별한 혜택"
      description="고객 맞춤형 서비스로 최상의 만족을 약속드립니다. 언제 어디서든 최고의 커피를 경험하세요."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          brand: "동구전자",
          name: "프리미엄 원두머신 D-100",
          price: "₩1,200,000",
          rating: 5,
          reviewCount: "250+",
          imageSrc: "http://img.b2bpic.net/free-photo/coffee-concept-with-moka-pot-board_23-2147671410.jpg",
          imageAlt: "Donggu bean coffee machine model D-100",
        },
        {
          id: "p2",
          brand: "동구전자",
          name: "스마트 믹스머신 M-500",
          price: "₩850,000",
          rating: 4.5,
          reviewCount: "180+",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-maker-coffe-shop_23-2148366550.jpg",
          imageAlt: "Donggu mix coffee machine model M-500",
        },
        {
          id: "p3",
          brand: "동구전자",
          name: "오피스용 원두머신 D-200",
          price: "₩1,800,000",
          rating: 4.8,
          reviewCount: "120+",
          imageSrc: "http://img.b2bpic.net/free-photo/view-coffee-machine_23-2149709961.jpg",
          imageAlt: "Donggu bean coffee machine model D-200",
        },
        {
          id: "p4",
          brand: "동구전자",
          name: "카페형 믹스머신 M-700",
          price: "₩1,100,000",
          rating: 4.7,
          reviewCount: "90+",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-coffee-machine-make-big-mug-coffee-home-woman-wearing-silk-robe-home-while-preparing-latte_158595-7951.jpg",
          imageAlt: "Donggu mix coffee machine model M-700",
        },
        {
          id: "p5",
          brand: "동구전자",
          name: "최고급 원두머신 D-300",
          price: "₩2,500,000",
          rating: 5,
          reviewCount: "70+",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-coffee-machine-from-shop_23-2148522994.jpg",
          imageAlt: "Donggu bean coffee machine model D-300",
        },
        {
          id: "p6",
          brand: "동구전자",
          name: "간편 믹스머신 M-300",
          price: "₩600,000",
          rating: 4.2,
          reviewCount: "200+",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-tasty-kombucha_23-2150210065.jpg",
          imageAlt: "Donggu mix coffee machine model M-300",
        },
      ]}
      title="동구전자의 다양한 커피머신"
      description="고객의 니즈에 맞는 최적의 커피머신을 찾아보세요. 원두커피머신부터 믹스커피머신까지 다양한 라인업을 제공합니다."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "p1",
          badge: "가장 인기",
          badgeIcon: Sparkles,
          price: "월 ₩50,000부터",
          subtitle: "소규모 오피스 및 매장",
          buttons: [
            {
              text: "렌탈 문의",
              href: "#contact",
            },
          ],
          features: [
            "기본 원두머신 렌탈",
            "월 500잔 사용 기준",
            "정기 방문 관리",
            "소모품 교체 포함",
          ],
        },
        {
          id: "p2",
          badge: "프리미엄",
          badgeIcon: Award,
          price: "월 ₩100,000부터",
          subtitle: "중대형 오피스 및 카페",
          buttons: [
            {
              text: "렌탈 문의",
              href: "#contact",
            },
          ],
          features: [
            "고급 원두/믹스머신 렌탈",
            "월 1,000잔 이상 사용",
            "24시간 긴급 A/S",
            "다양한 원두 선택 옵션",
          ],
        },
        {
          id: "p3",
          badge: "일시불",
          badgeIcon: ShoppingCart,
          price: "₩600,000부터",
          subtitle: "머신 단품 구매",
          buttons: [
            {
              text: "제품 구매",
              href: "#contact",
            },
          ],
          features: [
            "원하는 머신 선택 구매",
            "1년 무상 A/S 제공",
            "배송 및 설치 지원",
            "자율적인 관리",
          ],
        },
      ]}
      title="합리적인 렌탈 및 구매 플랜"
      description="동구전자의 유연한 플랜으로 부담 없이 프리미엄 커피를 즐기세요. 고객님의 비즈니스 규모와 필요에 맞는 최적의 솔루션을 제공합니다."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "김민준",
          role: "대표이사",
          company: "스타트업 XYZ",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-working-computer-outside-cafe_1303-18764.jpg",
          imageAlt: "김민준 대표이사",
        },
        {
          id: "2",
          name: "박서연",
          role: "오피스 매니저",
          company: "테크 솔루션즈",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-blue-hoodie-enjoys-coffee-morning-cafe_169016-21917.jpg",
          imageAlt: "박서연 오피스 매니저",
        },
        {
          id: "3",
          name: "이하준",
          role: "카페 오너",
          company: "모던 브루",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/pleased-middle-aged-blonde-delivery-woman-blue-uniform-cap-standing-profile-view-holding-paper-food-package-food-containers-isolated-pink-wall-with-copy-space_141793-112262.jpg",
          imageAlt: "이하준 카페 오너",
        },
        {
          id: "4",
          name: "정유진",
          role: "개인 사업가",
          company: "프리랜서 스튜디오",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-enjoying-delicious-aroma-freshly-made-coffee-holding-mug_1258-203007.jpg",
          imageAlt: "정유진 개인 사업가",
        },
        {
          id: "5",
          name: "최은서",
          role: "행사 기획자",
          company: "이벤트 코리아",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149333663.jpg",
          imageAlt: "최은서 행사 기획자",
        },
        {
          id: "6",
          name: "한지우",
          role: "학교 행정실장",
          company: "미래초등학교",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064704.jpg",
          imageAlt: "한지우 학교 행정실장",
        },
      ]}
      title="고객 만족, 동구전자의 자부심"
      description="동구전자 커피머신과 함께한 고객들의 솔직한 이야기입니다. 우리의 서비스가 어떻게 비즈니스와 일상에 긍정적인 변화를 가져왔는지 확인해보세요."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",
          title: "렌탈 과정은 어떻게 되나요?",
          content: "문의 접수 후 전문가가 방문하여 상담하고, 계약 체결 후 설치 및 사용 교육을 진행합니다.",
        },
        {
          id: "faq2",
          title: "렌탈 기간 및 비용은 어떻게 책정되나요?",
          content: "최소 12개월부터 선택 가능하며, 사용 모델과 기간, 사용량에 따라 맞춤형으로 견적을 제공합니다.",
        },
        {
          id: "faq3",
          title: "A/S는 어떻게 받을 수 있나요?",
          content: "렌탈 기간 중에는 정기적인 점검 및 무상 A/S가 제공됩니다. 고장 발생 시 신속하게 방문하여 처리해 드립니다.",
        },
        {
          id: "faq4",
          title: "원두 및 소모품은 어떻게 공급되나요?",
          content: "정기 방문 시 원두 및 컵, 시럽 등 필요한 소모품을 함께 공급해 드립니다.",
        },
        {
          id: "faq5",
          title: "머신 구매도 가능한가요?",
          content: "네, 렌탈 외에 다양한 모델을 직접 구매하실 수 있습니다. 구매 시 1년 무상 A/S를 제공합니다.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-lesbian-couple-making-coffee_23-2150276389.jpg"
      imageAlt="Person interacting with a coffee machine"
      mediaAnimation="slide-up"
      title="자주 묻는 질문"
      description="렌탈 및 구매 과정에서 궁금할 수 있는 모든 질문에 대한 답변을 찾아보세요. 더 궁금한 점이 있으시면 언제든지 문의해 주세요."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      tag="문의하기"
      title="프리미엄 커피 솔루션, 지금 바로 경험하세요!"
      description="동구전자의 전문가들이 고객님의 공간에 최적화된 커피머신 렌탈 및 구매 상담을 친절하게 도와드립니다. 지금 바로 문의하세요!"
      buttons={[
        {
          text: "상담 요청하기",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "회사소개",
          items: [
            {
              label: "동구전자 소개",
              href: "#about",
            },
            {
              label: "오시는 길",
              href: "#",
            },
          ],
        },
        {
          title: "제품 및 서비스",
          items: [
            {
              label: "원두커피머신",
              href: "#products",
            },
            {
              label: "믹스커피머신",
              href: "#products",
            },
            {
              label: "렌탈 서비스",
              href: "#pricing",
            },
            {
              label: "제품 구매",
              href: "#pricing",
            },
          ],
        },
        {
          title: "고객지원",
          items: [
            {
              label: "자주 묻는 질문",
              href: "#faq",
            },
            {
              label: "1:1 문의",
              href: "#contact",
            },
            {
              label: "고객 후기",
              href: "#testimonials",
            },
          ],
        },
      ]}
      logoText="동구전자"
      copyrightText="© 2024 동구전자. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
