"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FaqBase from '@/components/sections/faq/FaqBase';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLarge"
      background="aurora"
      cardStyle="soft-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "Team", id: "/team" },
            { name: "Insights", id: "/insights" },
            { name: "Contact", id: "/contact" }
          ]}
          brandName="Next Year"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="NEXT YEAR"
          description="Transforming wealth through intelligent investment strategies, expert guidance, and long-term growth planning for discerning investors worldwide."
          buttons={[
            { text: "Schedule Consultation", href: "/contact" },
            { text: "Explore Services", href: "/services" }
          ]}
          layoutOrder="default"
          background={{ variant: "radial-gradient" }}
          imageSrc="https://img.b2bpic.net/free-photo/business-team-planning-marketing-strategy_53876-102032.jpg"
          imageAlt="Investment and financial growth illustration"
          frameStyle="browser"
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Why Choose Next Year"
          description="We combine decades of market expertise with innovative investment strategies to deliver exceptional results."
          tabs={[
            {
              id: "expertise",              label: "Deep Expertise",              description: "Our team brings over 150 years of combined experience across global markets, investment vehicles, and economic cycles. We've navigated bull markets, recessions, and unprecedented volatility to protect and grow our clients' wealth."
            },
            {
              id: "personalized",              label: "Personalized Strategy",              description: "Every client is unique. We create tailored investment strategies aligned with your goals, risk tolerance, and timeline. No cookie-cutter portfolios—just personalized wealth management designed specifically for you."
            },
            {
              id: "transparency",              label: "Complete Transparency",              description: "You'll always know exactly what we're doing with your investments. Regular reporting, clear communication, and honest advice form the foundation of our client relationships."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-133516.jpg"
          imageAlt="Professional team in office environment"
          imagePosition="right"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Our Track Record"
          description="Proven results through market cycles and investment strategies"
          metrics={[
            {
              id: 1,
              value: "$8.7B",              title: "Assets Under Management",              description: "Growing portfolios for 2,400+ satisfied clients worldwide",              imageSrc: "https://img.b2bpic.net/free-photo/financial-status-budget-credit-debt-planning-concept_53876-13894.jpg",              imageAlt: "Assets under management illustration"
            },
            {
              id: 2,
              value: "14.2%",              title: "Average Annual Returns",              description: "Outperforming market benchmarks consistently over 10 years",              imageSrc: "https://img.b2bpic.net/free-photo/graph-growth-development-improvement-profit-success-concept_53876-133598.jpg",              imageAlt: "Investment returns performance chart"
            },
            {
              id: 3,
              value: "2,400+",              title: "Active Clients",              description: "High-net-worth individuals and institutional investors",              imageSrc: "https://img.b2bpic.net/free-photo/businesspeople-discussing-meeting_1098-641.jpg",              imageAlt: "Client satisfaction and growth"
            },
            {
              id: 4,
              value: "25+",              title: "Years in Business",              description: "A quarter-century of trusted wealth management expertise",              imageSrc: "https://img.b2bpic.net/free-photo/piggy-bank-with-wooden-growth-blocks-arrow_23-2148780597.jpg",              imageAlt: "Business growth and success"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardEight
          title="Our Investment Services"
          description="Comprehensive wealth management solutions tailored to your financial goals"
          tag="Services"
          features={[
            {
              id: "1",              title: "Portfolio Management",              description: "Strategic asset allocation and ongoing portfolio optimization across diversified investments",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-employees-looking-business-document_1098-1850.jpg",              imageAlt: "Portfolio management and analysis"
            },
            {
              id: "2",              title: "Financial Advisory",              description: "Expert guidance on investment strategy, risk management, and long-term wealth planning",              imageSrc: "https://img.b2bpic.net/free-photo/businesswomen-doing-interview_1098-663.jpg",              imageAlt: "Financial advisory and consultation"
            },
            {
              id: "3",              title: "Wealth Preservation",              description: "Tax-efficient strategies and estate planning to protect and preserve generational wealth",              imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-pointing-increase-sales_1098-1851.jpg",              imageAlt: "Wealth preservation strategies"
            },
            {
              id: "4",              title: "Retirement Planning",              description: "Comprehensive retirement strategies ensuring financial security and income sustainability",              imageSrc: "https://img.b2bpic.net/free-photo/businesswomen-doing-interview_1098-663.jpg",              imageAlt: "Retirement planning consultation"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Next Year transformed our investment strategy and has consistently delivered exceptional returns. Their personalized approach and transparent communication give us complete confidence in our financial future."
          rating={5}
          author="Michael Chen, CEO at TechVentures Inc."
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",              alt: "Client testimonial avatar 1"
            },
            {
              src: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              alt: "Client testimonial avatar 2"
            },
            {
              src: "https://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg",              alt: "Client testimonial avatar 3"
            },
            {
              src: "https://img.b2bpic.net/free-photo/portrait-outdoors-business-man-smiles_23-2148763856.jpg",              alt: "Client testimonial avatar 4"
            },
            {
              src: "https://img.b2bpic.net/free-photo/portrait-confident-businessman_1098-21013.jpg",              alt: "Client testimonial avatar 5"
            },
            {
              src: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              alt: "Client testimonial avatar 6"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our investment services and approach"
          tag="Help"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          faqs={[
            {
              id: "1",              title: "What is the minimum investment amount?",              content: "Our typical minimum investment is $500,000, though we consider qualified investors with lower minimums on a case-by-case basis. We're committed to working with clients at various asset levels."
            },
            {
              id: "2",              title: "How do you charge for your services?",              content: "We operate on an assets-under-management (AUM) fee model, with tiered rates that decrease as your portfolio grows. Most clients pay between 0.5% and 1.5% annually, depending on portfolio size and service level."
            },
            {
              id: "3",              title: "How often will I hear from my advisor?",              content: "You'll receive comprehensive quarterly performance reports. We also conduct annual strategy reviews and are available for consultation whenever market conditions or life changes warrant discussion."
            },
            {
              id: "4",              title: "Can you manage multiple types of investments?",              content: "Yes, we manage equities, fixed income, alternative investments, real estate, and commodities. Our diversified approach helps optimize risk-adjusted returns across your entire portfolio."
            },
            {
              id: "5",              title: "What happens if the market declines?",              content: "We design portfolios with downside protection in mind. Our strategies include hedging techniques, diversification, and defensive positioning to help minimize losses during market downturns."
            },
            {
              id: "6",              title: "How long have you been managing investments?",              content: "Next Year was founded in 1999 and has successfully navigated multiple market cycles, including the 2008 financial crisis and COVID-19 pandemic. Our 25+ years of experience informs our prudent investment philosophy."
            }
          ]}
        />
      </div>

      <footer className="bg-foreground text-background py-12">
        <div className="mx-auto px-4 md:px-6 max-w-7xl">
          <div className="grid grid-cols-1 md:grid-cols-4 gap-8">
            <div className="md:col-span-2">
              <h3 className="text-xl font-semibold mb-4">Next Year</h3>
              <p className="text-background/80 mb-4">
                Transforming wealth through intelligent investment strategies and expert guidance.
              </p>
            </div>
            <div>
              <h4 className="font-semibold mb-4">Navigation</h4>
              <nav className="space-y-2">
                <Link href="/" className="block text-background/80 hover:text-background transition-colors">
                  Home
                </Link>
                <Link href="/services" className="block text-background/80 hover:text-background transition-colors">
                  Services
                </Link>
                <Link href="/team" className="block text-background/80 hover:text-background transition-colors">
                  Team
                </Link>
                <Link href="/insights" className="block text-background/80 hover:text-background transition-colors">
                  Insights
                </Link>
                <Link href="/contact" className="block text-background/80 hover:text-background transition-colors">
                  Contact
                </Link>
              </nav>
            </div>
            <div>
              <h4 className="font-semibold mb-4">Contact</h4>
              <div className="text-background/80">
                <p>Schedule a consultation to discuss your investment goals.</p>
              </div>
            </div>
          </div>
          <div className="border-t border-background/20 mt-8 pt-8 text-center text-background/60">
            <p>&copy; 2025 Next Year Investment Agency. All rights reserved.</p>
          </div>
        </div>
      </footer>
    </ThemeProvider>
  );
}