@retrivora-ai/rag-engine 1.9.8 → 2.0.0

package/src/components/Hero.tsx

@@ -1,142 +0,0 @@
-'use client';
-
-import React from 'react';
-import Link from 'next/link';
-import { useConfig } from '@/components/ConfigProvider';
-import { ChatWindow } from '@/components/ChatWindow';
-import { LANDING_PAGE_CONTENT, VECTOR_DATABASES, AI_MODELS } from '@/app/constants';
-import { ArrowRight, Package, GitBranch, Shield, Zap, CheckCircle } from 'lucide-react';
-
-export function Hero() {
-  const { ui } = useConfig();
-
-  return (
-    <div className="grid lg:grid-cols-2 gap-12 xl:gap-16 items-start">
-      {/* ── Left Column ─────────────────────────────── */}
-      <div className="flex flex-col gap-7 pt-4">
-        {/* Badge */}
-        <div
-          className="inline-flex items-center gap-2.5 px-4 py-2 rounded-full text-xs font-semibold border w-fit"
-          style={{
-            borderColor: `${ui.primaryColor}30`,
-            color: ui.primaryColor,
-            background: `${ui.primaryColor}08`,
-          }}
-        >
-          <span
-            className="w-2 h-2 rounded-full"
-            style={{ background: ui.primaryColor, animation: 'pulseRing 2.5s ease-in-out infinite' }}
-          />
-          {LANDING_PAGE_CONTENT.hero.badge}
-        </div>
-
-        {/* Headline */}
-        <h1 className="text-5xl md:text-6xl xl:text-7xl font-black text-slate-900 tracking-tight leading-[1.05]">
-          {LANDING_PAGE_CONTENT.hero.title.split('for')[0]}
-          <br />
-          <span
-            className="text-transparent bg-clip-text"
-            style={{ backgroundImage: `linear-gradient(135deg, ${ui.primaryColor} 0%, ${ui.accentColor} 60%, #a855f7 100%)` }}
-          >
-            for {LANDING_PAGE_CONTENT.hero.title.split('for')[1]}
-          </span>
-        </h1>
-
-        {/* Subtitle */}
-        <p className="text-lg md:text-xl text-slate-500 max-w-lg leading-relaxed">
-          {LANDING_PAGE_CONTENT.hero.subtitle}
-        </p>
-
-        {/* Trust pills */}
-        {/* <div className="flex flex-wrap items-center gap-2 mt-1">
-          {[
-            // { icon: Shield, color: 'text-emerald-600', bg: 'bg-emerald-50 border-emerald-100', label: 'MIT Licensed' },
-            { icon: Package, color: 'text-red-500', bg: 'bg-red-50 border-red-100', label: 'npm install @retrivora-ai/rag-engine' },
-            // { icon: CheckCircle, color: 'text-indigo-600', bg: 'bg-indigo-50 border-indigo-100', label: 'TypeScript First' },
-          ].map(({ icon: Icon, color, bg, label }) => (
-            <span key={label} className={`flex items-center gap-1.5 px-3 py-1.5 rounded-lg border text-[11px] font-semibold text-slate-600 ${bg}`}>
-              <Icon className={`h-3 w-3 ${color}`} /> {label}
-            </span>
-          ))}
-        </div> */}
-
-        {/* Provider ecosystem */}
-        <div className="flex flex-col gap-4 border-t border-slate-100">
-          <div className="flex flex-col gap-2.5">
-            <span className="text-[10px] font-black text-slate-400 uppercase tracking-[0.22em] ml-1">
-              Vector Ecosystem
-            </span>
-            <div className="flex flex-wrap gap-2">
-              {VECTOR_DATABASES.map(({ Icon, label }) => (
-                <span
-                  key={label}
-                  className="flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-white border border-slate-200 text-slate-600 text-[11px] font-semibold hover:border-indigo-300 hover:bg-indigo-50 hover:text-indigo-700 transition-all cursor-default group shadow-sm"
-                >
-                  <Icon className="w-3 h-3 transition-transform group-hover:scale-110" style={{ color: ui.primaryColor }} />
-                  {label}
-                </span>
-              ))}
-            </div>
-          </div>
-
-          <div className="flex flex-col gap-2.5">
-            <span className="text-[10px] font-black text-slate-400 uppercase tracking-[0.22em] ml-1">
-              AI Model Garden
-            </span>
-            <div className="flex flex-wrap gap-2">
-              {AI_MODELS.map(({ Icon, label }) => (
-                <span
-                  key={label}
-                  className="flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-white border border-slate-200 text-slate-600 text-[11px] font-semibold hover:border-violet-300 hover:bg-violet-50 hover:text-violet-700 transition-all cursor-default group shadow-sm"
-                >
-                  <Icon className="w-3 h-3 transition-transform group-hover:scale-110" style={{ color: ui.accentColor }} />
-                  {label}
-                </span>
-              ))}
-            </div>
-          </div>
-        </div>
-
-        {/* CTAs */}
-        <div className="flex flex-wrap items-center gap-3 mt-1">
-          <Link
-            href="/register"
-            className="group flex items-center gap-2 px-6 py-3.5 rounded-xl text-sm font-bold text-white transition-all duration-200 shadow-lg hover:-translate-y-0.5"
-            style={{
-              background: `linear-gradient(135deg, ${ui.primaryColor}, ${ui.accentColor})`,
-              boxShadow: `0 8px 24px -6px ${ui.primaryColor}45`,
-            }}
-          >
-            Get Started Free
-            <ArrowRight className="h-4 w-4 transition-transform group-hover:translate-x-1" />
-          </Link>
-          {/* <a
-            href="https://github.com/abhinav1201/ai-accelerator"
-            target="_blank" rel="noreferrer"
-            className="flex items-center gap-2 px-6 py-3.5 rounded-xl text-sm font-semibold text-slate-700 hover:text-slate-900 border border-slate-200 hover:border-slate-300 bg-white hover:bg-slate-50 transition-all shadow-sm"
-          >
-            <GitBranch className="h-4 w-4" />
-            View on GitHub
-          </a> */}
-        </div>
-      </div>
-
-      {/* ── Right Column — Live Demo ─────────────────── */}
-      <div className="relative lg:sticky lg:top-6 h-[480px] lg:h-[calc(100vh-6rem)] min-h-[400px] lg:min-h-[520px] max-h-[800px]">
-        {/* Decorative glow ring */}
-        <div
-          className="absolute -inset-3 rounded-3xl pointer-events-none"
-          style={{ background: `radial-gradient(ellipse at center, ${ui.primaryColor}12 0%, transparent 70%)` }}
-        />
-        <div className="relative h-full rounded-2xl overflow-hidden border border-slate-200 shadow-xl shadow-slate-200/80">
-          <ChatWindow className="w-full h-full" />
-        </div>
-        {/* "Live demo" tag */}
-        <div className="absolute -bottom-3 left-1/2 -translate-x-1/2 flex items-center gap-1.5 px-3.5 py-1.5 bg-white border border-slate-200 rounded-full text-[10px] font-semibold text-slate-500 shadow-md whitespace-nowrap">
-          <span className="w-1.5 h-1.5 rounded-full bg-emerald-500 animate-pulse" />
-          Live Retrivora demo — powered by this SDK
-        </div>
-      </div>
-    </div>
-  );
-}

