Refactor: Implement planned changes

This commit implements the planned changes to address several issues:

- **Font Loading:** Corrected font paths in `src/index.css` and `index.html` to ensure custom fonts (`Nasalization`, `Exo`) load correctly on all devices.
- **Chinese Calendar:** Updated `src/lib/chineseCalendar.ts` to accurately calculate the Chinese year, accounting for the transition around Chinese New Year.
- **Homepage Stats:** Restored missing stats ("99.99% DAO Uptime" and "10,000+ Active Members") to the `ParticipationSection.tsx` component on the homepage.
- **Clubs Page Enhancements:** Improved 2-line descriptions for partner platforms in featured clubs on `src/pages/Clubs.tsx` and verified the presence of all clubs in the "Other Clubs" section.

Author: lovable-dev[bot]

index.html

@@ -22,7 +22,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Exo:wght@400;700&display=swap" rel="stylesheet" />
     <!-- Preload Nasalization font -->
-    <link rel="preload" href="/public/fonts/Nasalization.woff2" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="/fonts/Nasalization.woff2" as="font" type="font/woff2" crossorigin>
     <link rel="stylesheet" href="/src/index.css" />
     <link rel="icon" href="/lovable-uploads/ALogo.png" type="image/x-icon" />
   </head>

src/components/ParticipationSection.tsx

