 Server : Apache/2 System : Linux server-15-235-50-60 5.15.0-164-generic #174-Ubuntu SMP Fri Nov 14 20:25:16 UTC 2025 x86_64 User : gositeme ( 1004) PHP Version : 8.2.29 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname Directory : /home/gositeme/domains/lavocat.ca/public_html/src/pages/ |
import React, { useState } from 'react';
import LayoutWithSidebar from '../components/LayoutWithSidebar';
import Head from 'next/head';
const SocietyDemo: React.FC = () => {
const [selectedLodge, setSelectedLodge] = useState<'all' | 'blue' | 'red' | 'black'>('all');
const degrees = {
blue: [
{
degree: 1,
name: "Entered Apprentice",
title: "Brother of the First Light",
symbol: "📐",
description: "The beginning of your journey in the legal brotherhood. Learn the fundamentals of legal practice, ethics, and the basic tools of the legal profession.",
xpRequired: 0,
casesRequired: 0,
casesWon: 0,
winRate: "N/A",
timeRequired: "0 months",
requirements: ["Legal education", "Ethics certification", "Bar admission"],
benefits: ["Access to basic legal resources", "Participation in general discussions", "Basic case management tools"],
lodge: "Blue"
},
{
degree: 2,
name: "Fellow Craft",
title: "Brother of the Rising Column",
symbol: "📏",
description: "Develop your skills in legal reasoning and case analysis. Begin to understand the deeper principles of justice and the art of legal argumentation.",
xpRequired: 100,
casesRequired: 1,
casesWon: 1,
winRate: "100%",
timeRequired: "3 months",
requirements: ["1 case completed", "Legal research proficiency", "Client interview skills"],
benefits: ["Legal research tools", "Case support abilities", "Mentorship from higher degrees"],
lodge: "Blue"
},
{
degree: 3,
name: "Master Mason",
title: "Brother of the Perfect Ashlar",
symbol: "🔨",
description: "Master the fundamental principles of legal practice. Qualified to mentor newcomers and take on significant cases with confidence.",
xpRequired: 250,
casesRequired: 3,
casesWon: 2,
winRate: "60%+",
timeRequired: "6 months",
requirements: ["60%+ win rate", "3 cases completed", "Mentorship training", "Court appearance experience"],
benefits: ["Mentorship abilities", "Voting rights in lodge matters", "Advanced case tools"],
lodge: "Blue"
}
],
red: [
{
degree: 4,
name: "Secret Master",
title: "Keeper of Sacred Knowledge",
symbol: "🗝️",
description: "Learn the deeper mysteries of legal practice and client confidentiality. Access to secret legal knowledge and advanced techniques.",
xpRequired: 400,
casesRequired: 5,
casesWon: 4,
winRate: "70%+",
timeRequired: "12 months",
requirements: ["70%+ win rate", "5 cases completed", "Confidentiality training", "Advanced legal research"],
benefits: ["Access to secret legal knowledge", "Advanced client confidentiality tools", "Red lodge access"],
lodge: "Red"
},
{
degree: 5,
name: "Perfect Master",
title: "Guardian of Justice",
symbol: "⚔️",
description: "Perfect your legal skills and become a guardian of justice in the secret brotherhood. Master advanced legal strategies.",
xpRequired: 600,
casesRequired: 10,
casesWon: 8,
winRate: "75%+",
timeRequired: "18 months",
requirements: ["10+ cases won", "Advanced legal training", "Justice system understanding", "Pro bono work"],
benefits: ["Advanced case management", "Secret lodge access", "Justice guardian status"],
lodge: "Red"
},
{
degree: 6,
name: "Intimate Secretary",
title: "Keeper of Records",
symbol: "📝",
description: "Master the art of legal documentation and record-keeping. Become the keeper of the society's most important records.",
xpRequired: 800,
casesRequired: 15,
casesWon: 12,
winRate: "80%+",
timeRequired: "24 months",
requirements: ["Documentation expertise", "15+ cases", "Record management skills", "Database management"],
benefits: ["Advanced documentation tools", "Record access privileges", "Secretary status"],
lodge: "Red"
},
{
degree: 7,
name: "Provost and Judge",
title: "Arbiter of Disputes",
symbol: "⚖️",
description: "Develop the skills to judge and arbitrate legal disputes within the society. Become a trusted mediator and decision-maker.",
xpRequired: 1000,
casesRequired: 20,
casesWon: 16,
winRate: "80%+",
timeRequired: "30 months",
requirements: ["Mediation training", "20+ cases", "Judgment experience", "Arbitration certification"],
benefits: ["Arbitration abilities", "Judge status", "Dispute resolution tools"],
lodge: "Red"
},
{
degree: 8,
name: "Intendant of the Building",
title: "Architect of Justice",
symbol: "🏗️",
description: "Learn to build and structure complex legal arguments and cases. Become an architect of justice and legal strategy.",
xpRequired: 1200,
casesRequired: 25,
casesWon: 20,
winRate: "80%+",
timeRequired: "36 months",
requirements: ["Complex case experience", "25+ cases", "Strategic planning skills", "Case architecture training"],
benefits: ["Case architecture tools", "Strategic planning abilities", "Building master status"],
lodge: "Red"
},
{
degree: 9,
name: "Elu of the Nine",
title: "Elect of the Nine",
symbol: "9️⃣",
description: "Join the elite group of nine selected masters. Learn the most advanced legal techniques and become part of an exclusive brotherhood.",
xpRequired: 1500,
casesRequired: 30,
casesWon: 25,
winRate: "85%+",
timeRequired: "42 months",
requirements: ["Elite selection", "30+ cases", "Advanced mastery", "Peer nomination"],
benefits: ["Elite status", "Advanced techniques", "Nine elect privileges"],
lodge: "Red"
},
{
degree: 10,
name: "Elu of the Fifteen",
title: "Elect of the Fifteen",
symbol: "1️⃣5️⃣",
description: "Advance to the council of fifteen. Master the art of legal leadership and become a guiding force in the society.",
xpRequired: 1800,
casesRequired: 40,
casesWon: 34,
winRate: "85%+",
timeRequired: "48 months",
requirements: ["Leadership training", "40+ cases", "Council experience", "Team management"],
benefits: ["Council membership", "Leadership abilities", "Fifteen elect status"],
lodge: "Red"
},
{
degree: 11,
name: "Elu of the Twelve",
title: "Elect of the Twelve",
symbol: "1️⃣2️⃣",
description: "Reach the highest level of the Red Lodge. Become one of the twelve most trusted and skilled legal practitioners.",
xpRequired: 2200,
casesRequired: 50,
casesWon: 43,
winRate: "85%+",
timeRequired: "54 months",
requirements: ["Supreme trust", "50+ cases", "Twelve elect selection", "Unanimous vote"],
benefits: ["Supreme status", "Twelve elect privileges", "Red lodge mastery"],
lodge: "Red"
},
{
degree: 12,
name: "Master Architect",
title: "Designer of Justice",
symbol: "🎨",
description: "Design and implement complex legal systems and strategies. Become a master architect of justice and legal frameworks.",
xpRequired: 2500,
casesRequired: 60,
casesWon: 52,
winRate: "85%+",
timeRequired: "60 months",
requirements: ["System design experience", "60+ cases", "Architectural skills", "Framework development"],
benefits: ["System design tools", "Architect status", "Framework creation abilities"],
lodge: "Red"
},
{
degree: 13,
name: "Royal Arch of Solomon",
title: "Keeper of Ancient Wisdom",
symbol: "🏛️",
description: "Access the ancient wisdom of legal practice. Learn the timeless principles that have guided justice for centuries.",
xpRequired: 3000,
casesRequired: 75,
casesWon: 65,
winRate: "85%+",
timeRequired: "66 months",
requirements: ["Ancient wisdom study", "75+ cases", "Historical knowledge", "Traditional law mastery"],
benefits: ["Ancient wisdom access", "Historical knowledge", "Royal arch status"],
lodge: "Red"
},
{
degree: 14,
name: "Perfect Elu",
title: "Perfect Elect",
symbol: "⭐",
description: "Achieve perfection in the Red Lodge. Become a perfect elect, embodying the highest ideals of the secret brotherhood.",
xpRequired: 3500,
casesRequired: 90,
casesWon: 78,
winRate: "85%+",
timeRequired: "72 months",
requirements: ["Perfection achievement", "90+ cases", "Perfect status", "Exemplary conduct"],
benefits: ["Perfect status", "Red lodge completion", "Elect perfection"],
lodge: "Red"
}
],
black: [
{
degree: 15,
name: "Knight of the East",
title: "Guardian of the Dawn",
symbol: "🌅",
description: "Enter the Black Lodge as a Knight of the East. Begin your journey into the ultimate mysteries of legal power.",
xpRequired: 4000,
casesRequired: 100,
casesWon: 85,
winRate: "85%+",
timeRequired: "78 months",
requirements: ["Black lodge initiation", "100+ cases", "Knight training", "Dawn ceremony"],
benefits: ["Black lodge access", "Knight status", "Dawn guardian abilities"],
lodge: "Black"
},
{
degree: 16,
name: "Prince of Jerusalem",
title: "Royal Guardian",
symbol: "👑",
description: "Attain the rank of Prince of Jerusalem. Become a royal guardian of justice and legal authority.",
xpRequired: 4500,
casesRequired: 120,
casesWon: 102,
winRate: "85%+",
timeRequired: "84 months",
requirements: ["Royal training", "120+ cases", "Prince status", "Royal ceremony"],
benefits: ["Royal status", "Prince privileges", "Jerusalem guardian"],
lodge: "Black"
},
{
degree: 17,
name: "Knight of the East and West",
title: "Master of Both Worlds",
symbol: "🌍",
description: "Master both the eastern and western traditions of law. Become a bridge between different legal systems and cultures.",
xpRequired: 5000,
casesRequired: 150,
casesWon: 128,
winRate: "85%+",
timeRequired: "90 months",
requirements: ["Cross-cultural expertise", "150+ cases", "Dual mastery", "International law"],
benefits: ["Cross-cultural abilities", "Dual world mastery", "Bridge status"],
lodge: "Black"
},
{
degree: 18,
name: "Knight Rose Croix",
title: "Knight of the Rose Cross",
symbol: "🌹",
description: "Attain the mystical rank of Knight Rose Croix. Master the mystical aspects of legal practice and justice.",
xpRequired: 6000,
casesRequired: 180,
casesWon: 153,
winRate: "85%+",
timeRequired: "96 months",
requirements: ["Mystical training", "180+ cases", "Rose cross initiation", "Mystical knowledge"],
benefits: ["Mystical abilities", "Rose cross status", "Mystical knowledge"],
lodge: "Black"
},
{
degree: 19,
name: "Grand Pontiff",
title: "Supreme Bridge Builder",
symbol: "🌉",
description: "Become the Grand Pontiff, the supreme bridge builder between different realms of legal practice and authority.",
xpRequired: 7000,
casesRequired: 200,
casesWon: 170,
winRate: "85%+",
timeRequired: "102 months",
requirements: ["Pontiff training", "200+ cases", "Bridge building mastery", "Supreme authority"],
benefits: ["Pontiff status", "Bridge building abilities", "Supreme bridge authority"],
lodge: "Black"
},
{
degree: 20,
name: "Master of the Symbolic Lodge",
title: "Master of Symbols",
symbol: "🔮",
description: "Master the symbolic language of law and justice. Understand the deeper meanings behind legal symbols and traditions.",
xpRequired: 8000,
casesRequired: 250,
casesWon: 213,
winRate: "85%+",
timeRequired: "108 months",
requirements: ["Symbolic mastery", "250+ cases", "Symbol understanding", "Symbolic language"],
benefits: ["Symbolic abilities", "Symbol master status", "Symbolic knowledge"],
lodge: "Black"
},
{
degree: 21,
name: "Noachite or Prussian Knight",
title: "Ancient Knight",
symbol: "🛡️",
description: "Join the ancient order of Noachite knights. Learn the most ancient and powerful legal traditions.",
xpRequired: 9000,
casesRequired: 300,
casesWon: 255,
winRate: "85%+",
timeRequired: "114 months",
requirements: ["Ancient knight training", "300+ cases", "Ancient knowledge", "Prussian heritage"],
benefits: ["Ancient knight status", "Ancient knowledge", "Prussian knight privileges"],
lodge: "Black"
},
{
degree: 22,
name: "Knight of the Royal Axe",
title: "Master of the Axe",
symbol: "🪓",
description: "Master the royal axe of justice. Learn to cut through legal complexity with precision and authority.",
xpRequired: 10000,
casesRequired: 350,
casesWon: 298,
winRate: "85%+",
timeRequired: "120 months",
requirements: ["Axe mastery", "350+ cases", "Precision training", "Royal authority"],
benefits: ["Axe master abilities", "Precision cutting", "Royal axe status"],
lodge: "Black"
},
{
degree: 23,
name: "Chief of the Tabernacle",
title: "Tabernacle Master",
symbol: "⛺",
description: "Become the Chief of the Tabernacle, the master of sacred legal spaces and spiritual justice.",
xpRequired: 12000,
casesRequired: 400,
casesWon: 340,
winRate: "85%+",
timeRequired: "126 months",
requirements: ["Tabernacle training", "400+ cases", "Sacred space mastery", "Spiritual justice"],
benefits: ["Tabernacle chief status", "Sacred space abilities", "Spiritual justice"],
lodge: "Black"
},
{
degree: 24,
name: "Prince of the Tabernacle",
title: "Royal Tabernacle Master",
symbol: "🏕️",
description: "Attain the royal rank of Prince of the Tabernacle. Become a royal master of sacred legal spaces.",
xpRequired: 14000,
casesRequired: 450,
casesWon: 383,
winRate: "85%+",
timeRequired: "132 months",
requirements: ["Royal tabernacle training", "450+ cases", "Royal status", "Sacred royal authority"],
benefits: ["Royal tabernacle status", "Royal privileges", "Sacred royal authority"],
lodge: "Black"
},
{
degree: 25,
name: "Knight of the Brazen Serpent",
title: "Serpent Knight",
symbol: "🐍",
description: "Master the brazen serpent of wisdom. Learn the most profound secrets of legal wisdom and knowledge.",
xpRequired: 16000,
casesRequired: 500,
casesWon: 425,
winRate: "85%+",
timeRequired: "138 months",
requirements: ["Serpent training", "500+ cases", "Wisdom mastery", "Brazen serpent knowledge"],
benefits: ["Serpent knight status", "Wisdom abilities", "Brazen serpent knowledge"],
lodge: "Black"
},
{
degree: 26,
name: "Prince of Mercy",
title: "Mercy Prince",
symbol: "🤝",
description: "Become a Prince of Mercy, embodying the highest ideals of compassion and justice in legal practice.",
xpRequired: 18000,
casesRequired: 550,
casesWon: 468,
winRate: "85%+",
timeRequired: "144 months",
requirements: ["Mercy training", "550+ cases", "Compassion mastery", "Mercy principles"],
benefits: ["Mercy prince status", "Compassion abilities", "Mercy privileges"],
lodge: "Black"
},
{
degree: 27,
name: "Knight Commander of the Temple",
title: "Temple Commander",
symbol: "⚔️",
description: "Command the sacred temple of justice. Become a commander of the highest legal authority and power.",
xpRequired: 20000,
casesRequired: 600,
casesWon: 510,
winRate: "85%+",
timeRequired: "150 months",
requirements: ["Commander training", "600+ cases", "Command mastery", "Temple authority"],
benefits: ["Commander status", "Command abilities", "Temple authority"],
lodge: "Black"
},
{
degree: 28,
name: "Knight of the Sun",
title: "Solar Knight",
symbol: "☀️",
description: "Attain the rank of Knight of the Sun. Master the solar aspects of legal power and illumination.",
xpRequired: 25000,
casesRequired: 700,
casesWon: 595,
winRate: "85%+",
timeRequired: "156 months",
requirements: ["Solar training", "700+ cases", "Solar mastery", "Sun knight privileges"],
benefits: ["Solar knight status", "Solar abilities", "Sun knight privileges"],
lodge: "Black"
},
{
degree: 29,
name: "Knight of St. Andrew",
title: "Andrew Knight",
symbol: "🏴",
description: "Become a Knight of St. Andrew, mastering the highest traditions of Scottish legal heritage.",
xpRequired: 30000,
casesRequired: 800,
casesWon: 680,
winRate: "85%+",
timeRequired: "162 months",
requirements: ["Andrew training", "800+ cases", "Scottish heritage", "St. Andrew traditions"],
benefits: ["Andrew knight status", "Scottish abilities", "St. Andrew privileges"],
lodge: "Black"
},
{
degree: 30,
name: "Grand Elect Knight Kadosh",
title: "Kadosh Knight",
symbol: "⚜️",
description: "Attain the rank of Grand Elect Knight Kadosh. Master the most sacred and powerful legal traditions.",
xpRequired: 35000,
casesRequired: 900,
casesWon: 765,
winRate: "85%+",
timeRequired: "168 months",
requirements: ["Kadosh training", "900+ cases", "Sacred mastery", "Grand elect privileges"],
benefits: ["Kadosh knight status", "Sacred abilities", "Grand elect privileges"],
lodge: "Black"
},
{
degree: 31,
name: "Grand Inspector Inquisitor Commander",
title: "Inquisitor Commander",
symbol: "🔍",
description: "Become a Grand Inspector Inquisitor Commander. Master the art of legal investigation and inquiry.",
xpRequired: 40000,
casesRequired: 1000,
casesWon: 850,
winRate: "85%+",
timeRequired: "174 months",
requirements: ["Inquisitor training", "1000+ cases", "Investigation mastery", "Commander privileges"],
benefits: ["Inquisitor status", "Investigation abilities", "Commander privileges"],
lodge: "Black"
},
{
degree: 32,
name: "Sovereign Prince of the Royal Secret",
title: "Master of the Royal Secret",
symbol: "👑",
description: "Attain the highest levels of legal mastery and become a sovereign prince of the law. Master the royal secrets of justice.",
xpRequired: 50000,
casesRequired: 1200,
casesWon: 1020,
winRate: "85%+",
timeRequired: "180 months",
requirements: ["Royal secret training", "1200+ cases", "Sovereign mastery", "Ultimate authority"],
benefits: ["Sovereign prince status", "Royal secret knowledge", "Ultimate authority"],
lodge: "Black"
},
{
degree: 33,
name: "Sovereign Grand Inspector General",
title: "Supreme Master of the Universe",
symbol: "🌟",
description: "The pinnacle of legal achievement. Supreme master with ultimate authority over all legal matters. The highest honor in the Society of Brothers.",
xpRequired: 100000,
casesRequired: 1500,
casesWon: 1275,
winRate: "85%+",
timeRequired: "200+ months",
requirements: ["Supreme training", "1500+ cases", "Legendary status", "Unanimous supreme vote"],
benefits: ["Supreme authority", "Ultimate power", "Legendary status"],
lodge: "Black"
}
]
};
const allDegrees = [...degrees.blue, ...degrees.red, ...degrees.black];
const filteredDegrees = selectedLodge === 'all' ? allDegrees : degrees[selectedLodge];
const getLodgeBadge = (lodge: string) => {
switch (lodge) {
case 'Blue': return { text: 'PUBLIC', icon: '💙', bg: 'bg-blue-100', textColor: 'text-blue-800' };
case 'Red': return { text: 'SECRET', icon: '👁️', bg: 'bg-red-100', textColor: 'text-red-800' };
case 'Black': return { text: 'ULTIMATE', icon: '⚫', bg: 'bg-gray-100', textColor: 'text-gray-800' };
default: return { text: 'UNKNOWN', icon: '❓', bg: 'bg-gray-100', textColor: 'text-gray-800' };
}
};
return (
<>
<Head>
<title>Society of Brothers - Complete 33 Degree System</title>
<meta name="description" content="Explore all 33 Degrees of Legal Mastery in the Society of Brothers - From Entered Apprentice to Sovereign Grand Inspector General" />
</Head>
<LayoutWithSidebar>
<div className="bg-gray-50 min-h-screen">
{/* Header */}
<div className="bg-gradient-to-r from-gray-900 via-blue-900 to-gray-900 text-white py-12">
<div className="max-w-7xl mx-auto px-6 text-center">
<div className="text-6xl mb-4">🏛️</div>
<h1 className="text-5xl font-bold mb-4">Society of Brothers</h1>
<p className="text-2xl opacity-90 mb-6">Complete 33 Degrees of Legal Mastery</p>
<div className="bg-black bg-opacity-30 rounded-lg p-6 inline-block max-w-2xl">
<p className="text-xl italic">"From Apprentice to Sovereign Grand Inspector General"</p>
<p className="text-base opacity-75 mt-2">A comprehensive journey through wisdom, justice, and brotherhood</p>
</div>
</div>
</div>
<div className="max-w-7xl mx-auto px-6 py-8">
{/* System Overview */}
<div className="mb-12">
<h2 className="text-3xl font-bold text-gray-900 mb-6">🎯 System Overview</h2>
<div className="grid grid-cols-1 md:grid-cols-4 gap-6">
<div className="bg-white rounded-lg shadow-lg p-6 text-center">
<div className="text-4xl mb-4">📊</div>
<h3 className="text-xl font-bold text-gray-900 mb-2">33 Degrees</h3>
<p className="text-gray-600">Complete progressive mastery system from foundation to ultimate power</p>
</div>
<div className="bg-white rounded-lg shadow-lg p-6 text-center">
<div className="text-4xl mb-4">🏛️</div>
<h3 className="text-xl font-bold text-gray-900 mb-2">3 Lodge Levels</h3>
<p className="text-gray-600">Blue Lodge (Public), Red Lodge (Secret), Black Lodge (Ultimate)</p>
</div>
<div className="bg-white rounded-lg shadow-lg p-6 text-center">
<div className="text-4xl mb-4">⚖️</div>
<h3 className="text-xl font-bold text-gray-900 mb-2">Merit-Based</h3>
<p className="text-gray-600">Advancement through XP, cases won, pro bono work, and mentorship</p>
</div>
<div className="bg-white rounded-lg shadow-lg p-6 text-center">
<div className="text-4xl mb-4">🌟</div>
<h3 className="text-xl font-bold text-gray-900 mb-2">Legendary Status</h3>
<p className="text-gray-600">Achieve the highest honors and become a legend in legal practice</p>
</div>
</div>
</div>
{/* Lodge Filter */}
<div className="mb-8">
<div className="flex flex-wrap gap-4 justify-center">
<button
onClick={() => setSelectedLodge('all')}
className={`px-6 py-3 rounded-lg font-semibold transition-colors ${
selectedLodge === 'all'
? 'bg-gradient-to-r from-blue-600 to-purple-600 text-white'
: 'bg-white text-gray-700 hover:bg-gray-100'
}`}
>
All Degrees (33)
</button>
<button
onClick={() => setSelectedLodge('blue')}
className={`px-6 py-3 rounded-lg font-semibold transition-colors ${
selectedLodge === 'blue'
? 'bg-blue-600 text-white'
: 'bg-white text-gray-700 hover:bg-gray-100'
}`}
>
💙 Blue Lodge (3)
</button>
<button
onClick={() => setSelectedLodge('red')}
className={`px-6 py-3 rounded-lg font-semibold transition-colors ${
selectedLodge === 'red'
? 'bg-red-600 text-white'
: 'bg-white text-gray-700 hover:bg-gray-100'
}`}
>
❤️ Red Lodge (11)
</button>
<button
onClick={() => setSelectedLodge('black')}
className={`px-6 py-3 rounded-lg font-semibold transition-colors ${
selectedLodge === 'black'
? 'bg-gray-800 text-white'
: 'bg-white text-gray-700 hover:bg-gray-100'
}`}
>
⚫ Black Lodge (19)
</button>
</div>
</div>
{/* Degrees Grid */}
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
{filteredDegrees.map((degree) => {
const badge = getLodgeBadge(degree.lodge);
const lodgeColor = degree.lodge.toLowerCase();
return (
<div
key={degree.degree}
className={`transition-all duration-300 border-2 border-transparent hover:transform hover:-translate-y-2 hover:shadow-xl hover:border-${lodgeColor}-500 bg-gradient-to-br from-${lodgeColor}-50 to-${lodgeColor}-100 border-l-4 border-${lodgeColor}-500 rounded-lg p-6 shadow-lg`}
>
<div className="flex items-center justify-between mb-4">
<div className="flex items-center space-x-3">
<div className="text-3xl">{degree.symbol}</div>
<div>
<h3 className="text-lg font-bold text-gray-900">{degree.degree}° {degree.name}</h3>
<p className={`text-sm text-${lodgeColor}-600 font-medium`}>{degree.title}</p>
</div>
</div>
<span className={`${badge.bg} ${badge.textColor} px-2 py-1 rounded-full text-xs font-medium flex items-center`}>
<span className="mr-1">{badge.icon}</span> {badge.text}
</span>
</div>
<p className="text-gray-700 mb-4 text-sm">{degree.description}</p>
<div className="space-y-3">
{/* Requirements Grid */}
<div className="grid grid-cols-2 gap-2 text-sm">
<div className="bg-white rounded p-2">
<span className="text-gray-600">XP Required:</span>
<div className="font-bold text-lg">{degree.xpRequired.toLocaleString()}</div>
</div>
<div className="bg-white rounded p-2">
<span className="text-gray-600">Cases Required:</span>
<div className="font-bold text-lg">{degree.casesRequired}</div>
</div>
<div className="bg-white rounded p-2">
<span className="text-gray-600">Cases Won:</span>
<div className="font-bold text-lg">{degree.casesWon}</div>
</div>
<div className="bg-white rounded p-2">
<span className="text-gray-600">Win Rate:</span>
<div className="font-bold text-lg">{degree.winRate}</div>
</div>
</div>
<div className="bg-white rounded p-2">
<span className="text-gray-600 text-sm">Time Required:</span>
<div className="font-bold text-sm">{degree.timeRequired}</div>
</div>
{degree.requirements && degree.requirements.length > 0 && (
<div className="bg-white rounded p-3">
<p className="text-xs font-medium text-gray-700 mb-2">Requirements:</p>
{degree.requirements.map((req, index) => (
<p key={index} className="text-xs text-gray-600">• {req}</p>
))}
</div>
)}
<div className="bg-white rounded p-3">
<p className="text-xs font-medium text-green-700 mb-2">Benefits:</p>
{degree.benefits.map((benefit, index) => (
<p key={index} className="text-xs text-green-700">✓ {benefit}</p>
))}
</div>
</div>
</div>
);
})}
</div>
{/* Lodge Information */}
<div className="mt-12 grid grid-cols-1 md:grid-cols-3 gap-6">
<div className="bg-gradient-to-br from-blue-50 to-blue-100 border-l-4 border-blue-500 rounded-lg p-6">
<h3 className="text-xl font-bold text-blue-900 mb-3">💙 Blue Lodge</h3>
<p className="text-blue-800 mb-4">The foundation of legal practice. Public degrees focused on basic skills and ethical principles.</p>
<ul className="text-sm text-blue-700 space-y-1">
<li>• Degrees 1-3: Foundation</li>
<li>• Public access and transparency</li>
<li>• Basic legal skills and ethics</li>
<li>• Community building and mentorship</li>
</ul>
</div>
<div className="bg-gradient-to-br from-red-50 to-red-100 border-l-4 border-red-500 rounded-lg p-6">
<h3 className="text-xl font-bold text-red-900 mb-3">❤️ Red Lodge</h3>
<p className="text-red-800 mb-4">The secret mysteries of advanced legal practice. Restricted access to deeper knowledge and techniques.</p>
<ul className="text-sm text-red-700 space-y-1">
<li>• Degrees 4-14: Advanced</li>
<li>• Secret knowledge and techniques</li>
<li>• Advanced case management</li>
<li>• Elite status and privileges</li>
</ul>
</div>
<div className="bg-gradient-to-br from-gray-50 to-gray-100 border-l-4 border-gray-800 rounded-lg p-6">
<h3 className="text-xl font-bold text-gray-900 mb-3">⚫ Black Lodge</h3>
<p className="text-gray-800 mb-4">The ultimate power and authority. The highest levels of legal mastery and supreme authority.</p>
<ul className="text-sm text-gray-700 space-y-1">
<li>• Degrees 15-33: Ultimate</li>
<li>• Supreme authority and power</li>
<li>• Legendary status and recognition</li>
<li>• Ultimate legal mastery</li>
</ul>
</div>
</div>
{/* Call to Action */}
<div className="text-center bg-gradient-to-r from-blue-600 to-purple-600 text-white rounded-lg p-8 mt-12">
<h2 className="text-3xl font-bold mb-4">Ready to Begin Your Journey?</h2>
<p className="text-xl mb-6">Join the Society of Brothers and advance through all 33 degrees of legal mastery</p>
<div className="space-x-4">
<button className="bg-white text-blue-600 px-8 py-4 rounded-lg font-semibold hover:bg-gray-100 transition-colors text-lg">
Join Society
</button>
<button className="border-2 border-white text-white px-8 py-4 rounded-lg font-semibold hover:bg-white hover:text-blue-600 transition-colors text-lg">
View Dashboard
</button>
</div>
</div>
</div>
</div>
</LayoutWithSidebar>
</>
);
};
export default SocietyDemo;