@tushar-br/desktop 1.0.280 → 1.0.282

package/staging_area/desktop/rilvox/src/app/page.tsx

@@ -1,139 +0,0 @@
-"use client";
-
-import { useSearchParams } from "next/navigation";
-import { allTools } from "@/lib/tools-data";
-import ToolCard from "@/components/ui/ToolCard";
-import PC3DModel from "@/components/ui/PC3DModel";
-import RilvoxAnimation from "@/components/ui/RilvoxAnimation";
-import { Suspense, useState, useMemo } from "react";
-
-function DashboardContent() {
-  const searchParams = useSearchParams();
-  const query = searchParams.get("q") || "";
-  const [showMore, setShowMore] = useState(false);
-
-  const filteredTools = useMemo(() => {
-    return allTools.filter((tool) => {
-      const searchContent = `${tool.title} ${tool.desc} ${tool.cat}`.toLowerCase();
-      return searchContent.includes(query.toLowerCase());
-    });
-  }, [query]);
-
-  const displayedTools = showMore || query ? filteredTools : filteredTools.slice(0, 16);
-
-  return (
-    <div className="min-h-screen">
-      {/* Hero Section - Maximum Desktop Impact, Extra Space for 3D PC */}
-      <div className="relative mb-8 md:mb-12 pt-16 md:pt-20">
-        <div
-          className="w-full flex flex-col lg:flex-row items-center justify-between min-h-[550px] lg:min-h-[750px] bg-cover bg-center transition-all duration-700 px-6 sm:px-10 md:px-20 lg:px-32 py-16 lg:py-0"
-          style={{
-            backgroundImage: 'linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url("/hero-texture.png")',
-            backgroundSize: 'cover',
-            backgroundPosition: 'center',
-          }}
-        >
-
-          {/* Left: Heading Content */}
-          <div className="w-full lg:flex-1 text-left z-10">
-            <h1 className="text-5xl sm:text-6xl md:text-8xl lg:text-[8.5rem] font-black mb-6 tracking-tighter leading-[0.8] text-white">
-              Welcome,
-              <br />
-              <span className="bg-clip-text text-transparent bg-gradient-to-r from-indigo-400 via-purple-400 to-indigo-500">
-                Rilvox
-              </span>
-            </h1>
-
-            <p className="text-neutral-300 text-lg md:text-xl lg:text-3xl max-w-xl leading-relaxed mb-10 font-bold opacity-90">
-              160+ premium tools for students and developers.
-              <span className="text-indigo-400/90 block mt-2">Sleek. Fast. Premium.</span>
-            </p>
-
-            <div className="flex flex-wrap gap-4">
-              <button
-                onClick={() => document.getElementById('explore')?.scrollIntoView({ behavior: 'smooth' })}
-                className="px-12 py-5 bg-white text-black font-black uppercase tracking-widest text-[11px] rounded-full hover:scale-105 transition-all active:scale-95 shadow-2xl"
-              >
-                Explore Tools
-              </button>
-              <button
-                className="px-10 py-5 bg-white/5 border border-white/10 text-white font-black uppercase tracking-widest text-[11px] rounded-full hover:bg-white/10 transition-all backdrop-blur-md"
-              >
-                Our Vision
-              </button>
-            </div>
-          </div>
-
-          {/* Right: Massive 3D PC Model - Optimized Interaction Area */}
-          <div className="w-full lg:flex-[2] flex justify-center lg:justify-center items-center h-[450px] sm:h-[550px] md:h-[650px] lg:h-[800px] relative mt-10 lg:mt-0 z-20">
-            <div className="w-full h-full max-w-[1200px]">
-              <PC3DModel />
-            </div>
-          </div>
-        </div>
-      </div>
-
-      {/* Tools Section */}
-      <div id="explore" className="relative z-10 w-full mb-24 scroll-mt-24">
-        <div className="max-w-7xl mx-auto px-6 md:px-12 lg:px-16">
-          <div className="flex items-center gap-6 mb-16 overflow-hidden">
-            <h2 className="text-2xl md:text-4xl font-black text-white tracking-tight uppercase whitespace-nowrap">The Laboratory</h2>
-            <div className="h-px w-full bg-gradient-to-r from-white/10 to-transparent" />
-          </div>
-
-          {filteredTools.length > 0 ? (
-            <>
-              <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 md:gap-10">
-                {displayedTools.map((tool) => (
-                  <ToolCard
-                    key={tool.href}
-                    title={tool.title}
-                    desc={tool.desc}
-                    icon={tool.icon}
-                    href={tool.href}
-                    cat={tool.cat}
-                    isNew={tool.isNew}
-                  />
-                ))}
-              </div>
-
-              {!showMore && !query && filteredTools.length > 16 && (
-                <div className="mt-20 flex justify-center">
-                  <button
-                    onClick={() => setShowMore(true)}
-                    className="px-16 py-6 bg-white/5 border border-white/10 rounded-2xl text-white font-black uppercase tracking-widest text-xs hover:bg-white/10 transition-all hover:scale-105 shadow-2xl"
-                  >
-                    Reveal All 160+ Artifacts
-                  </button>
-                </div>
-              )}
-            </>
-          ) : (
-            <div className="flex flex-col items-center justify-center py-32 text-center bg-white/[0.02] border border-white/5 rounded-[2.5rem]">
-              <div className="w-24 h-24 rounded-full bg-white/5 flex items-center justify-center mb-10 shadow-2xl">
-                <span className="text-6xl opacity-30">🔎</span>
-              </div>
-              <h3 className="text-3xl font-black text-white mb-4 uppercase tracking-[0.2em]">Zero Matches</h3>
-              <p className="text-neutral-500 max-w-md mx-auto text-lg">No tools match your query.</p>
-            </div>
-          )}
-        </div>
-      </div>
-
-      {/* Rilvox Animation Section - Above Footer */}
-      <div className="relative z-10 w-full mb-24">
-        <div className="max-w-7xl mx-auto px-6 md:px-12 lg:px-16">
-          <RilvoxAnimation />
-        </div>
-      </div>
-    </div>
-  );
-}
-
-export default function Home() {
-  return (
-    <Suspense fallback={null}>
-      <DashboardContent />
-    </Suspense>
-  );
-}

