"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Shield } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="medium"
      background="radialGradient"
      cardStyle="elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Why Us", id: "metrics" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="SMART Solutions"
          bottomLeftText="San Diego, CA 92115"
          bottomRightText="(619) 356-4121"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Clear. Smart. Financial Solutions."
          description="Trusted tax, financial, and insurance services for individuals and small businesses in San Diego. Professional, patient, and personalized guidance you can rely on."
          enableKpiAnimation={true}
          tag="Your Financial Partner"
          tagIcon={Shield}
          buttons={[
            { text: "Schedule a Consultation", href: "#contact" },
            { text: "Call (619) 356-4121", href: "tel:(619) 356-4121" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/business-meeting-office_1268-21517.jpg"
          imageAlt="Financial consultation meeting"
          imagePosition="right"
          kpis={[
            { value: "4.4★", label: "Client Rating" },
            { value: "20+", label: "Years Experience" },
            { value: "500+", label: "Local Clients" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            {
              type: "text",              content: "At SMART Solutions Financial & Insurance Services, Inc., we provide professional, patient, and personalized financial services. From individual tax preparation to small-business bookkeeping and insurance guidance, we help clients make confident, informed decisions—year after year."
            }
          ]}
          buttons={[
            { text: "Learn More", href: "#services" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardNineteen
          title="Our Services"
          description="Comprehensive financial solutions tailored to your needs"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              tag: "Tax Services",              title: "Tax Preparation & Planning",              subtitle: "Individual & Small Business Tax Services",              description: "Professional tax preparation and year-round support. We help you maximize deductions, minimize liability, and plan strategically for future tax seasons. Whether personal or business, we handle the complexity so you don't have to.",              imageSrc: "https://img.b2bpic.net/free-photo/office-equipment-put-table_23-2147651021.jpg",              imageAlt: "Tax preparation service"
            },
            {
              id: 2,
              tag: "Business Services",              title: "Business Services",              subtitle: "Bookkeeping & Compliance",              description: "From bookkeeping and financial reporting to compliance support, we keep your business finances organized and audit-ready. We provide guidance that helps you make informed business decisions with confidence.",              imageSrc: "https://img.b2bpic.net/free-photo/working-from-home-time-management-concept_23-2149065330.jpg",              imageAlt: "Business services and bookkeeping"
            },
            {
              id: 3,
              tag: "Insurance",              title: "Insurance Solutions",              subtitle: "Business & Personal Coverage",              description: "Navigate the complex world of insurance with expert guidance. We assess your unique risks and find solutions that protect your assets—whether you need business liability, personal coverage, or specialized policies.",              imageSrc: "https://img.b2bpic.net/free-photo/office-equipment-put-table_23-2147651022.jpg",              imageAlt: "Insurance solutions and coverage"
            },
            {
              id: 4,
              tag: "Consultations",              title: "Expert Consultations",              subtitle: "Answers to Complex Financial Questions",              description: "Clear answers to your toughest financial questions. We break down complex topics into actionable strategies. Our consultations are designed to give you confidence and clarity in your financial decisions.",              imageSrc: "https://img.b2bpic.net/free-photo/office-equipment-put-table_23-2147651023.jpg",              imageAlt: "Professional financial consultation"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Why Clients Choose SMART Solutions"
          tag="Our Commitment"
          metrics={[
            {
              id: "1",              value: "4.4★",              description: "Trusted local rating from satisfied clients who value our expertise and patient guidance"
            },
            {
              id: "2",              value: "20+",              description: "Years of combined experience in tax, business, and insurance services for San Diego community"
            },
            {
              id: "3",              value: "Long-term",              description: "Client relationships built on trust, professionalism, and consistent personalized service"
            },
            {
              id: "4",              value: "100%",              description: "Personalized approach—never one-size-fits-all solutions. Your situation gets individual attention"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Get clear answers to common questions about our services and how we can help your financial situation."
          faqs={[
            {
              id: "1",              title: "How much do your services cost?",              content: "Our fees vary based on the complexity of your situation. We offer transparent pricing and can provide a quote after an initial consultation. We believe in fair, straightforward pricing without hidden fees."
            },
            {
              id: "2",              title: "When should I schedule my tax appointment?",              content: "We recommend scheduling between January and March for the best availability. However, we accept clients throughout the year and can handle late returns if needed. Contact us early to secure your spot."
            },
            {
              id: "3",              title: "Do you work with small business owners?",              content: "Yes, we specialize in small business tax preparation, bookkeeping, and financial guidance. We understand the unique challenges small business owners face and provide practical solutions."
            },
            {
              id: "4",              title: "Can you help with insurance needs?",              content: "Absolutely. We provide insurance advisory for both personal and business coverage. We help you assess your needs and find appropriate policies at competitive rates."
            },
            {
              id: "5",              title: "What if I need help outside of tax season?",              content: "We offer year-round consultations and support. Whether you need financial planning advice, bookkeeping help, or strategic guidance, we're here to help you throughout the year."
            },
            {
              id: "6",              title: "How do I get started?",              content: "Simply call us at (619) 356-4121 or fill out our contact form to schedule a consultation. We'll discuss your needs and explain how we can help."
            }
          ]}
          textPosition="left"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Schedule Consultation", href: "#contact" }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Ready to Take Control of Your Finances?"
          description="Contact SMART Solutions today for a free consultation. We're here to answer your questions and help you build a stronger financial future."
          inputs={[
            { name: "name", type: "text", placeholder: "Full Name", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
            { name: "service", type: "text", placeholder: "Service Interest (Tax, Business, Insurance, Consultation)", required: false }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your financial needs or questions...",            rows: 5,
            required: false
          }}
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/modern-office-with-nobody-present_482257-122002.jpg"
          imageAlt="Professional office environment"
          mediaPosition="right"
          buttonText="Book Your Appointment"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/working-woman-standing-graphics_1150-97.jpg"
          imageAlt="Professional office workspace"
          columns={[
            {
              title: "Services",              items: [
                { label: "Tax Preparation", href: "#services" },
                { label: "Business Services", href: "#services" },
                { label: "Insurance Solutions", href: "#services" },
                { label: "Consultations", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Team", href: "#about" },
                { label: "Contact", href: "#contact" },
                { label: "FAQ", href: "#faq" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Call (619) 356-4121", href: "tel:(619) 356-4121" },
                { label: "San Diego, CA 92115", href: "#" },
                { label: "Mon-Fri, Until 6:00 PM", href: "#" }
              ]
            }
          ]}
          logoText="SMART Solutions"
          copyrightText="© 2025 SMART Solutions Financial & Insurance Services, Inc. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}