"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Zap } from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Services", id: "/services" },
    { name: "Case Studies", id: "/case-studies" },
    { name: "Work", id: "/work" },
    { name: "About", id: "/about" },
    { name: "Contact", id: "/contact" }
  ];

  const footerNavItems = [
    { title: "Solutions", items: [{ label: "Custom Development", href: "/services" }, { label: "Data Science", href: "/services" }, { label: "AI Strategy", href: "/services" }, { label: "Pricing", href: "/services" }] },
    { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Our Work", href: "/work" }, { label: "Case Studies", href: "/case-studies" }, { label: "Contact", href: "/contact" }] },
    { title: "Resources", items: [{ label: "Blog", href: "/case-studies" }, { label: "Support", href: "#" }, { label: "FAQ", href: "/contact" }] },
    { title: "Legal", items: [{ label: "Privacy Policy", href: "/policies" }, { label: "Terms of Service", href: "/policies" }, { label: "Compliance", href: "/policies" }] }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeLargeTitles"
      background="blurBottom"
      cardStyle="layered-gradient"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="AI Agency"
          navItems={navItems}
          logoSrc="http://img.b2bpic.net/free-photo/minimalistic-geometric-background-with-charts-generative-ai_169016-29527.jpg"
          logoAlt="futuristic AI agency logo geometric"
          button={{
            text: "Get Started",            href: "/contact"}}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlayTestimonial
          title="AI That Transforms Business, Not Just Hype"
          description="We architect intelligent systems that solve real problems. See how enterprise leaders accelerated growth with our AI solutions."
          buttons={[
            { text: "Explore Our Work", href: "/work" },
          ]}
          testimonials={[
            { name: "Sarah Chen", handle: "@sarahchen", testimonial: "AI Agency's solutions are truly transformative. Our operational efficiency has skyrocketed, delivering tangible ROI. A trusted partner for complex AI integration.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-old-man-wearing-suit_23-2148831105.jpg?_wi=1" },
            { name: "David Rodriguez", handle: "@drodriguez", testimonial: "Their strategic approach to AI deployment is unmatched. We gained significant competitive advantage and streamlined our decision-making processes.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/content-indian-ceo-standing-smiling-portrait-successful-pensive-bearded-businessman-glasses-posing-office-room-business-expression-management-concept_74855-11642.jpg" },
            { name: "Emily Kim", handle: "@emilyk", testimonial: "The team at AI Agency consistently exceeds expectations. Their custom AI models have opened new avenues for innovation within our enterprise.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67192.jpg" },
            { name: "Michael Lee", handle: "@michaellee", testimonial: "From initial concept to full implementation, AI Agency provided seamless support. Their expertise is invaluable for any company serious about AI.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-young-woman-holding-laptop_74855-5136.jpg" },
            { name: "Jessica White", handle: "@jwhite", testimonial: "Our partnership with AI Agency has been a game-changer. The personalized service and impactful results have solidified their position as a key strategic ally.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-old-man-wearing-suit_23-2148831105.jpg?_wi=2" },
          ]}
          videoSrc="https://framerusercontent.com/assets/26p0d5N6xJmD5bW30f3L4gQo8Y.mp4"
          imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139262.jpg"
          imageAlt="cinematic AI data visualization still"
          showBlur={true}
          useInvertedBackground={false}
          textPosition="bottom"
          testimonialRotationInterval={7000}
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Enterprise Leaders"
          description="Our solutions drive tangible value for leading organizations worldwide. Partner with us to accelerate your AI journey."
          names={["TechCorp Global", "DataNexus Inc.", "FinSense Solutions", "EvoRetail Group", "AutoFab Industries", "MediGen Innovations", "CyberGuard Elite"]}
          useInvertedBackground={true}
          textboxLayout="default"
          tagAnimation="blur-reveal"
          buttonAnimation="blur-reveal"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="About Us"
          title="Architecting Tomorrow's Intelligence Today"
          description="At AI Agency, we specialize in crafting bespoke AI solutions that address your most critical business challenges."
          subdescription="Our expertise spans across advanced machine learning, robust data science, and strategic AI integration, ensuring measurable outcomes and sustainable growth for enterprise clients."
          icon={Zap}
          imageSrc="http://img.b2bpic.net/free-photo/gray-building-with-hall-lights-that-are-turned_250224-82.jpg"
          imageAlt="futuristic AI research lab interior"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="services-overview" data-section="services-overview">
        <FeatureCardThree
          title="Core AI Solutions for Enterprise Growth"
          description="Our comprehensive suite of services is designed to integrate advanced AI into your business, driving innovation and efficiency."
          features={[
            { title: "Custom AI Development", description: "Tailored machine learning models and intelligent systems built to your unique specifications for maximum impact.", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-ai-technology-background_23-2151719558.jpg", imageAlt: "Abstract custom AI model development" },
            { title: "Data Science & ML Engineering", description: "Extract actionable insights from your data and deploy scalable machine learning pipelines for predictive power.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg", imageAlt: "Data science and machine learning concept" },
            { title: "AI Strategy & Consulting", description: "Develop a future-proof AI roadmap, identify key opportunities, and ensure ethical, responsible AI adoption.", imageSrc: "http://img.b2bpic.net/free-photo/business-analytics_53876-163234.jpg", imageAlt: "AI strategy consulting holographic business" },
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="work-preview" data-section="work-preview">
        <ProductCardOne
          title="Transformative Case Studies"
          description="Explore how our AI solutions have delivered measurable results and competitive advantages for our enterprise clients."
          products={[
            { id: "cs-1", name: "Industrial Automation", price: "40% Efficiency Gain", imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-technician-monitors-system-performance-tablet-closeup_482257-118082.jpg", imageAlt: "futuristic smart factory automation robots" },
            { id: "cs-2", name: "Fintech Fraud Detection", price: "85% Anomaly Reduction", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-robot-interacting-with-money_23-2151612628.jpg", imageAlt: "digital banking AI fraud detection" },
            { id: "cs-3", name: "Smart City Logistics", price: "25% Route Optimization", imageSrc: "http://img.b2bpic.net/free-photo/panoramic-view-dubai-city-illuminated-neon-spectrum_23-2151305276.jpg", imageAlt: "smart city traffic management AI" },
            { id: "cs-4", name: "Pharmaceutical R&D", price: "30% Discovery Acceleration", imageSrc: "http://img.b2bpic.net/free-photo/laboratory-equipment-with-neon-lights_23-2151807347.jpg", imageAlt: "pharmaceutical AI drug discovery lab" },
            { id: "cs-5", name: "Personalized Retail", price: "18% Customer Engagement", imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-using-tablet-with-touch-screen-analyze-building-model-architectural-development-man-engineer-working-with-device-construction-layout-design_482257-39970.jpg", imageAlt: "futuristic retail AI personalized shopping" },
            { id: "cs-6", name: "Supply Chain Resilience", price: "22% Risk Mitigation", imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663029.jpg", imageAlt: "AI optimized supply chain network" },
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          tag="Our Impact"
          title="Quantifiable Success, Powered by AI"
          description="We deliver measurable results that redefine industry benchmarks and drive sustainable business growth."
          metrics={[
            { id: "m1", value: "99.8%", title: "Accuracy in Predictive Models", description: "Achieved across diverse datasets for reliable forecasting.", icon: "Gauge" },
            { id: "m2", value: "70%+", title: "Reduction in Operational Costs", description: "Through intelligent automation and optimized workflows.", icon: "PiggyBank" },
            { id: "m3", value: "200M+", title: "Data Points Processed Daily", description: "Handling vast enterprise data with unparalleled speed and precision.", icon: "Cloud" },
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="depth-3d"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="client-testimonial" data-section="client-testimonial">
        <TestimonialCardFifteen
          testimonial="AI Agency is not just a vendor; they are a strategic partner. Their deep understanding of our business challenges combined with their cutting-edge AI expertise has truly revolutionized our operations. The results speak for themselves: significant cost savings and a measurable increase in market responsiveness."
          rating={5}
          author="Marcus Thorne, CEO of Nexus Innovations"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/portrait-elegant-old-man-wearing-suit_23-2148831105.jpg", alt: "Marcus Thorne avatar" },
            { src: "http://img.b2bpic.net/free-photo/content-indian-ceo-standing-smiling-portrait-successful-pensive-bearded-businessman-glasses-posing-office-room-business-expression-management-concept_74855-11642.jpg", alt: "AI Agency team member 1" },
            { src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67192.jpg", alt: "AI Agency team member 2" },
            { src: "http://img.b2bpic.net/free-photo/serious-young-woman-holding-laptop_74855-5136.jpg", alt: "AI Agency team member 3" },
          ]}
          ratingAnimation="blur-reveal"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact-cta" data-section="contact-cta">
        <ContactCenter
          tag="Get Started"
          title="Ready to Transform Your Business with AI?"
          description="Let's discuss your unique challenges and opportunities. Our experts are ready to architect your intelligent future."
          background={{ variant: "animated-grid" }}
          useInvertedBackground={true}
          inputPlaceholder="Enter your corporate email"
          buttonText="Schedule a Consultation"
          termsText="By clicking Schedule a Consultation you're confirming that you agree with our Terms and Conditions and Privacy Policy."
          privacyPolicyHref="/policies"
          termsOfServiceHref="/policies"
          tagAnimation="blur-reveal"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoSrc="http://img.b2bpic.net/free-photo/minimalistic-geometric-background-with-charts-generative-ai_169016-29527.jpg"
          logoAlt="futuristic AI agency logo geometric"
          logoText="AI Agency"
          columns={footerNavItems}
          copyrightText="© 2024 AI Agency. All rights reserved."
          useInvertedBackground={false}
        />
      </div>
    </ThemeProvider>
  );
}
