"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Sparkles, Lightbulb, Home, Zap, Settings, Target, Users, TrendingUp, CheckCircle, BarChart3, Quote, Mail } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumSizeLargeTitles"
      background="floatingGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Lorenzo Noya"
          navItems={[
            { name: "About", id: "about" },
            { name: "Work", id: "features" },
            { name: "Insights", id: "blog" },
            { name: "Get in Touch", id: "contact" }
          ]}
          button={{
            text: "Connect",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardDashboard
          background={{ variant: "radial-gradient" }}
          tag="Head of Product @ Webild"
          tagIcon={Sparkles}
          title="Building Products That Matter"
          description="Driving product vision and execution at an innovative California startup. Passionate about user-centric design, data-driven decisions, and building teams that scale."
          buttons={[
            { text: "Explore My Work", href: "#features" },
            { text: "Download Resume", href: "#" }
          ]}
          dashboard={{
            title: "Product Impact Dashboard",            logoIcon: Lightbulb,
            imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",            buttons: [
              { text: "View Metrics", href: "#" },
              { text: "Read Case Studies", href: "#" }
            ],
            sidebarItems: [
              { icon: Home, active: true },
              { icon: Zap },
              { icon: Settings }
            ],
            stats: [
              {
                title: "Products Launched",                values: [3, 7, 12],
                description: "Successfully shipped"
              },
              {
                title: "Team Scale",                values: [2, 8, 25],
                description: "Engineers & designers"
              },
              {
                title: "Growth Rate",                values: [40, 120, 300],
                valueSuffix: "%",                description: "YoY increase"
              }
            ],
            chartTitle: "Product Adoption Curve",            chartData: [
              { value: 20 },
              { value: 45 },
              { value: 75 },
              { value: 60 },
              { value: 90 }
            ],
            listTitle: "Recent Milestones",            listItems: [
              { icon: Target, title: "Series A Funding", status: "Completed" },
              { icon: Users, title: "10K Active Users", status: "Achieved" },
              { icon: TrendingUp, title: "Enterprise Partnerships", status: "In Progress" }
            ],
            searchPlaceholder: "Search achievements..."
          }}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="About Lorenzo"
          description="Experienced product leader with a track record of scaling products from zero to millions of users."
          tabs={[
            {
              id: "background",              label: "Background",              description: "With over 8 years in product management, I've led teams at fast-growing startups and established tech companies. My expertise spans consumer products, B2B SaaS, and enterprise solutions. I'm passionate about building intuitive, scalable products that solve real user problems."
            },
            {
              id: "philosophy",              label: "Philosophy",              description: "I believe in user-centric product development, data-informed decisions, and collaborative team environments. Every feature should answer: Does this solve a real problem? Will users love it? Can we execute it well?"
            },
            {
              id: "expertise",              label: "Expertise",              description: "Product strategy & roadmapping, team building & leadership, market analysis, user research, metrics & analytics, cross-functional collaboration, agile methodologies, and Go-to-market execution."
            },
            {
              id: "webild",              label: "Webild Journey",              description: "At Webild, I'm driving the product vision for our innovative platform. Leading product strategy, managing a high-performing team, and executing product launches that directly impact thousands of users daily."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/disabled-man-wheelchair-working-his-office-job_23-2149571107.jpg"
          imageAlt="Lorenzo leading product team at Webild"
          imagePosition="right"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFive
          title="Core Competencies"
          description="Specialized skills that drive product success and organizational growth."
          tag="What I Bring"
          tagIcon={CheckCircle}
          features={[
            {
              title: "Strategic Product Vision",              description: "Developing clear, ambitious product strategies aligned with business objectives and market opportunities. Building compelling narratives that unite teams around shared goals.",              icon: Target,
              mediaItems: [
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/improvement-success-planning-ideas-research_53876-26264.jpg",                  imageAlt: "Product strategy session"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/businesspeople-planning-tasks-with-sticky-notes_53876-20933.jpg",                  imageAlt: "Strategy execution"
                }
              ]
            },
            {
              title: "Innovation & Execution",              description: "Balancing ambitious innovation with pragmatic execution. Creating frameworks that encourage experimentation while maintaining accountability and delivering measurable results.",              icon: Zap,
              mediaItems: [
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/fingers-opening-future_1134-120.jpg",                  imageAlt: "Innovation workshop"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/colleagues-having-meeting-office_23-2148817049.jpg",                  imageAlt: "Team collaboration"
                }
              ]
            },
            {
              title: "Team Leadership",              description: "Building and scaling high-performing product teams. Fostering a culture of ownership, continuous learning, and psychological safety where great work happens naturally.",              icon: Users,
              mediaItems: [
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/disabled-man-wheelchair-working-his-office-job_23-2149571107.jpg",                  imageAlt: "Team building"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/colleagues-having-meeting-office_23-2148817049.jpg",                  imageAlt: "Leadership in action"
                }
              ]
            },
            {
              title: "Data-Driven Decisions",              description: "Leveraging analytics and user research to inform product decisions. Establishing metrics that matter, tracking progress, and pivoting based on evidence rather than assumptions.",              icon: BarChart3,
              mediaItems: [
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/improvement-success-planning-ideas-research_53876-26264.jpg",                  imageAlt: "Analytics dashboard"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/businesspeople-planning-tasks-with-sticky-notes_53876-20933.jpg",                  imageAlt: "Performance metrics"
                }
              ]
            }
          ]}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "View Case Studies", href: "#" }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Impact by Numbers"
          description="Quantifiable outcomes from product leadership and execution."
          tag="Results"
          tagIcon={TrendingUp}
          metrics={[
            {
              id: "1",              value: "8+",              description: "Years of Product Leadership Experience"
            },
            {
              id: "2",              value: "12",              description: "Successful Product Launches"
            },
            {
              id: "3",              value: "10M+",              description: "Users Reached Across Products"
            },
            {
              id: "4",              value: "300%",              description: "Average Annual Growth Rate"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Colleagues Say"
          description="Testimonials from leaders and team members I've worked with."
          tag="Testimonials"
          tagIcon={Quote}
          testimonials={[
            {
              id: "1",              name: "Sarah Chen, CEO of TechFlow",              date: "Date: 15 November 2024",              title: "A visionary product leader",              quote: "Lorenzo transformed our product strategy from reactive to proactive. His ability to balance user needs with business objectives while inspiring teams is exceptional. He's the kind of leader every startup dreams of having.",              tag: "CEO",              avatarSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              avatarAlt: "Sarah Chen"
            },
            {
              id: "2",              name: "Marcus Rodriguez, Engineering Lead",              date: "Date: 22 October 2024",              title: "Made engineering effective",              quote: "Working with Lorenzo showed me what great product leadership looks like. He removed blockers, trusted the team, and made sure we were building things that actually mattered. The clarity he brought to roadmaps was game-changing.",              tag: "Engineering",              avatarSrc: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              avatarAlt: "Marcus Rodriguez"
            },
            {
              id: "3",              name: "Jessica Park, Design Director",              date: "Date: 08 September 2024",              title: "Bridged product and design perfectly",              quote: "Lorenzo understood that great products require design excellence. He created space for design thinking, valued our input, and pushed us to do our best work. Truly collaborative and visionary.",              tag: "Design",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              avatarAlt: "Jessica Park"
            },
            {
              id: "4",              name: "David Okonkwo, Product Manager",              date: "Date: 30 August 2024",              title: "Best mentor I've had",              quote: "Lorenzo invested in my growth as a PM, challenging me to think bigger and execute better. His mentorship helped me ship my first major product. He's not just a leader—he's someone who genuinely develops talent.",              tag: "Product",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",              avatarAlt: "David Okonkwo"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Common questions about my background, approach, and availability."
          textPosition="left"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What's your approach to product strategy?",              content: "I start with deep user research to understand pain points and opportunities. From there, I develop a strategic vision that aligns product direction with business goals. I'm a strong believer in data-driven decisions combined with qualitative insights from users and team members."
            },
            {
              id: "2",              title: "How do you build high-performing product teams?",              content: "Great teams start with psychological safety and clear goals. I focus on hiring talented individuals, empowering them with autonomy, providing mentorship, and creating a culture where failure is a learning opportunity. Regular feedback, transparent communication, and celebrating wins together are crucial."
            },
            {
              id: "3",              title: "What's your experience with fundraising and growth?",              content: "I've worked closely with founders through multiple fundraising rounds. I understand investor expectations, can articulate product-market fit, and support pitch narratives. On growth, I've led GTM strategies that scaled user bases from zero to millions."
            },
            {
              id: "4",              title: "How do you measure product success?",              content: "I establish OKRs (Objectives & Key Results) that tie product initiatives to business outcomes. Key metrics depend on the product type, but generally include engagement, retention, NPS, revenue impact, and user satisfaction. I believe in leading and lagging indicators."
            },
            {
              id: "5",              title: "Are you open to consulting or advisory roles?",              content: "Yes, I'm open to discussing consulting engagements, advisory board positions, and speaking opportunities. I'm particularly interested in working with early-stage startups, growth-stage SaaS companies, and teams tackling meaningful problems."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Let's Connect"
          ctaDescription="Interested in collaborating, discussing product strategy, or just saying hello? Reach out—I'd love to chat."
          ctaButton={{
            text: "Send Me an Email",            href: "mailto:lorenzo@webild.io"
          }}
          ctaIcon={Mail}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "What's the best way to reach you?",              content: "Email (lorenzo@webild.io) is best for inquiries and collaboration discussions. For urgent matters, you can also find me on LinkedIn. I try to respond within 24-48 hours."
            },
            {
              id: "2",              title: "Do you do one-on-one mentoring?",              content: "I occasionally take on mentorship commitments with early-career product managers. It depends on my current bandwidth at Webild. Feel free to reach out with details about what you're looking for."
            },
            {
              id: "3",              title: "Are you speaking at events?",              content: "I speak at product conferences and host workshops on product strategy and team building. If you're organizing an event and think I'd be a good fit, let me know!"
            },
            {
              id: "4",              title: "What's next for Webild?",              content: "We're focused on expanding our platform capabilities, growing our enterprise customer base, and building the best product team in the industry. It's an exciting time to be part of our journey."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Lorenzo Noya"
          columns={[
            {
              title: "Navigate",              items: [
                { label: "About", href: "#about" },
                { label: "Work", href: "#features" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Links",              items: [
                { label: "LinkedIn", href: "https://linkedin.com" },
                { label: "Twitter", href: "https://twitter.com" },
                { label: "Webild", href: "https://webild.io" },
                { label: "Email", href: "mailto:lorenzo@webild.io" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Resume", href: "#" },
                { label: "Blog", href: "#" },
                { label: "Speaking", href: "#" },
                { label: "Advisories", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Lorenzo Noya. Head of Product @ Webild."
        />
      </div>
    </ThemeProvider>
  );
}