package/staging_area/desktop/rilvox/src/app/privacy/page.tsx

@@ -1,39 +0,0 @@
-export default function PrivacyPage() {
-    const sections = [
-        {
-            title: "Data Collection",
-            content: "We only collect minimal data required to provide our premium tool services. This includes browser type, basic usage statistics, and any information you explicitly provide while using our tools."
-        },
-        {
-            title: "How We Use Data",
-            content: "Your data is used solely for improving tool performance and user experience. We do not sell your personal information to third parties."
-        },
-        {
-            title: "Security",
-            content: "Rilvox employs industry-standard security measures to protect your data. Most of our tools process data locally in your browser for maximum privacy."
-        }
-    ];
-
-    return (
-        <div className="min-h-screen pt-32 pb-20 px-6 max-w-4xl mx-auto">
-            <h1 className="text-4xl md:text-6xl font-black text-white mb-12 tracking-tighter italic uppercase text-center">
-                Privacy <span className="text-indigo-500 underline decoration-white/20 underline-offset-4">Policy</span>
-            </h1>
-
-            <div className="space-y-8">
-                {sections.map((section, idx) => (
-                    <div key={idx} className="p-8 bg-white/5 border border-white/10 rounded-[2rem] backdrop-blur-xl hover:border-indigo-500/30 transition-colors">
-                        <h2 className="text-xl font-bold text-white mb-4 uppercase tracking-wider">{section.title}</h2>
-                        <p className="text-neutral-400 leading-relaxed">
-                            {section.content}
-                        </p>
-                    </div>
-                ))}
-            </div>
-
-            <div className="mt-12 text-center text-neutral-500 text-sm italic">
-                Last updated: January 2026. For more info, contact privacy@rilvox.com
-            </div>
-        </div>
-    );
-}

package/staging_area/desktop/rilvox/src/app/pro/page.tsx

