"use client";

import React from 'react';
import Navbar from '@/components/Navbar/navbar';
import Features from "@/components/Features/features";
import Footer from "@/components/footer";
import { HoverEffect } from '@/components/ui/card-hover-effect';
import { Marquee } from '@/components/ui/marquee';
import { FaListUl, FaSearch, FaArrowsAlt, FaPlug, FaPaste, FaRegFileAlt } from 'react-icons/fa';
import { TextGenerateEffect } from '@/components/ui/text-generate-effect';
import { motion } from 'framer-motion';

const heading = "Templates - Predesigned Workflows to Streamline Processes and Connect with AI Effortlessly"
const description = "Simplify process management with customizable templates that help automate tasks, improve efficiency, and unlock AI-powered innovations for any type of workflow."
const image = "https://res.cloudinary.com/zapier-media/video/upload/q_auto:best/f_auto/v1726860625/Homepage%20%E2%80%94%20Sept%202024/sc03_HP_240917_Power-with-AI_v02_supxar.mp4"

const features = [
  {
    head: "Connect the apps you already love",
    desc: "Everyday supports over 100 apps, so you can tame the chaos and turn your tools into processes all in one place.",
    button: "Explore all apps",
    link: "/tools" // Updated link
  },
  {
    head: "Start quickly with these pre-built templates from other Everyday users",
    desc: "Automate your tasks in just a few minutes to reclaim countless hours of your time.",
    button: "Explore more",
    link: "/template" // Updated link
  }
]

const images = [
  "data:image/png;base64,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",
  "data:image/png;base64,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",
  "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAABzlBMVEX////mOTKjz56hzu9ut17/72bmkAAgmDj/4gAal9V7FxPljADwwI75ugD5uAD/4wDDGSj/8Hb/8GrKFyf6wzT6wADTFSX7xQD+3gD91gDNFyb6vgD8zwAQeLf91wAYkzwKbKoalDsSjz/7ywC+GikGiEYQjkEUf78McK66GyoFY6AHZ6SdzJgAbbLQAAAKikTlJRtzAAAAldq+AABls1MMlC6HwofE1+f78vMAgim4ABvu9u2r06bd7dv1+vT74+Lwl5TlLyflIhf40M/q395utnKRxo8AkSBTql3/7YXuuLtrtHfo8fd6AADnn6TLABTE38v+66793XlEn2UAfy0AU5fxqwDBN0L814W527SBv3XtgH3pWlbSoqH1vbznQjutf32PVFKoJiCNHRi12PJ7veTWwL/a6/hWqtz32qP/+cn20Ev/+91Hpkmiz+F5vGuizsmjz7BIksePQ0CHvuXbVV3XOkXgcnhLnb1rqNT+5Un+7pP+8Kh3tLPomJ1ss4USjn4bkWtwmk8YiLGPs9JzgUR1bToYip54TixfsOZ6NB9+vKVYlcTRy3Xae4C2vHCYsopLai+wtHxkrHzhvjX801w5e63LXWTpnjj0v14x6FOdAAAMsUlEQVR4nO3ca3eaSACHccVLNamCNTpdaRtU4i2KiRrTJLuxu9tcuu1uv/+3WbRGBWa4SWbA8/+96Tmp8cxzZgQkQCoFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHsZt7vNZvPisiZ6IK9jfEYIkU2EaJ226NFEb9whsrRFSFf0iCJ2pkk2pNcQPagI1XqyPdCkHc5SrRFK3zLxQvTIokLvWyZORA8tGlPaEl0ntkQPLgptxhpd6YgeXRTcAiVyAOu061oo9Si/Mpr3s9n+fMR9rOG49pmTeGn/hYGiKkq5rJj/DJJweDd2n0JJPrO+/kRXMhuKeiJm1EF02RvS9SRaXv7OyFgY7wSN27+pR6BEdncYMzVjo8+EDd0nr0DLB/HcEZjJqOfiBu+L44jbUbjdX9QMZ6C5UGO+uQlSOFNohcqVwOH7EKCwRlmjq3Ua70n02Fnsfg5PdHqhHu9PYsezcLMtpS/S2C/T+SJr9cleuHnpsEwvLA8Fjt9bdZi1szZeb15K7zMLnwSO3wf7HJoYm1JWYSYjcPg+OJapdRJ3Dto+s1bpZ+6Dbj2X/MsVfknfFIv59/ZJ3D2p2Gdtafq8AxuVXCEdXKFwe1zM25fpzvveMfYWyh3vwlKYvmVi+jhfrFsKtd1vhy3qQZt52Mb7ZM55KVygmfh7Pn+8W2g78Z2lfhDLWc6BqTe50IVvzUk82haSP6zv3KAfeXM/Nx5Zoda0v/WM8kkU8AUxokKZdjp46NicKvx3FdEUytoZ9RuDPVFE4D6FN/f3xaPFYkFIk7V9vDJ2NjdlQ8hBd/jC3Jc///r7+WpwN3Z5++pQVVaRZUUdijllaissVVxYdyw5f1/0GoOFbhj6YiDqD4zWwpLr7nhUClEonLWw4lpYRWEs7VH49eHhoUE1HtN/vsL7TFT4wsLN4+Pj0ESoNF1l6PNt3KPQdlxq13tifAdWdK5fL16vUJLogbxP1VgLc7M3L2br/Vd1+6PnXKDC3nfGJGZUnvt+2x4/t1Gp/nrBSWX7s3SgQklmFSoDcYVbpZdC1lfkfQp5/h0RhShEIQpRiEIUohCFKEQhClGIQhSiEIUoRCEKUYhCFCa+MJ1bX1HK+v/kF3pJ/N+eXrOQ6z0XQgpVnlcPCSk0OAYKKeR7MbuIQp3r3bL7XecdqrDM+Z6SsIWF9GnIQt53r40q4dZp4T5kIf8bnxrfKq63yRSobk4/eBbSr6fhf7W+qeai9c9Hig+mollov7XLu9CI3yWNqxqKj2bgrWvhEyVQ5XnA5tMPeuIqsO561RdtBueicyj+/e+Uwlyit/W6a6HkWKQK1wvafGu8rbMdOW+U3X4MbffMKAbnK0t9cwlcFrICyWSu6MrLPJZ1ox/bx4F9dS1krtHl/aSjWUZVVV1VlW93MZ2/pdbP90zMJSrJ6zu9aq3xmPu13UE9/8ZyxAxM1mOxGj9ZhezAnfvWk4AxiS4zmKwpND+J5BOFS9/mU5gYc89HftiJHnFgvWB9muOZX7HXCjSJJI5Hn14uPR++syUnazv6ou07UU7q4xMvfCYmNjCVmvhKJFPR49yD1zMFl5wPHkiU2tTruYnJf77nhLg9OZHx4IGEmRPWPJKO2535CVLrSpSJJNr1gfStXDYlsq2UCSHT9iGsT4vWZH7d6fWkXmfavDik2QMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAY+R9vHMyv1ibwYQAAAABJRU5ErkJggg==",
  "data:image/png;base64,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",
  "data:image/png;base64,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",
];

