"use client";

import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import TeamCardFive from "@/components/sections/team/TeamCardFive";
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBase from "@/components/sections/footer/FooterBase";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import { Sparkles, Search, ArrowUpRight, Monitor, Shield, Zap, Puzzle, TrendingUp, Lock, Phone, MessageCircle, BookOpen, Tv, Camera, Music, Settings, Award, Users } from "lucide-react";

export default function WebAgency2Page() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="metallic"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <ReactLenis root>
        <NavbarLayoutFloatingOverlay
          brandName="ai tuomation adn agetic work flow system agency name of agency headupcode,hi name is headupcode"
          navItems={[
            { name: "Solutions", id: "solutions" },
            { name: "Approach", id: "approach" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Get Started", href: "#contact" }}
        />
        <HeroSplitDoubleCarousel
          title="Unlocking Business Agility with AI Automation"
          description="headupcode designs and implements intelligent AI automation and dynamic agile workflow systems to drive efficiency, foster innovation, and accelerate growth."
          tag="AI & Automation Pioneers"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          background={{ variant: "canvas-reveal" }}
          buttons={[
            { text: "Discover Solutions", href: "#solutions" },
            { text: "Learn More", href: "#approach" }
          ]}
          buttonAnimation="slide-up"
          carouselPosition="right"
          leftCarouselItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg", imageAlt: "AI dashboard showing data visualization and intelligence" },
            { imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-drawings-new-ideas-office_176420-1687.jpg", imageAlt: "Agile team collaborating with kanban board" },
            { imageSrc: "http://img.b2bpic.net/free-photo/smart-factory-engineer-designs-robotic-machines-using-laptop-cad-software_482257-120633.jpg", imageAlt: "Digital automation workflow diagram" },
            { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-flowing-network-connections-design-with-connecting-lines-dots_1048-13615.jpg", imageAlt: "AI analyzing complex data points" },
            { imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-illustration-with-neon-colors-futuristic-technology_23-2151671986.jpg", imageAlt: "Predictive analytics graph showing future trends" }
          ]}
          rightCarouselItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/robot-arm-is-working-factory_35913-2492.jpg", imageAlt: "Industrial robot arm automating tasks" },
            { imageSrc: "http://img.b2bpic.net/free-photo/cloud-computing-banner-background-smart-city_53876-108504.jpg", imageAlt: "Cloud computing infrastructure with servers" },
            { imageSrc: "http://img.b2bpic.net/free-photo/close-up-computer-screens-server-room-monitoring-artificial-intelligence_482257-126288.jpg", imageAlt: "Machine learning code and neural network interface" },
            { imageSrc: "http://img.b2bpic.net/free-photo/workers-using-ai-computing-simulation_482257-75500.jpg", imageAlt: "Concept of digital transformation with abstract data" }
          ]}
          carouselItemClassName="!aspect-[4/5]"
        />
        <FeatureBento
          title="Intelligent Solutions for Modern Enterprises"
          description="From automating repetitive tasks to optimizing complex workflows, our AI and agile systems empower your business to achieve unprecedented efficiency and innovation."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          buttons={[{ text: "Explore All Solutions", href: "#solutions" }]}
          buttonAnimation="slide-up"
          features={[
            {
              title: "AI-Powered Workflow Automation",              description: "Automate repetitive tasks, streamline operations, and free up your team for strategic initiatives with intelligent AI workflows.",              bentoComponent: "marquee",              centerIcon: Zap,
              variant: "text",              texts: ["Process Optimization", "Task Automation", "Efficiency Gains", "Resource Allocation", "Decision Support", "Intelligent Agents"]
            },
            {
              title: "Agile System Development",              description: "Build flexible, scalable, and user-centric applications using agile methodologies, ensuring rapid iteration and continuous improvement.",              bentoComponent: "media-stack",              items: [
                { imageSrc: "http://img.b2bpic.net/free-photo/developers-brainstorming-ideas-looking-code-computer-screens-asking-feedback-from-senior-developer-while-intern-joins-discussion-junior-programmers-collaborating-group-project_482257-41852.jpg", imageAlt: "Agile development team collaborating on software" },
                { imageSrc: "http://img.b2bpic.net/free-photo/variety-people-multitasking-3d-cartoon-scene_23-2151294555.jpg", imageAlt: "Developer working on clean code for a web project" },
                { imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169857.jpg", imageAlt: "UI/UX design prototype for a user-centric application" }
              ]
            },
            {
              title: "Strategic AI Consulting",              description: "Navigate the AI landscape with expert guidance. We help you identify opportunities, integrate AI, and maximize its impact on your business.",              bentoComponent: "media-stack",              items: [
                { imageSrc: "http://img.b2bpic.net/free-photo/technology-concept-with-futuristic-element_23-2151910976.jpg", imageAlt: "Business professionals discussing AI strategy" },
                { imageSrc: "http://img.b2bpic.net/free-photo/people-office-analyzing-checking-finance-graphs_23-2150377147.jpg", imageAlt: "Planning AI integration for workflow optimization" },
                { imageSrc: "http://img.b2bpic.net/free-photo/discussing-charts_1098-18026.jpg", imageAlt: "Expert giving advice in an innovation workshop" }
              ]
            }
          ]}
        />
        <FeatureCardTwentySix
          title="Pioneering Projects in AI & Agile"
          description="See how headupcode has empowered clients across industries to achieve significant transformations with our bespoke AI automation and agile workflow implementations."
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "View Success Stories", href: "#work" }]}
          buttonAnimation="slide-up"
          cardClassName="!h-auto aspect-video"
          features={[
            {
              title: "AI Supply Chain Optimization",              description: "Automated inventory, logistics, and demand forecasting for a global retailer.",              imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663027.jpg",              imageAlt: "AI-powered supply chain management dashboard",              buttonIcon: ArrowUpRight,
              buttonHref: "#"
            },
            {
              title: "Intelligent Customer Service",              description: "Deployed AI chatbots and routing for enhanced customer support efficiency.",              imageSrc: "asset://project-customer-service",              imageAlt: "AI chatbot interface for customer service",              buttonIcon: ArrowUpRight,
              buttonHref: "#"
            },
            {
              title: "Financial Process Automation",              description: "Streamlined reporting and compliance workflows for a fintech firm.",              imageSrc: "asset://project-finance-automation",              imageAlt: "Financial automation software dashboard",              buttonIcon: ArrowUpRight,
              buttonHref: "#"
            },
            {
              title: "Agile Healthcare Data Platform",              description: "Developed a secure, agile platform for medical data analysis and reporting.",              imageSrc: "asset://project-healthcare-data",              imageAlt: "Secure healthcare data platform UI",              buttonIcon: ArrowUpRight,
              buttonHref: "#"
            },
            {
              title: "AI Marketing Campaign Automation",              description: "Automated personalized campaigns and lead nurturing for a marketing agency.",              imageSrc: "asset://project-marketing-automation",              imageAlt: "Marketing automation platform with AI insights",              buttonIcon: ArrowUpRight,
              buttonHref: "#"
            }
          ]}
        />
        <FeatureBento
          title="Our Commitment to Your Success"
          description="We guarantee reliable, scalable, and future-proof AI and agile solutions designed to deliver tangible business value and a competitive edge."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          features={[
            {
              title: "Adaptive AI Interfaces",              description: "Seamless user experience across all devices, ensuring accessibility and intuitive interaction with AI-powered systems.",              bentoComponent: "phone",              statusIcon: Lock,
              alertIcon: Monitor,
              alertTitle: "AI Responsiveness Check",              alertMessage: "Optimized for all platforms",              apps: [
                { name: "Analytics", icon: TrendingUp },
                { name: "Chatbot", icon: MessageCircle },
                { name: "Automation", icon: Zap },
                { name: "Data", icon: BookOpen },
                { name: "Workflow", icon: Settings },
                { name: "Integration", icon: Puzzle },
                { name: "AI Ops", icon: Monitor },
                { name: "Security", icon: Lock }
              ]
            },
            {
              title: "Robust Security & Compliance",              description: "Protect your data and operations with enterprise-grade security protocols and adherence to industry compliance standards for all AI systems.",              bentoComponent: "reveal-icon",              icon: Shield
            },
            {
              title: "Accelerated AI Deployment",              description: "Rapid development and deployment cycles for AI solutions, getting you to market faster with powerful, intelligent systems.",              bentoComponent: "timeline",              heading: "AI Project Lifecycle",              subheading: "Phase 1",              items: [
                { label: "AI Strategy & Discovery", detail: "Week 1-2" },
                { label: "Model Training & Development", detail: "Week 3-6" },
                { label: "Integration & Deployment", detail: "Week 7-8" }
              ],
              completedLabel: "AI Live"
            },
            {
              title: "Unified Ecosystem Integration",              description: "Effortlessly connect our AI and agile solutions with your existing platforms, CRMs, ERPs, and other business tools.",              bentoComponent: "orbiting-icons",              centerIcon: Puzzle,
              items: [
                { icon: Shield },
                { icon: Monitor },
                { icon: Zap },
                { icon: TrendingUp },
                { icon: Users },
                { icon: Settings }
              ]
            },
            {
              title: "AI-Driven Performance Insights",              description: "Leverage advanced analytics and machine learning to gain actionable insights, continuously optimize performance, and predict future trends.",              bentoComponent: "line-chart"
            }
          ]}
        />
        <TestimonialCardFifteen
          testimonial="headupcode revolutionized our operational efficiency with their bespoke AI automation. Our team is now free to focus on innovation, and we've seen a remarkable boost in productivity."
          rating={5}
          author="— Alex Chen, CTO at Synapse Robotics"
          avatars={[
            { src: "asset://testimonial-alex-chen", alt: "Alex Chen" }
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
        <MetricCardOne
          title="Impactful Results from AI & Agile Deployments"
          description="Our expertise translates into tangible benefits, empowering businesses to achieve remarkable growth and operational excellence."
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          metrics={[
            { id: "automations", value: "150+", title: "Automations Deployed", description: "Custom AI automation solutions implemented", icon: Zap },
            { id: "efficiency", value: "30%+", title: "Efficiency Boost", description: "Average operational efficiency improvement", icon: TrendingUp },
            { id: "experience", value: "10+", title: "Years of Expertise", description: "Leading the charge in AI & Agile transformations", icon: Award }
          ]}
        />
        <FeatureCardSixteen
          title="Why Partner with headupcode"
          description="Experience the strategic advantage of truly intelligent automation and agile implementation over conventional approaches."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          negativeCard={{
            items: [
              "Fragmented, manual processes",              "Slow, rigid development cycles",              "Lack of data-driven insights",              "Missed automation opportunities",              "Scalability challenges for growth"
            ]
          }}
          positiveCard={{
            items: [
              "Seamless, AI-driven workflows",              "Rapid, iterative agile development",              "Actionable, predictive analytics",              "Comprehensive automation strategy",              "Future-proof, scalable solutions"
            ]
          }}
        />
        <TeamCardFive
          title="Our AI & Agile Visionaries"
          description="Meet the dedicated experts at headupcode who craft intelligent solutions and drive your digital transformation."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          mediaClassName="object-[65%_center]"
          team={[
            { id: "1", name: "Eleanor Vance", role: "Head of AI Strategy", imageSrc: "asset://team-eleanor-vance", imageAlt: "Eleanor Vance" },
            { id: "2", name: "Marcus Thorne", role: "Lead Agile Architect", imageSrc: "asset://team-marcus-thorne", imageAlt: "Marcus Thorne" },
            { id: "3", name: "Sofia Rodriguez", role: "Automation Solutions Engineer", imageSrc: "asset://team-sofia-rodriguez", imageAlt: "Sofia Rodriguez" }
          ]}
        />
        <FaqBase
          title="Frequently Asked Questions about AI & Agile"
          description="Find answers to common questions about our AI automation and agile workflow services."
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          faqs={[
            { id: "1", title: "What is AI Automation, and how can it benefit my business?", content: "AI Automation leverages artificial intelligence to perform tasks automatically, optimize processes, and make data-driven decisions. Benefits include increased efficiency, cost reduction, improved accuracy, and freeing human resources for more complex work." },
            { id: "2", title: "How does headupcode implement Agile Workflows?", content: "We integrate agile methodologies like Scrum and Kanban into project development, focusing on iterative cycles, continuous feedback, and flexible adaptation to changes. This ensures faster delivery, higher quality, and better alignment with your evolving business needs." },
            { id: "3", title: "What kind of businesses can benefit from your services?", content: "Our AI automation and agile workflow solutions are beneficial for businesses of all sizes across various industries looking to enhance operational efficiency, accelerate product development, improve decision-making, and stay competitive." },
            { id: "4", title: "What is the typical timeline for an AI automation project?", content: "Project timelines vary depending on scope and complexity, typically ranging from 4 to 12 weeks. We conduct a thorough discovery phase to provide a precise timeline and roadmap tailored to your specific project." },
            { id: "5", title: "Do you provide ongoing support and optimization for deployed AI systems?", content: "Absolutely. We offer comprehensive post-deployment support, monitoring, and optimization services to ensure your AI systems remain efficient, secure, and up-to-date with the latest advancements." }
          ]}
        />
        <ContactCTA
          tag="Partner with the Future"
          title="Ready to Automate Your Success with AI?"
          description="Let headupcode transform your operations with intelligent automation and agile workflows. Contact us today to discuss your vision."
          background={{ variant: "rotated-rays-animated" }}
          buttons={[
            { text: "Start Your AI Journey", href: "#contact" },
            { text: "See Our Impact", href: "#work" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
        <FooterBase
          logoText="headupcode"
          copyrightText="© 2024 | headupcode"
          columns={[
            {
              title: "Company",              items: [
                { label: "Solutions", href: "#solutions" },
                { label: "Approach", href: "#approach" },
                { label: "Team", href: "#team" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Services",              items: [
                { label: "AI Automation", href: "#" },
                { label: "Agile Development", href: "#" },
                { label: "AI Consulting", href: "#" },
                { label: "Workflow Optimization", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Twitter", href: "#" },
                { label: "LinkedIn", href: "#" },
                { label: "Instagram", href: "#" },
                { label: "Dribbble", href: "#" }
              ]
            }
          ]}
        />
      </ReactLenis>
    </ThemeProvider>
  );
}