@@ -1,48 +0,0 @@
-export default function ProPage() {
-    return (
-        <div className="min-h-screen pt-32 pb-20 px-6 max-w-7xl mx-auto flex flex-col items-center">
-            <div className="text-center mb-16 max-w-2xl">
-                <div className="inline-block px-6 py-2 bg-indigo-500/10 border border-indigo-500/20 rounded-full text-indigo-400 font-black uppercase tracking-[0.3em] text-[10px] mb-6">
-                    Unlock Infinite Power
-                </div>
-                <h1 className="text-6xl md:text-8xl font-black text-white mb-6 uppercase tracking-tighter italic leading-none">
-                    RILVOX <span className="text-indigo-500">PRO</span>
-                </h1>
-                <p className="text-neutral-400 text-xl font-bold uppercase tracking-widest">The ultimate workspace for power users.</p>
-            </div>
-
-            <div className="grid grid-cols-1 md:grid-cols-3 gap-8 w-full max-w-6xl">
-                <Feature icon="⚡" title="Turbo Processing" desc="Server-side processing for heavy datasets and 4K images." />
-                <Feature icon="🔒" title="Private Storage" desc="Save and sync your tool configurations securely." />
-                <Feature icon="🎨" title="Custom Themes" desc="Personalize your dashboard with premium glass designs." />
-            </div>
-
-            <div className="mt-20 p-1 bg-gradient-to-r from-indigo-600 via-purple-600 to-indigo-600 rounded-[3rem] w-full max-w-md shadow-[0_0_50px_rgba(99,102,241,0.3)]">
-                <div className="bg-black p-12 rounded-[2.8rem] text-center">
-                    <h3 className="text-3xl font-black text-white mb-2 italic">LIFETIME ACCESS</h3>
-                    <div className="text-5xl font-black text-white mb-6 tracking-tighter">$49 <span className="text-sm text-neutral-500 uppercase">Once</span></div>
-                    <ul className="text-left space-y-4 mb-10 text-neutral-400 font-medium">
-                        <li className="flex items-center gap-3">✅ Priority Tool Access</li>
-                        <li className="flex items-center gap-3">✅ Ad-free Experience</li>
-                        <li className="flex items-center gap-3">✅ Beta Features Early-Access</li>
-                        <li className="flex items-center gap-3">✅ Premium Discord Role</li>
-                    </ul>
-                    <button className="w-full py-5 bg-white text-black font-black uppercase tracking-widest rounded-2xl hover:scale-[1.02] transition-all active:scale-95 shadow-2xl">
-                        Upgrade Now
-                    </button>
-                    <p className="mt-6 text-[10px] text-neutral-600 font-black uppercase tracking-widest">30-Day Money Back Guarantee</p>
-                </div>
-            </div>
-        </div>
-    );
-}
-
-function Feature({ icon, title, desc }: any) {
-    return (
-        <div className="p-10 bg-white/5 border border-white/10 rounded-[3rem] backdrop-blur-xl text-center">
-            <div className="text-4xl mb-4">{icon}</div>
-            <h3 className="text-xl font-bold text-white mb-2 uppercase tracking-tight">{title}</h3>
-            <p className="text-neutral-500 text-sm leading-relaxed">{desc}</p>
-        </div>
-    );
-}

package/staging_area/desktop/rilvox/src/app/profile-box/page.tsx

@@ -1,7 +0,0 @@
-"use client";
-
-export default function ProfileBoxPage() {
-    // This page exists just for URL routing
-    // The actual modal is rendered by Topbar component
-    return null;
-}

package/staging_area/desktop/rilvox/src/app/sitemap/page.tsx

@@ -1,59 +0,0 @@
-import Link from "next/link";
-
-export default function SitemapPage() {
-    const sitemap = [
-        {
-            title: "Main",
-            links: [
-                { name: "Home", href: "/" },
-                { name: "About Us", href: "/about" },
-                { name: "Contact", href: "/contact" },
-                { name: "System Status", href: "/status" }
-            ]
-        },
-        {
-            title: "Explore",
-            links: [
-                { name: "All Tools", href: "/" },
-                { name: "Dev Tools", href: "/category/dev" },
-                { name: "AI Tools", href: "/category/ai" },
-                { name: "Rilvox Pro", href: "/pro" }
-            ]
-        },
-        {
-            title: "Legal",
-            links: [
-                { name: "Privacy Policy", href: "/privacy" },
-                { name: "Terms of Service", href: "/terms" },
-                { name: "Cookie Policy", href: "/cookies" }
-            ]
-        }
-    ];
-
-    return (
-        <div className="min-h-screen pt-32 pb-20 px-6 max-w-7xl mx-auto">
-            <h1 className="text-5xl md:text-7xl font-black text-white mb-16 tracking-tighter italic uppercase text-center md:text-left">
-                SITE<span className="text-indigo-500">MAP</span>
-            </h1>
-
-            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-12">
-                {sitemap.map((section, idx) => (
-                    <div key={idx} className="space-y-6">
-                        <h2 className="text-lg font-black text-neutral-500 uppercase tracking-[0.3em] border-b border-white/10 pb-4">
-                            {section.title}
-                        </h2>
-                        <ul className="space-y-4">
-                            {section.links.map((link, lIdx) => (
-                                <li key={lIdx}>
-                                    <Link href={link.href} className="text-2xl font-bold text-white hover:text-indigo-400 transition-colors">
-                                        {link.name}
-                                    </Link>
-                                </li>
-                            ))}
-                        </ul>
-                    </div>
-                ))}
-            </div>
-        </div>
-    );
-}

