agentvibes 2.0.9 → 2.0.12

package/agentvibes.org/components/ui/header.tsx

@@ -0,0 +1,53 @@
+"use client";
+
+import Link from "next/link";
+import Logo from "./logo";
+import { useEffect, useState } from "react";
+
+export default function Header() {
+  const [stars, setStars] = useState<number | null>(null);
+
+  useEffect(() => {
+    fetch('https://api.github.com/repos/paulpreibisch/AgentVibes')
+      .then(res => res.json())
+      .then(data => setStars(data.stargazers_count))
+      .catch(err => console.error('Error fetching stars:', err));
+  }, []);
+
+  return (
+    <header className="z-30 mt-2 w-full md:mt-5">
+      <div className="mx-auto max-w-6xl px-4 sm:px-6">
+        <div className="relative flex h-14 items-center justify-between gap-3 rounded-2xl bg-gray-900/90 px-3 before:pointer-events-none before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-transparent before:[background:linear-gradient(to_right,var(--color-gray-800),var(--color-gray-700),var(--color-gray-800))_border-box] before:[mask-composite:exclude_!important] before:[mask:linear-gradient(white_0_0)_padding-box,_linear-gradient(white_0_0)] after:absolute after:inset-0 after:-z-10 after:backdrop-blur-xs">
+          {/* Site branding */}
+          <div className="flex flex-1 items-center">
+            <Logo />
+          </div>
+
+          {/* Desktop navigation */}
+          <ul className="flex flex-1 items-center justify-end gap-3">
+              <li className="flex items-center">
+                <a
+                  href="https://github.com/paulpreibisch/AgentVibes/stargazers"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="btn-sm relative bg-linear-to-b from-gray-800 to-gray-800/60 bg-[length:100%_100%] bg-[bottom] py-[5px] text-gray-300 before:pointer-events-none before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-transparent before:[background:linear-gradient(to_right,var(--color-gray-800),var(--color-gray-700),var(--color-gray-800))_border-box] before:[mask-composite:exclude_!important] before:[mask:linear-gradient(white_0_0)_padding-box,_linear-gradient(white_0_0)] hover:bg-[length:100%_150%]"
+                >
+                  <span className="text-yellow-400">⭐</span> Star on GitHub {stars !== null && stars >= 500 && <span className="ml-1 text-gray-400">({stars})</span>}
+                </a>
+              </li>
+              <li>
+                <a
+                  href="https://github.com/paulpreibisch/AgentVibes/releases"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="btn-sm bg-linear-to-t from-indigo-600 to-indigo-500 bg-[length:100%_100%] bg-[bottom] py-[5px] text-white shadow-[inset_0px_1px_0px_0px_--theme(--color-white/.16)] hover:bg-[length:100%_150%]"
+                >
+                  Releases
+                </a>
+              </li>
+            </ul>
+        </div>
+      </div>
+    </header>
+  );
+}

package/agentvibes.org/components/ui/logo.tsx

@@ -0,0 +1,10 @@
+import Link from "next/link";
+
+export default function Logo() {
+  return (
+    <Link href="/" className="inline-flex shrink-0 items-center gap-2" aria-label="AgentVibes">
+      <span className="text-2xl">🎤</span>
+      <span className="font-nacelle text-xl font-bold text-white">AgentVibes</span>
+    </Link>
+  );
+}

package/agentvibes.org/components/workflows.tsx

