From 728584f48f90f42b91e3445ed2c4ed6f2cd9c947 Mon Sep 17 00:00:00 2001
From: codebox283 <nakshatrabandyopadhyay@gmail.com>
Date: Sat, 8 Mar 2025 19:36:49 +0530
Subject: [PATCH] added agents and marketplace pages

---
 app/_app.tsx                     |  45 ++++
 app/agents/page.tsx              | 173 ++++++++++++++
 app/ai-agents/page.tsx           | 119 +++++++++-
 app/click-video/page.tsx         |  12 +-
 app/globals.css                  |   7 +-
 app/layout.tsx                   |   2 +-
 app/marketplace-page/page.tsx    | 319 +++++++++++++++++++++++++
 app/marketplace/page.tsx         | 391 +++++++------------------------
 app/series/page.tsx              | 316 +++++++++++++++++--------
 app/template/page.tsx            |  50 +++-
 app/tools/page.tsx               | 153 ++++++++++++
 app/writer/page.tsx              |  12 +-
 components/Hero/hero2.tsx        |   2 +-
 components/Navbar/MobileMenu.tsx |  24 +-
 components/Navbar/dropdowns.tsx  |  24 +-
 package-lock.json                |   7 +
 package.json                     |   1 +
 17 files changed, 1200 insertions(+), 457 deletions(-)
 create mode 100644 app/_app.tsx
 create mode 100644 app/agents/page.tsx
 create mode 100644 app/marketplace-page/page.tsx
 create mode 100644 app/tools/page.tsx

diff --git a/app/_app.tsx b/app/_app.tsx
new file mode 100644
index 0000000..fd3af13
--- /dev/null
+++ b/app/_app.tsx
@@ -0,0 +1,45 @@
+import { useEffect } from 'react';
+import Script from 'next/script';
+import type { AppProps } from 'next/app';
+import '../styles/globals.css';
+
+// Add a TypeScript declaration for the clarity property on the window object
+declare global {
+  interface Window {
+    clarity: (...args: any[]) => void;
+  }
+}
+
+function MyApp({ Component, pageProps }: AppProps) {
+  useEffect(() => {
+    // Initialize Clarity
+    if (typeof window !== 'undefined') {
+      window.clarity = window.clarity || function () {
+        (window.clarity as any).q = (window.clarity as any).q || [];
+        (window.clarity as any).q.push(arguments);
+      };
+      window.clarity('set', 'projectId', 'qkmypl9uld');
+    }
+  }, []);
+
+  return (
+    <>
+      <Script
+        id="clarity-script"
+        strategy="afterInteractive"
+        dangerouslySetInnerHTML={{
+          __html: `
+            (function(c,l,a,r,i,t,y){
+              c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
+              t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
+              y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
+            })(window, document, "clarity", "script", "YOUR_CLARITY_PROJECT_ID");
+          `,
+        }}
+      />
+      <Component {...pageProps} />
+    </>
+  );
+}
+
+export default MyApp;
diff --git a/app/agents/page.tsx b/app/agents/page.tsx
new file mode 100644
index 0000000..72b60a1
--- /dev/null
+++ b/app/agents/page.tsx
@@ -0,0 +1,173 @@
+"use client";
+
+import React, { useState } from 'react';
+import Navbar from '@/components/Navbar/navbar';
+import Footer from "@/components/footer";
+import { motion } from 'framer-motion';
+import { FaArrowRight } from 'react-icons/fa';
+
+const heading = "Agents - Discover and Utilize AI Agents for Various Tasks"
+const description = "Browse through a wide range of AI agents categorized by their expertise. Find the perfect agent to automate your tasks and improve efficiency."
+
+const agents = [
+  {
+    name: "Agent 1",
+    email: "agent1@example.com",
+    intro: "Agent 1 specializes in customer support to help improve your workflow.",
+    image: "https://plus.unsplash.com/premium_photo-1661434914660-c68d9fd54753?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MXx8Y3VzdG9tZXIlMjBzdXBwb3J0fGVufDB8fDB8fHww",
+    category: "Customer Support",
+    appsLink: "https://example.com/agent1/apps"
+  },
+  {
+    name: "Agent 2",
+    email: "agent2@example.com",
+    intro: "Agent 2 specializes in customer support to help improve your workflow.",
+    image: "https://plus.unsplash.com/premium_photo-1661764559869-f6052a14b4c9?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8OXx8Y3VzdG9tZXIlMjBzdXBwb3J0fGVufDB8fDB8fHww",
+    category: "Customer Support",
+    appsLink: "https://example.com/agent2/apps"
+  },
+  {
+    name: "Agent 3",
+    email: "agent3@example.com",
+    intro: "Agent 3 specializes in sales to help improve your workflow.",
+    image: "https://images.unsplash.com/photo-1560250056-07ba64664864?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8c2FsZXN8ZW58MHx8MHx8fDA%3D",
+    category: "Sales",
+    appsLink: "https://example.com/agent3/apps"
+  },
+  {
+    name: "Agent 4",
+    email: "agent4@example.com",
+    intro: "Agent 4 specializes in sales to help improve your workflow.",
+    image: "https://images.unsplash.com/photo-1542744174-a35e40ade835?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTl8fHNhbGVzfGVufDB8fDB8fHww",
+    category: "Sales",
+    appsLink: "https://example.com/agent4/apps"
+  },
+  {
+    name: "Agent 5",
+    email: "agent5@example.com",
+    intro: "Agent 5 specializes in marketing to help improve your workflow.",
+    image: "https://plus.unsplash.com/premium_photo-1696942353136-c3735fadc15a?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8bWFya2V0dGluZ3xlbnwwfHwwfHx8MA%3D%3D",
+    category: "Marketing",
+    appsLink: "https://example.com/agent5/apps"
+  },
+  {
+    name: "Agent 6",
+    email: "agent6@example.com",
+    intro: "Agent 6 specializes in marketing to help improve your workflow.",
+    image: "https://via.placeholder.com/150?text=Agent+6",
+    category: "Marketing",
+    appsLink: "https://example.com/agent6/apps"
+  },
+  {
+    name: "Agent 7",
+    email: "agent7@example.com",
+    intro: "Agent 7 specializes in HR to help improve your workflow.",
+    image: "https://via.placeholder.com/150?text=Agent+7",
+    category: "HR",
+    appsLink: "https://example.com/agent7/apps"
+  },
+  {
+    name: "Agent 8",
+    email: "agent8@example.com",
+    intro: "Agent 8 specializes in HR to help improve your workflow.",
+    image: "https://via.placeholder.com/150?text=Agent+8",
+    category: "HR",
+    appsLink: "https://example.com/agent8/apps"
+  },
+  {
+    name: "Agent 9",
+    email: "agent9@example.com",
+    intro: "Agent 9 specializes in project management to help improve your workflow.",
+    image: "https://via.placeholder.com/150?text=Agent+9",
+    category: "Project Management",
+    appsLink: "https://example.com/agent9/apps"
+  },
+  {
+    name: "Agent 10",
+    email: "agent10@example.com",
+    intro: "Agent 10 specializes in project management to help improve your workflow.",
+    image: "https://via.placeholder.com/150?text=Agent+10",
+    category: "Project Management",
+    appsLink: "https://example.com/agent10/apps"
+  }
+];
+
+const categories = ['All', 'Customer Support', 'Sales', 'Marketing', 'HR', 'Project Management'];
+
+export default function Agents() {
+  const [selectedCategory, setSelectedCategory] = useState('All');
+
+  const filteredAgents = selectedCategory === 'All' ? agents : agents.filter(agent => agent.category === selectedCategory);
+
+  return (
+    <div className="min-h-screen bg-[#080E12] dark text-white overflow-x-hidden">
+      <Navbar />
+      
+      {/* Hero Section */}
+      <div className='h-screen py-10 px-10 flex flex-col items-start justify-center'>
+        <h1 className="text-8xl mb-10">{heading}</h1>
+        <h2 className='text-4xl'>{description}</h2>
+      </div>
+      <div className="max-w-7xl mx-auto flex">
+      
+      {/* Category Filters */}
+      <aside className="w-1/4 py-8 px-4 md:px-8 border-r">
+        <div className="sticky top-20">
+          <h3 className="text-2xl mb-4">Categories</h3>
+          <div className="flex flex-col space-y-4 mt-20">
+            {categories.map((category, index) => (
+              <button
+                key={index}
+                onClick={() => setSelectedCategory(category)}
+                className={`px-4 py-2 rounded-lg transition-all text-left ${selectedCategory === category ? 'text-white' : 'text-gray-400'}`}
+              >
+                {category}
+              </button>
+            ))}
+          </div>
+        </div>
+      </aside>
+
+      {/* Agents List */}
+      <section className="w-3/4 py-16 px-4 md:px-8">
+        <motion.div
+          initial={{ opacity: 0, y: 30 }}
+          whileInView={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.6 }}
+          viewport={{ once: true }}
+          className="max-w-7xl mx-auto"
+        >
+          {/* <h2 className="text-3xl md:text-4xl mb-12 text-center bg-clip-text text-transparent bg-gradient-to-r from-white to-violet-300">
+            Available Agents
+          </h2> */}
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+            {filteredAgents.map((agent, index) => (
+              <motion.div
+                key={index}
+                initial={{ opacity: 0, y: 30 }}
+                whileInView={{ opacity: 1, y: 0 }}
+                transition={{ duration: 0.6, delay: index * 0.1 }}
+                viewport={{ once: true }}
+                className="bg-[#121212] border border-gray-800 rounded-xl p-6"
+              >
+                <img src={agent.image} alt={agent.name} className="w-full h-40 object-cover rounded-lg mb-4" />
+                <h3 className="text-md text-white font-medium mb-2">{agent.name}</h3>
+                <p className="text-gray-400 mb-2 text-sm">{agent.email}</p>
+                <p className="text-gray-400 mb-4 text-sm">{agent.intro}</p>
+                <div className="text-gray-400">
+                  <a href={agent.appsLink} className="font-medium text-xs px-6 py-3 rounded-lg flex transition-all items-center gap-2">
+                    Explore Apps
+                    <FaArrowRight className="transition-transform duration-300 hover:ml-4" />
+                  </a>
+                </div>
+              </motion.div>
+            ))}
+          </div>
+        </motion.div>
+      </section>
+
+      </div>
+      <Footer />
+    </div>
+  );
+}
diff --git a/app/ai-agents/page.tsx b/app/ai-agents/page.tsx
index 187cdce..dd60bec 100644
--- a/app/ai-agents/page.tsx
+++ b/app/ai-agents/page.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import React from 'react';
+import { useState, useEffect } from 'react';
 import { motion } from 'framer-motion';
 import { MessageCircle, CheckCircle, Lightbulb, Code, Users, ArrowRight, Settings, Brain, RefreshCw, UserCheck, ChevronRight } from 'lucide-react';
 import Navbar from '@/components/Navbar/navbar';