package/staging_area/desktop/rilvox/src/app/status/page.tsx

@@ -1,42 +0,0 @@
-export default function StatusPage() {
-    const services = [
-        { name: "Web Application", status: "Operational" },
-        { name: "API Gateway", status: "Operational" },
-        { name: "Global CDN", status: "Operational" },
-        { name: "AI Processing Units", status: "Operational" },
-        { name: "Extension Sync", status: "Operational" }
-    ];
-
-    return (
-        <div className="min-h-screen pt-32 pb-20 px-6 max-w-4xl mx-auto">
-            <div className="p-12 bg-white/5 border border-white/10 rounded-[3rem] backdrop-blur-xl relative overflow-hidden">
-                <div className="absolute top-0 right-0 p-8">
-                    <div className="flex items-center gap-2">
-                        <span className="w-3 h-3 bg-green-500 rounded-full animate-pulse"></span>
-                        <span className="text-sm font-bold text-green-500 uppercase">Live</span>
-                    </div>
-                </div>
-
-                <h1 className="text-4xl md:text-6xl font-black text-white mb-4 tracking-tighter italic">SYSTEM STATUS</h1>
-                <p className="text-neutral-500 mb-12 font-bold uppercase tracking-widest">All systems are operational.</p>
-
-                <div className="space-y-4">
-                    {services.map((service, idx) => (
-                        <div key={idx} className="flex items-center justify-between p-6 bg-black/40 border border-white/5 rounded-2xl">
-                            <span className="text-white font-bold">{service.name}</span>
-                            <div className="flex items-center gap-3">
-                                <span className="text-sm font-black text-neutral-500 uppercase tracking-widest">{service.status}</span>
-                                <div className="w-10 h-1 bg-green-500 rounded-full"></div>
-                            </div>
-                        </div>
-                    ))}
-                </div>
-
-                <div className="mt-12 pt-8 border-t border-white/10 flex justify-between items-center text-[10px] font-black uppercase tracking-widest text-neutral-600">
-                    <span>Last Check: Just Now</span>
-                    <span>99.99% Uptime</span>
-                </div>
-            </div>
-        </div>
-    );
-}

package/staging_area/desktop/rilvox/src/app/support/page.tsx

@@ -1,43 +0,0 @@
-export default function SupportPage() {
-    const faqs = [
-        { q: "How do I use the tools?", a: "Simply browse our collection, select a tool, and input your data. Most tools process data locally in your browser." },
-        { q: "Is Rilvox free?", a: "Yes, we offer a massive selection of free tools. We also have a 'Pro' plan for advanced features." },
-        { q: "Can I request a tool?", a: "Absolutely! Head over to our contact page and drop us your suggestion." }
-    ];
-
-    return (
-        <div className="min-h-screen pt-32 pb-20 px-6 max-w-5xl mx-auto">
-            <h1 className="text-5xl md:text-7xl font-black text-white mb-12 tracking-tighter italic uppercase text-center">
-                HELP <span className="text-indigo-500">CENTER</span>
-            </h1>
-
-            <div className="grid grid-cols-1 md:grid-cols-3 gap-6 mb-16">
-                <div className="p-8 bg-white/5 border border-white/10 rounded-[2.5rem] text-center">
-                    <div className="text-3xl mb-4">🚀</div>
-                    <h3 className="text-white font-bold mb-2">Getting Started</h3>
-                    <p className="text-neutral-500 text-sm">New to Rilvox? Learn the basics.</p>
-                </div>
-                <div className="p-8 bg-white/5 border border-white/10 rounded-[2.5rem] text-center">
-                    <div className="text-3xl mb-4">💎</div>
-                    <h3 className="text-white font-bold mb-2">Pro Account</h3>
-                    <p className="text-neutral-500 text-sm">Manage your Rilvox Pro subscription.</p>
-                </div>
-                <div className="p-8 bg-white/5 border border-white/10 rounded-[2.5rem] text-center">
-                    <div className="text-3xl mb-4">🛠️</div>
-                    <h3 className="text-white font-bold mb-2">Tool Support</h3>
-                    <p className="text-neutral-500 text-sm">Troubleshoot specific tool issues.</p>
-                </div>
-            </div>
-
-            <div className="max-w-3xl mx-auto space-y-6">
-                <h2 className="text-2xl font-black text-white uppercase tracking-tighter italic">Common Questions</h2>
-                {faqs.map((faq, idx) => (
-                    <div key={idx} className="p-8 bg-white/5 border border-white/10 rounded-[2rem] backdrop-blur-xl">
-                        <h3 className="text-lg font-bold text-white mb-2">{faq.q}</h3>
-                        <p className="text-neutral-400">{faq.a}</p>
-                    </div>
-                ))}
-            </div>
-        </div>
-    );
-}

