"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="compact"
        sizing="mediumLargeSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Products",
          id: "products",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Richter & Phillips"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="Richter & Phillips"
      description="Cincinnati's premier jeweler since 1896. Proudly serving the community as an Official Rolex Retailer."
      buttons={[
        {
          text: "Explore Collection",
          href: "#products",
        },
        {
          text: "Book an Appointment",
          href: "#contact",
        },
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-defocused-shopping-mall-center-department-store_1203-9231.jpg",
          imageAlt: "Luxurious jewelry store interior",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-using-smartphone_171337-19083.jpg",
          imageAlt: "Watch display case",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-holds-gold-watch_8353-10462.jpg",
          imageAlt: "Luxury gold jewelry",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-woman-makes-handmade-necklaces-working-with-needles-thread-jewelry-workshop_613910-18488.jpg",
          imageAlt: "Professional boutique counter",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/luxury-shine-diamonds-digital-art_23-2151695012.jpg",
          imageAlt: "Elegant display",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/senior-male-fashion-designer-taking-measurement-his-customer-shop_23-2148180294.jpg",
          imageAlt: "Rolex authorized retailer display",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",
          content: "A Legacy of Excellence in Cincinnati",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/shop-cashier-seller-operating-payment-process-with-pos-terminal-credit-card-customer-paying-cloth-checkout-shopping-purchase-concept_74855-12002.jpg",
          alt: "Store exterior",
        },
      ]}
      buttons={[
        {
          text: "Our History",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySeven
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: "feat1",
          title: "Official Rolex Retailer",
          descriptions: [
            "Expert maintenance and care for your timepiece.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/hands-craftswoman-using-pliers_107420-65193.jpg",
        },
        {
          id: "feat2",
          title: "Certified Appraisals",
          descriptions: [
            "Precise certification by our skilled team.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/jewelry-maker-working-alone-atelier_23-2149025947.jpg",
        },
        {
          id: "feat3",
          title: "Personal Consultation",
          descriptions: [
            "Guided assistance to find the perfect piece.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-ring-jewelry-shop_1303-30666.jpg",
        },
      ]}
      title="Unmatched Jewelry Expertise"
      description="We combine centuries of heritage with modern professional maintenance and personalized jewelry services."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Classic Diamond Ring",
          price: "$2,500",
          imageSrc: "http://img.b2bpic.net/free-photo/moments-two-symbol-love-adorable_1304-2500.jpg",
        },
        {
          id: "p2",
          name: "Luxury Timepiece",
          price: "$8,900",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-brown-bow-with-black-bow-dark-surface-darkness-pin-measure-photo-color_179666-24409.jpg",
        },
        {
          id: "p3",
          name: "Pearl Necklace",
          price: "$1,200",
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-gold-chain-jewellery-presentation_23-2149599072.jpg",
        },
        {
          id: "p4",
          name: "Gold Bangle",
          price: "$950",
          imageSrc: "http://img.b2bpic.net/free-photo/negative-female-sad-tired-pain_1150-1590.jpg",
        },
        {
          id: "p5",
          name: "Diamond Earrings",
          price: "$1,800",
          imageSrc: "http://img.b2bpic.net/free-photo/luxury-shine-diamonds-digital-art_23-2151695011.jpg",
        },
        {
          id: "p6",
          name: "Premium Cufflinks",
          price: "$600",
          imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409247.jpg",
        },
      ]}
      title="Curated Collections"
      description="Exquisite fine jewelry and luxury timepieces for every occasion."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Sarah Miller",
          handle: "@sarah_m",
          testimonial: "Excellent service and stunning quality. Highly recommend!",
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-presenting-gift-box-young-surprised-woman_23-2148016801.jpg",
        },
        {
          id: "t2",
          name: "James Taylor",
          handle: "@james_t",
          testimonial: "Best jeweler in Cincinnati. Always professional.",
          imageSrc: "http://img.b2bpic.net/free-photo/pleasant-looking-afro-american-female-with-broad-smile-holds-mug-coffee-tea-enjoys-break-after-hard-working-day_273609-3085.jpg",
        },
        {
          id: "t3",
          name: "Emily Davis",
          handle: "@emily_d",
          testimonial: "The staff are so helpful and knowledgeable.",
          imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-shopping-bag-city_1157-23081.jpg",
        },
        {
          id: "t4",
          name: "Robert Brown",
          handle: "@rob_b",
          testimonial: "My go-to spot for watches. Exceptional.",
          imageSrc: "http://img.b2bpic.net/free-photo/look-my-ring-is-very-similar_329181-8041.jpg",
        },
        {
          id: "t5",
          name: "Linda White",
          handle: "@linda_w",
          testimonial: "A wonderful local business experience.",
          imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-31451.jpg",
        },
      ]}
      title="Trusted by Generations"
      description="Hear what our valued Cincinnati customers say about their experience."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",
          title: "What are your opening hours?",
          content: "We are open Monday through Saturday from 9 AM.",
        },
        {
          id: "q2",
          title: "Are you an authorized Rolex retailer?",
          content: "Yes, we are a proud member of the Official Rolex Retailers network.",
        },
        {
          id: "q3",
          title: "Do you offer watch repair?",
          content: "Yes, our certified technicians are available for maintenance.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Answers to our most common inquiries about services and hours."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      text="Visit our showroom in Downtown Cincinnati or call us at (513) 241-3510."
      buttons={[
        {
          text: "Get Directions",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Home",
              href: "#hero",
            },
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Richter & Phillips"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