@@ -86,6 +87,70 @@ const ConversationalAIAgents = () => {
     }
   ];
 
+  const agents = [
+    {
+      name: "Agent 1",
+      email: "agent1@example.com",
+      intro: "With years of experience in customer support and engagement, Agent 1 has played a crucial role in transforming how businesses interact with their customers. They have led support teams for multiple startups, ensuring that customers receive prompt and effective assistance. Specializing in AI-powered chatbots, ticketing systems, and automated workflows, Agent 1 helps optimize response times and customer satisfaction. Their deep understanding of customer behavior allows them to create personalized support experiences, improving retention rates and overall user engagement. Beyond support, they focus on data-driven insights to enhance service quality and drive operational efficiency. They have consulted for companies looking to scale their customer service operations while maintaining a high standard of support.",
+      image: "https://images.unsplash.com/photo-1539571696357-5a69c17a67c6?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Nnx8cGVvcGxlfGVufDB8fDB8fHww",
+      apps: [
+        { icon: "https://cdn-icons-png.flaticon.com/128/2463/2463046.png", name: "ChatFlow AI", link: "https://chatflow.example.com" },
+        { icon: "https://cdn-icons-png.flaticon.com/128/2706/2706950.png", name: "SupportPro", link: "https://supportpro.example.com" },
+        { icon: "https://cdn-icons-png.flaticon.com/128/2839/2839174.png", name: "Feedbackly", link: "https://feedbackly.example.com" },
+        { icon: "https://cdn-icons-png.flaticon.com/128/3129/3129290.png", name: "Crazily", link: "https://feedbackly.example.com" }
+      ]
+    },
+    {
+      name: "Agent 2",
+      email: "agent2@example.com",
+      intro: "Agent 2 is a seasoned expert in sales and marketing automation, helping businesses maximize revenue through data-driven strategies. Their expertise spans lead generation, conversion optimization, and CRM automation. They have successfully implemented email marketing sequences, predictive analytics, and customer segmentation techniques to improve sales performance. Understanding the importance of multi-channel marketing, they have experience with PPC campaigns, SEO, and influencer partnerships. Their knowledge of automation tools enables businesses to scale outreach efforts efficiently. They have worked with both B2B and B2C brands, developing high-converting sales funnels for sustainable business growth.",
+      image: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8cGVvcGxlfGVufDB8fDB8fHww",
+      apps: [
+        { icon: "https://cdn-icons-png.flaticon.com/128/3271/3271314.png", name: "SalesBoost", link: "https://salesboost.example.com" },
+        { icon: "https://cdn-icons-png.flaticon.com/128/12990/12990669.png", name: "EmailFlow", link: "https://emailflow.example.com" },
+        { icon: "https://cdn-icons-png.flaticon.com/128/13088/13088153.png", name: "AdOptimizer", link: "https://adoptimizer.example.com" }
+      ]
+    },
+    {
+      name: "Agent 3",
+      email: "agent3@example.com",
+      intro: "With a keen eye for organization and efficiency, Agent 3 specializes in HR and administrative tasks, ensuring that businesses run smoothly behind the scenes. They have managed large-scale recruitment processes, streamlined payroll systems, and introduced employee wellness programs to enhance workplace productivity. Agent 3 excels in automating repetitive HR tasks such as onboarding, leave management, and performance tracking. Their expertise in compliance and labor laws helps businesses stay ahead of regulatory requirements while fostering a positive work culture. They have also played a key role in designing internal communication platforms that improve team collaboration and transparency within organizations.",
+      image: "https://plus.unsplash.com/premium_photo-1671656349322-41de944d259b?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NDF8fHBlb3BsZXxlbnwwfHwwfHx8MA%3D%3D",
+      apps: [
+        { icon: "https://cdn-icons-png.flaticon.com/128/2920/2920316.png", name: "HRStream", link: "https://hrstream.example.com" },
+        { icon: "https://cdn-icons-png.flaticon.com/128/3006/3006874.png", name: "RecruitEase", link: "https://recruitease.example.com" },
+        { icon: "https://cdn-icons-png.flaticon.com/128/939/939354.png", name: "PerformTrack", link: "https://performtrack.example.com" }
+      ]
+    },
+    {
+      name: "Agent 4",
+      email: "agent4@example.com",
+      intro: "Agent 4 is a highly skilled project manager with a strong focus on optimizing team collaboration and workflow efficiency. They have successfully led multiple software development teams, ensuring that projects are completed on time and within budget. Specializing in Agile and Scrum methodologies, Agent 4 helps teams stay aligned with project goals through structured sprints and daily stand-ups. Their ability to integrate project management tools with automation enables companies to track progress, identify bottlenecks, and maintain high productivity levels. They have worked on cross-functional projects involving engineering, design, and marketing teams, ensuring smooth coordination and execution. Their leadership skills and problem-solving approach make them an invaluable asset in any organization.",
+      image: "https://images.unsplash.com/photo-1534528741775-53994a69daeb?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8cGVvcGxlfGVufDB8fDB8fHww",
+      apps: [
+        { icon: "https://cdn-icons-png.flaticon.com/128/14571/14571652.png", name: "TaskFlow", link: "https://taskflow.example.com" },
+        { icon: "https://cdn-icons-png.flaticon.com/128/1087/1087840.png", name: "AgileSync", link: "https://agilesync.example.com" },
+        { icon: "https://cdn-icons-png.flaticon.com/128/2331/2331970.png", name: "KanbanPro", link: "https://kanbanpro.example.com" }
+      ]
+    }
+  ];    
+  const [currentSlide, setCurrentSlide] = useState(0);
+  
+    useEffect(() => {
+      const timer = setInterval(() => {
+        setCurrentSlide((prev) => (prev + 1) % agents.length);
+      }, 10000);
+  
+      return () => clearInterval(timer);
+    }, []);
+  
+    const nextSlide = () => {
+      setCurrentSlide((prev) => (prev + 1) % agents.length);
+    };
+  
+    const prevSlide = () => {
+      setCurrentSlide((prev) => (prev - 1 + agents.length) % agents.length);
+    };
 
   return (
     <div className="w-full p-6 bg-[#080E12] min-h-screen space-y-36">
@@ -100,7 +165,7 @@ const ConversationalAIAgents = () => {
         {/* Animated Gradient Background */}
         <motion.div
           initial={{ opacity: 0, scale: 0.9, rotate: 0 }}
-          animate={{ opacity: 0.15, scale: 1.9, rotate: 8 }}
+          animate={{ opacity: 1, scale: 1.9, rotate: 8 }}
           transition={{ duration: 2, repeat: Infinity, repeatType: "mirror", ease: "easeInOut" }}
           className="absolute top-[-100px] right-[-50px] w-96 h-80 bg-gradient-to-br from-[#F472B6] to-[#6366F1] rounded-full opacity-30 blur-[120px] skew-y-6"
         />
@@ -129,6 +194,15 @@ const ConversationalAIAgents = () => {
           >
             Elevate your business operations by converting any workflow—whether it’s a tool or a Series—into an intelligent, conversational AI agent. Our platform empowers you to create semi-autonomous agents that communicate in a human-like manner while keeping human decision-making in the loop.
           </motion.p>
+
+          <motion.a
+            initial={{ opacity: 0 }}
+            animate={{ opacity: 1 }}
+            href="#agents"
+            className="bg-white px-8 py-3 rounded-lg hover:bg-black hover:shadow-white/10 hover:shadow-md transition-all duration-300"
+          >
+            <button className="bg-gradient-to-r from-[#EC4899] to-[#A855F7] text-transparent bg-clip-text text-lg font-medium">Explore our agents</button>
+          </motion.a>
         </div>
       </motion.section>
 
@@ -282,6 +356,49 @@ const ConversationalAIAgents = () => {
         </div>
       </motion.section>
 
+      {/* Agents Slideshow Section */}
+      <motion.section
+        id='agents'
+        initial={{ opacity: 0, y: 20 }}
+        animate={{ opacity: 1, y: 0 }}
+        className="max-w-6xl mx-auto py-20"
+      >
+        <h2 className="text-5xl text-white mb-8">Meet Our Agents</h2>
+        <div className="relative w-full overflow-hidden">
+          <div className="flex transition-transform duration-700" style={{ transform: `translateX(-${currentSlide * 100}%)` }}>
+            {agents.map((agent, index) => (
+              <div key={index} className="w-full flex bg-[#121212] border border-gray-800 rounded-xl p-6 flex-shrink-0 snap-center">
+                <div className='w-1/3 px-4'>
+                  <img src={agent.image} alt={agent.name} className="h-[400px] w-full object-cover rounded-lg mb-4" />
+                  <h3 className="text-xl text-white font-medium mb-2">{agent.name}</h3>
+                  <p className="text-gray-400 mb-2">{agent.email}</p>
+                </div>
+                <div className='w-2/3 px-4'>
+                  <p className="text-gray-400 mb-4">{agent.intro}</p>
+                  <div className="text-gray-400">
+                    <h4 className="text-lg text-white mb-2">Apps:</h4>
+                    <div className="flex flex-wrap gap-4">
+                      {agent.apps.slice(0, 3).map((app, i) => (
+                        <a key={i} href={app.link} target="_blank" rel="noopener noreferrer" className="flex flex-col items-center gap-2 bg-gray-900 p-3 rounded-lg hover:bg-gray-800 transition">
+                          <img src={app.icon} alt={app.name} className="h-6 w-6" />
+                          <span className="text-white text-xs">{app.name}</span>
+                        </a>
+                      ))}
+                    </div>
+
+                    {agent.apps.length > 3 && (
+                      <button className="text-blue-500 mt-2">Show more</button>
+                    )}
+                  </div>
+                </div>
+              </div>
+            ))}
+          </div>
+          <button onClick={prevSlide} className="absolute top-1/2 left-0 transform -translate-y-1/2 bg-gray-800 text-white p-2 rounded-full">‹</button>
+          <button onClick={nextSlide} className="absolute top-1/2 right-0 transform -translate-y-1/2 bg-gray-800 text-white p-2 rounded-full">›</button>
+        </div>
+      </motion.section>
+
       {/* Get Started Section */}
       <motion.section
         initial={{ opacity: 0, y: 20 }}
diff --git a/app/click-video/page.tsx b/app/click-video/page.tsx
index 0b1d8b6..f777314 100644
--- a/app/click-video/page.tsx
+++ b/app/click-video/page.tsx
@@ -29,12 +29,12 @@ const features = [
 ]
 
 const images = [
-  "https://www.zarla.com/images/starbucks-logo-2400x2400-20220513.png?crop=1:1,smart&width=150&dpr=2",
-  "https://www.zarla.com/images/apple-logo-2400x2400-20220512-3.png?crop=1:1,smart&width=150&dpr=2",
-  "https://www.zarla.com/images/google-logo-2400x2400-20220519.png?crop=1:1,smart&width=150&dpr=2",
-  "https://www.zarla.com/images/mercedes-benz-logo-2400x2400-20220513-2.png?crop=1:1,smart&width=150&dpr=2",
-  "https://www.zarla.com/images/walmart-logo-2400x2400-20223105.png?crop=1:1,smart&width=150&dpr=2",
-  "https://www.zarla.com/images/pepsi-logo-2400x2400-20220513-1.png?crop=1:1,smart&width=150&dpr=2",
+  "data:image/png;base64,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",
+  "data:image/png;base64,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",
+  "data:image/png;base64,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",
+  "data:image/png;base64,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",
+  "data:image/png;base64,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",
+  "data:image/png;base64,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",
 ];
 
 const contents = [
diff --git a/app/globals.css b/app/globals.css
index 47d132c..a321106 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -85,4 +85,9 @@ body {
   body {
     @apply bg-background text-foreground;
   }
-}
\ No newline at end of file
+}
+
+
+html {
+  scroll-behavior: smooth;
+}
diff --git a/app/layout.tsx b/app/layout.tsx
index a8db0aa..24e3f70 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -24,7 +24,7 @@ const geistMono = Geist_Mono({
 });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
+  title: "EverydaySeries AI",
   description: "Generated by create next app",
 };
 
diff --git a/app/marketplace-page/page.tsx b/app/marketplace-page/page.tsx
new file mode 100644
index 0000000..19f472d
--- /dev/null
+++ b/app/marketplace-page/page.tsx
@@ -0,0 +1,319 @@
+"use client";
+
+import React from 'react';
+import { motion } from 'framer-motion';
+import { Code, Search, Upload, Lightbulb, Globe, CheckCircle, CreditCard, ArrowRight } from 'lucide-react';
+import Navbar from '@/components/Navbar/navbar';
+import Footer from '@/components/footer';
+
+const AIMarketplace = () => {
+
+    const buyerBenefits = [
+        {
+            title: "Seamless Integration",
+            desc: "Easily download, deploy, or subscribe to the code that fits your needs, and start enhancing your operations immediately.",
+            icon: <Code className="w-6 h-6 text-white" />
+        },
+        {
+            title: "Tailored for SMBs",
+            desc: "Explore solutions that simplify everyday tasks—from smart customer support to automated financial insights—ensuring that every tool is both practical and powerful.",
+            icon: <Lightbulb className="w-6 h-6 text-white" />
+        },
+        {
+            title: "Secure & Reliable",
+            desc: "All our offerings are thoroughly vetted, ensuring you receive only the best and most secure AI solutions on the market.",
+            icon: <CheckCircle className="w-6 h-6 text-white" />
+        }
+    ];
+
+    const sellerBenefits = [
+        {
+            title: "Effortless Listing",
+            desc: "Our streamlined process makes it simple to upload your code, set your subscription plans, and start selling without any hassle.",
+            icon: <Upload className="w-6 h-6 text-white" />
+        },
+        {
+            title: "Global Exposure",
+            desc: "Connect with SMBs and enterprises worldwide who are eager to integrate innovative AI solutions into their operations.",
+            icon: <Globe className="w-6 h-6 text-white" />
+        },
+        {
+            title: "Flexible Monetization",
+            desc: "Choose from various pricing models—one-time downloads, subscriptions, or even usage-based fees—to best suit your business and maximize revenue.",
+            icon: <CreditCard className="w-6 h-6 text-white" />
+        }
+    ];
+
+    return (
+        <div className="w-full p-6 bg-[#080E12] min-h-screen space-y-36">
+            <Navbar />
+
+            {/* Hero Section */}
+            <motion.section
+                initial={{ opacity: 0, y: 20 }}
+                animate={{ opacity: 1, y: 0 }}
+                className="max-w-6xl mx-auto h-screen flex flex-col justify-between relative"
+            >
+                {/* Animated Gradient Background */}
+                <motion.div
+                    initial={{ opacity: 0, scale: 0.9, rotate: 0 }}
+                    animate={{ opacity: 0.15, scale: 1.9, rotate: 8 }}
+                    transition={{ duration: 2, repeat: Infinity, repeatType: "mirror", ease: "easeInOut" }}
+                    className="absolute top-[-100px] right-[-50px] w-96 h-80 bg-gradient-to-br from-[#6EE7B7] to-[#3B82F6] rounded-full opacity-30 blur-[120px] skew-y-6"
+                />
+
+                <div className="max-w-6xl h-fit mt-auto pb-80 relative z-10">
+                    <motion.h1
+                        initial={{ opacity: 0 }}
+                        animate={{ opacity: 1 }}
+                        className="text-7xl text-white mb-6"
+                    >
+                        AI
+                        <span className="bg-gradient-to-r from-[#6EE7B7] to-[#3B82F6] text-transparent bg-clip-text">
+                            {" "}Marketplace{" "}
+                        </span>
+                    </motion.h1>
+
+                    <div className="absolute bottom-0 left-1/2 transform -translate-x-1/2">
+                        <div className="w-32 h-px bg-gradient-to-r from-transparent via-blue-500/30 to-transparent" />
+                    </div>
+
+                    <motion.div className="text-4xl text-[#6EE7B7] font-medium mb-6">
+                        Your One-Stop Hub for Ready-to-Go AI Solutions
+                    </motion.div>
+
+                    <motion.p
+                        initial={{ opacity: 0 }}
+                        animate={{ opacity: 1 }}
+                        className="text-gray-400 text-2xl mb-8"
+                    >
+                        Discover a curated collection of innovative AI-powered apps and agents designed to streamline your business operations. Whether you’re looking to download, deploy, or subscribe to smart solutions, our marketplace is built to empower your growth—all at the click of a button.
+                    </motion.p>
+                </div>
+            </motion.section>
+
+            {/* For Buyers Section */}
+            <motion.section
+                initial={{ opacity: 0, y: 20 }}
+                animate={{ opacity: 1, y: 0 }}
+                className="max-w-6xl mx-auto py-20"
+            >
+                <h2 className="text-5xl text-white mb-8"><span className="bg-gradient-to-r from-[#6EE7B7] to-[#3B82F6] text-transparent bg-clip-text">For Buyers:</span> Instant Innovation</h2>
+                <p className="text-gray-400 mb-8">
+                    Unlock a world of possibilities with our ready-to-go apps and agents. Each solution is designed with simplicity and effectiveness in mind, so you can focus on what matters most—growing your business.
+                </p>
+
+                <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+                    {buyerBenefits.map((benefit, index) => (
+                        <div
+                            key={index}
+                            className="group relative bg-[#121212] border border-gray-800 rounded-xl p-6 transition-all duration-500 overflow-hidden"
+                        >
+                            {/* Icon + Title */}
+                            <div className="flex items-center gap-4 mb-2 relative z-10">
+                                <div className="p-3 bg-gray-900 rounded-lg">{benefit.icon}</div>
+                                <h3 className="text-xl text-white font-medium">{benefit.title}</h3>
+                            </div>
+
+                            {/* Description */}
+                            <p className="text-gray-400 relative z-10">{benefit.desc}</p>
+
+                            {/* Soft Glow Effect */}
+                            <div
+                                className="absolute inset-0 rounded-xl bg-gradient-to-br from-purple-500 to-indigo-500 opacity-0 blur-3xl scale-125 transition-opacity duration-500
+        group-hover:opacity-20"
+                            />
+                        </div>
+                    ))}
+                </div>
+
+                <div className="mt-8">
+                    <motion.button
+                        whileHover={{ scale: 1.05 }}
+                        whileTap={{ scale: 0.98 }}
+                        className="relative px-8 py-4 rounded-lg text-white font-medium inline-flex items-center gap-2
+    bg-gradient-to-r from-pink-500 via-purple-500 to-indigo-500 shadow-lg transition-all duration-500"
+                    >
+                        Browse Solutions <ArrowRight className="inline-block ml-2" />
+                    </motion.button>
+
+                </div>
+            </motion.section>
+
+            {/* For Sellers Section */}
+            <motion.section
+                initial={{ opacity: 0, y: 20 }}
+                animate={{ opacity: 1, y: 0 }}
+                className="max-w-6xl mx-auto py-20"
+            >
+                <h2 className="text-5xl text-white mb-8"><span className="bg-gradient-to-r from-[#6EE7B7] to-[#3B82F6] text-transparent bg-clip-text">For Sellers:</span> Showcase & Monetize Your Innovations</h2>
+                <p className="text-gray-400 mb-8">
+                    Turn your creativity into recurring revenue by listing your AI apps and agents on our marketplace. Reach a global audience and let your solutions speak for themselves.
+                </p>
+
+                <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+                    {sellerBenefits.map((benefit, index) => (
+                        <div
+                            key={index}
+                            className="group relative bg-[#121212] border border-gray-800 rounded-xl p-6 transition-all duration-500 overflow-hidden"
+                        >
+                            {/* Icon + Title */}
+                            <div className="flex items-center gap-4 mb-2 relative z-10">
+                                <div className="p-3 bg-gray-900 rounded-lg">{benefit.icon}</div>
+                                <h3 className="text-xl text-white font-medium">{benefit.title}</h3>
+                            </div>
+
+                            {/* Description */}
+                            <p className="text-gray-400 relative z-10">{benefit.desc}</p>
+
+                            {/* Soft Glow Effect */}
+                            <div
+                                className="absolute inset-0 rounded-xl bg-gradient-to-br from-purple-500 to-indigo-500 opacity-0 blur-3xl scale-125 transition-opacity duration-500
+        group-hover:opacity-20"
+                            />
+                        </div>
+                    ))}
+                </div>
+
+                <div className="mt-8">
+                    <motion.button
+                        whileHover={{ scale: 1.05 }}
+                        whileTap={{ scale: 0.98 }}
+                        className="relative px-8 py-4 rounded-lg text-white font-medium inline-flex items-center gap-2
+    bg-gradient-to-r from-pink-500 via-purple-500 to-indigo-500 shadow-lg transition-all duration-500"
+                    >
+                        List Your Product <ArrowRight className="inline-block ml-2" />
+                    </motion.button>
+
+                </div>
+            </motion.section>
+
+            {/* How It Works Section */}
+            <motion.section
+                initial={{ opacity: 0, y: 20 }}
+                animate={{ opacity: 1, y: 0 }}
+                className="max-w-6xl mx-auto py-20"
+            >
+                <h2 className="text-5xl text-white mb-8 text-center">How It Works</h2>
+
+                <div className="grid grid-cols-1 md:grid-cols-2 gap-12">
+                    {/* Buyers */}
+                    <div className="relative group border border-gray-800 rounded-xl p-6 bg-gray-900/20 transition-all duration-500 overflow-hidden">
+                        <h3 className="text-3xl text-white mb-4">For Buyers:</h3>
+                        <ul className="text-gray-400 space-y-4">
+                            <li className="flex items-center gap-3">
+                                <span className="text-2xl text-blue-500"><Search /></span>
+                                <span>Discover: Browse our extensive library of AI solutions.</span>
+                            </li>
+                            <li className="flex items-center gap-3">
+                                <span className="text-2xl text-blue-500"><Code /></span>
+                                <span>Deploy: Download or subscribe to the code with a few simple clicks.</span>
+                            </li>
+                            <li className="flex items-center gap-3">
+                                <span className="text-2xl text-blue-500"><Lightbulb /></span>
+                                <span>Transform: Integrate the solution into your business and experience the benefits immediately.</span>
+                            </li>
+                        </ul>
+
+                        {/* Soft Glow Effect */}
+                        <div
+                            className="absolute inset-0 rounded-xl bg-gradient-to-br from-blue-500 to-cyan-500 opacity-0 blur-3xl scale-125 transition-opacity duration-500 group-hover:opacity-20"
+                        />
+                    </div>
+
+                    {/* Sellers */}
+                    <div className="relative group border border-gray-800 rounded-xl p-6 bg-gray-900/20 transition-all duration-500 overflow-hidden">
+                        <h3 className="text-3xl text-white mb-4">For Sellers:</h3>
+                        <ul className="text-gray-400 space-y-4">
+                            <li className="flex items-center gap-3">
+                                <span className="text-2xl text-green-500"><Upload /></span>
+                                <span>List: Upload your ready-to-go app or agent, and choose your pricing model.</span>
+                            </li>
+                            <li className="flex items-center gap-3">
+                                <span className="text-2xl text-green-500"><Globe /></span>
+                                <span>Promote: Leverage our global platform to showcase your innovation.</span>
+                            </li>
+                            <li className="flex items-center gap-3">
+                                <span className="text-2xl text-green-500"><CreditCard /></span>
+                                <span>Profit: Monetize your expertise and watch your revenue grow with every subscription or download.</span>
+                            </li>
+                        </ul>
+
+                        {/* Soft Glow Effect */}
+                        <div
+                            className="absolute inset-0 rounded-xl bg-gradient-to-br from-green-500 to-emerald-500 opacity-0 blur-3xl scale-125 transition-opacity duration-500 group-hover:opacity-20"
+                        />
+                    </div>
+                </div>
+            </motion.section>
+
+            {/* Why Choose Our Marketplace Section */}
+            <motion.section
+                initial={{ opacity: 0, y: 20 }}
+                animate={{ opacity: 1, y: 0 }}
+                className="max-w-6xl mx-auto py-20"
+            >
+                <h2 className="text-5xl text-white mb-8">Why Choose Our Marketplace?</h2>
+                <ul className="text-gray-400 space-y-4">
+                    {[
+                        { icon: <CheckCircle />, title: "Curated Quality", desc: "Every solution is handpicked and continuously updated to ensure peak performance and security.", color: "from-green-500 to-emerald-500" },
+                        { icon: <Lightbulb />, title: "Ease of Use", desc: "Designed for both buyers and sellers, our intuitive interface makes finding and listing products a breeze.", color: "from-yellow-500 to-orange-500" },
+                        { icon: <Code />, title: "Comprehensive Support", desc: "Access detailed documentation, tutorials, and dedicated support to help you get the most out of our platform.", color: "from-blue-500 to-cyan-500" },
+                        { icon: <Globe />, title: "Community-Driven", desc: "Join a thriving ecosystem of innovators and forward-thinking businesses ready to redefine their industries with AI.", color: "from-purple-500 to-indigo-500" }
+                    ].map((item, index) => (
+                        <li key={index} className="relative group flex items-start gap-4 border border-gray-800 p-4 rounded-lg bg-gray-900/20 transition-all duration-500 overflow-hidden">
+                            {/* Icon */}
+                            <span className="text-2xl text-white">{item.icon}</span>
+
+                            {/* Text Content */}
+                            <div>
+                                <h3 className="text-xl text-white font-medium">{item.title}</h3>
+                                <p>{item.desc}</p>
+                            </div>
+
+                            {/* Soft Glow Effect */}
+                            <div
+                                className={`absolute inset-0 rounded-lg bg-gradient-to-br ${item.color} opacity-0 blur-3xl scale-125 transition-opacity duration-500 group-hover:opacity-20`}
+                            />
+                        </li>
+                    ))}
+                </ul>
+            </motion.section>
+
+            {/* Final CTA Section */}
+            <motion.section
+                initial={{ opacity: 0, y: 20 }}
+                animate={{ opacity: 1, y: 0 }}
+                className="max-w-6xl mx-auto py-20 text-center"
+            >
+                <h2 className="text-4xl text-white mb-8">Embrace the future of AI-powered business solutions.</h2>
+                <p className="text-gray-400 text-xl mb-8">Whether you’re here to discover cutting-edge apps or to share your innovations with the world, our marketplace is your launchpad for success.</p>
+
+                <div className="flex justify-center gap-6">
+                    <motion.button
+                        whileHover={{ scale: 1.05 }}
+                        whileTap={{ scale: 0.98 }}
+                        className="relative px-8 py-4 rounded-lg text-white font-medium inline-flex items-center gap-2
+    bg-gradient-to-r from-pink-500 via-purple-500 to-indigo-500 shadow-lg transition-all duration-500"
+                    >
+                        Browse Solutions <ArrowRight className="inline-block ml-2" />
+                    </motion.button>
+
+                    <motion.button
+                        whileHover={{ scale: 1.05 }}
+                        whileTap={{ scale: 0.98 }}
+                        className="relative px-8 py-4 rounded-lg text-white font-medium inline-flex items-center gap-2
+    bg-gradient-to-r from-pink-500 via-purple-500 to-indigo-500 shadow-lg transition-all duration-500"
+                    >
+                        List Your Product <ArrowRight className="inline-block ml-2" />
+                    </motion.button>
+
+                </div>
+            </motion.section>
+
+            <Footer />
+        </div>
+    );
+};
+
+export default AIMarketplace;
diff --git a/app/marketplace/page.tsx b/app/marketplace/page.tsx
index 19f472d..4c5acd8 100644
--- a/app/marketplace/page.tsx
+++ b/app/marketplace/page.tsx
@@ -1,319 +1,94 @@
 "use client";
 
-import React from 'react';
-import { motion } from 'framer-motion';
-import { Code, Search, Upload, Lightbulb, Globe, CheckCircle, CreditCard, ArrowRight } from 'lucide-react';
+import React, { useState } from 'react';
 import Navbar from '@/components/Navbar/navbar';
-import Footer from '@/components/footer';
+import Footer from "@/components/footer";
+import { motion } from 'framer-motion';
+import { FaArrowRight } from 'react-icons/fa';
 
-const AIMarketplace = () => {
+const heading = "Marketplace - Discover and Try AI Micro SaaS Tools"
+const description = "Explore a variety of AI-powered tools designed to enhance your business operations. Try them out and purchase the ones that fit your needs."
 
-    const buyerBenefits = [
-        {
-            title: "Seamless Integration",
-            desc: "Easily download, deploy, or subscribe to the code that fits your needs, and start enhancing your operations immediately.",
-            icon: <Code className="w-6 h-6 text-white" />
-        },
-        {
-            title: "Tailored for SMBs",
-            desc: "Explore solutions that simplify everyday tasks—from smart customer support to automated financial insights—ensuring that every tool is both practical and powerful.",
-            icon: <Lightbulb className="w-6 h-6 text-white" />
-        },
-        {
-            title: "Secure & Reliable",
-            desc: "All our offerings are thoroughly vetted, ensuring you receive only the best and most secure AI solutions on the market.",
-            icon: <CheckCircle className="w-6 h-6 text-white" />
-        }
-    ];
+const tools = Array.from({ length: 50 }, (_, i) => ({
+  name: `Tool ${i + 1}`,
+  description: `Tool ${i + 1} is designed to help you with various tasks and improve your workflow.`,
+  image: `https://via.placeholder.com/150?text=Tool+${i + 1}`,
+  category: i % 5 === 0 ? 'Productivity' : i % 5 === 1 ? 'Marketing' : i % 5 === 2 ? 'Sales' : i % 5 === 3 ? 'HR' : 'Project Management',
+  link: `https://example.com/tool${i + 1}`
+}));
 
-    const sellerBenefits = [
-        {
-            title: "Effortless Listing",
-            desc: "Our streamlined process makes it simple to upload your code, set your subscription plans, and start selling without any hassle.",
-            icon: <Upload className="w-6 h-6 text-white" />
-        },
-        {
-            title: "Global Exposure",
-            desc: "Connect with SMBs and enterprises worldwide who are eager to integrate innovative AI solutions into their operations.",
-            icon: <Globe className="w-6 h-6 text-white" />
-        },
-        {
-            title: "Flexible Monetization",
-            desc: "Choose from various pricing models—one-time downloads, subscriptions, or even usage-based fees—to best suit your business and maximize revenue.",
-            icon: <CreditCard className="w-6 h-6 text-white" />
-        }
-    ];
+const categories = ['All', 'Productivity', 'Marketing', 'Sales', 'HR', 'Project Management'];
 
-    return (
-        <div className="w-full p-6 bg-[#080E12] min-h-screen space-y-36">
-            <Navbar />
+export default function Marketplace() {
+  const [selectedCategory, setSelectedCategory] = useState('All');
 
-            {/* Hero Section */}
-            <motion.section
-                initial={{ opacity: 0, y: 20 }}
-                animate={{ opacity: 1, y: 0 }}
-                className="max-w-6xl mx-auto h-screen flex flex-col justify-between relative"
-            >
-                {/* Animated Gradient Background */}
-                <motion.div
-                    initial={{ opacity: 0, scale: 0.9, rotate: 0 }}
-                    animate={{ opacity: 0.15, scale: 1.9, rotate: 8 }}
-                    transition={{ duration: 2, repeat: Infinity, repeatType: "mirror", ease: "easeInOut" }}
-                    className="absolute top-[-100px] right-[-50px] w-96 h-80 bg-gradient-to-br from-[#6EE7B7] to-[#3B82F6] rounded-full opacity-30 blur-[120px] skew-y-6"
-                />
+  const filteredTools = selectedCategory === 'All' ? tools : tools.filter(tool => tool.category === selectedCategory);
 
-                <div className="max-w-6xl h-fit mt-auto pb-80 relative z-10">
-                    <motion.h1
-                        initial={{ opacity: 0 }}
-                        animate={{ opacity: 1 }}
-                        className="text-7xl text-white mb-6"
-                    >
-                        AI
-                        <span className="bg-gradient-to-r from-[#6EE7B7] to-[#3B82F6] text-transparent bg-clip-text">
-                            {" "}Marketplace{" "}
-                        </span>
-                    </motion.h1>
-
-                    <div className="absolute bottom-0 left-1/2 transform -translate-x-1/2">
-                        <div className="w-32 h-px bg-gradient-to-r from-transparent via-blue-500/30 to-transparent" />
-                    </div>
-
-                    <motion.div className="text-4xl text-[#6EE7B7] font-medium mb-6">
-                        Your One-Stop Hub for Ready-to-Go AI Solutions
-                    </motion.div>
-
-                    <motion.p
-                        initial={{ opacity: 0 }}
-                        animate={{ opacity: 1 }}
-                        className="text-gray-400 text-2xl mb-8"
-                    >
-                        Discover a curated collection of innovative AI-powered apps and agents designed to streamline your business operations. Whether you’re looking to download, deploy, or subscribe to smart solutions, our marketplace is built to empower your growth—all at the click of a button.
-                    </motion.p>
-                </div>
-            </motion.section>
-
-            {/* For Buyers Section */}
-            <motion.section
-                initial={{ opacity: 0, y: 20 }}
-                animate={{ opacity: 1, y: 0 }}
-                className="max-w-6xl mx-auto py-20"
-            >
-                <h2 className="text-5xl text-white mb-8"><span className="bg-gradient-to-r from-[#6EE7B7] to-[#3B82F6] text-transparent bg-clip-text">For Buyers:</span> Instant Innovation</h2>
-                <p className="text-gray-400 mb-8">
-                    Unlock a world of possibilities with our ready-to-go apps and agents. Each solution is designed with simplicity and effectiveness in mind, so you can focus on what matters most—growing your business.
-                </p>
-
-                <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
-                    {buyerBenefits.map((benefit, index) => (
-                        <div
-                            key={index}
-                            className="group relative bg-[#121212] border border-gray-800 rounded-xl p-6 transition-all duration-500 overflow-hidden"
-                        >
-                            {/* Icon + Title */}
-                            <div className="flex items-center gap-4 mb-2 relative z-10">
-                                <div className="p-3 bg-gray-900 rounded-lg">{benefit.icon}</div>
-                                <h3 className="text-xl text-white font-medium">{benefit.title}</h3>
-                            </div>
-
-                            {/* Description */}
-                            <p className="text-gray-400 relative z-10">{benefit.desc}</p>
-
-                            {/* Soft Glow Effect */}
-                            <div
-                                className="absolute inset-0 rounded-xl bg-gradient-to-br from-purple-500 to-indigo-500 opacity-0 blur-3xl scale-125 transition-opacity duration-500
-        group-hover:opacity-20"
-                            />
-                        </div>
-                    ))}
-                </div>
-
-                <div className="mt-8">
-                    <motion.button
-                        whileHover={{ scale: 1.05 }}
-                        whileTap={{ scale: 0.98 }}
-                        className="relative px-8 py-4 rounded-lg text-white font-medium inline-flex items-center gap-2
-    bg-gradient-to-r from-pink-500 via-purple-500 to-indigo-500 shadow-lg transition-all duration-500"
-                    >
-                        Browse Solutions <ArrowRight className="inline-block ml-2" />
-                    </motion.button>
-
-                </div>
-            </motion.section>
-
-            {/* For Sellers Section */}
-            <motion.section
-                initial={{ opacity: 0, y: 20 }}
-                animate={{ opacity: 1, y: 0 }}
-                className="max-w-6xl mx-auto py-20"
-            >
-                <h2 className="text-5xl text-white mb-8"><span className="bg-gradient-to-r from-[#6EE7B7] to-[#3B82F6] text-transparent bg-clip-text">For Sellers:</span> Showcase & Monetize Your Innovations</h2>
-                <p className="text-gray-400 mb-8">
-                    Turn your creativity into recurring revenue by listing your AI apps and agents on our marketplace. Reach a global audience and let your solutions speak for themselves.
-                </p>
-
-                <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
-                    {sellerBenefits.map((benefit, index) => (
-                        <div
-                            key={index}
-                            className="group relative bg-[#121212] border border-gray-800 rounded-xl p-6 transition-all duration-500 overflow-hidden"
-                        >
-                            {/* Icon + Title */}
-                            <div className="flex items-center gap-4 mb-2 relative z-10">
-                                <div className="p-3 bg-gray-900 rounded-lg">{benefit.icon}</div>
-                                <h3 className="text-xl text-white font-medium">{benefit.title}</h3>
-                            </div>
-
-                            {/* Description */}
-                            <p className="text-gray-400 relative z-10">{benefit.desc}</p>
-
-                            {/* Soft Glow Effect */}
-                            <div
-                                className="absolute inset-0 rounded-xl bg-gradient-to-br from-purple-500 to-indigo-500 opacity-0 blur-3xl scale-125 transition-opacity duration-500
-        group-hover:opacity-20"
-                            />
-                        </div>
-                    ))}
-                </div>
-
-                <div className="mt-8">
-                    <motion.button
-                        whileHover={{ scale: 1.05 }}
-                        whileTap={{ scale: 0.98 }}
-                        className="relative px-8 py-4 rounded-lg text-white font-medium inline-flex items-center gap-2
-    bg-gradient-to-r from-pink-500 via-purple-500 to-indigo-500 shadow-lg transition-all duration-500"
-                    >
-                        List Your Product <ArrowRight className="inline-block ml-2" />
-                    </motion.button>
-
-                </div>
-            </motion.section>
-
-            {/* How It Works Section */}
-            <motion.section
-                initial={{ opacity: 0, y: 20 }}
-                animate={{ opacity: 1, y: 0 }}
-                className="max-w-6xl mx-auto py-20"
-            >
-                <h2 className="text-5xl text-white mb-8 text-center">How It Works</h2>
-
-                <div className="grid grid-cols-1 md:grid-cols-2 gap-12">
-                    {/* Buyers */}
-                    <div className="relative group border border-gray-800 rounded-xl p-6 bg-gray-900/20 transition-all duration-500 overflow-hidden">
-                        <h3 className="text-3xl text-white mb-4">For Buyers:</h3>
-                        <ul className="text-gray-400 space-y-4">
-                            <li className="flex items-center gap-3">
-                                <span className="text-2xl text-blue-500"><Search /></span>
-                                <span>Discover: Browse our extensive library of AI solutions.</span>
-                            </li>
-                            <li className="flex items-center gap-3">
-                                <span className="text-2xl text-blue-500"><Code /></span>
-                                <span>Deploy: Download or subscribe to the code with a few simple clicks.</span>
-                            </li>
-                            <li className="flex items-center gap-3">
-                                <span className="text-2xl text-blue-500"><Lightbulb /></span>
-                                <span>Transform: Integrate the solution into your business and experience the benefits immediately.</span>
-                            </li>
-                        </ul>
-
-                        {/* Soft Glow Effect */}
-                        <div
-                            className="absolute inset-0 rounded-xl bg-gradient-to-br from-blue-500 to-cyan-500 opacity-0 blur-3xl scale-125 transition-opacity duration-500 group-hover:opacity-20"
-                        />
-                    </div>
-
-                    {/* Sellers */}
-                    <div className="relative group border border-gray-800 rounded-xl p-6 bg-gray-900/20 transition-all duration-500 overflow-hidden">
-                        <h3 className="text-3xl text-white mb-4">For Sellers:</h3>
-                        <ul className="text-gray-400 space-y-4">
-                            <li className="flex items-center gap-3">
-                                <span className="text-2xl text-green-500"><Upload /></span>
-                                <span>List: Upload your ready-to-go app or agent, and choose your pricing model.</span>
-                            </li>
-                            <li className="flex items-center gap-3">
-                                <span className="text-2xl text-green-500"><Globe /></span>
-                                <span>Promote: Leverage our global platform to showcase your innovation.</span>
-                            </li>
-                            <li className="flex items-center gap-3">
-                                <span className="text-2xl text-green-500"><CreditCard /></span>
-                                <span>Profit: Monetize your expertise and watch your revenue grow with every subscription or download.</span>
-                            </li>
-                        </ul>
-
-                        {/* Soft Glow Effect */}
-                        <div
-                            className="absolute inset-0 rounded-xl bg-gradient-to-br from-green-500 to-emerald-500 opacity-0 blur-3xl scale-125 transition-opacity duration-500 group-hover:opacity-20"
-                        />
-                    </div>
-                </div>
-            </motion.section>
-
-            {/* Why Choose Our Marketplace Section */}
-            <motion.section
-                initial={{ opacity: 0, y: 20 }}
-                animate={{ opacity: 1, y: 0 }}
-                className="max-w-6xl mx-auto py-20"
-            >
-                <h2 className="text-5xl text-white mb-8">Why Choose Our Marketplace?</h2>
-                <ul className="text-gray-400 space-y-4">
-                    {[
-                        { icon: <CheckCircle />, title: "Curated Quality", desc: "Every solution is handpicked and continuously updated to ensure peak performance and security.", color: "from-green-500 to-emerald-500" },
-                        { icon: <Lightbulb />, title: "Ease of Use", desc: "Designed for both buyers and sellers, our intuitive interface makes finding and listing products a breeze.", color: "from-yellow-500 to-orange-500" },
-                        { icon: <Code />, title: "Comprehensive Support", desc: "Access detailed documentation, tutorials, and dedicated support to help you get the most out of our platform.", color: "from-blue-500 to-cyan-500" },
-                        { icon: <Globe />, title: "Community-Driven", desc: "Join a thriving ecosystem of innovators and forward-thinking businesses ready to redefine their industries with AI.", color: "from-purple-500 to-indigo-500" }
-                    ].map((item, index) => (
-                        <li key={index} className="relative group flex items-start gap-4 border border-gray-800 p-4 rounded-lg bg-gray-900/20 transition-all duration-500 overflow-hidden">
-                            {/* Icon */}
-                            <span className="text-2xl text-white">{item.icon}</span>
-
-                            {/* Text Content */}
-                            <div>
-                                <h3 className="text-xl text-white font-medium">{item.title}</h3>
-                                <p>{item.desc}</p>
-                            </div>
-
-                            {/* Soft Glow Effect */}
-                            <div
-                                className={`absolute inset-0 rounded-lg bg-gradient-to-br ${item.color} opacity-0 blur-3xl scale-125 transition-opacity duration-500 group-hover:opacity-20`}
-                            />
-                        </li>
-                    ))}
-                </ul>
-            </motion.section>
-
-            {/* Final CTA Section */}
-            <motion.section
-                initial={{ opacity: 0, y: 20 }}
-                animate={{ opacity: 1, y: 0 }}
-                className="max-w-6xl mx-auto py-20 text-center"
-            >
-                <h2 className="text-4xl text-white mb-8">Embrace the future of AI-powered business solutions.</h2>
-                <p className="text-gray-400 text-xl mb-8">Whether you’re here to discover cutting-edge apps or to share your innovations with the world, our marketplace is your launchpad for success.</p>
-
-                <div className="flex justify-center gap-6">
-                    <motion.button
-                        whileHover={{ scale: 1.05 }}
-                        whileTap={{ scale: 0.98 }}
-                        className="relative px-8 py-4 rounded-lg text-white font-medium inline-flex items-center gap-2
-    bg-gradient-to-r from-pink-500 via-purple-500 to-indigo-500 shadow-lg transition-all duration-500"
-                    >
-                        Browse Solutions <ArrowRight className="inline-block ml-2" />
-                    </motion.button>
-
-                    <motion.button
-                        whileHover={{ scale: 1.05 }}
-                        whileTap={{ scale: 0.98 }}
-                        className="relative px-8 py-4 rounded-lg text-white font-medium inline-flex items-center gap-2
-    bg-gradient-to-r from-pink-500 via-purple-500 to-indigo-500 shadow-lg transition-all duration-500"
-                    >
-                        List Your Product <ArrowRight className="inline-block ml-2" />
-                    </motion.button>
-
-                </div>
-            </motion.section>
-
-            <Footer />
+  return (
+    <div className="min-h-screen bg-[#080E12] dark text-white overflow-x-hidden">
+      <Navbar />
+      
+      {/* Hero Section */}
+      <div className='h-screen py-10 px-10 flex flex-col items-start justify-center'>
+        <h1 className="text-8xl mb-10">{heading}</h1>
+        <h2 className='text-4xl'>{description}</h2>
+      </div>
+      <div className="max-w-7xl mx-auto flex">
+      
+      {/* Category Filters */}
+      <aside className="w-1/4 py-8 px-4 md:px-8 border-r sticky top-0">
+        <div className="sticky top-20">
+          <h3 className="text-2xl mb-4">Categories</h3>
+          <div className="flex flex-col space-y-4 mt-20">
+            {categories.map((category, index) => (
+              <button
+                key={index}
+                onClick={() => setSelectedCategory(category)}
+                className={`px-4 py-2 rounded-lg transition-all text-left ${selectedCategory === category ? 'text-white' : 'text-gray-400'}`}
+              >
+                {category}
+              </button>
+            ))}
+          </div>
         </div>
-    );
-};
+      </aside>
 
-export default AIMarketplace;
+      {/* Tools List */}
+      <section className="w-3/4 py-16 px-4 md:px-8">
+        <motion.div
+          initial={{ opacity: 0, y: 30 }}
+          whileInView={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.6 }}
+          viewport={{ once: true }}
+          className="max-w-7xl mx-auto"
+        >
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+            {filteredTools.map((tool, index) => (
+              <motion.div
+                key={index}
+                initial={{ opacity: 0, y: 30 }}
+                whileInView={{ opacity: 1, y: 0 }}
+                transition={{ duration: 0.6, delay: index * 0.1 }}
+                viewport={{ once: true }}
+                className="bg-[#121212] border border-gray-800 rounded-xl p-6"
+              >
+                <img src={tool.image} alt={tool.name} className="w-full h-40 object-cover rounded-lg mb-4" />
+                <h3 className="text-md text-white font-medium mb-2">{tool.name}</h3>
+                <p className="text-gray-400 mb-4 text-sm">{tool.description}</p>
+                <div className="text-gray-400">
+                  <a href={tool.link} className="font-medium text-xs px-6 py-3 rounded-lg transition-all shadow-lg flex items-center gap-2 hover:scale-105">
+                    Try Now
+                    <FaArrowRight className="transition-transform duration-300" />
+                  </a>
+                </div>
+              </motion.div>
+            ))}
+          </div>
+        </motion.div>
+      </section>
+
+      </div>
+      <Footer />
+    </div>
+  );
+}
diff --git a/app/series/page.tsx b/app/series/page.tsx
index 02756f7..f75511f 100644
--- a/app/series/page.tsx
+++ b/app/series/page.tsx
@@ -1,17 +1,17 @@
 "use client";
 
-import React from 'react';
+import React, { useEffect, useRef } 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 { TextGenerateEffect } from "@/components/ui/text-generate-effect";
 import { FaListUl, FaSearch, FaArrowsAlt, FaPlug, FaPaste, FaRegFileAlt } from 'react-icons/fa';
+import { motion } from 'framer-motion';
 
 const heading = "Series - Create awesome workflows and connect them to AI without a single line of code"
 const description = "Help in defining, managing, and improving processes. can make any kind of flow"
-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 videoSrc = "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 = [
   {
@@ -28,13 +28,13 @@ const features = [
   }
 ]
 
-const images = [
-  "https://www.zarla.com/images/starbucks-logo-2400x2400-20220513.png?crop=1:1,smart&width=150&dpr=2",
-  "https://www.zarla.com/images/apple-logo-2400x2400-20220512-3.png?crop=1:1,smart&width=150&dpr=2",
-  "https://www.zarla.com/images/google-logo-2400x2400-20220519.png?crop=1:1,smart&width=150&dpr=2",
-  "https://www.zarla.com/images/mercedes-benz-logo-2400x2400-20220513-2.png?crop=1:1,smart&width=150&dpr=2",
-  "https://www.zarla.com/images/walmart-logo-2400x2400-20223105.png?crop=1:1,smart&width=150&dpr=2",
-  "https://www.zarla.com/images/pepsi-logo-2400x2400-20220513-1.png?crop=1:1,smart&width=150&dpr=2",
+const brandLogos = [
+  "data:image/png;base64,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",
+  "data:image/png;base64,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",
+  "data:image/png;base64,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",
+  "data:image/png;base64,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",
+  "data:image/png;base64,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",
+  "data:image/png;base64,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",
 ];
 
 const contents = [
@@ -43,150 +43,264 @@ const contents = [
     description:
       "With our drag and drop feature, anyone in your enterprise can build AI products effortlessly. Make AI an integral part of your business operations, irrespective of technical expertise.",
     link: "https://stripe.com",
-    icon: FaListUl, // Add icon here
+    icon: FaListUl,
   },
   {
     title: "Search and Discovery",
     description:
       "Users can search for series based on keywords, categories, or tags making it way easier to manage all your creations and looking for them is not a hassle at all.",
     link: "https://netflix.com",
-    icon: FaSearch, // Add icon here
+    icon: FaSearch,
   },
   {
     title: "Drag and drop",
     description:
-      "Certainly! “Drag and drop” refers to a user interface interaction where a person can click on an item, drag it to a different location, and then release it to drop it there. This action is commonly used in various applications and websites to allow users to rearrange or manipulate content more intuitively.",
+      "Certainly! 'Drag and drop' refers to a user interface interaction where a person can click on an item, drag it to a different location, and then release it to drop it there. This action is commonly used in various applications and websites to allow users to rearrange or manipulate content more intuitively.",
     link: "https://enterprise.everydayseries.com/",
-    icon: FaArrowsAlt, // Add icon here
+    icon: FaArrowsAlt,
   },
   {
     title: "Integration",
     description:
-      "User can integrate own apis. When we talk about users integrating their own APIs, we’re referring to the ability for users to incorporate their own custom Application Programming Interfaces (APIs) into a software application or system.",
+      "User can integrate own apis. When we talk about users integrating their own APIs, we're referring to the ability for users to incorporate their own custom Application Programming Interfaces (APIs) into a software application or system.",
     link: "https://meta.com",
-    icon: FaPlug, // Add icon here
+    icon: FaPlug,
   },
   {
     title: "Copy and Paste",
     description:
       "Users have the capability to duplicate the flow or item and then paste it elsewhere within the system. No need to create the same thing twice",
     link: "https://amazon.com",
-    icon: FaPaste, // Add icon here
+    icon: FaPaste,
   },
   {
     title: "Template",
     description:
-      "User can save any flow as template and can reuse it later. Don’t be limited by your series. this feature enables users to save a sequence of actions or steps as a template for future use.",
+      "User can save any flow as template and can reuse it later. Don't be limited by your series. this feature enables users to save a sequence of actions or steps as a template for future use.",
     link: "https://microsoft.com",
-    icon: FaRegFileAlt, // Add icon here
+    icon: FaRegFileAlt,
   },
-  // Add more features as needed
 ];
 
-const featuresData = [
+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 = `This features allows even non tech guys to figure out the platform and create awesome workflows. Now that's mind-blowing.`
+const testimonialText = `This features allows even non tech guys to figure out the platform and create awesome workflows. Now that's mind-blowing.`
 
 export default function Series() {
   return (
-    <div className="p-6 bg-[#080E12] dark text-white">
+    <div className="min-h-screen bg-[#080E12] dark text-white overflow-x-hidden">
       <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>
-      <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="max-w-7xl mx-auto px-8">
-        <HoverEffect items={contents} />
-      </div>
-      <Features/>
-
-      <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">
-          ★★★★★
+      
+        {/* Hero Section */}
+        <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>
-        
-        <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>
+        <div className="max-w-7xl mx-auto ">
+        {/* Video Section */}
+        <section className="my-16 md:my-24 lg:my-32 px-6 md:px-16 lg:px-24">
+          <div className="relative rounded-2xl overflow-hidden shadow-2xl shadow-violet-700/20 border border-violet-800/30">
+            <video
+              src={videoSrc}
+              autoPlay
+              loop
+              muted
+              className="w-full h-full object-cover rounded-2xl"
+            />
+            <div className="absolute inset-0 bg-gradient-to-tr from-purple-900/30 to-transparent"></div>
+          </div>
+        </section>
 
+        {/* Features Section */}
+        <div className="flex flex-col text-white pb-20 space-y-32">
+          {features.map((item, index) => (
+            <div key={index} className="p-6 text-center space-y-10 relative">
+              {/* Feature Heading and Description */}
+              <motion.h2
+                initial={{ opacity: 0, y: 30 }}
+                whileInView={{ opacity: 1, y: 0 }}
+                transition={{ duration: 0.6 }}
+                viewport={{ once: true }}
+                className="text-3xl md:text-4xl lg:text-5xl mb-6 mx-auto max-w-3xl bg-clip-text text-transparent bg-gradient-to-r from-white to-violet-300"
+              >
+                {item.head}
+              </motion.h2>
+
+              <motion.p
+                initial={{ opacity: 0, y: 30 }}
+                whileInView={{ opacity: 1, y: 0 }}
+                transition={{ duration: 0.6, delay: 0.2 }}
+                viewport={{ once: true }}
+                className="md:w-2/3 mx-auto text-gray-300 text-lg"
+              >
+                {item.desc}
+              </motion.p>
+
+              <motion.a
+                initial={{ opacity: 0, y: 30 }}
+                whileInView={{ opacity: 1, y: 0 }}
+                transition={{ duration: 0.6, delay: 0.3 }}
+                viewport={{ once: true }}
+                href={item.link}
+                className="bg-violet-600 hover:bg-violet-500 font-medium px-6 py-3 rounded-lg inline-block transition-all shadow-lg hover:shadow-violet-500/40"
+              >
+                {item.button}
+              </motion.a>
+
+              {/* Conditional Rendering for Marquee After First Feature */}
+              {index === 0 && (
+                <div className="relative mt-24 overflow-hidden">
+                  <Marquee className="[--duration:40s]">
+                    <div className="flex space-x-12">
+                      {brandLogos.map((img, i) => (
+                        <div key={i} className="relative overflow-hidden bg-white/5 p-4 rounded-xl backdrop-blur-sm border border-white/10 transition-all hover:border-violet-500/50 hover:bg-white/10">
+                          <img
+                            src={img}
+                            alt={`Brand logo ${i + 1}`}
+                            className="h-20 w-20 object-contain"
+                          />
+                        </div>
+                      ))}
+                    </div>
+                  </Marquee>
+                  <Marquee reverse className="[--duration:30s] mt-6">
+                    <div className="flex space-x-12">
+                      {brandLogos.reverse().map((img, i) => (
+                        <div key={i} className="relative overflow-hidden bg-white/5 p-4 rounded-xl backdrop-blur-sm border border-white/10 transition-all hover:border-violet-500/50 hover:bg-white/10">
+                          <img
+                            src={img}
+                            alt={`Brand logo ${i + 1}`}
+                            className="h-20 w-20 object-contain"
+                          />
+                        </div>
+                      ))}
+                    </div>
+                  </Marquee>
+                  {/* Gradient effects */}
+                  <div className="pointer-events-none absolute inset-y-0 left-0 w-1/3 bg-gradient-to-r from-[#080E12] to-transparent"></div>
+                  <div className="pointer-events-none absolute inset-y-0 right-0 w-1/3 bg-gradient-to-l from-[#080E12] to-transparent"></div>
+                </div>
+              )}
+
+              {/* Conditional Rendering for GIF After Second Feature */}
+              {index === 1 && (
+                <motion.div
+                  initial={{ opacity: 0, y: 40 }}
+                  whileInView={{ opacity: 1, y: 0 }}
+                  transition={{ duration: 0.8 }}
+                  viewport={{ once: true }}
+                  className="mt-20 flex justify-center"
+                >
+                  <div className="relative rounded-xl overflow-hidden shadow-2xl shadow-violet-700/20 border border-violet-800/30 w-full md:w-[70%] lg:w-[60%]">
+                    <img
+                      src="https://cdn.dribbble.com/users/695342/screenshots/3782293/dashboard-gif-ok.gif"
+                      alt="Workflow GIF"
+                      className="w-full object-cover"
+                    />
+                    <div className="absolute inset-0 bg-gradient-to-tr from-purple-900/30 to-transparent pointer-events-none"></div>
+                  </div>
+                </motion.div>
+              )}
+            </div>
+          ))}
+        </div>
+
+        {/* Hover Cards Section */}
+        <section className="py-16 px-4 md:px-8">
+          <motion.div
+            initial={{ opacity: 0, y: 30 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            transition={{ duration: 0.6 }}
+            viewport={{ once: true }}
+            className="max-w-7xl mx-auto"
+          >
+            <h2 className="text-3xl md:text-4xl mb-12 text-center bg-clip-text text-transparent bg-gradient-to-r from-white to-violet-300">
+              Powerful Features at Your Fingertips
+            </h2>
+            <HoverEffect items={contents} />
+          </motion.div>
+        </section>
+
+        {/* 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>
+
+        {/* Testimonial Section */}
+        <section className="px-6 md:px-10 lg:px-16 my-20">
+          <motion.div
+            initial={{ opacity: 0, y: 40 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            transition={{ duration: 0.6 }}
+            viewport={{ once: true }}
+            className="bg-gradient-to-br from-white/5 to-white/2 backdrop-blur-sm rounded-2xl shadow-xl border border-white/10 px-8 md:px-12 py-16 mx-auto max-w-5xl"
+          >
+            <div className="text-yellow-400 text-center text-2xl mb-8">
+              ★★★★★
+            </div>
+
+            <p className="text-white text-2xl md:text-3xl lg:text-4xl text-center mb-8 font-light">
+              <span className="font-semibold bg-clip-text text-transparent bg-gradient-to-r from-violet-400 to-violet-200">Magic Button:</span> Simply press the magic button to instantly generate your series automatically.
+            </p>
+
+            <div className="max-w-3xl mx-auto">
+              <TextGenerateEffect words={testimonialText} />
+            </div>
+
+            <div className="mt-12 flex justify-center">
+              <button className="bg-gradient-to-r from-violet-600 to-purple-600 hover:from-violet-500 hover:to-purple-500 font-medium px-8 py-4 rounded-xl transition-all shadow-lg hover:shadow-violet-500/40 text-lg">
+                Try Magic Button
+              </button>
+            </div>
+          </motion.div>
+        </section>
+      </div>
       <Footer />
     </div>
   );
diff --git a/app/template/page.tsx b/app/template/page.tsx
index d0acdb9..28c92d0 100644
--- a/app/template/page.tsx
+++ b/app/template/page.tsx
@@ -8,6 +8,7 @@ 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."
@@ -29,12 +30,12 @@ const features = [
 ]
 
 const images = [
-  "https://www.zarla.com/images/starbucks-logo-2400x2400-20220513.png?crop=1:1,smart&width=150&dpr=2",
-  "https://www.zarla.com/images/apple-logo-2400x2400-20220512-3.png?crop=1:1,smart&width=150&dpr=2",
-  "https://www.zarla.com/images/google-logo-2400x2400-20220519.png?crop=1:1,smart&width=150&dpr=2",
-  "https://www.zarla.com/images/mercedes-benz-logo-2400x2400-20220513-2.png?crop=1:1,smart&width=150&dpr=2",
-  "https://www.zarla.com/images/walmart-logo-2400x2400-20223105.png?crop=1:1,smart&width=150&dpr=2",
-  "https://www.zarla.com/images/pepsi-logo-2400x2400-20220513-1.png?crop=1:1,smart&width=150&dpr=2",
+  "data:image/png;base64,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",
+  "data:image/png;base64,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",
+  "data:image/png;base64,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",
+  "data:image/png;base64,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",
+  "data:image/png;base64,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",
+  "data:image/png;base64,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",
 ];
 
 const contents = [
@@ -83,21 +84,24 @@ const contents = [
   // Add more features as needed
 ];
 
-const featuresData = [
+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"
   },
 ];
 
@@ -113,7 +117,37 @@ export default function Series() {
       </div>
       <div className='p-40'><video src={image} autoPlay className="w-ful border rounded-2xl object" /></div>
 
-      <Features />
+      {/* 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} />
diff --git a/app/tools/page.tsx b/app/tools/page.tsx
new file mode 100644
index 0000000..7cf91e1
--- /dev/null
+++ b/app/tools/page.tsx
@@ -0,0 +1,153 @@
+"use client";
+
+import React from 'react';
+import Navbar from '@/components/Navbar/navbar';
+import Footer from "@/components/footer";
+import { HoverEffect } from '@/components/ui/card-hover-effect';
+import { motion } from 'framer-motion';
+import { FaMagic, FaRobot, FaChartLine, FaCog } from 'react-icons/fa';
+
+const heading = "Tools - Empower Non-Coders to Create and Use AI Workflows"
+const description = "Easily create and use AI-powered workflows without writing a single line of code. Input your data and get the desired output effortlessly."
+
+const tools = [
+  {
+    title: "Text Summarizer",
+    description: "Summarize long articles or documents into concise summaries.",
+    imgSrc: "https://plus.unsplash.com/premium_photo-1683880731792-39c07ceea617?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8b2ZmaWNlfGVufDB8fDB8fHww",
+    link: "#"
+  },
+  {
+    title: "Sentiment Analysis",
+    description: "Analyze the sentiment of customer reviews or social media posts.",
+    imgSrc: "https://images.unsplash.com/photo-1568992687947-868a62a9f521?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NHx8b2ZmaWNlfGVufDB8fDB8fHww",
+    link: "#"
+  },
+  {
+    title: "Image Recognition",
+    description: "Identify objects and scenes in images with high accuracy.",
+    imgSrc: "data:image/jpeg;base64,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",
+    link: "#"
+  },
+  {
+    title: "Chatbot Builder",
+    description: "Create and deploy chatbots for customer support and engagement.",
+    imgSrc: "https://images.unsplash.com/photo-1556157382-4e063bb26661?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Nnx8Y2hhdHxlbnwwfHwwfHx8MA%3D%3D",
+    link: "#"
+  }
+];
+
+const features = [
+  {
+    title: "Magic Button",
+    description: "Automate complex tasks with a single click using our Magic Button feature.",
+    icon: <FaMagic className="w-6 h-6 text-white" />,
+    color: "from-purple-500 to-indigo-500"
+  },
+  {
+    title: "AI-Powered Automation",
+    description: "Leverage AI to automate repetitive tasks and improve efficiency.",
+    icon: <FaRobot className="w-6 h-6 text-white" />,
+    color: "from-green-500 to-teal-500"
+  },
+  {
+    title: "Advanced Analytics",
+    description: "Gain insights from your data with advanced analytics and reporting tools.",
+    icon: <FaChartLine className="w-6 h-6 text-white" />,
+    color: "from-blue-500 to-cyan-500"
+  },
+  {
+    title: "Custom Workflows",
+    description: "Create custom workflows tailored to your specific business needs.",
+    icon: <FaCog className="w-6 h-6 text-white" />,
+    color: "from-yellow-500 to-orange-500"
+  }
+];
+
+export default function Tools() {
+  return (
+    <div className="min-h-screen bg-[#080E12] dark text-white overflow-x-hidden">
+      <Navbar />
+      
+      {/* Hero Section */}
+      <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="max-w-7xl mx-auto">
+      
+      {/* Tools Section */}
+      <section className="py-16 px-4 md:px-8">
+        <motion.div
+          initial={{ opacity: 0, y: 30 }}
+          whileInView={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.6 }}
+          viewport={{ once: true }}
+          className="max-w-7xl mx-auto"
+        >
+          <h2 className="text-3xl md:text-4xl mb-12 text-center bg-clip-text text-transparent bg-gradient-to-r from-white to-violet-300">
+            Available Tools
+          </h2>
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+            {tools.map((tool, index) => (
+              <motion.div
+                key={index}
+                initial={{ opacity: 0, y: 30 }}
+                whileInView={{ opacity: 1, y: 0 }}
+                transition={{ duration: 0.6, delay: index * 0.2 }}
+                viewport={{ once: true }}
+                className="bg-[#121212] border border-gray-800 rounded-xl p-6 text-center"
+              >
+                <img src={tool.imgSrc} alt={tool.title} className="w-full h-40 object-cover rounded-lg mb-4" />
+                <h3 className="text-xl text-white font-medium mb-2">{tool.title}</h3>
+                <p className="text-gray-400 mb-4">{tool.description}</p>
+                <a href={tool.link} className="bg-violet-600 hover:bg-violet-500 font-medium px-6 py-3 rounded-lg inline-block transition-all shadow-lg hover:shadow-violet-500/40">
+                  Use Tool
+                </a>
+              </motion.div>
+            ))}
+          </div>
+        </motion.div>
+      </section>
+
+      {/* Features Section */}
+      <section className="py-16 h-screen px-4 md:px-8">
+        <motion.div
+          initial={{ opacity: 0, y: 30 }}
+          whileInView={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.6 }}
+          viewport={{ once: true }}
+          className="max-w-7xl mx-auto"
+        >
+          <h2 className="text-3xl md:text-4xl mb-12 text-center bg-clip-text text-transparent bg-gradient-to-r from-white to-violet-300">
+            Key Features
+          </h2>
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
+            {features.map((feature, index) => (
+              <motion.div
+                key={index}
+                initial={{ opacity: 0, y: 30 }}
+                whileInView={{ opacity: 1, y: 0 }}
+                transition={{ duration: 0.6, delay: index * 0.2 }}
+                viewport={{ once: true }}
+                className="relative group bg-[#121212] border border-gray-800 rounded-xl p-6 transition-all duration-500 overflow-hidden"
+              >
+                <div className="flex items-center gap-4 mb-2">
+                  <div className="p-3 bg-gray-900 rounded-lg">{feature.icon}</div>
+                  <h3 className="text-xl text-white font-medium">{feature.title}</h3>
+                </div>
+                <p className="text-gray-400">{feature.description}</p>
+                <div
+                  className={`absolute inset-0 rounded-xl bg-gradient-to-br ${feature.color} opacity-0 blur-3xl scale-125 transition-opacity duration-500 group-hover:opacity-20`}
+                />
+              </motion.div>
+            ))}
+          </div>
+        </motion.div>
+      </section>
+
+      </div>
+      <Footer />
+    </div>
+  );
+}
diff --git a/app/writer/page.tsx b/app/writer/page.tsx
index bd1f493..8335b80 100644
--- a/app/writer/page.tsx
+++ b/app/writer/page.tsx
@@ -29,12 +29,12 @@ const features = [
 ]
 
 const images = [
-  "https://www.zarla.com/images/starbucks-logo-2400x2400-20220513.png?crop=1:1,smart&width=150&dpr=2",
-  "https://www.zarla.com/images/apple-logo-2400x2400-20220512-3.png?crop=1:1,smart&width=150&dpr=2",
-  "https://www.zarla.com/images/google-logo-2400x2400-20220519.png?crop=1:1,smart&width=150&dpr=2",
-  "https://www.zarla.com/images/mercedes-benz-logo-2400x2400-20220513-2.png?crop=1:1,smart&width=150&dpr=2",
-  "https://www.zarla.com/images/walmart-logo-2400x2400-20223105.png?crop=1:1,smart&width=150&dpr=2",
-  "https://www.zarla.com/images/pepsi-logo-2400x2400-20220513-1.png?crop=1:1,smart&width=150&dpr=2",
+  "data:image/png;base64,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",
+  "data:image/png;base64,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",
+  "data:image/png;base64,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",
+  "data:image/png;base64,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",
+  "data:image/png;base64,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",
+  "data:image/png;base64,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",
 ];
 
 const contents = [
diff --git a/components/Hero/hero2.tsx b/components/Hero/hero2.tsx
index 1b9c4ff..a269b90 100644
--- a/components/Hero/hero2.tsx
+++ b/components/Hero/hero2.tsx
@@ -21,7 +21,7 @@ const slides = [
     overlayClass: "bg-black/60"
   },
   {
-    title: "Unleash Your Creative Potentialr",
+    title: "Unleash Your Creative Potential",
     description: "From forms and video editing to AI writing and newsletters, our fully integrated creative suite brings your vision to life with the power of AI.",
     buttonText: "Discover Our Tools",
     buttonLink: "/tools",
diff --git a/components/Navbar/MobileMenu.tsx b/components/Navbar/MobileMenu.tsx
index cee2825..d7c96d3 100644
--- a/components/Navbar/MobileMenu.tsx
+++ b/components/Navbar/MobileMenu.tsx
@@ -157,12 +157,12 @@ const productItems = [
         icon: <IoIosApps className="h-10 w-10 p-2 rounded-lg items-center bg-white text-violet-500" />,
         link: '/data-syncing',
       },
-      {
-        name: 'Analytics Dashboard',
-        description: 'Visualize your workflow performance.',
-        icon: <IoIosApps className="h-10 w-10 p-2 rounded-lg items-center bg-white text-violet-500" />,
-        link: '/analytics-dashboard',
-      },
+      // {
+      //   name: 'Analytics Dashboard',
+      //   description: 'Visualize your workflow performance.',
+      //   icon: <IoIosApps className="h-10 w-10 p-2 rounded-lg items-center bg-white text-violet-500" />,
+      //   link: '/analytics-dashboard',
+      // },
       {
         name: 'Micro-Saas',
         description: 'Build Your MicroSAAS & Grow Your Community',
@@ -257,12 +257,12 @@ const solutionItems: SolutionItem[] = [
         icon: <FaServicestack className='h-10 w-10 p-2 rounded-lg items-center bg-white text-violet-500' />,
         link: '/services'
       },
-      {
-        name: 'Security',
-        description: 'Protect your data with next-gen secure workflows',
-        icon: <MdSecurity className='h-10 w-10 p-2 rounded-lg items-center bg-white text-violet-500' />,
-        link: '/security'
-      },
+      // {
+      //   name: 'Security',
+      //   description: 'Protect your data with next-gen secure workflows',
+      //   icon: <MdSecurity className='h-10 w-10 p-2 rounded-lg items-center bg-white text-violet-500' />,
+      //   link: '/security'
+      // },
       {
         name: 'Marketplace',
         description: 'Explore a wide range of AI-driven tools and solutions tailored for your business.',
diff --git a/components/Navbar/dropdowns.tsx b/components/Navbar/dropdowns.tsx
index 25a711d..c43da07 100644
--- a/components/Navbar/dropdowns.tsx
+++ b/components/Navbar/dropdowns.tsx
@@ -68,12 +68,12 @@ const productItems = [
                 icon: <IoIosApps className="h-10 w-10 p-2 rounded-lg items-center bg-white text-violet-500" />,
                 link: '/data-syncing',
             },
-            {
-                name: 'Analytics Dashboard',
-                description: 'Visualize your workflow performance.',
-                icon: <IoIosApps className="h-10 w-10 p-2 rounded-lg items-center bg-white text-violet-500" />,
-                link: '/analytics-dashboard',
-            },
+            // {
+            //     name: 'Analytics Dashboard',
+            //     description: 'Visualize your workflow performance.',
+            //     icon: <IoIosApps className="h-10 w-10 p-2 rounded-lg items-center bg-white text-violet-500" />,
+            //     link: '/analytics-dashboard',
+            // },
             {
                 name: 'Micro-Saas',
                 description: 'Build Your MicroSAAS & Grow Your Community',
@@ -230,12 +230,12 @@ const solutionItems: SolutionItem[] = [
                 icon: <FaServicestack className='h-10 w-10 p-2 rounded-lg items-center bg-white text-violet-500' />,
                 link: '/services'
             },
-            {
-                name: 'Security',
-                description: 'Protect your data with next-gen secure workflows',
-                icon: <MdSecurity className='h-10 w-10 p-2 rounded-lg items-center bg-white text-violet-500' />,
-                link: '/security'
-            },
+            // {
+            //     name: 'Security',
+            //     description: 'Protect your data with next-gen secure workflows',
+            //     icon: <MdSecurity className='h-10 w-10 p-2 rounded-lg items-center bg-white text-violet-500' />,
+            //     link: '/security'
+            // },
             {
                 name: 'Marketplace',
                 description: 'Explore a wide range of AI-driven tools and solutions tailored for your business.',
diff --git a/package-lock.json b/package-lock.json
index db33291..427108b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
       "version": "0.1.0",
       "license": "ISC",
       "dependencies": {
+        "@microsoft/clarity": "^1.0.0",
         "@tabler/icons-react": "^3.28.1",
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",
@@ -492,6 +493,12 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
+    "node_modules/@microsoft/clarity": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@microsoft/clarity/-/clarity-1.0.0.tgz",
+      "integrity": "sha512-2QY6SmXnqRj6dWhNY8NYCN3e53j4zCFebH4wGnNhdGV1mqAsQwql2fT0w8TISxCvwwfVp8idsWLIdrRHOms1PQ==",
+      "license": "MIT"
+    },
     "node_modules/@next/env": {
       "version": "15.1.5",
       "resolved": "https://registry.npmjs.org/@next/env/-/env-15.1.5.tgz",
diff --git a/package.json b/package.json
index ac8f023..bc94e24 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,7 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@microsoft/clarity": "^1.0.0",
     "@tabler/icons-react": "^3.28.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",