"use client";

import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBase from '@/components/sections/footer/FooterBase';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { TrendingUp, Briefcase, Award, Zap, HelpCircle, Phone, Lock, Bell, BarChart3, Users, MessageSquare, Calendar, FileText, Settings, Download } from "lucide-react";
import Link from "next/link";

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

  const footerColumns = [
    {
      title: "Company",      items: [
        { label: "Home", href: "/" },
        { label: "About", href: "/about" },
        { label: "Services", href: "/services" },
        { label: "Reviews", href: "/reviews" },
      ],
    },
    {
      title: "Services",      items: [
        { label: "Business Strategy", href: "/services" },
        { label: "Marketing Plans", href: "/services" },
        { label: "Website Design", href: "/services" },
        { label: "Growth Advisory", href: "/services" },
      ],
    },
    {
      title: "Contact",      items: [
        { label: "Schedule Call", href: "/contact" },
        { label: "Email: john@mooseconsulting.com", href: "mailto:john@mooseconsulting.com" },
        { label: "Phone: (555) 123-4567", href: "tel:+15551234567" },
        { label: "Red Bank, NJ 07701", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="The Moose Consulting"
          navItems={navItems}
          button={{
            text: "Schedule Consultation",            href: "/contact"}}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDualMedia
          title="Strategic Business Growth That Drives Real Results"
          description="Expert marketing consulting, website design, and business strategy for ambitious entrepreneurs in Red Bank and Monmouth County. Boost your visibility, attract qualified leads, and scale confidently with proven strategies."
          tag="Business Consultant"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          buttons={[
            { text: "Schedule Free Consultation", href: "/contact" },
            { text: "Call Now: (555) 123-4567", href: "tel:+15551234567" },
          ]}
          buttonAnimation="blur-reveal"
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businessmen-office-two-serious-man-suits-working-with-computer-table-making-decisions-developing-strategy-business-growth-business-growth-finance-concept_74855-24621.jpg",              imageAlt: "Business consulting session"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/business-team-working-new-business-plan-with-modern-digital-computer-top-view-shot_1423-239.jpg",              imageAlt: "Business growth and success"},
          ]}
          mediaAnimation="slide-up"
          rating={5}
          ratingText="5.0 • 6 Verified Reviews"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureBento
          title="Services Designed to Transform Your Business"
          description="From strategy to execution, we provide comprehensive consulting services that help Red Bank and Monmouth County businesses achieve measurable growth and market leadership."
          tag="Our Services"
          tagIcon={Briefcase}
          tagAnimation="slide-up"
          features={[
            {
              title: "Business Strategy Consulting",              description: "Develop clear, actionable business strategies that align with your goals. We help you identify opportunities, eliminate barriers, and create a roadmap for sustainable growth.",              bentoComponent: "globe"},
            {
              title: "Marketing Plan Development",              description: "Comprehensive marketing strategies tailored to your industry and target audience. From content planning to lead generation, we build systems that drive qualified prospects to your business.",              bentoComponent: "animated-bar-chart"},
            {
              title: "Website Design & Redesign",              description: "Modern, conversion-focused websites that showcase your expertise and generate leads. We ensure your digital presence reflects your brand's professionalism and drives action.",              bentoComponent: "phone",              statusIcon: Lock,
              alertIcon: Bell,
              alertTitle: "New Lead Inquiry",              alertMessage: "You have a new consultation request",              apps: [
                { name: "Analytics", icon: BarChart3 },
                { name: "Contacts", icon: Users },
                { name: "Messages", icon: MessageSquare },
                { name: "Calendar", icon: Calendar },
                { name: "Reports", icon: FileText },
                { name: "Settings", icon: Settings },
                { name: "Export", icon: Download },
                { name: "Integrations", icon: Zap },
              ],
            },
            {
              title: "Growth Advisory",              description: "Ongoing strategic guidance to scale your business. We work with you to optimize operations, expand your market reach, and maximize profitability through data-driven decisions.",              bentoComponent: "line-chart"},
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={true}
          carouselMode="buttons"
        />
      </div>

      <div id="why-choose" data-section="why-choose">
        <MediaAbout
          title="Why Red Bank Businesses Trust The Moose Consulting"
          description="John brings 15+ years of business and marketing expertise to every consultation. With a deep understanding of local markets and proven success helping service-based businesses scale, we deliver personalized strategies that produce measurable results. Our 5-star rating reflects our commitment to client success."
          tag="Our Promise"
          tagIcon={Award}
          tagAnimation="slide-up"
          buttons={[
            { text: "Learn More About John", href: "/about" },
            { text: "Start Your Strategy Session", href: "/contact" },
          ]}
          buttonAnimation="blur-reveal"
          imageSrc="http://img.b2bpic.net/free-photo/portrait-successful-businessmen-office-two-serious-man-suits-working-with-computer-table-making-decisions-developing-strategy-business-growth-business-growth-finance-concept_74855-24621.jpg"
          imageAlt="John, Business Consultant"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Proven Results That Speak for Themselves"
          description="Our consulting approach generates tangible outcomes. Here's what our clients experience when working with The Moose Consulting."
          tag="Impact"
          tagIcon={Zap}
          tagAnimation="slide-up"
          metrics={[
            {
              id: "1",              value: "150%",              title: "Average Client Lead Increase",              items: ["Within first 6 months", "Through optimized marketing", "Sustained growth strategy"],
            },
            {
              id: "2",              value: "98%",              title: "Client Satisfaction Rate",              items: ["5-star verified reviews", "Repeat clients & referrals", "Long-term partnerships"],
            },
            {
              id: "3",              value: "8+",              title: "Industries Served",              items: ["Professional services", "Contractors & trades", "Retail & e-commerce"],
            },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="John is incredibly knowledgeable in all forms of business and marketing. He took our struggling marketing efforts and turned them into a lead-generation machine. We couldn't recommend him more highly."
          rating={5}
          author="Sarah Johnson, Contractor Owner"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Sarah Johnson" },
            { src: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg", alt: "Michael Chen" },
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Emily Rodriguez" },
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "David Kim" },
            { src: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg", alt: "Jessica Martinez" },
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Robert Thompson" },
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Ready to Grow?"
          tagIcon={Phone}
          tagAnimation="slide-up"
          title="Schedule Your Free Strategy Session Today"
          description="Join the local businesses that have transformed their growth through strategic consulting and marketing. Let's discuss your business challenges, goals, and how The Moose Consulting can help you achieve measurable results."
          buttons={[
            { text: "Schedule Consultation", href: "mailto:john@mooseconsulting.com?subject=Strategy%20Session%20Request" },
            { text: "Call (555) 123-4567", href: "tel:+15551234567" },
          ]}
          buttonAnimation="blur-reveal"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="The Moose Consulting"
          copyrightText="© 2025 The Moose Consulting. All rights reserved."
          columns={footerColumns}
        />
      </div>
    </ThemeProvider>
  );
}