@@ -0,0 +1,176 @@
+import Image from "next/image";
+import WorflowImg01 from "@/public/images/workflow-01.png";
+import WorflowImg02 from "@/public/images/workflow-02.png";
+import WorflowImg03 from "@/public/images/workflow-03.png";
+import Spotlight from "@/components/spotlight";
+
+export default function Workflows() {
+  return (
+    <section>
+      <div className="mx-auto max-w-6xl px-4 sm:px-6">
+        <div className="pb-12 md:pb-20">
+          {/* Section header */}
+          <div className="mx-auto max-w-3xl pb-12 text-center md:pb-20">
+            <div className="inline-flex items-center gap-3 pb-3 before:h-px before:w-8 before:bg-linear-to-r before:from-transparent before:to-indigo-200/50 after:h-px after:w-8 after:bg-linear-to-l after:from-transparent after:to-indigo-200/50">
+              <span className="inline-flex bg-linear-to-r from-indigo-500 to-indigo-200 bg-clip-text text-transparent">
+                Tailored Workflows
+              </span>
+            </div>
+            <h2 className="animate-[gradient_6s_linear_infinite] bg-[linear-gradient(to_right,var(--color-gray-200),var(--color-indigo-200),var(--color-gray-50),var(--color-indigo-300),var(--color-gray-200))] bg-[length:200%_auto] bg-clip-text pb-4 font-nacelle text-3xl font-semibold text-transparent md:text-4xl">
+              Map your product journey
+            </h2>
+            <p className="text-lg text-indigo-200/65">
+              Simple and elegant interface to start collaborating with your team
+              in minutes. It seamlessly integrates with your code and your
+              favorite programming languages.
+            </p>
+          </div>
+          {/* Spotlight items */}
+          <Spotlight className="group mx-auto grid max-w-sm items-start gap-6 lg:max-w-none lg:grid-cols-3">
+            {/* Card 1 */}
+            <a
+              className="group/card relative h-full overflow-hidden rounded-2xl bg-gray-800 p-px before:pointer-events-none before:absolute before:-left-40 before:-top-40 before:z-10 before:h-80 before:w-80 before:translate-x-[var(--mouse-x)] before:translate-y-[var(--mouse-y)] before:rounded-full before:bg-indigo-500/80 before:opacity-0 before:blur-3xl before:transition-opacity before:duration-500 after:pointer-events-none after:absolute after:-left-48 after:-top-48 after:z-30 after:h-64 after:w-64 after:translate-x-[var(--mouse-x)] after:translate-y-[var(--mouse-y)] after:rounded-full after:bg-indigo-500 after:opacity-0 after:blur-3xl after:transition-opacity after:duration-500 hover:after:opacity-20 group-hover:before:opacity-100"
+              href="#0"
+            >
+              <div className="relative z-20 h-full overflow-hidden rounded-[inherit] bg-gray-950 after:absolute after:inset-0 after:bg-linear-to-br after:from-gray-900/50 after:via-gray-800/25 after:to-gray-900/50">
+                {/* Arrow */}
+                <div
+                  className="absolute right-6 top-6 flex h-8 w-8 items-center justify-center rounded-full border border-gray-700/50 bg-gray-800/65 text-gray-200 opacity-0 transition-opacity group-hover/card:opacity-100"
+                  aria-hidden="true"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width={9}
+                    height={8}
+                    fill="none"
+                  >
+                    <path
+                      fill="#F4F4F5"
+                      d="m4.92 8-.787-.763 2.733-2.68H0V3.443h6.866L4.133.767 4.92 0 9 4 4.92 8Z"
+                    />
+                  </svg>
+                </div>
+                {/* Image */}
+                <Image
+                  className="inline-flex"
+                  src={WorflowImg01}
+                  width={350}
+                  height={288}
+                  alt="Workflow 01"
+                />
+                {/* Content */}
+                <div className="p-6">
+                  <div className="mb-3">
+                    <span className="btn-sm relative rounded-full bg-gray-800/40 px-2.5 py-0.5 text-xs font-normal before:pointer-events-none before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-transparent before:[background:linear-gradient(to_bottom,--theme(--color-gray-700/.15),--theme(--color-gray-700/.5))_border-box] before:[mask-composite:exclude_!important] before:[mask:linear-gradient(white_0_0)_padding-box,_linear-gradient(white_0_0)] hover:bg-gray-800/60">
+                      <span className="bg-linear-to-r from-indigo-500 to-indigo-200 bg-clip-text text-transparent">
+                        Built-in Tools
+                      </span>
+                    </span>
+                  </div>
+                  <p className="text-indigo-200/65">
+                    Streamline the product development flow with a content
+                    platform that's aligned across specs and insights.
+                  </p>
+                </div>
+              </div>
+            </a>
+            {/* Card 2 */}
+            <a
+              className="group/card relative h-full overflow-hidden rounded-2xl bg-gray-800 p-px before:pointer-events-none before:absolute before:-left-40 before:-top-40 before:z-10 before:h-80 before:w-80 before:translate-x-[var(--mouse-x)] before:translate-y-[var(--mouse-y)] before:rounded-full before:bg-indigo-500/80 before:opacity-0 before:blur-3xl before:transition-opacity before:duration-500 after:pointer-events-none after:absolute after:-left-48 after:-top-48 after:z-30 after:h-64 after:w-64 after:translate-x-[var(--mouse-x)] after:translate-y-[var(--mouse-y)] after:rounded-full after:bg-indigo-500 after:opacity-0 after:blur-3xl after:transition-opacity after:duration-500 hover:after:opacity-20 group-hover:before:opacity-100"
+              href="#0"
+            >
+              <div className="relative z-20 h-full overflow-hidden rounded-[inherit] bg-gray-950 after:absolute after:inset-0 after:bg-linear-to-br after:from-gray-900/50 after:via-gray-800/25 after:to-gray-900/50">
+                {/* Arrow */}
+                <div
+                  className="absolute right-6 top-6 flex h-8 w-8 items-center justify-center rounded-full border border-gray-700/50 bg-gray-800/65 text-gray-200 opacity-0 transition-opacity group-hover/card:opacity-100"
+                  aria-hidden="true"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width={9}
+                    height={8}
+                    fill="none"
+                  >
+                    <path
+                      fill="#F4F4F5"
+                      d="m4.92 8-.787-.763 2.733-2.68H0V3.443h6.866L4.133.767 4.92 0 9 4 4.92 8Z"
+                    />
+                  </svg>
+                </div>
+                {/* Image */}
+                <Image
+                  className="inline-flex"
+                  src={WorflowImg02}
+                  width={350}
+                  height={288}
+                  alt="Workflow 02"
+                />
+                {/* Content */}
+                <div className="p-6">
+                  <div className="mb-3">
+                    <span className="btn-sm relative rounded-full bg-gray-800/40 px-2.5 py-0.5 text-xs font-normal before:pointer-events-none before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-transparent before:[background:linear-gradient(to_bottom,--theme(--color-gray-700/.15),--theme(--color-gray-700/.5))_border-box] before:[mask-composite:exclude_!important] before:[mask:linear-gradient(white_0_0)_padding-box,_linear-gradient(white_0_0)] hover:bg-gray-800/60">
+                      <span className="bg-linear-to-r from-indigo-500 to-indigo-200 bg-clip-text text-transparent">
+                        Scale Instantly
+                      </span>
+                    </span>
+                  </div>
+                  <p className="text-indigo-200/65">
+                    Streamline the product development flow with a content
+                    platform that's aligned across specs and insights.
+                  </p>
+                </div>
+              </div>
+            </a>
+            {/* Card 3 */}
+            <a
+              className="group/card relative h-full overflow-hidden rounded-2xl bg-gray-800 p-px before:pointer-events-none before:absolute before:-left-40 before:-top-40 before:z-10 before:h-80 before:w-80 before:translate-x-[var(--mouse-x)] before:translate-y-[var(--mouse-y)] before:rounded-full before:bg-indigo-500/80 before:opacity-0 before:blur-3xl before:transition-opacity before:duration-500 after:pointer-events-none after:absolute after:-left-48 after:-top-48 after:z-30 after:h-64 after:w-64 after:translate-x-[var(--mouse-x)] after:translate-y-[var(--mouse-y)] after:rounded-full after:bg-indigo-500 after:opacity-0 after:blur-3xl after:transition-opacity after:duration-500 hover:after:opacity-20 group-hover:before:opacity-100"
+              href="#0"
+            >
+              <div className="relative z-20 h-full overflow-hidden rounded-[inherit] bg-gray-950 after:absolute after:inset-0 after:bg-linear-to-br after:from-gray-900/50 after:via-gray-800/25 after:to-gray-900/50">
+                {/* Arrow */}
+                <div
+                  className="absolute right-6 top-6 flex h-8 w-8 items-center justify-center rounded-full border border-gray-700/50 bg-gray-800/65 text-gray-200 opacity-0 transition-opacity group-hover/card:opacity-100"
+                  aria-hidden="true"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width={9}
+                    height={8}
+                    fill="none"
+                  >
+                    <path
+                      fill="#F4F4F5"
+                      d="m4.92 8-.787-.763 2.733-2.68H0V3.443h6.866L4.133.767 4.92 0 9 4 4.92 8Z"
+                    />
+                  </svg>
+                </div>
+                {/* Image */}
+                <Image
+                  className="inline-flex"
+                  src={WorflowImg03}
+                  width={350}
+                  height={288}
+                  alt="Workflow 03"
+                />
+                {/* Content */}
+                <div className="p-6">
+                  <div className="mb-3">
+                    <span className="btn-sm relative rounded-full bg-gray-800/40 px-2.5 py-0.5 text-xs font-normal before:pointer-events-none before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-transparent before:[background:linear-gradient(to_bottom,--theme(--color-gray-700/.15),--theme(--color-gray-700/.5))_border-box] before:[mask-composite:exclude_!important] before:[mask:linear-gradient(white_0_0)_padding-box,_linear-gradient(white_0_0)] hover:bg-gray-800/60">
+                      <span className="bg-linear-to-r from-indigo-500 to-indigo-200 bg-clip-text text-transparent">
+                        Tailored Flows
+                      </span>
+                    </span>
+                  </div>
+                  <p className="text-indigo-200/65">
+                    Streamline the product development flow with a content
+                    platform that's aligned across specs and insights.
+                  </p>
+                </div>
+              </div>
+            </a>
+          </Spotlight>
+        </div>
+      </div>
+    </section>
+  );
+}

package/agentvibes.org/next.config.js

@@ -0,0 +1,4 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {};
+
+module.exports = nextConfig;