"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import Link from "next/link";

export default function ServicesPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Services", id: "/services" },
    { name: "About", id: "/about" },
    { name: "Contact", id: "/contact" },
  ];

  const footerColumns = [
    {
      title: "Navigation",
      items: [
        { label: "Home", href: "/" },
        { label: "Services", href: "/services" },
        { label: "About", href: "/about" },
        { label: "Contact", href: "/contact" },
      ],
    },
    {
      title: "Services",
      items: [
        { label: "Mutual Funds", href: "/services" },
        { label: "Equity Investments", href: "/services" },
        { label: "Insurance Planning", href: "/services" },
        { label: "Loans", href: "/services" },
        { label: "Real Estate", href: "/services" },
      ],
    },
    {
      title: "Connect",
      items: [
        { label: "Email Us", href: "mailto:info@evergrowwealth.com" },
        { label: "WhatsApp", href: "#" },
        { label: "Call Now", href: "tel:+919876543210" },
        { label: "Book Appointment", href: "/contact" },
      ],
    },
    {
      title: "Legal",
      items: [
        { label: "Privacy Policy", href: "#" },
        { label: "Terms of Service", href: "#" },
        { label: "Disclaimer", href: "#" },
        { label: "SEBI Compliance", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="noiseDiagonalGradient"
      cardStyle="outline"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={navItems}
          button={{ text: "Book Consultation", href: "/contact" }}
          brandName="EVERGROW WEALTH"
        />
      </div>

      <div id="services-detailed" data-section="services-detailed" className="py-16 md:py-28">
        <FeatureCardSeven
          title="Our Comprehensive Financial Services"
          description="Each service is tailored to your unique financial needs, combining expertise with personalized attention to achieve your long-term wealth goals."
          tag="Complete Solutions"
          tagAnimation="entrance-slide"
          buttons={[{ text: "Book Consultation", href: "/contact" }]}
          buttonAnimation="entrance-slide"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="blur-reveal"
          features={[
            {
              id: 1,
              title: "Mutual Funds",
              description: "Expert guidance on mutual fund selection, diversification, and portfolio optimization to maximize your returns and minimize risk. We analyze market trends and recommend funds aligned with your investment horizon and risk tolerance.",
              imageSrc: "http://img.b2bpic.net/free-photo/invest-investment-financial-income-profit-costs-concept_53876-134068.jpg?_wi=3",
              imageAlt: "Mutual funds investment portfolio",
            },
            {
              id: 2,
              title: "Equity Investments",
              description: "Personalized equity investment strategies backed by thorough market analysis and research to build wealth through stock market opportunities. Our team stays updated with market movements to identify promising equity opportunities.",
              imageSrc: "http://img.b2bpic.net/free-photo/invest-investment-financial-income-profit-costs-concept_53876-134068.jpg?_wi=4",
              imageAlt: "Equity investment market analysis",
            },
            {
              id: 3,
              title: "Insurance Planning",
              description: "Comprehensive life and general insurance solutions to protect your family's future and secure your financial legacy. We help you understand coverage options and ensure adequate protection for every life stage.",
              imageSrc: "http://img.b2bpic.net/free-photo/happy-daughter-embracing-kissing-her-working-parents-home_637285-12186.jpg?_wi=2",
              imageAlt: "Life and general insurance planning",
            },
          ]}
          ariaLabel="Detailed services section"
        />
      </div>

      <div id="service-benefits" data-section="service-benefits" className="py-16 md:py-24">
        <MetricCardTwo
          title="Service Excellence Metrics"
          description="Our commitment to quality and client satisfaction is reflected in these key performance indicators."
          tag="Performance"
          tagAnimation="entrance-slide"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="uniform-all-items-equal"
          animationType="opacity"
          metrics={[
            { id: "1", value: "98%", description: "Client Satisfaction Rate" },
            { id: "2", value: "₹500Cr+", description: "Assets Managed Successfully" },
            { id: "3", value: "1000+", description: "Successful Investments Facilitated" },
          ]}
          ariaLabel="Service benefits metrics"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={footerColumns}
          bottomLeftText="© 2024 EVERGROW WEALTH. All rights reserved."
          bottomRightText="Trusted Financial Guidance Since 2017"
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}