"use client";

import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="largeSmallSizeMediumTitles"
      background="noise"
      cardStyle="glass-depth"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="동구 유통"
          navItems={[
            { name: "제품", id: "#products" },
            { name: "렌탈", id: "#pricing" },
            { name: "회사 소개", id: "#about" },
            { name: "문의", id: "#contact" }
          ]}
          logoSrc="http://img.b2bpic.net/free-photo/reverse-arrow-blue-circular-background_23-2148445432.jpg"
          logoAlt="동구 유통 로고"
          bottomLeftText="최고의 커피 솔루션"
          bottomRightText="010-9278-7128"
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="동구 유통"
          description="최고의 커피 경험을 위한 동구 유통의 프리미엄 커피머신 렌탈 및 판매"
          buttons={[
            { text: "제품 보기", href: "#products" },
            { text: "상담 문의", href: "#contact" }
          ]}
          slides={[
            { imageSrc: "http://img.b2bpic.net/free-photo/close-up-fresh-coffee-pouring-into-cup_23-2148420346.jpg", imageAlt: "세련된 디자인의 커피 머신" },
            { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-recording-video_23-2148551564.jpg", imageAlt: "디지털 디스플레이가 있는 최신 커피 머신" },
            { imageSrc: "http://img.b2bpic.net/free-photo/woman-hands-works-with-coffee-mashine_140725-1290.jpg", imageAlt: "커피를 추출하는 커피 머신 클로즈업" },
            { imageSrc: "http://img.b2bpic.net/free-photo/bar-concept-with-coffee_23-2147798091.jpg", imageAlt: "다양한 종류의 상업용 커피 머신" },
            { imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-coffee-cup_23-2148865570.jpg", imageAlt: "커피 머신 유지보수 서비스" },
            { imageSrc: "http://img.b2bpic.net/free-photo/group-ceos-using-chroma-key-screen-tablet-meeting_482257-119055.jpg", imageAlt: "스마트 결제 기능이 있는 커피 머신" }
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
          ariaLabel="동구 유통 커피머신 히어로 섹션"
          useInvertedBackground={false}
          logoSrc="http://img.b2bpic.net/free-photo/reverse-arrow-blue-circular-background_23-2148445432.jpg"
          logoAlt="동구 유통 로고"
        />
      </div>
      <div id="about" data-section="about">
        <TextAbout
          tag="회사 소개"
          title="동구 유통은 최상의 커피 솔루션을 제공합니다"
          description="수년간의 경험과 전문성을 바탕으로 고객 맞춤형 커피머신 렌탈 및 판매 서비스를 제공하며, 언제나 신선하고 맛있는 커피를 즐기실 수 있도록 최선을 다합니다. 비즈니스 환경과 고객의 요구에 완벽하게 부합하는 프리미엄 커피머신과 체계적인 관리 시스템을 통해 최고의 가치를 선사합니다."
          useInvertedBackground={true}
        />
      </div>
      <div id="features" data-section="features">
        <FeatureCardTwentyOne
          tag="동구 유통의 약속"
          title="프리미엄 커피머신, 간편한 렌탈 시스템"
          description="전문 기술 지원부터 정기적인 관리, 합리적인 비용까지, 동구 유통이 제공하는 특별한 혜택을 경험해보세요. 고객님의 만족을 최우선으로 생각합니다."
          accordionItems={[
            { id: "f1", title: "맞춤형 컨설팅", content: "고객님의 비즈니스 규모와 환경에 맞춰 최적의 커피머신과 렌탈 플랜을 제안합니다. 효율적인 운영을 위한 전문가의 솔루션을 받아보세요." },
            { id: "f2", title: "정기적인 위생 관리", content: "최고의 커피 맛을 유지하고 위생적인 사용을 위해 정기적인 머신 점검 및 클리닝 서비스를 제공합니다. 안심하고 사용하세요." },
            { id: "f3", title: "신속한 AS 서비스", content: "갑작스러운 문제 발생 시, 전문 기술팀이 신속하게 방문하여 문제를 해결해드립니다. 커피 공백 없이 원활한 운영을 지원합니다." }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/male-barista-with-take-away-coffee_1303-29355.jpg"
          imageAlt="커피머신 전문 기술 지원"
          mediaAnimation="blur-reveal"
          useInvertedBackground={false}
          mediaPosition="right"
        />
      </div>
      <div id="products" data-section="products">
        <ProductCardOne
          title="동구 유통의 다양한 커피 솔루션"
          description="업소용, 사무실용, 가정용 등 고객님의 환경에 최적화된 최고급 커피머신을 만나보세요. 다양한 카테고리의 제품들이 준비되어 있습니다."
          products={[
            { id: "prod-1", name: "대형 원두머신", price: "렌탈 및 구매 가능", imageSrc: "http://img.b2bpic.net/free-photo/hot-white-aromatic-mug-caffeine_1232-4547.jpg", imageAlt: "대형 원두 커피 머신" },
            { id: "prod-2", name: "중형 자동머신", price: "렌탈 및 구매 가능", imageSrc: "http://img.b2bpic.net/free-photo/corporate-workers-brainstorming-together_23-2148804503.jpg", imageAlt: "중형 자동 커피 머신" },
            { id: "prod-3", name: "소형 반자동머신", price: "렌탈 및 구매 가능", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-empty-cup-coffee-machine_23-2148523017.jpg", imageAlt: "소형 반자동 커피 머신" },
            { id: "prod-4", name: "전문가용 그라인더", price: "렌탈 및 구매 가능", imageSrc: "http://img.b2bpic.net/free-photo/male-barista-with-tattoos-work-using-coffee-machine_23-2149052839.jpg", imageAlt: "전문가용 커피 그라인더" },
            { id: "prod-5", name: "업소용 제빙기", price: "렌탈 및 구매 가능", imageSrc: "http://img.b2bpic.net/free-photo/ice-cubes-with-mint-dark-background_23-2148216271.jpg", imageAlt: "업소용 제빙기" },
            { id: "prod-6", name: "바리스타 주방용품", price: "구매 가능", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-concept_23-2148464860.jpg", imageAlt: "바리스타 주방용품 세트" }
          ]}
          carouselMode="buttons"
          gridVariant="bento-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="합리적인 렌탈 플랜"
          description="초기 비용 부담 없이 최고급 커피머신을 경험하세요. 고객님의 비즈니스 규모와 필요에 맞는 최적의 플랜을 제안합니다."
          plans={[
            { id: "plan-basic", title: "베이직", price: "월 5만원부터", period: "12개월 계약", features: ["소형 자동머신 렌탈", "월 1회 정기 점검", "기본 원두 제공 (선택)", "간단한 AS 지원"], button: { text: "자세히 보기", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-beverage_23-2149304426.jpg", imageAlt: "베이직 렌탈 플랜 이미지" },
            { id: "plan-standard", title: "스탠다드", price: "월 8만원부터", period: "24개월 계약", features: ["중형 자동/반자동머신 렌탈", "월 2회 정기 점검", "고급 원두 제공 (선택)", "신속한 AS 지원", "필터 교체 무상"], button: { text: "자세히 보기", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-cheering-with-coffee-mugs-office-meeting_23-2148817073.jpg", imageAlt: "스탠다드 렌탈 플랜 이미지" },
            { id: "plan-premium", title: "프리미엄", price: "월 15만원부터", period: "36개월 계약", features: ["대형 원두/자동/반자동머신 렌탈", "주 1회 특별 관리", "최고급 원두 제공 (선택)", "24시간 AS 우선 지원", "모든 소모품 무상 교체"], button: { text: "자세히 보기", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/milky-shake-with-strawberry-syrup-glass_114579-3296.jpg", imageAlt: "프리미엄 렌탈 플랜 이미지" }
          ]}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          tag="신뢰의 증거"
          title="우리의 파트너사"
          description="수많은 고객사와 함께 성장하고 있는 동구 유통입니다. 믿을 수 있는 서비스를 약속드립니다."
          names={["Cafe Blossom", "Urban Grind", "Office Hub", "Restaurant Delights", "Hotel Luxe", "Tech Innovators", "Morning Brew"]}
          textboxLayout="default"
          useInvertedBackground={true}
          showCard={false}
          speed={50}
          animationType="opacity"
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="고객 성공 사례"
          description="동구 유통의 커피머신으로 비즈니스에 활력을 더한 고객들의 생생한 후기입니다. 저희 서비스에 대한 만족도를 직접 확인하세요."
          testimonials={[
            { id: "t1", name: "김민준 대표", handle: "@CafeBlossom", testimonial: "동구 유통 덕분에 카페 매출이 크게 늘었습니다. 머신 성능도 좋고 관리도 철저해서 아주 만족해요!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-having-breakfast-kitchen_23-2148179459.jpg", imageAlt: "김민준 대표 사진" },
            { id: "t2", name: "박서준 이사", handle: "@OfficeHub", testimonial: "직원들이 동구 유통 커피머신 덕분에 활기찬 아침을 맞이합니다. 최고급 원두와 편리한 렌탈 시스템에 감사드립니다.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-young-businessmen-discussing-something_158595-5252.jpg", imageAlt: "박서준 이사 사진" },
            { id: "t3", name: "이지은 오너셰프", handle: "@RestaurantDelights", testimonial: "레스토랑에 최적화된 커피머신을 추천해주셔서 너무 좋았어요. 음식과 어울리는 맛있는 커피를 제공할 수 있게 되었습니다.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/waiter-making-cup-coffee-counter-cafe_1170-562.jpg", imageAlt: "이지은 오너셰프 사진" },
            { id: "t4", name: "최유진 매니저", handle: "@HotelLuxe", testimonial: "호텔 고객분들이 동구 유통 커피를 매우 좋아하십니다. 세련된 디자인의 머신이 호텔 분위기를 더욱 고급스럽게 만들어주네요.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-woman-arranging-online-orders_23-2148577017.jpg", imageAlt: "최유진 매니저 사진" },
            { id: "t5", name: "정우성 팀장", handle: "@TechInnovators", testimonial: "사무실 환경에 맞는 최신 자동머신으로 교체 후 직원들의 만족도가 매우 높아졌습니다. 전문적인 설치와 유지보수도 훌륭해요.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/coffee-business-concept-handsome-bearded-man-apron-making-coffee-while-standing-cafe_1258-103897.jpg", imageAlt: "정우성 팀장 사진" }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="자주 묻는 질문"
          sideDescription="커피머신 렌탈 및 구매와 관련하여 궁금한 점이 있으신가요? 자주 묻는 질문을 통해 해답을 찾아보세요. 더 궁금한 사항은 언제든지 문의해주세요."
          faqs={[
            { id: "q1", title: "렌탈 계약 기간은 어떻게 되나요?", content: "기본 렌탈 계약 기간은 12개월, 24개월, 36개월이며, 고객님의 필요에 따라 맞춤형 계약도 가능합니다. 자세한 내용은 상담을 통해 안내해 드립니다." },
            { id: "q2", title: "AS 및 유지보수는 어떻게 진행되나요?", content: "렌탈 기간 동안 정기적인 방문 점검 및 클리닝 서비스를 제공하며, 머신에 문제가 발생할 경우 신속하게 방문하여 무상 수리 또는 교체 서비스를 지원합니다." },
            { id: "q3", title: "원두도 함께 구매할 수 있나요?", content: "네, 동구 유통은 최고급 품질의 원두를 합리적인 가격으로 함께 제공하고 있습니다. 고객님의 취향에 맞는 다양한 원두를 선택하실 수 있습니다." }
          ]}
          faqsAnimation="blur-reveal"
          textPosition="left"
          useInvertedBackground={true}
          animationType="smooth"
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactSplit
          tag="문의하기"
          title="언제든지 동구 유통에 문의하세요"
          description="커피머신 렌탈 및 구매 관련 문의사항이 있다면 언제든지 연락 주세요. 친절하게 상담해 드리겠습니다. 전화번호: 010-9278-7128"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          mediaAnimation="opacity"
          mediaPosition="right"
          inputPlaceholder="이메일을 입력해주세요"
          buttonText="문의 접수"
          termsText="문의 접수 시 개인정보 처리 방침 및 이용 약관에 동의하는 것으로 간주합니다."
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            { title: "제품", items: [{ label: "원두머신", href: "#products" }, { label: "자동머신", href: "#products" }, { label: "반자동머신", href: "#products" }, { label: "그라인더", href: "#products" }, { label: "제빙기", href: "#products" }] },
            { title: "회사", items: [{ label: "회사 소개", href: "#about" }, { label: "파트너십", href: "#social-proof" }, { label: "고객 후기", href: "#testimonials" }] },
            { title: "지원", items: [{ label: "자주 묻는 질문", href: "#faq" }, { label: "문의하기", href: "#contact" }, { label: "렌탈 가이드", href: "#pricing" }] }
          ]}
          bottomLeftText="© 2024 동구 유통. All rights reserved."
          bottomRightText="개인정보처리방침 | 이용약관"
          useInvertedBackground={true}
        />
      </div>
    </ThemeProvider>
  );
}
