"use client";

import Link from "next/link";
import { Sparkles, Shield, TrendingUp, DollarSign, Users, Award, Star } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function HomePage() {
  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="hero" data-section="hero">
        <HeroBillboardGallery
          title="Strategic Investment Solutions for Wealth Growth"
          description="Partner with Nona to unlock exceptional returns through expert portfolio management, diversified strategies, and personalized wealth guidance tailored to your financial goals."
          tag="Premium Investment Advisory"
          tagIcon={Sparkles}
          background={{ variant: "radial-gradient" }}
          mediaItems={[
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o7z4ni", imageAlt: "Investment portfolio analysis" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ibojte", imageAlt: "Financial trading strategies" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6kyydy", imageAlt: "Wealth management success" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zxgpyj", imageAlt: "Financial advisory services" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xaug19", imageAlt: "Investment growth opportunities" }
          ]}
          buttons={[
            { text: "Start Investing", href: "/contact" },
            { text: "Learn More", href: "/about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Why Choose Nona Investment Agency"
          description="With over two decades of market expertise, Nona combines institutional-grade investment strategies with personalized client service. We pride ourselves on transparent communication, rigorous risk management, and consistent portfolio performance that delivers measurable wealth growth."
          tag="About Nona"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dgvct5"
          imageAlt="Nona investment advisory team"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Explore Our Services", href: "/services" },
            { text: "Schedule a Consultation", href: "/contact" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree
          features={[
            {
              id: "01",
              title: "Wealth Management",
              description: "Comprehensive portfolio strategies designed to maximize growth and preserve capital across market cycles.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=extepm",
              imageAlt: "Wealth management services"
            },
            {
              id: "02",
              title: "Strategic Planning",
              description: "Personalized investment roadmaps aligned with your life goals, risk tolerance, and time horizons.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kdn647",
              imageAlt: "Financial strategy planning"
            },
            {
              id: "03",
              title: "Growth Optimization",
              description: "Active portfolio management with tactical rebalancing to capitalize on market opportunities.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yrzbo0",
              imageAlt: "Investment growth optimization"
            },
            {
              id: "04",
              title: "Risk Security",
              description: "Multi-layered risk management protocols ensuring your investments are protected against volatility.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hdmtq8",
              imageAlt: "Investment security measures"
            }
          ]}
          title="Investment Excellence at Every Level"
          description="Discover the core pillars that drive Nona's success in delivering superior investment outcomes."
          tag="Core Competencies"
          tagIcon={Shield}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="four-items-2x2-equal-grid"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "View All Services", href: "/services" }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          metrics={[
            { id: "1", icon: DollarSign, title: "Assets Under Management", value: "$2.4B+" },
            { id: "2", icon: Users, title: "Active Clients", value: "3,500+" },
            { id: "3", icon: TrendingUp, title: "Avg. Annual Return", value: "12.8%" },
            { id: "4", icon: Award, title: "Years of Excellence", value: "23" }
          ]}
          title="Nona by the Numbers"
          description="Proven track record of delivering exceptional investment performance and client satisfaction."
          tag="Performance Metrics"
          tagIcon={TrendingUp}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          testimonials={[
            {
              id: "1",
              name: "Robert Mitchell",
              role: "Business Owner, Tech Sector",
              testimonial: "Nona transformed my investment approach. Their strategic guidance and personalized service helped me grow my portfolio by 45% over three years while keeping risk at manageable levels.",
              imageSrc: "https://img.b2bpic.net/free-photo/man-corrects-belt-fees-groom-man-s-hands-dressing-man-buttons-pants-jeans_8353-5893.jpg",
              imageAlt: "Robert Mitchell"
            },
            {
              id: "2",
              name: "Sarah Elizabeth Davies",
              role: "Executive, Financial Services",
              testimonial: "The level of sophistication and transparency Nona brings is unparalleled. Marcus and the team understood my complex financial situation perfectly.",
              imageSrc: "https://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg",
              imageAlt: "Sarah Davies"
            },
            {
              id: "3",
              name: "James Richardson",
              role: "Entrepreneur & Investor",
              testimonial: "After working with several wealth managers, I found that Nona truly prioritizes client success above all else. Their proactive approach has been invaluable.",
              imageSrc: "https://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
              imageAlt: "James Richardson"
            }
          ]}
          title="Client Success Stories"
          description="Real results from real investors who have partnered with Nona to achieve their financial goals."
          tag="Testimonials"
          tagIcon={Star}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </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>
  );
}