"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="mediumSizeLargeTitles"
        background="floatingGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Collections",
          id: "#products",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m1h3dj"
      logoAlt="New York Premium Logo"
      brandName="New York Premium"
      button={{
        text: "Get in Touch",
        href: "#contact",
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-animated",
      }}
      title="Experience New York, Redefined."
      description="Discover unparalleled luxury and sophisticated living with our exclusive collection of premium experiences and exquisite offerings."
      buttons={[
        {
          text: "Explore Collections",
          href: "#products",
        },
        {
          text: "Learn More",
          href: "#about",
        },
      ]}
      carouselItems={[
        {
          id: "carousel-1",
          imageSrc: "http://img.b2bpic.net/free-photo/empire-state-building-night_23-2151003509.jpg",
          imageAlt: "New York City Skyline at Night",
        },
        {
          id: "carousel-2",
          imageSrc: "http://img.b2bpic.net/free-photo/view-house-lamp-with-futuristic-design_23-2151037461.jpg",
          imageAlt: "Luxurious New York Apartment Interior",
        },
        {
          id: "carousel-3",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-outdoors_23-2150204396.jpg",
          imageAlt: "Fashionable Person in New York Street",
        },
        {
          id: "carousel-4",
          imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-valentines-day_23-2148383182.jpg",
          imageAlt: "Exclusive Fine Dining Experience",
        },
        {
          id: "carousel-5",
          imageSrc: "http://img.b2bpic.net/free-photo/details-structure-decoration-wrought-iron-beams-old-train-station-floral-decorative-ornament-made-metal-closeup-with-copy-space-interior-details-ideas-background-wallpaper_166373-2660.jpg",
          imageAlt: "Elegant New York Brownstone Street",
        },
        {
          id: "carousel-6",
          imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-16078.jpg",
          imageAlt: "Abstract Luxury Gold Marble Texture",
        },
      ]}
      autoPlay={true}
      autoPlayInterval={4000}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      tag="Our Story"
      title="Crafting Exclusivity, Defining New York Style"
      buttons={[
        {
          text: "Discover Our Ethos",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",
          label: "Bespoke Services",
          title: "Tailored to Your Desires",
          items: [
            "Personalized concierge",
            "Custom lifestyle management",
            "Exclusive event access",
          ],
        },
        {
          id: "f2",
          label: "Curated Collections",
          title: "Handpicked for Distinction",
          items: [
            "Limited edition fashion",
            "Artisanal home goods",
            "Fine jewelry selections",
          ],
        },
        {
          id: "f3",
          label: "Premium Locations",
          title: "Iconic City Experiences",
          items: [
            "Manhattan penthouses",
            "Private club memberships",
            "Luxury travel packages",
          ],
        },
      ]}
      title="Unrivaled Luxury, Unforgettable Moments"
      description="Our commitment to excellence ensures every detail is meticulously crafted for your ultimate satisfaction."
      tag="Distinguishing Features"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="asymmetric-60-wide-40-narrow"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "The Metropolitan Clutch",
          price: "$1,200",
          imageSrc: "http://img.b2bpic.net/free-photo/fashion-street-image-model-with-long-legs-wearing-glamour-stylish-outfit-spring-time-travel-mood-palm-trees-around-sneakers-cap-leather-jacket-mini-skirt-sweater-accessories-jewelry_291049-1286.jpg",
          imageAlt: "Luxury leather clutch",
        },
        {
          id: "p2",
          name: "Fifth Avenue Chronograph",
          price: "$4,500",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11469.jpg",
          imageAlt: "Men's luxury watch",
        },
        {
          id: "p3",
          name: "Chelsea Truffle Collection",
          price: "$150",
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cupcakes-box_23-2149021978.jpg",
          imageAlt: "Gourmet chocolate truffles",
        },
        {
          id: "p4",
          name: "Park Avenue Elixir",
          price: "$280",
          imageSrc: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097711.jpg",
          imageAlt: "Designer perfume",
        },
        {
          id: "p5",
          name: "Wall Street Bespoke Suit",
          price: "$3,800",
          imageSrc: "http://img.b2bpic.net/free-photo/businessman-posing-cafe_1157-45690.jpg",
          imageAlt: "Tailored suit",
        },
        {
          id: "p6",
          name: "SoHo Silk Scarf",
          price: "$350",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-scarf_1203-7988.jpg",
          imageAlt: "Luxury silk scarf",
        },
      ]}
      title="The Essence of New York Premium"
      description="Explore our exclusive offerings, each reflecting the sophistication and allure of New York's finest."
      tag="Our Selections"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "15+",
          description: "Years of Curated Luxury",
        },
        {
          id: "m2",
          value: "500+",
          description: "Exclusive Clients Served",
        },
        {
          id: "m3",
          value: "99%",
          description: "Client Satisfaction Rate",
        },
        {
          id: "m4",
          value: "20+",
          description: "Global Brand Partnerships",
        },
      ]}
      title="Excellence in Every Measure"
      description="Our journey is defined by milestones that reflect our dedication to premium quality and client satisfaction."
      tag="Our Impact"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Isabella Rossi",
          handle: "@IsabellaNYC",
          testimonial: "New York Premium delivers an experience that is truly beyond compare. Every detail is perfect, every moment memorable. Highly recommended for those who appreciate true luxury.",
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-caucasian-woman-walking-outdoors_171337-10418.jpg",
          imageAlt: "Isabella Rossi",
        },
        {
          id: "t2",
          name: "Marcus Sterling",
          handle: "@Sterling_Estates",
          testimonial: "Their curated collections and bespoke services have transformed my lifestyle. A genuine partner in elevating my personal and professional world. Absolutely exceptional.",
          imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-with-crossing-arms-isolated-dark-background_613910-6555.jpg",
          imageAlt: "Marcus Sterling",
        },
        {
          id: "t3",
          name: "Chloe Dubois",
          handle: "@ChloeFashion",
          testimonial: "The fashion pieces are exquisite, truly unique and embody the very essence of New York chic. New York Premium is my go-to for statement luxury.",
          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blonde-female-dressed-white-t-shirt-waistcoat-grey-background_613910-9333.jpg",
          imageAlt: "Chloe Dubois",
        },
        {
          id: "t4",
          name: "The Chengs",
          handle: "@ChengPartners",
          testimonial: "From elegant event planning to exclusive travel arrangements, New York Premium handles everything with unparalleled grace and efficiency. A flawless service every time.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-stylish-couple-rides-modern-motorbike_171337-18635.jpg",
          imageAlt: "The Chengs",
        },
        {
          id: "t5",
          name: "Arthur Pendelton",
          handle: "@PendeltonLegacy",
          testimonial: "For years, I've sought partners who understand the nuance of luxury. New York Premium consistently exceeds expectations, offering quality and discretion that is rare to find.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
          imageAlt: "Arthur Pendelton",
        },
      ]}
      title="Hear From Our Esteemed Clients"
      description="Our commitment to luxury and bespoke service is reflected in the words of those who experience it."
      tag="Client Voices"
      speed={40}
      topMarqueeDirection="left"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Sotheby's",
        "Ritz-Carlton",
        "Vogue",
        "Christie's",
        "Louis Vuitton",
        "Four Seasons",
        "Gucci",
        "Bloomberg",
        "Bentley",
      ]}
      title="Partners in Elevated Experiences"
      description="Proudly collaborating with leading brands and institutions to bring you unparalleled luxury and exclusive opportunities."
      tag="Our Collaborations"
      speed={40}
      showCard={false}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",
          title: "What kind of premium experiences do you offer?",
          content: "We offer a diverse range of exclusive experiences, including bespoke travel planning, private event access, luxury fashion sourcing, fine art consultation, and personalized lifestyle management, all tailored to your exacting standards.",
        },
        {
          id: "q2",
          title: "How do I access your bespoke services?",
          content: "Accessing our bespoke services begins with a personal consultation. Please reach out to us via our contact form or by phone to schedule an appointment with one of our luxury consultants.",
        },
        {
          id: "q3",
          title: "Are your collections limited edition?",
          content: "Many of our curated collections feature limited edition pieces and rare finds, ensuring exclusivity and uniqueness. We continuously update our selections to offer the freshest and most sought-after items.",
        },
        {
          id: "q4",
          title: "Do you offer international services?",
          content: "While rooted in New York, our services extend globally. We have a network of international partners and can arrange premium experiences and product deliveries worldwide, ensuring consistent luxury wherever you are.",
        },
      ]}
      sideTitle="Your Questions, Our Expertise"
      sideDescription="Find answers to the most common inquiries about our services, products, and exclusive offerings. If you don't see what you're looking for, feel free to contact us directly."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars",
      }}
      tag="Reach Out"
      title="Connect with Luxury"
      description="Our dedicated team is ready to assist you. Whether for inquiries, bespoke requests, or simply to learn more, we invite you to get in touch."
      imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683469.jpg"
      imageAlt="Luxury concierge desk"
      mediaAnimation="opacity"
      mediaPosition="right"
      inputPlaceholder="Your Email Address"
      buttonText="Send Inquiry"
      termsText="By submitting, you agree to our privacy policy and terms of service."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Our Vision",
              href: "#",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
        {
          title: "Services",
          items: [
            {
              label: "Bespoke Services",
              href: "#features",
            },
            {
              label: "Curated Collections",
              href: "#products",
            },
            {
              label: "Exclusive Access",
              href: "#",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Contact Us",
              href: "#contact",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
          ],
        },
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m1h3dj"
      logoAlt="New York Premium Logo"
      logoText="New York Premium"
      copyrightText="© 2024 New York Premium. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
