"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Zap, Lightbulb, Users, CheckCircle, Shield, Code, Award, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="largeSmall"
      background="none"
      cardStyle="layered-gradient"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Portfolio", id: "portfolio" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Start Project", href: "contact" }}
          brandName="DevStudio"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Build the Future with Expert Software Development"
          description="We transform ideas into powerful digital solutions. From concept to deployment, we deliver cutting-edge software that drives business growth and innovation."
          tag="Full-Stack Solutions"
          tagIcon={Zap}
          background={{ variant: "sparkles-gradient" }}
          buttons={[
            { text: "View Our Work", href: "portfolio" },
            { text: "Get Started", href: "contact" }
          ]}
          mediaItems={[
            { imageSrc: "https://img.b2bpic.net/free-photo/programming-background-with-person-working-with-codes-computer_23-2150010130.jpg", imageAlt: "Software development workspace" },
            { imageSrc: "https://img.b2bpic.net/free-photo/html-css-collage-concept-with-person_23-2150062004.jpg", imageAlt: "Web development services" },
            { imageSrc: "https://img.b2bpic.net/free-photo/html-css-collage-concept_23-2150061960.jpg", imageAlt: "Mobile app development" },
            { imageSrc: "https://img.b2bpic.net/free-photo/african-american-software-developer-does-visual-coding-creating-software_482257-126402.jpg", imageAlt: "Cloud infrastructure" },
            { imageSrc: "https://img.b2bpic.net/free-photo/ai-assistant-displayed-computer-monitor-helping-person-complete-tasks_482257-123002.jpg", imageAlt: "AI and machine learning" },
            { imageSrc: "https://img.b2bpic.net/free-photo/group-young-businesspeople-meeting-office_171337-7269.jpg", imageAlt: "Development team collaboration" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Why Partner with DevStudio"
          description="We combine technical expertise with strategic thinking to deliver software solutions that exceed expectations. Our team is passionate about creating elegant, scalable code and intuitive user experiences."
          tag="About Us"
          tagIcon={Lightbulb}
          bulletPoints={[
            { title: "Expert Team", description: "Experienced developers specializing in modern tech stacks and best practices", icon: Users },
            { title: "Agile Methodology", description: "Flexible, iterative development process that adapts to your evolving needs", icon: Zap },
            { title: "Quality First", description: "Rigorous testing and code review ensuring robust, production-ready software", icon: CheckCircle },
            { title: "Long-term Support", description: "Ongoing maintenance and optimization for continuous improvement", icon: Shield }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/group-young-businesspeople-meeting-office_171337-7269.jpg"
          imageAlt="DevStudio development team working together"
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn More", href: "services" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardOne
          features={[
            {
              title: "Web Development",              description: "Modern, responsive web applications built with the latest frameworks and technologies for optimal performance and user experience.",              imageSrc: "https://img.b2bpic.net/free-photo/html-css-collage-concept-with-person_23-2150062004.jpg",              imageAlt: "Web development interface",              button: { text: "Learn More", href: "#" }
            },
            {
              title: "Mobile Applications",              description: "Native and cross-platform mobile apps designed for iOS and Android, delivering seamless performance across all devices.",              imageSrc: "https://img.b2bpic.net/free-photo/html-css-collage-concept_23-2150061960.jpg",              imageAlt: "Mobile app development",              button: { text: "Explore", href: "#" }
            },
            {
              title: "Cloud Infrastructure",              description: "Scalable cloud solutions leveraging AWS, Azure, and GCP for secure, reliable, and cost-effective infrastructure.",              imageSrc: "https://img.b2bpic.net/free-photo/african-american-software-developer-does-visual-coding-creating-software_482257-126402.jpg",              imageAlt: "Cloud services",              button: { text: "Discover", href: "#" }
            },
            {
              title: "AI & Machine Learning",              description: "Intelligent solutions powered by AI and machine learning to automate processes and unlock insights from your data.",              imageSrc: "https://img.b2bpic.net/free-photo/ai-assistant-displayed-computer-monitor-helping-person-complete-tasks_482257-123002.jpg",              imageAlt: "AI technology",              button: { text: "Explore", href: "#" }
            }
          ]}
          title="Our Services"
          description="Comprehensive software development solutions tailored to your business goals and technical requirements."
          tag="What We Offer"
          tagIcon={Code}
          textboxLayout="default"
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <ProductCardTwo
          products={[
            {
              id: "1",              brand: "TechVenture",              name: "Enterprise SaaS Platform",              price: "$2.5M Project Value",              rating: 5,
              reviewCount: "250+ Users",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg",              imageAlt: "SaaS platform dashboard"
            },
            {
              id: "2",              brand: "MobileFirst",              name: "Cross-Platform Mobile App",              price: "$800K Project Value",              rating: 5,
              reviewCount: "100K+ Downloads",              imageSrc: "https://img.b2bpic.net/free-photo/african-american-business-associates-reviewing-data-analytics_482257-123908.jpg",              imageAlt: "Mobile application interface"
            },
            {
              id: "3",              brand: "CloudScale",              name: "Cloud Infrastructure Solution",              price: "$1.2M Project Value",              rating: 5,
              reviewCount: "50+ Clients",              imageSrc: "https://img.b2bpic.net/free-photo/african-american-company-employees-handling-financial-planning_482257-128572.jpg",              imageAlt: "Cloud management dashboard"
            },
            {
              id: "4",              brand: "DataIntel",              name: "AI Analytics Engine",              price: "$1.5M Project Value",              rating: 5,
              reviewCount: "75+ Enterprises",              imageSrc: "https://img.b2bpic.net/free-photo/account-manager-using-ai-chatbot-help-talking-with-customers_482257-126148.jpg",              imageAlt: "Analytics platform interface"
            }
          ]}
          title="Featured Projects"
          description="Showcase of our most impactful work across diverse industries and technologies."
          tag="Portfolio"
          tagIcon={Award}
          textboxLayout="default"
          gridVariant="asymmetric-60-wide-40-narrow"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="We deliver measurable results that transform businesses through innovative software solutions and technical excellence."
          tag="Our Impact"
          useInvertedBackground="invertDefault"
          metrics={[
            {
              id: "1",              value: "150+",              description: "Successfully delivered projects across diverse industries and scales"
            },
            {
              id: "2",              value: "95%",              description: "Client satisfaction rate with long-term partnerships and repeat engagements"
            },
            {
              id: "3",              value: "8+",              description: "Years of expertise in cutting-edge software development and technology innovation"
            },
            {
              id: "4",              value: "50+",              description: "Talented developers specializing in full-stack, cloud, and emerging technologies"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              role: "CEO",              company: "TechVenture Inc",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageAlt: "Sarah Chen"
            },
            {
              id: "2",              name: "Michael Rodriguez",              role: "CTO",              company: "CloudScale Systems",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg",              imageAlt: "Michael Rodriguez"
            },
            {
              id: "3",              name: "Emily Watson",              role: "Product Director",              company: "DataIntel Solutions",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg",              imageAlt: "Emily Watson"
            },
            {
              id: "4",              name: "James Park",              role: "Founder",              company: "MobileFirst Labs",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-senior-businessman-with-arms-crossed_1262-1751.jpg",              imageAlt: "James Park"
            },
            {
              id: "5",              name: "Lisa Thompson",              role: "VP Engineering",              company: "Enterprise Systems Corp",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-posing-near-office-building_1262-21023.jpg",              imageAlt: "Lisa Thompson"
            },
            {
              id: "6",              name: "David Kumar",              role: "Technical Lead",              company: "Innovation Hub",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3796.jpg",              imageAlt: "David Kumar"
            }
          ]}
          title="What Our Clients Say"
          description="Hear from the leaders who trust us with their most critical software projects."
          tag="Testimonials"
          tagIcon={Star}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to transform your vision into reality? Let's discuss your next software development project and explore how we can drive your business forward with cutting-edge technology solutions."
          animationType="entrance-slide"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Start Your Project", href: "#" },
            { text: "Schedule Consultation", href: "#" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="DevStudio"
          columns={[
            {
              items: [
                { label: "Home", href: "hero" },
                { label: "About", href: "about" },
                { label: "Services", href: "services" }
              ]
            },
            {
              items: [
                { label: "Portfolio", href: "portfolio" },
                { label: "Blog", href: "#" },
                { label: "Resources", href: "#" }
              ]
            },
            {
              items: [
                { label: "Contact", href: "contact" },
                { label: "Support", href: "#" },
                { label: "Privacy", href: "#" }
              ]
            },
            {
              items: [
                { label: "LinkedIn", href: "https://linkedin.com" },
                { label: "GitHub", href: "https://github.com" },
                { label: "Twitter", href: "https://twitter.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}