"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroCentered from "@/components/sections/hero/HeroCentered";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Target, Zap, Users, Lightbulb } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="small"
      sizing="large"
      background="circleGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Northstarr"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "about" },
            { name: "Services", id: "features" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Start Your Journey",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          title="Northstarr: Your Growth Partner, Proven Results"
          description="We deliver specific service outcomes for ambitious teams. Join 50 companies transforming their operations."
          background={{ variant: "downward-rays-static" }}
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Team member 1" },
            { src: "http://img.b2bpic.net/free-photo/smiling-african-businessman-wearing-suit-headshot-vertical-portrait-with-team_1163-3924.jpg", alt: "Team member 2" },
            { src: "http://img.b2bpic.net/free-photo/business-woman-with-two-businessmen-sides_1262-824.jpg", alt: "Team member 3" }
          ]}
          avatarText="Trusted by 50+ companies"
          buttons={[
            { text: "Start Your Journey", href: "#contact" },
            { text: "Learn More", href: "#about" }
          ]}
          buttonAnimation="slide-up"
          ariaLabel="Hero section - Northstarr growth partner platform"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "We Partner with Ambitious Teams to Unlock Growth and" },
            { type: "text", content: "Transform Operations" }
          ]}
          useInvertedBackground={false}
          buttons={[
            { text: "Explore Our Services", href: "#features" },
            { text: "Schedule a Consultation", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          ariaLabel="About section - Northstarr partnership approach"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFive
          title="Our Core Services"
          description="Proven methodologies designed to drive measurable results for your business."
          tag="Services"
          features={[
            {
              title: "Business Strategy & Consulting",              description: "Develop clear, actionable strategies that align with your business goals and market opportunities.",              icon: Target,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/group-smiling-business-people-analyzing-reports-communicating-while-working-together-office-there-are-people-background_637285-170.jpg?_wi=1", imageAlt: "Business strategy planning" },
                { imageSrc: "http://img.b2bpic.net/free-photo/businessman-doing-ok-sign-while-holding-growth-chart_23-2148780644.jpg?_wi=1", imageAlt: "Growth metrics" }
              ]
            },
            {
              title: "Operations Optimization",              description: "Streamline workflows, reduce inefficiencies, and implement systems that scale with your team.",              icon: Zap,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/hiring-process-meeting-confident-candidate-professional-team-from-hr-department_482257-136441.jpg?_wi=1", imageAlt: "Operations workflow" },
                { imageSrc: "http://img.b2bpic.net/free-photo/woman-touching-power-button-virtual-screen-smart-home-technology_53876-104196.jpg?_wi=1", imageAlt: "Digital transformation" }
              ]
            },
            {
              title: "Team Enablement & Growth",              description: "Build high-performing teams through training, coaching, and organizational development programs.",              icon: Users,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/woman-touching-power-button-virtual-screen-smart-home-technology_53876-104196.jpg?_wi=2", imageAlt: "Team collaboration" },
                { imageSrc: "http://img.b2bpic.net/free-photo/group-smiling-business-people-analyzing-reports-communicating-while-working-together-office-there-are-people-background_637285-170.jpg?_wi=2", imageAlt: "Team development" }
              ]
            },
            {
              title: "Digital Transformation",              description: "Implement cutting-edge technologies and processes to modernize your operations and stay competitive.",              icon: Lightbulb,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/businessman-doing-ok-sign-while-holding-growth-chart_23-2148780644.jpg?_wi=2", imageAlt: "Digital innovation" },
                { imageSrc: "http://img.b2bpic.net/free-photo/hiring-process-meeting-confident-candidate-professional-team-from-hr-department_482257-136441.jpg?_wi=2", imageAlt: "Technology implementation" }
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Services section - Core offerings"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Industry Leaders"
          description="Partnering with forward-thinking companies across industries to drive meaningful growth"
          useInvertedBackground={false}
          textboxLayout="default"
          names={["Microsoft", "Google", "Amazon", "Apple", "Tesla", "Netflix", "Meta"]}
          logos={[
            "http://img.b2bpic.net/free-vector/geometric-abstract-echos-web-design-agency-logo_1421494-124.jpg",            "http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148077820.jpg",            "http://img.b2bpic.net/free-vector/gradient-instagram-shop-logo-design_23-2149714663.jpg",            "http://img.b2bpic.net/free-vector/gradient-weight-loss-logo-template_52683-139019.jpg",            "http://img.b2bpic.net/free-vector/gradient-logo-template_23-2151182581.jpg",            "http://img.b2bpic.net/free-photo/movies-entertainment-events-digital-media_53876-122553.jpg",            "http://img.b2bpic.net/free-vector/logo-template-design_1289-118.jpg"
          ]}
          showCard={true}
          speed={40}
          ariaLabel="Social proof section - Trusted companies"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Clients Say"
          description="Real success stories from companies that transformed their operations with Northstarr."
          tag="Testimonials"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              role: "CEO",              company: "TechCorp Solutions",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg",              imageAlt: "Sarah Johnson, CEO of TechCorp Solutions"
            },
            {
              id: "2",              name: "Michael Chen",              role: "Chief Operations Officer",              company: "InnovateLab Inc",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg",              imageAlt: "Michael Chen, COO of InnovateLab Inc"
            },
            {
              id: "3",              name: "Emily Rodriguez",              role: "Managing Director",              company: "GrowthCo Ventures",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3796.jpg",              imageAlt: "Emily Rodriguez, Managing Director of GrowthCo Ventures"
            },
            {
              id: "4",              name: "David Kim",              role: "VP of Strategy",              company: "NextGen Digital",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/business-team-office_1098-746.jpg",              imageAlt: "David Kim, VP of Strategy at NextGen Digital"
            },
            {
              id: "5",              name: "Jessica Martinez",              role: "Founder & CEO",              company: "Ascend Partners",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-businessman-wearing-suit-headshot-vertical-portrait-with-team_1163-3924.jpg",              imageAlt: "Jessica Martinez, Founder & CEO of Ascend Partners"
            },
            {
              id: "6",              name: "Alexander Thompson",              role: "President",              company: "Prime Business Group",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",              imageAlt: "Alexander Thompson, President of Prime Business Group"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          carouselMode="buttons"
          ariaLabel="Testimonials section - Client success stories"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Our Impact by Numbers"
          description="Demonstrable results that speak to our commitment to client success and operational excellence."
          tag="Results"
          metrics={[
            {
              id: "1",              value: "50+",              title: "Companies Transformed",              description: "Across diverse industries and markets globally",              imageSrc: "http://img.b2bpic.net/free-vector/flat-business-landing-page-template_52683-21280.jpg?_wi=1",              imageAlt: "Growth metrics and charts"
            },
            {
              id: "2",              value: "35%",              title: "Average Revenue Growth",              description: "Achieved by our clients within 12 months",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg",              imageAlt: "Performance dashboard"
            },
            {
              id: "3",              value: "98%",              title: "Client Retention Rate",              description: "Proof of our commitment to long-term partnerships",              imageSrc: "http://img.b2bpic.net/free-vector/flat-business-landing-page-template_52683-21280.jpg?_wi=2",              imageAlt: "Retention metrics"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Metrics section - Impact and results"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our services, process, and partnership approach."
          tag="Help"
          faqs={[
            {
              id: "1",              title: "What services does Northstarr provide?",              content: "Northstarr specializes in business strategy consulting, operations optimization, team enablement, and digital transformation. We work with ambitious teams to deliver measurable outcomes tailored to your specific business goals."
            },
            {
              id: "2",              title: "How do you measure success?",              content: "We establish clear KPIs and metrics at the beginning of each engagement. Success is measured through tangible improvements in revenue growth, operational efficiency, team performance, and customer satisfaction. Our clients see an average of 35% revenue growth within 12 months."
            },
            {
              id: "3",              title: "What is your typical engagement model?",              content: "We offer flexible engagement models including project-based consulting, retainer-based partnerships, and intensive transformation programs. Each engagement is customized based on your business needs, timeline, and budget."
            },
            {
              id: "4",              title: "How long does a typical project take?",              content: "Project timelines vary based on scope and complexity. Most engagements range from 3 to 12 months. We work with you to establish realistic milestones and maintain transparency throughout the process."
            },
            {
              id: "5",              title: "Do you work with companies of all sizes?",              content: "Yes, we work with organizations ranging from high-growth startups to established enterprises. Our methodologies and approaches are scalable and adaptable to companies at any stage of growth."
            },
            {
              id: "6",              title: "What industries do you serve?",              content: "We have extensive experience across technology, healthcare, financial services, manufacturing, retail, and professional services. Our diverse industry expertise allows us to bring best practices and insights from various sectors to your organization."
            }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="smooth"
          showCard={true}
          ariaLabel="FAQ section - Common questions"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Start Your Transformation Journey"
          description="Ready to unlock your team's potential and drive measurable growth? Connect with our team to discuss your specific challenges and opportunities."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "company", type: "text", placeholder: "Company Name", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: false }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your business challenges and goals...",            rows: 5,
            required: true
          }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/people-discussing-ideas-sitting-cafe-table_1262-1036.jpg"
          imageAlt="Team collaboration and partnership"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Schedule Your Consultation"
          ariaLabel="Contact form - Start your transformation"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/financial-charts-kpi-metrics-displays-office_482257-126638.jpg"
          imageAlt="Modern professional workspace"
          logoText="Northstarr"
          copyrightText="© 2025 Northstarr. All rights reserved."
          columns={[
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Services", href: "#features" },
                { label: "Client Stories", href: "#testimonials" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Blog & Insights", href: "#" },
                { label: "Case Studies", href: "#" },
                { label: "FAQ", href: "#faq" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" },
                { label: "Disclaimer", href: "#" }
              ]
            }
          ]}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}
