"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="compact"
        sizing="mediumLarge"
        background="aurora"
        cardStyle="solid"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "홈",
          id: "home",
        },
        {
          name: "공간 안내",
          id: "about",
        },
        {
          name: "시그니처 디저트",
          id: "products",
        },
        {
          name: "고객 후기",
          id: "testimonials",
        },
        {
          name: "매장 정보",
          id: "contact",
        },
      ]}
      brandName="라에비뉴"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardScroll
      background={{
        variant: "gradient-bars",
      }}
      title="성수동에서 만나는 완벽한 디저트와 여유"
      description="라에비뉴에서 선사하는 고급스럽고 달지 않은 프리미엄 디저트를 만나보세요. 성수동의 정취와 어우러진 우아한 공간이 당신을 기다립니다."
      buttons={[
        {
          text: "매장 안내",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/classic-old-fashioned-library-space-with-elegant-wooden-interiors_482257-125296.jpg"
      imageAlt="라에비뉴 매장 입구"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="여유가 머무는 따뜻한 공간"
      description="라에비뉴는 단순한 디저트 카페를 넘어, 성수동의 번잡함 속에서 잠시 멈춰가는 여유를 제공합니다. 고급스러운 우드 톤의 인테리어와 부드러운 조명이 어우러진 공간에서 소중한 사람들과 특별한 시간을 보내세요."
      imageSrc="http://img.b2bpic.net/free-photo/stylish-young-woman-using-digital-tablet-restaurant-table_23-2147936094.jpg"
      imageAlt="라에비뉴 실내 공간"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "시그니처 홀 케이크",
          price: "45,000 KRW",
          variant: "Cake",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-fruity-cake-with-fresh-strawberries-dark-surface_140725-74951.jpg",
        },
        {
          id: "2",
          name: "수제 초콜릿 타르트",
          price: "8,500 KRW",
          variant: "Tart",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-chocolate-cookies-inside-white-plate-dark-surface_140725-20234.jpg",
        },
        {
          id: "3",
          name: "프리미엄 베리 치즈케이크",
          price: "9,000 KRW",
          variant: "Cake",
          imageSrc: "http://img.b2bpic.net/free-photo/waitress-holding-cake_23-2147821281.jpg",
        },
        {
          id: "4",
          name: "시즌 에디션 무스",
          price: "9,500 KRW",
          variant: "Mousse",
          imageSrc: "http://img.b2bpic.net/free-photo/sweet-pastry-display-fresh-baked-goodness-generated-by-ai_188544-40880.jpg",
        },
        {
          id: "5",
          name: "클래식 바닐라 빈 케이크",
          price: "8,000 KRW",
          variant: "Cake",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cherry-cake-slice-with-fresh-sour-cherries-milk-dark-cake-fruit-bake-sweet-tea_140725-33850.jpg",
        },
        {
          id: "6",
          name: "얼그레이 쉬폰 케이크",
          price: "8,500 KRW",
          variant: "Cake",
          imageSrc: "http://img.b2bpic.net/free-photo/waitress-offering-macarons_23-2147985067.jpg",
        },
      ]}
      title="시그니처 디저트 갤러리"
      description="매일 정성껏 준비하는 라에비뉴만의 특별한 디저트 라인업입니다. 달지 않아 더욱 고급스러운 프리미엄 케이크와 베이커리를 경험하세요."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          title: "정말 고급스러운 맛",
          quote: "디저트 종류가 정말 많고 케이크가 달지 않아 고급스럽습니다. 재방문 의사 100%!",
          name: "김지수",
          role: "성수동 직장인",
          imageSrc: "http://img.b2bpic.net/free-photo/be-my-valentine_1098-15263.jpg",
        },
        {
          id: "2",
          title: "주차까지 완벽해요",
          quote: "성수동에서 보기 드물게 주차 지원이 되는 엄청난 장점이 있습니다. 편안하게 즐겼어요.",
          name: "이민호",
          role: "카페 매니아",
          imageSrc: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg",
        },
        {
          id: "3",
          title: "분위기 최고입니다",
          quote: "공간이 정말 아름답고 우드 톤의 편안한 분위기가 너무 좋았습니다.",
          name: "박서연",
          role: "인플루언서",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-young-korean-woman-sits-cafe-holds-smartphone-smiles-enjoys-coffee-outdoors_1258-190973.jpg",
        },
        {
          id: "4",
          title: "최고의 디저트",
          quote: "달지 않은 고급 디저트를 찾으신다면 단연 라에비뉴를 추천합니다.",
          name: "최준혁",
          role: "디저트 탐방러",
          imageSrc: "http://img.b2bpic.net/free-photo/elderly-businesswoman-coat-sitting-outside-cafe-reading-magazine_1303-19468.jpg",
        },
        {
          id: "5",
          title: "특별한 날에",
          quote: "친구 생일에 방문했는데 케이크가 정말 예쁘고 맛있었어요.",
          name: "한지우",
          role: "단골 손님",
          imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-lady-baker-standing-with-arms-crossed_171337-16097.jpg",
        },
      ]}
      title="고객님들의 소중한 후기"
      description="라에비뉴를 다녀가신 많은 분들의 따뜻한 마음을 모았습니다."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "주차는 가능한가요?",
          content: "네, 성수동 매장에서 주차 지원을 해드리고 있습니다. 편안하게 방문해주세요.",
        },
        {
          id: "2",
          title: "예약이 가능한가요?",
          content: "대관 및 단체 예약 문의는 매장으로 직접 연락주시면 친절하게 안내해 드리겠습니다.",
        },
        {
          id: "3",
          title: "영업시간은 어떻게 되나요?",
          content: "매일 오전 11시부터 오후 9시까지 운영하며, 연중무휴로 디저트를 준비합니다.",
        },
      ]}
      title="자주 묻는 질문"
      faqsAnimation="slide-up"
      description="라에비뉴 이용에 관한 궁금증을 해결해 드립니다."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="매장 정보"
      title="오시는 길 및 문의"
      description="라에비뉴 성수점을 찾아오시는 길입니다. 궁금하신 사항은 문의 남겨주세요."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="라에비뉴 (L'Avenue)"
      copyrightText="© 2025 라에비뉴 성수. All Rights Reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