package/src/components/Lifecycle.tsx

@@ -1,77 +0,0 @@
-'use client';
-
-import React from 'react';
-import { LANDING_PAGE_CONTENT, PIPELINE_STEPS } from '@/app/constants';
-
-export function Lifecycle() {
-  return (
-    <div className="relative">
-      {/* Section header */}
-      <div className="text-center mb-14">
-        <span className="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-indigo-50 border border-indigo-100 text-[10px] font-bold uppercase tracking-widest text-indigo-600 mb-5">
-          <span className="w-1.5 h-1.5 rounded-full bg-indigo-500 animate-pulse" />
-          How It Works
-        </span>
-        <h2 className="text-3xl md:text-4xl font-black text-slate-900 mb-4">
-          {LANDING_PAGE_CONTENT.lifecycle.title}
-        </h2>
-        <p className="text-slate-500 max-w-lg mx-auto text-base leading-relaxed">
-          Four composable stages from raw documents to grounded AI responses.
-        </p>
-      </div>
-
-      {/* Steps grid */}
-      <div className="grid sm:grid-cols-2 lg:grid-cols-4 gap-5 max-w-6xl mx-auto">
-        {PIPELINE_STEPS.map(({ step, Icon, title, desc, colors }, index) => (
-          <div
-            key={step}
-            className="group relative bg-white rounded-2xl border border-slate-200 p-6 transition-all duration-300 hover:-translate-y-1 hover:shadow-lg hover:shadow-slate-200/80 overflow-hidden cursor-default"
-          >
-            {/* Gradient top border */}
-            <div
-              className="absolute top-0 left-0 right-0 h-0.5 rounded-t-2xl"
-              style={{ background: `linear-gradient(90deg, ${colors.from}, ${colors.to})` }}
-            />
-
-            {/* Step number watermark */}
-            <div
-              className="absolute -right-2 -bottom-4 text-8xl font-black opacity-[0.05] select-none pointer-events-none group-hover:opacity-[0.08] transition-opacity"
-              style={{ color: colors.from }}
-            >
-              {step}
-            </div>
-
-            {/* Icon container */}
-            <div
-              className="relative z-10 w-11 h-11 rounded-xl flex items-center justify-center mb-5 transition-transform duration-300 group-hover:scale-105"
-              style={{
-                background: `linear-gradient(135deg, ${colors.from}18, ${colors.to}10)`,
-                border: `1px solid ${colors.from}25`,
-              }}
-            >
-              <Icon className="w-5 h-5" style={{ color: colors.from }} />
-            </div>
-
-            {/* Content */}
-            <div className="relative z-10">
-              <div
-                className="text-[10px] font-black uppercase tracking-widest mb-1.5"
-                style={{ color: colors.from }}
-              >
-                Step {index + 1}
-              </div>
-              <h3 className="text-base font-bold text-slate-900 mb-2">{title}</h3>
-              <p className="text-sm text-slate-500 leading-relaxed">{desc}</p>
-            </div>
-
-            {/* Hover glow */}
-            <div
-              className="absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"
-              style={{ background: `radial-gradient(ellipse at 50% 0%, ${colors.from}07 0%, transparent 70%)` }}
-            />
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-}

package/src/components/Navbar.tsx

@@ -1,55 +0,0 @@
-'use client';
-
-import React from 'react';
-import { Zap, Package, GitBranch, HeartPulse } from 'lucide-react';
-import { ThemeToggle } from '@/components/ThemeToggle';
-import { useConfig } from '@/components/ConfigProvider';
-import pkg from '../../package.json';
-
-export function Navbar() {
-  const { ui } = useConfig();
-
-  return (
-    <nav className="sticky top-0 z-50 flex items-center justify-between px-8 py-5 border-b border-slate-200 dark:border-white/5 bg-white/80 dark:bg-[#080811]/80 backdrop-blur-md">
-      <div className="flex items-center gap-3 group cursor-default">
-        <div className="relative">
-          <div
-            className="w-10 h-10 rounded-xl flex items-center justify-center shadow-lg relative z-10 overflow-hidden transition-transform group-hover:scale-110 duration-500"
-            style={{ background: `linear-gradient(135deg, ${ui.primaryColor}, ${ui.accentColor})` }}
-          >
-            <Zap className="w-5 h-5 text-white animate-pulse" />
-            <div className="absolute inset-0 bg-white/20 opacity-0 group-hover:opacity-100 transition-opacity" />
-          </div>
-          <div
-            className="absolute inset-0 blur-lg opacity-40 group-hover:opacity-80 transition-opacity"
-            style={{ background: ui.primaryColor }}
-          />
-        </div>
-        <div className="flex flex-col -gap-0.5">
-          <span className="font-black text-transparent bg-clip-text text-xl tracking-tight leading-none"
-            style={{ backgroundImage: `linear-gradient(to right, ${ui.primaryColor}, ${ui.accentColor})` }}
-          >
-            Retrivora&nbsp;AI
-          </span>
-          <div className="flex items-center gap-1.5">
-            <span className="font-bold text-slate-900 dark:text-white text-[10px] tracking-[0.15em] uppercase opacity-70">Accelerator</span>
-            <span className="text-[9px] px-1.5 py-0.5 rounded-full bg-slate-100 dark:bg-white/5 text-slate-500 dark:text-white/40 font-mono border border-slate-200/50 dark:border-white/10">v{pkg?.version}</span>
-          </div>
-        </div>
-      </div>
-
-      <div className="flex items-center gap-3">
-        <ThemeToggle />
-        <a href="https://www.npmjs.com/package/@retrivora-ai/rag-engine" target="_blank" rel="noreferrer" className="text-slate-500 hover:text-[#CB3837] dark:text-white/40 dark:hover:text-[#CB3837] text-sm transition-colors flex items-center gap-1.5">
-          <Package className="w-4 h-4" /> NPM
-        </a>
-        <a href="https://github.com/abhinav1201/ai-accelerator" target="_blank" rel="noreferrer" className="text-slate-500 hover:text-slate-900 dark:text-white/40 dark:hover:text-white/70 text-sm transition-colors flex items-center gap-1.5">
-          <GitBranch className="w-4 h-4" /> GitHub
-        </a>
-        <a href="/api/health" target="_blank" rel="noreferrer" className="px-3 py-1.5 rounded-lg text-xs border border-slate-200 dark:border-white/10 text-slate-600 dark:text-white/50 hover:text-slate-900 dark:hover:text-white/80 hover:bg-slate-100 dark:hover:bg-white/5 transition-all flex items-center gap-1.5">
-          <HeartPulse className="w-3.5 h-3.5" /> Health
-        </a>
-      </div>
-    </nav>
-  );
-}