package/staging_area/desktop/rilvox/src/app/terms/page.tsx

@@ -1,44 +0,0 @@
-export default function TermsPage() {
-    const rules = [
-        {
-            title: "Usage Agreement",
-            desc: "By using Rilvox tools, you agree to use them for lawful purposes only and in a manner that does not infringe the rights of others."
-        },
-        {
-            title: "Intellectual Property",
-            desc: "All content, designs, and tools provided on this website are the property of Rilvox Technologies and are protected by copyright laws."
-        },
-        {
-            title: "Disclaimer of Liability",
-            desc: "Rilvox provides tools 'as is' without any warranties. We are not liable for any data loss or damages resulting from tool usage."
-        }
-    ];
-
-    return (
-        <div className="min-h-screen pt-32 pb-20 px-6 max-w-4xl mx-auto">
-            <h1 className="text-4xl md:text-6xl font-black text-white mb-12 tracking-tighter italic uppercase text-center">
-                Terms of <span className="text-indigo-500 underline decoration-white/20 underline-offset-4">Service</span>
-            </h1>
-
-            <div className="space-y-6">
-                {rules.map((rule, idx) => (
-                    <div key={idx} className="flex gap-6 p-8 bg-white/5 border border-white/10 rounded-[2rem] backdrop-blur-xl">
-                        <div className="hidden sm:flex w-12 h-12 rounded-full bg-indigo-500/10 items-center justify-center text-indigo-400 font-bold shrink-0">
-                            {idx + 1}
-                        </div>
-                        <div>
-                            <h2 className="text-xl font-bold text-white mb-3 tracking-tight">{rule.title}</h2>
-                            <p className="text-neutral-400 leading-relaxed font-medium">
-                                {rule.desc}
-                            </p>
-                        </div>
-                    </div>
-                ))}
-            </div>
-
-            <p className="mt-12 text-center text-neutral-600 text-[11px] font-black uppercase tracking-[0.3em]">
-                Effective Date: 01-01-2026
-            </p>
-        </div>
-    );
-}

package/staging_area/desktop/rilvox/src/app/tools/[slug]/page.tsx