const contents = [
  {
    title: "Series Template",
    description:
      "It serves as pre-designed series of steps or processes that can be saved and reused multiple times. Users can make a list of own series template or can browse through a list of templates created by other users and can use them directly from the Series Template Marketplace.",
    link: "https://stripe.com",
    icon: FaListUl, // Add icon here
  },
  {
    title: "Diverse Templates",
    description:
      "The marketplace offers a wide range of series templates across industries and functions, including sales, marketing, customer support, and operations, to streamline workflows and boost efficiency.",
    link: "https://netflix.com",
    icon: FaSearch, // Add icon here
  },
  {
    title: "Search and Discovery",
    description:
      "Accelerate your operations with our pre-built AI workflows tailored for various business functions, from sales to marketing, operations, and more. <br />Users can search for templates based on keywords, categories, or tags.",
    link: "https://enterprise.everydayseries.com/",
    icon: FaSearch, // Add icon here
  },
  {
    title: "Template Customization",
    description:
      "Users can customize templates to fit their specific requirements or preferences by modifying steps, adding new components, or integrating AI features to create tailored workflows that meet unique business needs.",
    link: "https://meta.com",
    icon: FaPlug, // Add icon here
  },
  {
    title: "Unity In Workflows",
    description:
      "Eliminate silos with a powerful platform that harmoniously connects every aspect of your work, enabling seamless collaboration, streamlined communication, and unified processes across teams and departments.",
    link: "https://amazon.com",
    icon: FaPaste, // Add icon here
  },
  {
    title: "Marketplace",
    description:
      "Improve your productivity with our smart automations, transforming repetitive tasks into streamlined processes.User can browse through a list of series templates created by other users and can use it.",
    link: "https://microsoft.com",
    icon: FaRegFileAlt, // Add icon here
  },
  // Add more features as needed
];

const alternatingFeatures = [
  {
    title: "Create Series using Drag and Drop",
    description: "Organize, connect, and track your goals using the GoalGrid. Stay aligned and in sync with your strategic objectives.",
    imgSrc: "https://res.cloudinary.com/dezd109fz/image/upload/v1737595526/Screenshot_2025-01-23_065418_xo3ezn.png",
    direction: "left"
  },
  {
    title: "Built for Enterprises",
    description: "Everyday platform ensures enterprise-grade deployment, security, and data governance, all with the simplicity of one centrally managed platform.",
    imgSrc: "https://res.cloudinary.com/dezd109fz/image/upload/v1737595526/Screenshot_2025-01-23_065356_gbkov8.png",
    direction: "right"
  },
  {
    title: "Integrate your Workflows",
    description: "Connect Everyday to your existing tools, integrate important business processes, and build more powerful applications.",
    imgSrc: "https://res.cloudinary.com/dezd109fz/image/upload/v1737595526/Screenshot_2025-01-23_065455_whfipm.png",
    direction: "left"
  },
];

