Merge version_7 into main

Merge version_7 into main

src/app/page.tsx

@@ -12,7 +12,6 @@ import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import { Bot, Brain, Sparkles, User, Code, Database, Workflow, Settings, Search, FileText, Send, CheckCircle, Zap, MessageSquare, CreditCard, Star, HelpCircle, Mail, Activity, Shield, Clock, BarChart3, Layers, GitBranch, Lock, Eye, Terminal } from "lucide-react";
-import { useState } from "react";
 
 export default function AIAgentsTemplatePage() {
     const navItems = [
@@ -61,19 +60,17 @@ export default function AIAgentsTemplatePage() {
 
     return (
         <ThemeProvider defaultButtonVariant="icon-arrow" defaultTextAnimation="background-highlight" borderRadius="rounded" contentWidth="medium" sizing="medium" background="none" cardStyle="gradient-bordered" primaryButtonStyle="gradient" secondaryButtonStyle="layered" headingFontWeight="semibold">
+            <div className="w-full bg-slate-950 border-b border-slate-800 py-3 px-6 flex items-center justify-between">
+              <div className="flex items-center gap-4 text-sm text-slate-300">
+                <Bot className="w-4 h-4 text-blue-500" />
+                <span>AgentFlow <span className="text-slate-500">/</span> <span className="text-blue-400 animate-pulse">Thinking...</span></span>
+                <span className="hidden sm:block text-slate-500">|</span>
+                <span className="hidden sm:block">Active agent: Research & Data Analysis</span>
+              </div>
+              <a href="#pricing" className="bg-blue-600 text-white px-4 py-1.5 rounded text-sm font-medium hover:bg-blue-700 transition">Deploy Agent</a>
+            </div>
             <NavbarStyleFullscreen navItems={navItems} brandName="AgentFlow" bottomLeftText="Build Smarter" bottomRightText="hello@agentflow.ai" />
             <HeroBillboardDashboard background={{ variant: "canvas-reveal" }} tag="AI Agents Platform" tagIcon={Bot} title="Build Autonomous AI Agents That Actually Work" description="Deploy intelligent agents that can reason, use tools, and collaborate to automate your most complex workflows." buttons={[{ text: "Get Started", href: "#" }, { text: "Learn More", href: "#" }]} dashboard={{ title: "Agent Control Center", logoIcon: Bot, imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop&crop=face", imageAlt: "Operator avatar", buttons: [{ text: "Deploy Agent", href: "#pricing" }, { text: "View Logs", href: "#" }], sidebarItems: [{ icon: Activity, active: true }, { icon: Brain }, { icon: Database }, { icon: Workflow }, { icon: Settings }], stats: [{ title: "Active Agents", values: [47, 52, 49], description: "Autonomous agents currently running across all workflows." }, { title: "Tasks Completed", values: [12840, 15230, 14100], description: "Total tasks executed by agents in the current billing cycle." }, { title: "Avg Response Time", values: [84, 72, 91], valueSuffix: "ms", description: "Mean latency across all agent tool calls and reasoning steps." }], chartTitle: "Agent Runs (24h)", chartData: [{ value: 120 }, { value: 85 }, { value: 140 }, { value: 95 }, { value: 170 }, { value: 130 }, { value: 155 }, { value: 110 }], listTitle: "Recent Agent Activity", listItems: [{ icon: CheckCircle, title: "Report generated: Q4 Sales", status: "Completed" }, { icon: Search, title: "Web research: competitor pricing", status: "Running" }, { icon: Send, title: "Email drafted: client follow-up", status: "Completed" }, { icon: Code, title: "Code review: PR #247", status: "Running" }, { icon: FileText, title: "Contract summarized: NDA v3", status: "Completed" }, { icon: Database, title: "Data sync: CRM → warehouse", status: "Running" }, { icon: Shield, title: "Security scan: api-gateway", status: "Completed" }, { icon: BarChart3, title: "Dashboard updated: KPIs", status: "Completed" }, { icon: Clock, title: "Scheduled: weekly digest", status: "Pending" }, { icon: Brain, title: "Model fine-tune: support-v2", status: "Running" }] }} />
-            <div className="max-w-4xl mx-auto py-12 px-6 bg-slate-900/50 rounded-2xl border border-slate-700 my-16">
-              <div className="flex flex-col gap-4">
-                <h3 className="text-xl font-medium text-white flex items-center gap-2"><Terminal className="w-5 h-5" /> Command Prompt</h3>
-                <input type="text" placeholder="What should your agent do today?" className="w-full p-4 rounded-lg bg-slate-800 text-white border border-slate-700 focus:outline-none focus:ring-2 focus:ring-blue-500" />
-                <div className="flex items-center justify-between mt-2">
-                    <span className="text-sm text-slate-400">Agent status: <span className="text-blue-400 animate-pulse">Thinking...</span></span>
-                    <span className="text-sm text-slate-400">Active: Research & Data Analysis</span>
-                </div>
-                <a href="#pricing" className="mt-4 inline-flex items-center justify-center px-6 py-3 bg-blue-600 text-white rounded-lg font-semibold hover:bg-blue-700 transition-colors">Deploy to Production</a>
-              </div>
-            </div>
             <div id="features">
                 <FeatureBento features={features} animationType="slide-up" tag="Capabilities" tagIcon={Sparkles} title="Everything You Need to Build AI Agents" description="From task automation to natural conversations, our platform provides the tools to create intelligent agents." textboxLayout="default" useInvertedBackground={false} />
             </div>