@@ -1,103 +0,0 @@
-"use client";
-
-import { notFound, useParams } from "next/navigation";
-import { allTools } from "@/lib/tools-data";
-import ToolShell, { Button } from "@/components/ui/ToolShell";
-import { Construction, ArrowLeft, MoveRight, Sparkles, ShieldCheck, Zap, Loader2 } from "lucide-react";
-import Link from "next/link";
-import dynamic from "next/dynamic";
-import React from "react";
-
-// --- DYNAMIC TOOL IMPORTS ---
-// Using custom loading state for professional feel
-const JsonToTs = dynamic(() => import("@/components/tools/JsonToTs"), {
-    loading: () => (
-        <div className="flex flex-col items-center justify-center min-h-[500px] space-y-4">
-            <Loader2 className="w-10 h-10 animate-spin text-indigo-500" />
-            <p className="text-xs font-black uppercase tracking-widest text-neutral-500 animate-pulse">Initializing Workspace...</p>
-        </div>
-    )
-});
-
-// Mapping slug to components
-const COMPONENT_MAP: Record<string, React.ComponentType> = {
-    "json-to-ts": JsonToTs,
-};
-
-export default function DynamicToolPage() {
-    const params = useParams();
-    const slug = Array.isArray(params.slug) ? params.slug[0] : (params.slug as string);
-    const tool = allTools.find(t => t.href === `/tools/${slug}`);
-
-    if (!tool) {
-        return notFound();
-    }
-
-    const ToolComponent = COMPONENT_MAP[slug];
-
-    return (
-        <ToolShell
-            title={tool.title}
-            description={tool.desc}
-            category={tool.cat}
-            isNew={tool.isNew}
-        >
-            {ToolComponent ? (
-                <ToolComponent />
-            ) : (
-                <UnderConstruction tool={tool} />
-            )}
-        </ToolShell>
-    );
-}
-
-function UnderConstruction({ tool }: { tool: any }) {
-    return (
-        <div className="flex flex-col items-center justify-center py-24 px-6 text-center space-y-8 animate-in fade-in zoom-in-95 duration-700">
-            <div className="relative">
-                <div className="absolute -inset-4 bg-indigo-500/20 rounded-full blur-2xl animate-pulse"></div>
-                <div className="relative w-28 h-28 rounded-3xl bg-white/5 flex items-center justify-center border border-white/10 shadow-2xl backdrop-blur-3xl transform hover:rotate-6 transition-transform duration-500">
-                    <Construction className="w-12 h-12 text-indigo-400" />
-                </div>
-            </div>
-
-            <div className="max-w-xl space-y-4">
-                <h2 className="text-4xl md:text-5xl font-black text-white italic uppercase tracking-tighter">
-                    UNDER <span className="text-indigo-500">CONSTRUCTION</span>
-                </h2>
-                <p className="text-neutral-400 text-lg leading-relaxed font-medium">
-                    The <span className="text-white font-bold">{tool.title}</span> workspace is being optimized for performance.
-                    Rilvox engineers are crafting a premium interface for this utility.
-                </p>
-            </div>
-
-            <div className="grid grid-cols-1 md:grid-cols-3 gap-4 w-full max-w-2xl px-4">
-                <StatusItem icon={Zap} label="Speed" value="Optimizing" />
-                <StatusItem icon={ShieldCheck} label="Security" value="Verified" />
-                <StatusItem icon={Sparkles} label="UI" value="Polishing" />
-            </div>
-
-            <div className="flex flex-col sm:flex-row items-center gap-4 pt-8">
-                <Button variant="primary" size="lg" className="w-full sm:w-auto px-10 group">
-                    <Link href="/" className="inline-flex items-center gap-3">
-                        Back to Dashboard
-                        <ArrowLeft className="w-4 h-4 order-first group-hover:-translate-x-1 transition-transform" />
-                    </Link>
-                </Button>
-                <button className="px-8 py-3.5 bg-white/5 border border-white/10 rounded-3xl text-sm font-black uppercase text-neutral-400 tracking-widest hover:bg-white/10 hover:text-white transition-all flex items-center gap-2">
-                    Get Notified <MoveRight className="w-4 h-4" />
-                </button>
-            </div>
-        </div>
-    );
-}
-
-function StatusItem({ icon: Icon, label, value }: any) {
-    return (
-        <div className="p-4 bg-white/[0.02] border border-white/5 rounded-2xl flex flex-col items-center">
-            <Icon className="w-5 h-5 text-indigo-500/60 mb-2" />
-            <span className="text-[10px] font-black uppercase tracking-widest text-neutral-500 mb-1">{label}</span>
-            <span className="text-sm font-bold text-white uppercase">{value}</span>
-        </div>
-    );
-}

package/staging_area/desktop/rilvox/src/components/layout/Footer.tsx

