import ZodiacBasedSignClient from "./ZodiacBasedSignClient";

const zodiacSigns = [
  {
    name: "Aries",
    rudraksha: { price: 200.0, type: "Medium", mukhi: 13 },
    gaurishankar: { price: 200.0, type: "Medium", mukhi: 13 },
  },
  {
    name: "Gemini",
    rudraksha: { price: 65.0, type: "Medium", mukhi: 6 },
    gaurishankar: { price: 200.0, type: "Collector", mukhi: 13 },
  },
  {
    name: "Leo",
    rudraksha: { price: 160.0, type: "Medium", mukhi: 12 },
    gaurishankar: { price: 200.0, type: "Collector", mukhi: 12 },
  },
  {
    name: "Libra",
    rudraksha: { price: 160.0, type: "Medium", mukhi: 12 },
    gaurishankar: { price: 400.0, type: "Collector", mukhi: 15 },
  },
  {
    name: "Sagittarius",
    rudraksha: { price: 65.0, type: "Medium", mukhi: 5 },
    gaurishankar: { price: 400.0, type: "Collector", mukhi: 14 },
  },
  {
    name: "Taurus",
    rudraksha: { price: 160.0, type: "Medium", mukhi: 12 },
    gaurishankar: { price: 400.0, type: "Collector", mukhi: 15 },
  },
  {
    name: "Cancer",
    rudraksha: { price: 300.0, type: "Medium", mukhi: 2 },
    gaurishankar: { price: 200.0, type: "Collector", mukhi: 10 },
  },
  {
    name: "Virgo",
    rudraksha: { price: 55.0, type: "Medium", mukhi: 6 },
    gaurishankar: { price: 200.0, type: "Collector", mukhi: 13 },
  },
  {
    name: "Scorpio",
    rudraksha: { price: 200.0, type: "Medium", mukhi: 13 },
    gaurishankar: { price: 200.0, type: "Collector", mukhi: 13 },
  },
  {
    name: "Capricorn",
    rudraksha: { price: null, type: "Medium", mukhi: null },
    gaurishankar: { price: 400.0, type: "Collector", mukhi: 14 },
  },
  {
    name: "Aquarius",
    rudraksha: { price: null, type: "Medium", mukhi: null },
    gaurishankar: { price: 400.0, type: "Collector", mukhi: 14 },
  },
  {
    name: "Pisces",
    rudraksha: { price: 65.0, type: "Medium", mukhi: 5 },
    gaurishankar: { price: 400.0, type: "Collector", mukhi: 14 },
  },
];

const ZodiacBasedSign = () => {
  return (
    <div className="min-h-screen  py-10 bg-slate-50">
      <h1 className="text-4xl font-serif text-zinc-800 text-center mb-10">
        Rudraksha Based On Zodiac Signs
      </h1>
      <ZodiacBasedSignClient zodiacSigns={zodiacSigns} />
    </div>
  );
};

export default ZodiacBasedSign;
