"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 { ShieldCheck, 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="Empowering Your Future Through Financial Clarity"
      description="FCplus Center provides expert financial consulting and planning services to help you achieve your goals with confidence and peace of mind. Let us guide you towards financial freedom."
      buttons={[
        {
          text: "Get Started",          href: "#contact"},
        {
          text: "Learn More",          href: "#about"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/businesspeople-discussing-interesting-idea_1098-1198.jpg"
      imageAlt="Modern financial office with a team collaborating"
      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: "Happy 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: "Satisfied 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 over 500+ clients worldwide."
      marqueeItems={[
        {
          type: "text",          text: "Strategic Financial Planning"},
        {
          type: "text-icon",          text: "Wealth Growth",          icon: TrendingUp,
        },
        {
          type: "text",          text: "Secure Retirement Solutions"},
        {
          type: "text-icon",          text: "Personalized Guidance",          icon: ShieldCheck,
        },
        {
          type: "text",          text: "Future-Proofing Your Assets"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",          content: "Your Trusted Partner in Financial Growth"},
      ]}
      buttons={[
        {
          text: "Our Approach",          href: "#services"},
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",          title: "Financial Planning",          subtitle: "Personalized strategies for your future.",          category: "Core Service",          value: "Strategic"},
        {
          id: "f2",          title: "Investment Management",          subtitle: "Grow your wealth with expert guidance.",          category: "Core Service",          value: "Growth"},
        {
          id: "f3",          title: "Retirement Planning",          subtitle: "Secure your golden years with confidence.",          category: "Core Service",          value: "Security"},
        {
          id: "f4",          title: "Estate Planning",          subtitle: "Protect your legacy for generations.",          category: "Specialized",          value: "Legacy"},
        {
          id: "f5",          title: "Tax Optimization",          subtitle: "Minimize liabilities, maximize returns.",          category: "Specialized",          value: "Efficiency"},
        {
          id: "f6",          title: "Debt Management",          subtitle: "Pathways to a debt-free future.",          category: "Support",          value: "Freedom"},
      ]}
      title="Our Comprehensive Financial Services"
      description="FCplus Center offers a full spectrum of financial services, meticulously designed to meet your individual and business needs. From planning for major life events to daily money management, we are here to support you."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          value: "15+",          title: "Years of Experience",          description: "Serving clients with dedication and proven expertise.",          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599336.jpg",          imageAlt: "Clock icon"},
        {
          id: "m2",          value: "500+",          title: "Satisfied Clients",          description: "Building lasting relationships based on trust and results.",          imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-showing-thumbs-up_1187-751.jpg",          imageAlt: "Group of happy people icon"},
        {
          id: "m3",          value: "$100M+",          title: "Assets Under Management",          description: "Trusted with significant investments and financial futures.",          imageSrc: "http://img.b2bpic.net/free-photo/gold-aesthetic-wallpaper-with-machine_23-2149872250.jpg",          imageAlt: "Money bag icon"},
        {
          id: "m4",          value: "98%",          title: "Client Satisfaction",          description: "Our commitment to excellence drives outstanding feedback.",          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="Experience the FCplus Difference"
      description="Our track record speaks for itself. We are proud of the tangible results and the strong relationships we've built with our clients over the years."
    />
  </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: "Sarah Johnson",          role: "Lead Financial Advisor",          imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg",          imageAlt: "Portrait of Sarah Johnson"},
        {
          id: "t2",          name: "Michael Chen",          role: "Investment Strategist",          imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-businesswoman-relaxing-cafe-after-work-thinking-something-while-reading-newspaper_637285-256.jpg",          imageAlt: "Portrait of Michael Chen"},
        {
          id: "t3",          name: "Emily Rodriguez",          role: "Wealth Management Expert",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-corporate-woman-young-lady-boss-suit-looking-confident-happy-posing-outdoors-stree_1258-119447.jpg",          imageAlt: "Portrait of Emily Rodriguez"},
      ]}
      title="Meet Our Expert Financial Advisors"
      description="Our dedicated team combines extensive knowledge with a personalized approach, ensuring you receive the best guidance for your financial journey. We are here to empower your decisions."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="FCplus Center transformed my financial outlook. Their clear strategies and consistent support helped me achieve goals I thought were out of reach. Truly a partner you can trust!"
      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 services does FCplus Center offer?",          content: "FCplus Center provides comprehensive financial planning, investment management, retirement planning, estate planning, tax optimization, and debt management services tailored to your unique needs."},
        {
          id: "q2",          title: "How do I get started with FCplus Center?",          content: "Getting started is easy! Simply contact us to schedule a free initial consultation. We'll discuss your financial goals and how we can help you achieve them."},
        {
          id: "q3",          title: "Is my financial information secure with FCplus Center?",          content: "Absolutely. We utilize industry-leading security protocols and confidentiality measures to ensure that all your personal and financial information is protected with the highest level of care."},
        {
          id: "q4",          title: "Do you offer services for businesses as well as individuals?",          content: "Yes, our expertise extends to both individual and business clients. We can assist with corporate financial strategy, employee retirement plans, and business succession planning."},
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to the most common questions about our services, processes, and how we can help you achieve financial success."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Let's Build Your Financial Future"
      description="Reach out to us today for a personalized consultation. Our team is ready to answer your questions and help you take the first step towards financial freedom and clarity. Find us at 123 Wealthy Street, Suite 500, Metropolis, CA 90210."
      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="https://images.unsplash.com/photo-1587570417937-25e16541f4d9?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTB8fGdvb2dsZSUyMG1hcHN8ZW58MHx8MHx8fDA%3D&auto=format&fit=crop&w=800&q=60"
      imageAlt="Location map of FCplus Center office"
      mediaPosition="left"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/blur-pattaya-city_1203-2862.jpg"
      imageAlt="Abstract financial graphic background"
      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: "123 Wealthy Street, Suite 500",              href: "#"},
            {
              label: "Metropolis, CA 90210",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 FCplus Center. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
