"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardTwentyTwo from '@/components/sections/feature/FeatureCardTwentyTwo';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Briefcase, Mail, Quote, Rocket, Star, TrendingUp, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "About", id: "about" },
            { name: "Experience", id: "experience" },
            { name: "Impact", id: "impact" },
            { name: "Vision", id: "vision" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Lorenzo Noya"
          bottomLeftText="Digital Innovator"
          bottomRightText="hello@webild.io"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Lorenzo Noya"
          description="Co-Founder & CPO at Webild | Former CEO & Co-Founder of DialedWeb. Redefining digital experiences through innovation, strategy, and transformative technology solutions across California and the world."
          buttons={[
            { text: "Explore Work", href: "#experience" },
            { text: "Get in Touch", href: "#contact" }
          ]}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="https://img.b2bpic.net/free-photo/pensive-mature-businessman-formal-suit-glasses-standing-by-office-glass-wall-looking-away-copy-space-business-portrait-concept_74855-14255.jpg"
          imageAlt="Lorenzo Noya - Executive Portrait"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Executive Profile"
          tagIcon={Star}
          title="Visionary Leader Transforming the Digital Landscape"
          description="Lorenzo Noya"
          subdescription="Co-Founder & Chief Product Officer, Webild"
          icon={Rocket}
          imageSrc="https://img.b2bpic.net/free-photo/more-concepts-we-share-better_329181-17092.jpg"
          imageAlt="Lorenzo Noya - Leadership and Innovation"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="experience" data-section="experience">
        <FeatureCardTwentyTwo
          features={[
            {
              id: "1",              title: "Co-Founder & Chief Product Officer at Webild",              category: ["Product Leadership", "Strategy", "Current Role"],
              imageSrc: "https://img.b2bpic.net/free-photo/businessman-checking-report-tablet_482257-120320.jpg",              imageAlt: "Webild - Innovation and Digital Experiences"
            },
            {
              id: "2",              title: "CEO & Co-Founder of DialedWeb - Digital Incubator",              category: ["Entrepreneurship", "Incubation", "California Tech"],
              imageSrc: "https://img.b2bpic.net/free-photo/person-using-tablet_53876-13420.jpg",              imageAlt: "DialedWeb - Digital Innovation Hub"
            }
          ]}
          animationType="slide-up"
          title="Executive Experience"
          description="Strategic leadership roles that have shaped digital innovation and redefined industry standards"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          tag="Professional Journey"
          tagIcon={Briefcase}
        />
      </div>

      <div id="impact" data-section="impact">
        <MetricCardTwo
          metrics={[
            {
              id: "1",              value: "500+",              description: "Digital Experiences Delivered"
            },
            {
              id: "2",              value: "Global",              description: "Market Presence & Reach"
            },
            {
              id: "3",              value: "100+",              description: "Industry Leaders Transformed"
            },
            {
              id: "4",              value: "15+",              description: "Years Digital Innovation"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          title="Leadership Impact & Achievements"
          description="Quantifiable results from strategic vision and innovative execution"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Key Metrics"
          tagIcon={TrendingUp}
        />
      </div>

      <div id="vision" data-section="vision">
        <ProductCardThree
          products={[
            {
              id: "1",              name: "Digital Product Strategy",              price: "Expert",              imageSrc: "https://img.b2bpic.net/free-photo/successful-female-team-leader-formal-outfit-presenting-new-project-multiethnic-partners_181624-31004.jpg",              imageAlt: "Strategic Product Planning"
            },
            {
              id: "2",              name: "Technology Innovation",              price: "Visionary",              imageSrc: "https://img.b2bpic.net/free-photo/community-cloud-storage-sync-secure_53876-120425.jpg",              imageAlt: "Digital Transformation"
            },
            {
              id: "3",              name: "Brand & User Experience",              price: "Pioneer",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-confident-businessman_107420-84866.jpg",              imageAlt: "User-Centric Design Excellence"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="blur-reveal"
          title="Strategic Vision & Expertise"
          description="Core competencies driving innovation and digital transformation"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          tag="Core Strengths"
          tagIcon={Zap}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          testimonials={[
            {
              id: "1",              title: "Exceptional Strategic Vision",              quote: "Lorenzo's ability to see around corners and anticipate market shifts is truly exceptional. His leadership has fundamentally transformed how we approach digital innovation.",              name: "Michael Chen",              role: "Venture Capital Partner",              imageSrc: "https://img.b2bpic.net/free-photo/proud-middle-aged-business-man-conference-room_1262-3062.jpg",              imageAlt: "Michael Chen - VC Partner Testimonial"
            },
            {
              id: "2",              title: "Digital Transformation Leader",              quote: "Working with Lorenzo at DialedWeb was instrumental in understanding how to build scalable digital experiences. His insights have shaped our entire product philosophy.",              name: "Sarah Mitchell",              role: "CTO, Fortune 500 Tech Company",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-senior-business-man-relaxing_1262-2369.jpg",              imageAlt: "Sarah Mitchell - CTO Testimonial"
            },
            {
              id: "3",              title: "Visionary Product Strategist",              quote: "Lorenzo doesn't just execute—he envisions the future. At Webild, his CPO role has elevated our product offerings to unprecedented levels of user satisfaction and market impact.",              name: "David Rodriguez",              role: "CEO, Leading Digital Agency",              imageSrc: "https://img.b2bpic.net/free-photo/cheerful-boss-sitting-with-newspaper-table_1098-3037.jpg",              imageAlt: "David Rodriguez - CEO Testimonial"
            },
            {
              id: "4",              title: "Innovation Catalyst",              quote: "As an early investor in DialedWeb, I witnessed Lorenzo's ability to build an entire ecosystem of digital innovation. His current work at Webild continues that same transformative impact.",              name: "Elizabeth Anderson",              role: "Angel Investor & Entrepreneur",              imageSrc: "https://img.b2bpic.net/free-photo/good-portrait-photo-senior-businessman-spacious-room-with-plants-holding-reading-documents_146671-14551.jpg",              imageAlt: "Elizabeth Anderson - Investor Testimonial"
            }
          ]}
          title="Trusted by Industry Leaders"
          description="Perspectives from executives and partners who have experienced Lorenzo's visionary leadership"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Testimonials"
          tagIcon={Quote}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get Connected"
          tagIcon={Mail}
          title="Ready to Collaborate?"
          description="Whether you're interested in discussing digital innovation, strategic partnerships, or exploring how to transform your digital presence, I'd love to connect. Let's create something exceptional together."
          buttons={[
            { text: "Contact Lorenzo", href: "mailto:hello@webild.io" },
            { text: "Schedule a Call", href: "https://calendly.com" }
          ]}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Lorenzo Noya"
          copyrightText="© 2025 | Lorenzo Noya. Chief Product Officer at Webild."
          columns={[
            {
              title: "About",              items: [
                { label: "Executive Profile", href: "about" },
                { label: "Experience", href: "experience" },
                { label: "Impact", href: "impact" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Email", href: "mailto:hello@webild.io" },
                { label: "LinkedIn", href: "https://linkedin.com" },
                { label: "Vision", href: "vision" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Webild", href: "https://webild.io" },
                { label: "DialedWeb Legacy", href: "#" },
                { label: "Contact", href: "contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}