"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Scissors, ShieldCheck, Shirt, TrendingUp } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="compact"
        sizing="largeSmallSizeLargeTitles"
        background="floatingGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="flat"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Team",          id: "#team"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="FCplus Center"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplit
      background={{
        variant: "downward-rays-static"}}
      imagePosition="right"
      title="Elevate Your Style: Discover Exquisite Man Suit Wear at FCplus Center"
      description="FCplus Center is your premier destination for exceptional man suit wear, offering tailored fits, premium fabrics, and personalized styling to define your distinguished look."
      buttons={[
        {
          text: "Explore Suits",          href: "#services"},
        {
          text: "Book a Consultation",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/stylish-man-in-blue-suit_1303-10022.jpg"
      imageAlt="Stylish man in a blue suit"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/close-up-shot-handsome-african-student-with-beard-dressed-denim-shirt-smiling-happily-showing-his-white-teeth-having-joyful-contented-look_273609-1853.jpg",          alt: "Satisfied client John Doe"},
        {
          src: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-girl-looking-straight-ahead-wearing-white-t-shirt-isolated-pink_141793-86615.jpg",          alt: "Happy client Jane Smith"},
        {
          src: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg",          alt: "Trusted client David Lee"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-short-hair_273609-15371.jpg",          alt: "Valued client Emily White"},
        {
          src: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3551.jpg",          alt: "Partner client Alex Green"},
      ]}
      avatarText="Trusted by thousands of gentlemen worldwide."
      marqueeItems={[
        {
          type: "text",          text: "Custom Tailoring Excellence"},
        {
          type: "text-icon",          text: "Ready-to-Wear Collections",          icon: Shirt,
        },
        {
          type: "text",          text: "Personalized Styling Advice"},
        {
          type: "text-icon",          text: "Premium Fabric Selection",          icon: Scissors,
        },
        {
          type: "text",          text: "Impeccable Fit & Alterations"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",          content: "Crafting Your Perfect Look with Precision and Passion"},
      ]}
      buttons={[
        {
          text: "Our Craft",          href: "#services"},
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",          title: "Custom Tailoring",          subtitle: "Perfect fit, unique style for every occasion.",          category: "Bespoke",          value: "Precision"},
        {
          id: "f2",          title: "Ready-to-Wear",          subtitle: "Curated collections for immediate elegance.",          category: "Collections",          value: "Versatility"},
        {
          id: "f3",          title: "Style Consultation",          subtitle: "Expert advice to refine your wardrobe and image.",          category: "Guidance",          value: "Elegance"},
        {
          id: "f4",          title: "Fabric Selection",          subtitle: "Finest materials for lasting comfort and luxury.",          category: "Luxury",          value: "Quality"},
        {
          id: "f5",          title: "Alterations & Fitting",          subtitle: "Ensuring impeccable comfort and a perfect silhouette.",          category: "Fit",          value: "Perfection"},
        {
          id: "f6",          title: "Accessories",          subtitle: "Complete your ensemble with sophisticated details.",          category: "Details",          value: "Refinement"},
      ]}
      title="Our Comprehensive Man Suit Wear Services"
      description="FCplus Center offers a full range of services designed to provide you with the perfect suit, from bespoke tailoring to ready-to-wear collections and expert styling advice."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          value: "15+",          title: "Years of Craftsmanship",          description: "Serving gentlemen with dedication and proven expertise in tailoring.",          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599336.jpg",          imageAlt: "Clock icon"},
        {
          id: "m2",          value: "500+",          title: "Satisfied Gentlemen",          description: "Building lasting relationships based on trust and style.",          imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-showing-thumbs-up_1187-751.jpg",          imageAlt: "Group of happy people icon"},
        {
          id: "m3",          value: "10000+",          title: "Suits Tailored & Sold",          description: "Crafting exceptional suits for every gentleman's wardrobe.",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-hangers-with-different-suits-store_181624-12297.jpg",          imageAlt: "Suits on hangers"},
        {
          id: "m4",          value: "98%",          title: "Client Satisfaction",          description: "Our commitment to excellence ensures outstanding feedback and repeat business.",          imageSrc: "http://img.b2bpic.net/free-photo/review-increase-rating-ranking-evaluation-classification-concept-businessman-draw-five-yellow-star-increase-rating-his-company_1212-719.jpg",          imageAlt: "Star rating icon"},
      ]}
      title="The FCplus Center Difference in Menswear"
      description="Our dedication to quality and customer satisfaction sets us apart. We take pride in helping you look your best for any occasion."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardSix
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      members={[
        {
          id: "t1",          name: "David Lee",          role: "Master Tailor",          imageSrc: "http://img.b2bpic.net/free-photo/tailor-measuring-man_53876-130419.jpg",          imageAlt: "Portrait of David Lee, Master Tailor"},
        {
          id: "t2",          name: "Sophia Martinez",          role: "Head Style Consultant",          imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-looking-clothes_23-2147775577.jpg",          imageAlt: "Portrait of Sophia Martinez, Head Style Consultant"},
        {
          id: "t3",          name: "Ethan Brown",          role: "Bespoke Suit Specialist",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-elegant-young-man-with-braces-posing_158595-5026.jpg",          imageAlt: "Portrait of Ethan Brown, Bespoke Suit Specialist"},
      ]}
      title="Meet Our Expert Tailors & Style Consultants"
      description="Our passionate team brings years of expertise in men's fashion and tailoring to ensure your experience at FCplus Center is unparalleled."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="FCplus Center helped me find the perfect suit for my wedding. The quality and fit were impeccable, and I received so many compliments. Truly a partner for defining your style!"
      rating={5}
      author="Mark D."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiling-woman-standing-supermarket_107420-96366.jpg",          alt: "Avatar of Client 1"},
        {
          src: "http://img.b2bpic.net/free-photo/smiley-man-holding-his-face-medium-shot_23-2148401444.jpg",          alt: "Avatar of Client 2"},
        {
          src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",          alt: "Avatar of Client 3"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-man-with-eyeglasses-smiling-office_329181-14553.jpg",          alt: "Avatar of Client 4"},
        {
          src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",          alt: "Avatar of Client 5"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-black-jacket_613910-2534.jpg",          alt: "Avatar of Client 6"},
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "What types of suits does FCplus Center offer?",          content: "We offer a wide range of suits, including bespoke custom suits, ready-to-wear collections, and formal wear for various occasions. Our selection includes classic business suits, tuxedos, and casual blazers."},
        {
          id: "q2",          title: "How does your custom tailoring process work?",          content: "Our custom tailoring begins with a detailed consultation to discuss your style preferences and measurements. Our master tailors then craft a suit that fits you perfectly, with fittings along the way to ensure every detail is precise."},
        {
          id: "q3",          title: "Do you provide styling advice and accessories?",          content: "Yes, our experienced style consultants are available to help you choose the ideal suit, shirt, tie, and accessories to complete your look. We offer personalized recommendations to match your style and occasion."},
        {
          id: "q4",          title: "What is your return or exchange policy?",          content: "Ready-to-wear items can be returned or exchanged within 30 days with a receipt and original tags. Custom-tailored suits are made specifically for you and are non-refundable, but we offer complimentary alterations to ensure your complete satisfaction."},
      ]}
      title="Common Questions About Our Menswear & Services"
      description="Find answers to frequently asked questions about our suit collections, tailoring process, styling services, and more."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Define Your Style: Visit FCplus Center Today"
      description="Step into FCplus Center for an unparalleled suit shopping experience. Our consultants are ready to help you discover the perfect attire. Visit us at 456 Gentleman's Way, Suite 101, Fashion District, NY 10018."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
        },
      ]}
      textarea={{
        name: "message",        placeholder: "Your Message",        rows: 4,
        required: false,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/man-fitting-suit-store_107420-101416.jpg"
      imageAlt="Man fitting a suit in a store"
      mediaPosition="left"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/blue-suit-hangers-dark-background_107420-101413.jpg"
      imageAlt="Blue suits on hangers in a dark setting"
      logoText="FCplus Center"
      columns={[
        {
          title: "Quick Links",          items: [
            {
              label: "Home",              href: "#home"},
            {
              label: "About Us",              href: "#about"},
            {
              label: "Services",              href: "#services"},
            {
              label: "Team",              href: "#team"},
          ],
        },
        {
          title: "Resources",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "info@fcplus.com",              href: "mailto:info@fcplus.com"},
            {
              label: "+1 (555) 123-4567",              href: "tel:+15551234567"},
            {
              label: "456 Gentleman's Way",              href: "#"},
            {
              label: "Fashion District, NY 10018",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 FCplus Center. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
