"use client";

import Link from "next/link";
import { Briefcase, DollarSign, Zap, Crown, Sparkles } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function ServicesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="mediumLarge"
      background="none"
      cardStyle="subtle-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Nona"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Services", id: "/services" },
            { name: "Testimonials", id: "/testimonials" },
            { name: "Contact", id: "/contact" }
          ]}
        />
      </div>

      <div id="services-features" data-section="services-features">
        <FeatureCardThree
          features={[
            {
              id: "01",
              title: "Wealth Management",
              description: "Comprehensive portfolio construction, management, and monitoring tailored to your unique financial situation and objectives.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=extepm",
              imageAlt: "Wealth management services"
            },
            {
              id: "02",
              title: "Retirement Planning",
              description: "Strategic planning to ensure a secure, comfortable retirement through optimized savings and investment strategies.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kdn647",
              imageAlt: "Retirement planning advisory"
            },
            {
              id: "03",
              title: "Estate Planning",
              description: "Preserve and transfer wealth efficiently to the next generation with tax-optimized estate strategies.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yrzbo0",
              imageAlt: "Estate planning services"
            },
            {
              id: "04",
              title: "Tax Optimization",
              description: "Strategic tax planning to minimize liabilities and maximize after-tax returns on your investments.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hdmtq8",
              imageAlt: "Tax optimization strategies"
            },
            {
              id: "05",
              title: "Alternative Investments",
              description: "Access to exclusive alternative investment opportunities including private equity, hedge funds, and real assets.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=extepm",
              imageAlt: "Alternative investment options"
            },
            {
              id: "06",
              title: "Financial Advisory",
              description: "Expert guidance on major financial decisions, from business valuations to acquisition strategies.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kdn647",
              imageAlt: "Financial advisory consulting"
            }
          ]}
          title="Comprehensive Investment Services"
          description="Tailored solutions designed for every investor, from first-time savers to experienced portfolio builders."
          tag="Our Offerings"
          tagIcon={Briefcase}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Schedule Consultation", href: "/contact" }
          ]}
        />
      </div>

      <FooterBase
        logoText="Nona"
        copyrightText="© 2025 Nona Investment Agency. All rights reserved."
        columns={[
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Services", href: "/services" },
              { label: "Testimonials", href: "/testimonials" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Resources",
            items: [
              { label: "Investment Guide", href: "#" },
              { label: "Market Insights", href: "#" },
              { label: "FAQs", href: "#" },
              { label: "Blog", href: "#" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy Policy", href: "#" },
              { label: "Terms of Service", href: "#" },
              { label: "Disclosures", href: "#" },
              { label: "Regulatory", href: "#" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}