@@ -33,6 +33,11 @@ const stats = [{
   label: "Total Value Locked",
   icon: CircleDollarSign,
   color: "text-alien-gold"
+}, {
+  value: "99.99%",
+  label: "DAO Uptime",
+  icon: Calendar,
+  color: "text-alien-green"
 }];
 
 const ParticipationSection = () => {
@@ -92,7 +97,7 @@ const ParticipationSection = () => {
         </Button>
         {/* Stats Grid - MORE TRANSPARENT */}
         <div className="flex justify-center mt-12 w-full">
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-6 text-center max-w-4xl w-full">
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 text-center max-w-5xl w-full">
             {stats.map((stat, index) => <motion.div key={index} initial={{
             opacity: 0,
             y: 20

src/index.css

@@ -8,9 +8,9 @@
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url('./fonts/Nasalization.woff2') format('woff2'),
-       url('./fonts/Nasalization.woff') format('woff'),
-       url('./fonts/Nasalization.otf') format('opentype');
+  src: url('/fonts/Nasalization.woff2') format('woff2'),
+       url('/fonts/Nasalization.woff') format('woff'),
+       url('/fonts/Nasalization.otf') format('opentype');
 }
 
 @layer base {

src/lib/chineseCalendar.ts

@@ -31,19 +31,42 @@ const elements = [
   { name: 'Water', color: '#3B82F6' }    // Blue
 ];
 
-export function getChineseYear(gregorianYear: number): ChineseYear {
-  // Chinese calendar started in 2697 BCE
-  const chineseYear = gregorianYear + 2697;
+// Chinese New Year dates for accurate year calculation
+const chineseNewYearDates: { [key: number]: string } = {
+  2024: '2024-02-10',
+  2025: '2025-01-29',
+  2026: '2026-02-17',
+  2027: '2027-02-06',
+  2028: '2028-01-26',
+  2029: '2029-02-13',
+  2030: '2030-02-03'
+};
+
+export function getChineseYear(gregorianYear: number, currentDate?: Date): ChineseYear {
+  const today = currentDate || new Date();
+  const cnyDateStr = chineseNewYearDates[gregorianYear];
+  
+  // Determine if we're before or after Chinese New Year
+  let effectiveYear = gregorianYear;
+  if (cnyDateStr) {
+    const cnyDate = new Date(cnyDateStr);
+    if (today < cnyDate) {
+      // Before CNY, use previous year's zodiac
+      effectiveYear = gregorianYear - 1;
+    }
+  }
+  
+  // Chinese calendar year (started 2697 BCE)
+  const chineseYear = effectiveYear + 2697;
 
   // Calculate animal (12-year cycle)
   // 2024 is Year of the Dragon (starting Feb 10, 2024)
-  // We use a base year of 2024 as Dragon (index 4)
-  const animalIndex = (gregorianYear - 2024 + 4) % 12;
+  const animalIndex = (effectiveYear - 2024 + 4) % 12;
   const animal = animals[animalIndex < 0 ? animalIndex + 12 : animalIndex];
 
   // Calculate element (10-year cycle, 2 years per element)
   // 2024 is Wood Dragon
-  const elementIndex = Math.floor(((gregorianYear - 2024 + 4) % 10) / 2);
+  const elementIndex = Math.floor(((effectiveYear - 2024 + 4) % 10) / 2);
   const element = elements[elementIndex < 0 ? elementIndex + 5 : elementIndex];
 
   return {

src/pages/Clubs.tsx

@@ -62,7 +62,7 @@ const Clubs: React.FC = () => {
       bgColor: 'bg-gradient-to-br from-indigo-900/40 to-blue-900/40',
       sections: [{
         title: 'Music & Audio Platforms',
-        description: 'Create, distribute and monetize music through web 3, web 4, web 5',
+        description: 'Decentralized music streaming, NFT releases, and artist monetization platforms',
         icon: <Music className="h-4 w-4" />,
         color: 'bg-indigo-600/80',
         platforms: [{
@@ -98,7 +98,7 @@ const Clubs: React.FC = () => {
       bgColor: 'bg-gradient-to-br from-blue-900/40 to-purple-900/40',
       sections: [{
         title: 'Card Wallets (MasterCard & VISA)',
-        description: 'Premium cryptocurrency payment debit cards with traditional banking integration',
+        description: 'Crypto debit cards for everyday spending with cashback rewards and banking features',
         icon: <DollarSign className="h-4 w-4" />,
         color: 'bg-blue-600/80',
         platforms: [{
@@ -145,7 +145,7 @@ const Clubs: React.FC = () => {
         }]
       }, {
         title: 'Cold Hard Wallets',
-        description: 'Secure hardware wallets for long-term cryptocurrency storage',
+        description: 'Maximum security hardware wallets with offline storage and multi-signature support',
         icon: <Shield className="h-4 w-4" />,
         color: 'bg-gray-600/80',
         platforms: [{
@@ -167,7 +167,7 @@ const Clubs: React.FC = () => {
         }]
       }, {
         title: 'Hot Wallets',
-        description: 'Convenient software wallets for daily crypto transactions',
+        description: 'User-friendly mobile and browser wallets for quick trading and DeFi access',
         icon: <Zap className="h-4 w-4" />,
         color: 'bg-orange-600/80',
         platforms: [{
@@ -228,7 +228,7 @@ const Clubs: React.FC = () => {
       bgColor: 'bg-gradient-to-br from-emerald-900/40 to-green-900/40',
       sections: [{
         title: 'Education & Academy',
-        description: 'Learn about sustainable practices and environmental technologies',
+        description: 'Sustainability courses, green certifications, and climate action training programs',
         icon: <Shield className="h-4 w-4" />,
         color: 'bg-emerald-600/80',
         platforms: [{
@@ -243,7 +243,7 @@ const Clubs: React.FC = () => {
         }]
       }, {
         title: 'Eco Products Catalog',
-        description: 'Sustainable merchandise and eco-friendly products',
+        description: 'Organic apparel, hemp products, and sustainable accessories with carbon-neutral shipping',
         icon: <Leaf className="h-4 w-4" />,
         color: 'bg-green-600/80',
         platforms: [{
@@ -267,7 +267,7 @@ const Clubs: React.FC = () => {
       bgColor: 'bg-gradient-to-br from-purple-900/40 to-pink-900/40',
       sections: [{
         title: 'GameFi Platforms',
-        description: 'Play-to-earn games and blockchain gaming ecosystems',
+        description: 'Play-to-earn blockchain games with NFT assets, in-game economies, and token rewards',
         icon: <Gamepad2 className="h-4 w-4" />,
         color: 'bg-purple-600/80',
         platforms: [{
@@ -303,7 +303,7 @@ const Clubs: React.FC = () => {
         }]
       }, {
         title: 'eSports Platforms',
-        description: 'Competitive gaming tournaments and professional esports',
+        description: 'Professional gaming tournaments, team management, and competitive league platforms',
         icon: <Zap className="h-4 w-4" />,
         color: 'bg-red-600/80',
         platforms: [{
@@ -343,7 +343,7 @@ const Clubs: React.FC = () => {
       bgColor: 'bg-gradient-to-br from-green-900/40 to-emerald-900/40',
       sections: [{
         title: 'Cannabis Education',
-        description: 'Learn about cannabis wellness and legal cultivation',
+        description: 'Medical cannabis research, strain guides, legal cultivation, and wellness applications',
         icon: <Leaf className="h-4 w-4" />,
         color: 'bg-green-600/80',
         platforms: [{
@@ -371,7 +371,7 @@ const Clubs: React.FC = () => {
       bgColor: 'bg-gradient-to-br from-red-900/40 to-pink-900/40',
       sections: [{
         title: 'Adult Platforms',
-        description: 'Verified adult content and NFT collections (18+ only)',
+        description: 'Age-verified creator platforms and adult NFT marketplaces (18+ only, consensual content)',
         icon: <Eye className="h-4 w-4" />,
         color: 'bg-red-600/80',
         platforms: [{