@@ -1,92 +0,0 @@
-"use client";
-
-import Link from "next/link";
-import { Twitter, Instagram, Linkedin, Github } from "lucide-react";
-import Logo from "@/components/ui/Logo";
-
-export function Footer() {
-    return (
-        <footer className="border-t border-white/5 bg-black/40 backdrop-blur-md pt-16 pb-8">
-            <div className="max-w-7xl mx-auto px-6 lg:px-8">
-                <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 mb-16">
-                    {/* Brand Section */}
-                    <div className="space-y-4">
-                        <div className="flex items-center gap-2">
-                            {/* Small text logo component usage */}
-                            <span className="text-2xl font-black tracking-widest uppercase bg-clip-text text-transparent bg-cover bg-center bg-[url('/text-pattern.png')]" style={{ WebkitBackgroundClip: "text" }}>
-                                RILVOX
-                            </span>
-                        </div>
-                        <p className="text-sm text-neutral-500 leading-relaxed max-w-sm">
-                            Empowering developers, students, and creators with a suite of premium tools designed for efficiency and aesthetics. Built with passion in Morbi.
-                        </p>
-                        <div className="flex gap-4">
-                            <SocialLink href="#" icon={Twitter} />
-                            <SocialLink href="#" icon={Instagram} />
-                            <SocialLink href="#" icon={Linkedin} />
-                            <SocialLink href="#" icon={Github} />
-                        </div>
-                    </div>
-
-                    {/* Product */}
-                    <div>
-                        <h4 className="font-bold text-white mb-4">Product</h4>
-                        <ul className="space-y-2 text-sm text-neutral-500">
-                            <li><Link href="/" className="hover:text-white transition-colors">All Tools</Link></li>
-                            <li><Link href="/category/dev" className="hover:text-white transition-colors">Developer Tools</Link></li>
-                            <li><Link href="/category/ai" className="hover:text-white transition-colors">AI & Content</Link></li>
-                            <li><Link href="/pro" className="hover:text-white transition-colors">Rilvox Pro</Link></li>
-                            <li><Link href="/extension" className="hover:text-white transition-colors">Extension</Link></li>
-                        </ul>
-                    </div>
-
-                    {/* Company */}
-                    <div>
-                        <h4 className="font-bold text-white mb-4">Company</h4>
-                        <ul className="space-y-2 text-sm text-neutral-500">
-                            <li><Link href="/about" className="hover:text-white transition-colors">About Us</Link></li>
-                            <li><Link href="/blog" className="hover:text-white transition-colors">Blog</Link></li>
-                            <li><Link href="/careers" className="hover:text-white transition-colors">Careers</Link></li>
-                            <li><Link href="/brand" className="hover:text-white transition-colors">Brand Assets</Link></li>
-                            <li><Link href="/contact" className="hover:text-white transition-colors">Contact</Link></li>
-                        </ul>
-                    </div>
-
-                    {/* Legal */}
-                    <div>
-                        <h4 className="font-bold text-white mb-4">Legal & Support</h4>
-                        <ul className="space-y-2 text-sm text-neutral-500">
-                            <li><Link href="/privacy" className="hover:text-white transition-colors">Privacy Policy</Link></li>
-                            <li><Link href="/terms" className="hover:text-white transition-colors">Terms of Service</Link></li>
-                            <li><Link href="/support" className="hover:text-white transition-colors">Help Center</Link></li>
-                            <li><Link href="/cookies" className="hover:text-white transition-colors">Cookie Policy</Link></li>
-                            <li><Link href="/status" className="hover:text-white transition-colors">System Status</Link></li>
-                        </ul>
-                    </div>
-                </div>
-
-                <div className="flex flex-col md:flex-row items-center justify-between pt-8 border-t border-white/5 gap-4">
-                    <p className="text-xs text-neutral-600">
-                        © {new Date().getFullYear()} Rilvox Technologies. All rights reserved.
-                    </p>
-                    <div className="flex items-center gap-6 text-xs text-neutral-600 font-medium">
-                        <Link href="/privacy" className="hover:text-white transition-colors">Privacy</Link>
-                        <Link href="/terms" className="hover:text-white transition-colors">Terms</Link>
-                        <Link href="/sitemap" className="hover:text-white transition-colors">Sitemap</Link>
-                    </div>
-                </div>
-            </div>
-        </footer>
-    );
-}
-
-function SocialLink({ href, icon: Icon }: { href: string; icon: any }) {
-    return (
-        <a
-            href={href}
-            className="w-8 h-8 rounded-full bg-white/5 border border-white/5 flex items-center justify-center text-neutral-400 hover:text-white hover:bg-white/10 hover:scale-110 transition-all"
-        >
-            <Icon className="w-4 h-4" />
-        </a>
-    )
-}