"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Award, Calendar, Edit, Palette, Smile, Target } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="mediumSizeLargeTitles"
        background="floatingGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Գլխավոր",
          id: "hero",
        },
        {
          name: "Մեր մասին",
          id: "about",
        },
        {
          name: "Ծառայություններ",
          id: "features",
        },
        {
          name: "Կապ",
          id: "contact",
        },
      ]}
      brandName="Ժպիտների Արվեստանոց"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Ժպիտների Արվեստանոց"
      description="Բացահայտե՛ք ձեր ստեղծագործական ներուժը մեր արվեստի արվեստանոցում՝ որտեղ ամեն մի վրձնահարված ժպիտ է պարգևում։"
      buttons={[
        {
          text: "Սկսել ստեղծագործել",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/smiling-latin-young-artist-with-apron-holding-lot-painting-brushes-pretty-female-painter-sitting-bench-her-art-studio_662251-298.jpg"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-student-smiling-learning-draw-sketch-art-class-lesson-creative-man-attending-art-craft-workshop-develop-new-artistic-skills-as-new-years-resolutions_482257-44060.jpg",
          alt: "Աշակերտ 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-girl-listens-music-via-headphones-laughing-draws-painting_8353-10781.jpg",
          alt: "Աշակերտ 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-man-front-painting_23-2150771171.jpg",
          alt: "Աշակերտ 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-gorgeous-excited-young-brunette-female-artist-casual-blouse-khaki-color-mixing-oil-paint-palette-using-painting-knife-passionate-about-her-occupation-process-creation_273609-372.jpg",
          alt: "Աշակերտ 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-working-painting-art-school_662251-295.jpg",
          alt: "Աշակերտ 5",
        },
      ]}
      avatarText="Ավելի քան 500+ գոհ աշակերտներ"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",
          content: "Մեր մասին",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/blank-canvas-painting-indoors-still-life_23-2150542294.jpg",
          alt: "Արվեստանոցի մասին",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          icon: Palette,
          title: "Գեղանկարչություն",
          description: "Սովորե՛ք կտավի վրա արտահայտել ձեր զգացմունքները՝ հմուտ վարպետների ուղղորդմամբ։",
        },
        {
          icon: Target,
          title: "Կերամիկա",
          description: "Ստեղծե՛ք եզակի կավե իրեր ձեր սեփական ձեռքերով՝ վայելելով գործընթացը։",
        },
        {
          icon: Edit,
          title: "Գծանկարչություն",
          description: "Ձեռք բերե՛ք գծանկարչության հիմնական հմտություններ և կատարելագործվե՛ք յուրաքանչյուր դասին։",
        },
      ]}
      title="Մեր ծառայությունները"
      description="Մենք առաջարկում ենք ուսուցողական ծրագրեր և ստեղծագործական միջավայր բոլոր տարիքի մարդկանց համար։"
    />
  </div>

  <div id="metric" data-section="metric">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "500+",
          title: "Ուրախ աշակերտներ",
          description: "Մարդիկ, ովքեր բացահայտել են իրենց արվեստը մեզ հետ։",
          icon: Smile,
        },
        {
          id: "m2",
          value: "120+",
          title: "Ավարտված նախագծեր",
          description: "Յուրաքանչյուր նախագիծ՝ նոր գեղեցկություն։",
          icon: Award,
        },
        {
          id: "m3",
          value: "5+",
          title: "Տարիների փորձ",
          description: "Պրոֆեսիոնալ մոտեցում արվեստի նկատմամբ։",
          icon: Calendar,
        },
      ]}
      title="Մեր հաջողությունները"
      description="Մեր աշակերտների ժպիտները մեր ամենամեծ ձեռքբերումն են։"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Աննա Պետրոսյան",
          role: "Աշակերտ",
          testimonial: "Այստեղ ես գտա իմ հանգիստը և ստեղծագործելու իմ ուրույն ճանապարհը։",
          imageSrc: "http://img.b2bpic.net/free-photo/workers-getting-back-office_23-2149161661.jpg",
        },
        {
          id: "2",
          name: "Արամ Մկրտչյան",
          role: "Ծնող",
          testimonial: "Երեխաս ամեն օր ոգևորված է վերադառնում դասերից, հրաշալի միջավայր է։",
          imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-woman-smiling-confident-drawing-using-roller-art-studio_839833-24948.jpg",
        },
        {
          id: "3",
          name: "Նարե Խաչատրյան",
          role: "Դիզայներ",
          testimonial: "Պրոֆեսիոնալ ուսուցում և ջերմ մթնոլորտ։ Խորհուրդ եմ տալիս բոլորին։",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-female-artist-holding-bunch-paintbrushes-smiling-while-working-her-studio_662251-388.jpg",
        },
        {
          id: "4",
          name: "Դավիթ Սարգսյան",
          role: "Աշակերտ",
          testimonial: "Արվեստը դարձավ իմ կյանքի մի մասը շնորհիվ ձեր ուսուցիչների։",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-cute-young-woman-with-palette-brushes-hands_259150-60644.jpg",
        },
        {
          id: "5",
          name: "Լիլիթ Գրիգորյան",
          role: "Նկարչուհի",
          testimonial: "Շատ բովանդակալից և հետաքրքիր դասընթացներ, շնորհակալ եմ։",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-gorgeous-young-female-artist-working-her-most-recent-art-project-studio-smiling_662251-409.jpg",
        },
      ]}
      title="Ինչ են ասում մեր աշակերտները"
      description="Իրական պատմություններ, որոնք ոգեշնչում են մեզ։"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "Որտե՞ղ եք գտնվում:",
          content: "Մենք գտնվում ենք քաղաքի սրտում՝ Տերյան 12 հասցեում։",
        },
        {
          id: "q2",
          title: "Անհրաժե՞շտ են նախնական հմտություններ:",
          content: "Ոչ, մեր դասերը նախատեսված են նաև սկսնակների համար։",
        },
        {
          id: "q3",
          title: "Ինչպե՞ս գրանցվել:",
          content: "Կարող եք գրել մեզ կամ զանգահարել մեր հեռախոսահամարին։",
        },
      ]}
      title="Հաճախ տրվող հարցեր"
      description="Գտե՛ք պատասխաններ ձեր հարցերին այստեղ։"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Կապ մեզ հետ"
      title="Պատրա՞ստ եք սկսել"
      description="Կապվե՛ք մեզ հետ և մենք կպատասխանենք բոլոր հարցերին։"
      buttons={[
        {
          text: "Գրել մեզ",
          href: "mailto:info@smileart.am",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Գլխավոր",
              href: "#hero",
            },
            {
              label: "Մեր մասին",
              href: "#about",
            },
          ],
        },
        {
          items: [
            {
              label: "Ծառայություններ",
              href: "#features",
            },
            {
              label: "Կոնտակտներ",
              href: "#contact",
            },
          ],
        },
      ]}
      logoText="Ժպիտների Արվեստանոց"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
