"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Sparkles, Zap, Target } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="largeSmall"
      background="aurora"
      cardStyle="gradient-radial"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Brand Scaler"
          button={{
            text: "Get Started",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Scale Your Brand to New Heights"
          description="Turn your business vision into explosive growth. I help ambitious entrepreneurs build, scale, and dominate their markets with proven brand scaling strategies."
          tag="Growth-Focused Strategy"
          tagIcon={Sparkles}
          buttons={[
            { text: "Schedule a Free Consultation", href: "#contact" },
            { text: "Explore My Process", href: "#process" }
          ]}
          background={{ variant: "aurora" }}
          carouselItems={[
            {
              id: "1",              imageSrc: "https://img.b2bpic.net/free-photo/strategy-analysis-planning-vision-business-success-concept_53876-121236.jpg",              imageAlt: "Brand scaling strategy visualization"
            },
            {
              id: "2",              imageSrc: "https://img.b2bpic.net/free-photo/office-workers-working-together-as-team_23-2149310881.jpg",              imageAlt: "Growth chart and business metrics"
            },
            {
              id: "3",              imageSrc: "https://img.b2bpic.net/free-photo/improvement-development-opportunity-enjoy_53876-121245.jpg",              imageAlt: "Strategic brand building process"
            },
            {
              id: "4",              imageSrc: "https://img.b2bpic.net/free-photo/business-commercial-corporate-development-concept_53876-125133.jpg",              imageAlt: "Digital marketing and brand development"
            },
            {
              id: "5",              imageSrc: "https://img.b2bpic.net/free-photo/way-success-speech-bubble-chart_53876-123889.jpg",              imageAlt: "Business analytics and growth data"
            },
            {
              id: "6",              imageSrc: "https://img.b2bpic.net/free-photo/mature-woman-fbi-officer_1098-14765.jpg",              imageAlt: "Startup scaling and brand development"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="process" data-section="process">
        <FeatureProcessSteps
          tag="How I Work"
          tagIcon={Zap}
          title="A Proven 3-Step Framework for Brand Dominance"
          description="My methodology combines strategic analysis, creative execution, and data-driven optimization to transform your brand into a market leader. Each step is designed to build momentum and sustainable growth."
          buttons={[
            { text: "Learn My Full Methodology", href: "#contact" }
          ]}
          steps={[
            {
              number: "01",              title: "Audit & Strategy",              tag: "Week 1",              description: "Deep dive analysis of your current brand position, market opportunities, and competitive landscape. I identify gaps and create a customized scaling roadmap tailored to your goals."
            },
            {
              number: "02",              title: "Build & Implement",              tag: "Weeks 2-4",              description: "Execute the strategy with precision. From brand positioning to marketing systems, I build everything needed to establish authority and attract your ideal customers."
            },
            {
              number: "03",              title: "Scale & Optimize",              tag: "Ongoing",              description: "Continuous optimization based on real metrics. I monitor performance, refine strategies, and help you scale what works to multiply your results exponentially."
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="services" data-section="services">
        <ProductCardOne
          title="Core Brand Scaling Services"
          description="Comprehensive solutions designed to position your brand as the market leader in your industry. Each service is strategically designed to compound your growth."
          tag="Services"
          tagIcon={Target}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="invertDefault"
          products={[
            {
              id: "1",              name: "Brand Positioning",              price: "Strategy-First",              imageSrc: "https://img.b2bpic.net/free-photo/strategy-analysis-planning-vision-business-success-concept_53876-121236.jpg",              imageAlt: "Brand positioning strategy"
            },
            {
              id: "2",              name: "Growth System Design",              price: "Systems-Built",              imageSrc: "https://img.b2bpic.net/free-photo/office-workers-working-together-as-team_23-2149310881.jpg",              imageAlt: "Growth systems and processes"
            },
            {
              id: "3",              name: "Market Domination",              price: "Results-Driven",              imageSrc: "https://img.b2bpic.net/free-photo/improvement-development-opportunity-enjoy_53876-121245.jpg",              imageAlt: "Market leadership and dominance"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Proven Results & Impact"
          description="Real metrics from real clients. These numbers represent the tangible growth I've helped entrepreneurs achieve through strategic brand scaling."
          textboxLayout="default"
          animationType="scale-rotate"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",              value: "250%+",              title: "Average client revenue growth within 12 months",              items: [
                "Consistent, measurable scaling",                "Sustainable business growth",                "Long-term market dominance"
              ]
            },
            {
              id: "2",              value: "47",              title: "Brands successfully scaled across multiple industries",              items: [
                "Proven methodology across niches",                "Adaptable to any market",                "Industry-agnostic expertise"
              ]
            },
            {
              id: "3",              value: "10x+",              title: "Average increase in brand authority within 6 months",              items: [
                "Rapid market positioning",                "Increased customer trust",                "Premium pricing power"
              ]
            },
            {
              id: "4",              value: "92%",              title: "Client retention and referral rate",              items: [
                "Results-driven satisfaction",                "Long-term partnerships",                "Trusted advisor relationship"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="What My Clients Say"
          description="Real stories from entrepreneurs and business owners whose brands I've helped scale to market leadership."
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Marcus Johnson",              role: "Founder & CEO",              testimonial: "Working with this brand scaler transformed how we position ourselves in the market. Within 6 months, we went from unknown to industry authority. The strategic insights were invaluable.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "Marcus Johnson"
            },
            {
              id: "2",              name: "Sarah Chen",              role: "Entrepreneur",              testimonial: "I was stuck at a revenue plateau. The brand scaling framework provided clarity and a roadmap. My revenue tripled, and now I'm actively turning down business because I'm at capacity.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageAlt: "Sarah Chen"
            },
            {
              id: "3",              name: "David Martinez",              role: "Business Owner",              testimonial: "The level of strategic thinking here is next-level. Not just marketing advice, but real brand strategy that compounds over time. Best investment I've made in my business.",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",              imageAlt: "David Martinez"
            },
            {
              id: "4",              name: "Emma Richardson",              role: "Director",              testimonial: "From brand clarity to market dominance—the entire journey was strategic and results-focused. We now command premium pricing and have a waiting list of clients.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Emma Richardson"
            },
            {
              id: "5",              name: "James Wilson",              role: "Startup Founder",              testimonial: "This brand scaler understood our vision and executed flawlessly. We went from bootstrap to funded and scaled in record time. Highly recommend.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",              imageAlt: "James Wilson"
            },
            {
              id: "6",              name: "Lisa Thompson",              role: "Business Strategist",              testimonial: "The frameworks and strategies shared are battle-tested and proven. I've implemented them across multiple clients with consistent success. Real expertise here.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",              imageAlt: "Lisa Thompson"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Common Questions About Brand Scaling"
          sideDescription="Everything you need to know about how I help entrepreneurs scale their brands to market leadership."
          textPosition="left"
          useInvertedBackground="noInvert"
          faqs={[
            {
              id: "1",              title: "How is this different from traditional marketing?",              content: "Traditional marketing focuses on short-term campaigns. Brand scaling is about building a sustainable competitive advantage. I help you establish authority, differentiation, and a defensible market position that compounds over time."
            },
            {
              id: "2",              title: "How long does it take to see results?",              content: "Early wins appear within 4-6 weeks. Significant market positioning shifts happen within 3-6 months. Full brand dominance and the compounding effects typically show at the 12-month mark."
            },
            {
              id: "3",              title: "What industries do you work with?",              content: "I've successfully scaled brands across SaaS, e-commerce, services, consulting, agencies, and more. The brand scaling framework is universal. If you have an ambitious vision and committed execution, I can help."
            },
            {
              id: "4",              title: "Do you work with startups or established businesses?",              content: "Both. I work with bootstrapped startups scaling from zero to significant revenue, and established businesses looking to break through growth plateaus. The strategy adapts to your stage and ambitions."
            },
            {
              id: "5",              title: "What's the investment and commitment?",              content: "Investment varies based on scope and intensity. What's consistent is this: brand scaling requires your active participation. I'm the strategist and executor, but your vision and feedback drive everything. We work together to achieve explosive growth."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Ready to Scale Your Brand?"
          description="Let's talk about your vision and how we can work together to establish your brand as a market leader. I offer a free 30-minute strategy call to discuss your unique situation."
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Your full name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Your email address",              required: true
            },
            {
              name: "company",              type: "text",              placeholder: "Your company or brand name",              required: true
            },
            {
              name: "revenue",              type: "text",              placeholder: "Current annual revenue (optional)"
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell me about your brand and your scaling goals. What does success look like for you?",            rows: 5,
            required: true
          }}
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/black-male-team-leader-business-meeting-office_1268-21425.jpg"
          imageAlt="Business meeting and collaboration"
          mediaPosition="right"
          buttonText="Schedule My Free Call"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/entrepreneur-businessman-showing-company-strategy-using-tablet-corporate-presentation_482257-10543.jpg"
          imageAlt="Professional office workspace"
          columns={[
            {
              title: "Services",              items: [
                { label: "Brand Positioning", href: "#services" },
                { label: "Growth Systems", href: "#services" },
                { label: "Market Domination", href: "#services" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "My Process", href: "#process" },
                { label: "Client Success", href: "#testimonials" },
                { label: "FAQ", href: "#faq" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Schedule Call", href: "#contact" },
                { label: "Twitter", href: "https://twitter.com" },
                { label: "LinkedIn", href: "https://linkedin.com" }
              ]
            }
          ]}
          logoText="Brand Scaler"
          copyrightText="© 2025 Brand Scaler. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}