const words = `"Discover the future of AI-integrated workflow management with Everyday. Transform your enterprise operations today."`

export default function Series() {
  return (
    <div className="p-6 bg-[#080E12] dark text-white">
      <Navbar />
      <div className='h-screen py-10 px-24 flex flex-col items-start justify-center'>
        <h1 className="text-8xl mb-10">{heading}</h1>
        <h2 className='text-4xl'>{description}</h2>
      </div>
      <div className='p-40'><video src={image} autoPlay className="w-ful border rounded-2xl object" /></div>

      {/* Alternating Feature Sections (Replace Features Component) */}
      <section className="py-16 md:py-24 px-6 md:px-10 lg:px-16">
        <h2 className="text-3xl md:text-4xl mb-20 text-center bg-clip-text text-transparent bg-gradient-to-r from-white to-violet-300">
          The All-in-One Workflow Solution
        </h2>

        {alternatingFeatures.map((feature, index) => (
          <motion.div
            key={index}
            initial={{ opacity: 0, x: index % 2 === 0 ? -50 : 50 }}
            whileInView={{ opacity: 1, x: 0 }}
            transition={{ duration: 0.6, type: 'spring', stiffness: 100 }}
            viewport={{ once: true }}
            className={`flex flex-col-reverse md:flex-${index === 1 ? 'row-reverse' : 'row'} items-center gap-10`}
          >
            <div className="w-full md:w-1/2">
              <h3 className="text-2xl md:text-3xl mb-4 text-white">{feature.title}</h3>
              <p className="text-gray-300 text-lg mb-4">{feature.description}</p>
            </div>
            <motion.img
              src={feature.imgSrc}
              alt={feature.title}
              className="w-full md:w-1/2 rounded-lg shadow-lg"
              initial={{ opacity: 0, scale: 0.8 }}
              whileInView={{ opacity: 1, scale: 1 }}
              transition={{ duration: 0.6 }}
            />
          </motion.div>
        ))}

      </section>

      <div className="max-w-7xl mx-auto px-8">
        <HoverEffect items={contents} />
      </div>

      {/* FEATURES */}
      <div className="flex flex-col text-white h-fit py-20 space-y-20">
        {features.map((item, index) => (
          <div key={index} className="p-6 text-center space-y-10 h-fit">
            {/* Feature Heading and Description */}
            <h2 className="text-5xl mb-2 w-2/3 mx-auto">{item.head}</h2>
            <p className="w-2/3 mx-auto -mt-3">{item.desc}</p>
            <a
              href={item.link}
              className="bg-violet-500 hover:bg-violet-300 font-medium px-4 py-2 rounded-lg mt-4 inline-block"
            >
              {item.button}
            </a>

            {/* Conditional Rendering for Marquee After First Feature */}
            {index === 0 && (
              <>
                <Marquee className="[--duration:60s] w-[90%] mx-auto mt-20">
                  <div className="flex space-x-10">
                    {images.map((img, index) => (
                      <img
                        key={index}
                        src={img}
                        alt={`Avatar ${index + 1}`}
                        className="h-24 w-24 border rounded-lg object-cover"
                      />
                    ))}
                  </div>
                </Marquee>
                <Marquee reverse className="[--duration:60s] w-[90%] mx-auto">
                  <div className="flex space-x-10">
                    {images.map((img, index) => (
                      <img
                        key={index}
                        src={img}
                        alt={`Avatar ${index + 1}`}
                        className="h-24 w-24 border rounded-lg object-cover"
                      />
                    ))}
                  </div>
                </Marquee>
                {/* Add gradient effects for marquee */}
                <div className="pointer-events-none absolute inset-y-0 left-0 w-1/3 bg-gradient-to-l from-transparent to-[#080E12]"></div>
                <div className="pointer-events-none absolute inset-y-0 right-0 w-1/3 bg-gradient-to-r from-transparent to-[#080E12]"></div>
              </>
            )}

            {/* Conditional Rendering for GIF After Second Feature */}
            {index === 1 && (
              <div className="mt-20 flex justify-center">
                <img
                  src="https://cdn.dribbble.com/users/695342/screenshots/3782293/dashboard-gif-ok.gif"
                  alt="Workflow GIF"
                  className="rounded-lg shadow-lg w-[60%] h-1/2 mx-auto"
                />
              </div>
            )}
          </div>
        ))}
      </div>

      <div className="bg-white rounded-lg shadow-md px-10 py-20 mx-10 my-20">
        <div className="text-yellow-500 text-center text-2xl mb-10">
          ★★★★★
        </div>

        {/* <p className="text-gray-700 leading-relaxed text-4xl">
          <strong className="font-semibold">Magic Button:</strong> Simply press the magic button to instantly generate your series automatically.
        </p> */}
        <TextGenerateEffect words={words} />
      </div>


      <Footer />

    </div>
  );
}