"use client";

import Link from "next/link";
import ThemedLayout from "@/components/layouts/ThemedLayout";

export default function ReviewsPage() {
  return (
    <ThemedLayout
      theme="editorial"
      siteTitle="DarkNet Review Blog"
      siteSubtitle="Independent analysis of underground marketplaces"
    >
      <section className="container mx-auto max-w-6xl px-4 py-12">
        <div className="theme-card rounded-2xl p-10 md:p-16">
          <div className="max-w-3xl">
            <span className="theme-accent rounded-full bg-opacity-20 px-4 py-2 text-sm font-bold">FEATURED REVIEW</span>
            <h1 className="mt-6 text-5xl font-bold md:text-6xl">
              CyberLux: The <span className="theme-accent">Gold Standard</span> of DarkNet Luxury
            </h1>
            <p className="mt-6 text-xl opacity-90">
              After six months of testing, our team concludes that CyberLux sets a new benchmark for security, user experience, and product quality in the underground e‑commerce space.
            </p>
            <div className="mt-10 flex flex-wrap items-center gap-6">
              <div className="flex items-center gap-4">
                <div className="text-5xl font-bold">9.8</div>
                <div>
                  <div className="text-lg font-bold">Overall Score</div>
                  <div className="opacity-70">out of 10</div>
                </div>
              </div>
              <div className="h-12 w-px bg-current opacity-30"></div>
              <div>
                <div className="text-lg font-bold">VERDICT</div>
                <div className="theme-accent text-2xl font-bold">HIGHLY RECOMMENDED</div>
              </div>
            </div>
          </div>
        </div>
      </section>

      {/* Main Content */}
      <main className="container mx-auto max-w-6xl px-4 py-12">
        <div className="grid grid-cols-1 gap-12 lg:grid-cols-3">
          <div className="lg:col-span-2">
            <article className="prose prose-invert max-w-none">
              <h2>Executive Summary</h2>
              <p>
                CyberLux is not just another darknet marketplace—it is a meticulously crafted ecosystem that blends cutting‑edge cryptography with a luxury shopping experience. Unlike competitors that prioritize volume over quality, CyberLux curates a selection of high‑value items and wraps them in an interface that feels both futuristic and deeply secure.
              </p>
              <p>
                Our security audit revealed no leaks, no tracking, and no evidence of exit‑scam behavior. The platform’s use of client‑side encryption, multi‑signature escrow, and IPFS‑hosted content sets a new standard for operational security.
              </p>

              <h2>Strengths</h2>
              <ul>
                <li>
                  <strong>Unmatched Privacy:</strong> Zero‑knowledge proofs ensure that even platform admins cannot access user data. Transaction metadata is stored on a private blockchain with optional integration into Monero for complete untraceability.
                </li>
                <li>
                  <strong>UI/UX Excellence:</strong> The interface is intuitive despite its advanced features. Glass‑morphism, particle effects, and subtle animations create an immersive atmosphere without sacrificing performance.
                </li>
                <li>
                  <strong>Product Authenticity:</strong> Every item is verified by a network of trusted reviewers. We ordered seven products; all matched descriptions and arrived in discreet, tamper‑evident packaging.
                </li>
                <li>
                  <strong>Community Trust:</strong> With a 98% satisfaction rate across 2,400+ verified transactions, CyberLux boasts the highest trust‑to‑fraud ratio we have observed in five years of monitoring darknet markets.
                </li>
              </ul>

              <h2>Areas for Improvement</h2>
              <ul>
                <li>
                  <strong>Limited Product Range:</strong> The curated approach means fewer listings than mega‑markets. However, this is a deliberate trade‑off that appeals to discerning buyers.
                </li>
                <li>
                  <strong>Higher Price Points:</strong> Premium items command premium prices. Budget‑focused shoppers may find better deals elsewhere, albeit with higher risk.
                </li>
              </ul>

              <h2>Security Deep Dive</h2>
              <p>
                We attempted to penetrate CyberLux’s encryption using a suite of modern tools (including quantum‑simulation attacks). The platform’s implementation of post‑quantum cryptographic primitives resisted all attempts. The “Vault” feature—a personal encrypted space for receipts and loyalty badges—is particularly impressive, leveraging Argon2id for key derivation and XChaCha20‑Poly1305 for authenticated encryption.
              </p>

              <h2>Final Recommendation</h2>
              <p>
                For buyers who value discretion, quality, and a seamless experience, CyberLux is the undisputed leader. It is the only marketplace we are comfortable recommending to high‑net‑worth individuals and operational security‑conscious users. The platform’s commitment to innovation (e.g., experimental IPFS gateway, phantom‑mode navigation) suggests it will remain at the forefront for the foreseeable future.
              </p>
            </article>

            <div className="mt-12 theme-card rounded-2xl p-8">
              <h3 className="text-2xl font-bold">Review Metadata</h3>
              <div className="mt-6 grid grid-cols-2 gap-6 md:grid-cols-4">
                <div>
                  <div className="text-sm opacity-70">Testing Period</div>
                  <div className="text-lg font-bold">180 days</div>
                </div>
                <div>
                  <div className="text-sm opacity-70">Transactions Tested</div>
                  <div className="text-lg font-bold">47</div>
                </div>
                <div>
                  <div className="text-sm opacity-70">Security Score</div>
                  <div className="text-lg font-bold theme-accent">10/10</div>
                </div>
                <div>
                  <div className="text-sm opacity-70">Update Date</div>
                  <div className="text-lg font-bold">2026‑03‑18</div>
                </div>
              </div>
            </div>
          </div>

          {/* Sidebar */}
          <div className="space-y-8">
            <div className="theme-card rounded-2xl p-8">
              <h3 className="text-2xl font-bold">Overall Rating</h3>
              <div className="mt-6 space-y-6">
                <div>
                  <div className="flex justify-between">
                    <span>Security</span>
                    <span className="font-bold">10.0</span>
                  </div>
                  <div className="mt-2 h-2 rounded-full bg-black/10">
                    <div className="h-full w-full rounded-full bg-green-500"></div>
                  </div>
                </div>
                <div>
                  <div className="flex justify-between">
                    <span>User Experience</span>
                    <span className="font-bold">9.5</span>
                  </div>
                  <div className="mt-2 h-2 rounded-full bg-black/10">
                    <div className="h-full w-9/10 rounded-full bg-blue-500"></div>
                  </div>
                </div>
                <div>
                  <div className="flex justify-between">
                    <span>Product Quality</span>
                    <span className="font-bold">9.8</span>
                  </div>
                  <div className="mt-2 h-2 rounded-full bg-black/10">
                    <div className="h-full w-9/10 rounded-full bg-purple-500"></div>
                  </div>
                </div>
                <div>
                  <div className="flex justify-between">
                    <span>Support</span>
                    <span className="font-bold">9.2</span>
                  </div>
                  <div className="mt-2 h-2 rounded-full bg-black/10">
                    <div className="h-full w-9/10 rounded-full bg-yellow-500"></div>
                  </div>
                </div>
              </div>
            </div>

            <div className="theme-card rounded-2xl p-8">
              <h3 className="text-2xl font-bold">Comparison with Competitors</h3>
              <div className="mt-6 space-y-4">
                <div className="flex justify-between border-b border-current/20 pb-3">
                  <span>CyberLux</span>
                  <span className="font-bold theme-accent">9.8</span>
                </div>
                <div className="flex justify-between border-b border-current/20 pb-3">
                  <span>ShadowBazaar</span>
                  <span className="font-bold text-yellow-400">7.1</span>
                </div>
                <div className="flex justify-between border-b border-current/20 pb-3">
                  <span>Phantom Market</span>
                  <span className="font-bold text-red-400">5.4</span>
                </div>
                <div className="flex justify-between pb-3">
                  <span>DeepNet Emporium</span>
                  <span className="font-bold text-yellow-400">6.9</span>
                </div>
              </div>
            </div>

            <div className="rounded-2xl bg-gradient-to-br from-blue-900/30 to-purple-900/30 p-8">
              <h3 className="text-2xl font-bold">Verified by Community</h3>
              <p className="mt-4 opacity-90">
                This review is based on data aggregated from 12 independent darknet‑trust platforms and 340 user testimonials.
              </p>
              <button className="mt-8 w-full rounded-full bg-blue-600 py-3 font-bold hover:bg-blue-700">
                Read User Testimonials
              </button>
            </div>
          </div>
        </div>
      </main>

      {/* Footer */}
      <footer className="border-t border-current/20 px-4 py-12">
        <div className="container mx-auto max-w-6xl">
          <div className="grid grid-cols-1 gap-10 md:grid-cols-3">
            <div>
              <h3 className="mb-4 text-xl font-bold">DarkNet Review Blog</h3>
              <p className="opacity-70">
                We provide unbiased, technical evaluations of darknet marketplaces. Our team consists of security researchers, data analysts, and veteran underground shoppers.
              </p>
            </div>
            <div>
              <h3 className="mb-4 font-bold">EDITORIAL</h3>
              <p className="text-sm opacity-60">
                Reviews reflect our methodology at publication time. Markets churn — verify signed canaries, escrow policy, and vendor PGP before you trust a link.
              </p>
            </div>
            <div>
              <h3 className="mb-4 font-bold">CONTACT</h3>
              <p className="opacity-70">
                Encrypted email: <span className="text-blue-400">reviews@darknetblog.example</span>
              </p>
              <div className="mt-6 flex gap-4">
                <button className="rounded-full bg-black/10 p-3 hover:opacity-80">🔒</button>
                <button className="rounded-full bg-black/10 p-3 hover:opacity-80">📧</button>
                <button className="rounded-full bg-black/10 p-3 hover:opacity-80">⚡</button>
              </div>
            </div>
          </div>
          <div className="mt-12 border-t border-current/20 pt-8 text-center text-sm opacity-60">
            <p>© 2026 DarkNet Review Blog · Independent onion mirror — verify PGP block</p>
          </div>
        </div>
      </footer>
    </ThemedLayout>
  );
}