"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Brain, Code, MessageCircle, Rocket, Sparkles, Users, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="largeSmall"
      background="grid"
      cardStyle="glass-elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          navItems={[
            { name: "About", id: "about" },
            { name: "Skills", id: "skills" },
            { name: "Projects", id: "projects" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Alex"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Michael Bright "
          description="HBA Candidate at Ivey | Strategy, Tech & Building Cool Things"
          tag="Welcome to my digital playground"
          tagIcon={Zap}
          tagAnimation="slide-up"
          background={{ variant: "animated-grid" }}
          buttons={[
            { text: "View My Projects", href: "#projects" },
            { text: "Get in Touch", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-2933.jpg"
          imageAlt="Professional headshot with gaming aesthetic"
          mediaAnimation="slide-up"
          ariaLabel="Hero section with profile introduction"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "About Me" }
          ]}
          useInvertedBackground={false}
          buttons={[
            { text: "Download Resume", href: "#" }
          ]}
          buttonAnimation="slide-up"
          ariaLabel="About section with personal bio and resume"
        />
      </div>

      <div id="skills" data-section="skills">
        <FeatureBorderGlow
          title="Core Competencies"
          description="A blend of strategic thinking, technical execution, and analytical rigor — everything you need to drive impact."
          features={[
            {
              icon: Zap,
              title: "Strategic Leadership",              description: "Vision-driven planning and execution with proven ability to align teams around ambitious goals"
            },
            {
              icon: Code,
              title: "Technical Skills",              description: "Python, Excel, Power BI, financial modeling, and data visualization across multiple platforms"
            },
            {
              icon: Brain,
              title: "Analytical Thinking",              description: "Data-driven decision making with ability to synthesize complex information into actionable insights"
            },
            {
              icon: Rocket,
              title: "Product Building",              description: "End-to-end product development from ideation through launch, with focus on user-centric design"
            },
            {
              icon: Users,
              title: "Team Collaboration",              description: "Cross-functional leadership experience building and mentoring high-performing teams"
            },
            {
              icon: Sparkles,
              title: "Innovation & Problem Solving",              description: "Creative approach to complex challenges with track record of transforming constraints into opportunities"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Skills and competencies section"
        />
      </div>

      <div id="projects" data-section="projects">
        <ProductCardFour
          title="Featured Projects"
          description="A selection of work that demonstrates my impact across strategy, technology, and business development."
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "project-1",              name: "Data Analytics Platform",              price: "Strategy + Tech",              variant: "Full-stack Development",              imageSrc: "http://img.b2bpic.net/free-vector/flat-design-content-management-system-landing-page_23-2148811890.jpg",              imageAlt: "Analytics dashboard interface"
            },
            {
              id: "project-2",              name: "Fintech Mobile App",              price: "Product Design",              variant: "iOS & Android",              imageSrc: "http://img.b2bpic.net/free-vector/workout-tracker-app_23-2148639062.jpg",              imageAlt: "Mobile app payment interface"
            },
            {
              id: "project-3",              name: "E-commerce Platform",              price: "Growth Strategy",              variant: "B2C Solution",              imageSrc: "http://img.b2bpic.net/free-vector/online-shopping-landing-page-template_23-2148689253.jpg",              imageAlt: "E-commerce marketplace design"
            },
            {
              id: "project-4",              name: "Strategic Financial Model",              price: "Business Analysis",              variant: "Advanced Analytics",              imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-tempalte_23-2148379462.jpg",              imageAlt: "Financial data visualization"
            }
          ]}
          ariaLabel="Projects showcase grid"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Others Say"
          description="Feedback from colleagues, mentors, and partners who've experienced my work firsthand."
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              title: "VP of Product",              date: "March 2024",              quote: "Alex brings both strategic depth and hands-on execution. Rare combination that drives real results.",              tag: "Product Leadership",              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-engineer-job-site-work-hours_23-2151589646.jpg",              avatarAlt: "Sarah Chen headshot"
            },
            {
              id: "2",              name: "Michael Torres",              title: "Founder & CEO",              date: "February 2024",              quote: "Working with Alex on our go-to-market strategy was transformative. They understood our vision instantly.",              tag: "Strategy",              avatarSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg",              avatarAlt: "Michael Torres headshot"
            },
            {
              id: "3",              name: "Jennifer Wu",              title: "Senior Manager",              date: "January 2024",              quote: "Exceptional analytical skills paired with business acumen. Alex turned complex data into clear strategy.",              tag: "Analysis",              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg",              avatarAlt: "Jennifer Wu headshot"
            },
            {
              id: "4",              name: "David Park",              title: "Talent Acquisition Lead",              date: "December 2023",              quote: "Alex stands out as a builder. They connect the dots between opportunity and execution flawlessly.",              tag: "Recruitment",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-office_23-2147669295.jpg",              avatarAlt: "David Park headshot"
            }
          ]}
          ariaLabel="Testimonials from colleagues and partners"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Let's Connect"
          title="Get in Touch"
          description="I'm always interested in new opportunities, collaborations, and conversations. Whether you're a recruiter, founder, or fellow builder — let's talk."
          tagIcon={MessageCircle}
          tagAnimation="slide-up"
          background={{ variant: "animated-grid" }}
          useInvertedBackground={false}
          inputPlaceholder="your.email@example.com"
          buttonText="Send Message"
          termsText="I'll get back to you within 24 hours. Privacy guaranteed."
          ariaLabel="Contact section for email inquiries"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Navigation",              items: [
                { label: "About", href: "#about" },
                { label: "Skills", href: "#skills" },
                { label: "Projects", href: "#projects" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Social",              items: [
                { label: "LinkedIn", href: "https://linkedin.com" },
                { label: "GitHub", href: "https://github.com" },
                { label: "Twitter", href: "https://twitter.com" },
                { label: "Email", href: "mailto:alex@example.com" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Blog", href: "#" },
                { label: "Resume", href: "#" },
                { label: "Case Studies", href: "#" },
                { label: "Insights", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2024 Alex. Crafted with strategy and code."
          ariaLabel="Footer with navigation and social links"
        />
      </div>
    </ThemeProvider>
  );
}
