import { Sparkles } from "lucide-react";
import { getTranslations } from "next-intl/server";

export default async function SubscriptionsCard() {
  const t = await getTranslations();
  return (
    <section className="relative bg-gradient-to-br from-primary-light to-white overflow-hidden">
      <div className="container py-8 md:py-12">
        <div className="text-center max-w-3xl mx-auto">
          <div className="inline-flex items-center gap-2 bg-white px-4 py-2 rounded-full mb-4 shadow-sm">
            <Sparkles className="w-4 h-4 text-primary" />
            <span className="text-sm">{t("Text.subscriptions_title")}</span>
          </div>
          <h1 className="text-3xl md:text-4xl mb-4 text-text-primary">
            {t("NAV.subscriptions")}
          </h1>
          <p className="text-base md:text-lg text-text-secondary leading-relaxed">
            {t("Text.subscriptions_description")}
          </p>
        </div>
      </div>
    </section>
  );
}