src/app/page.tsx

@@ -5,14 +5,12 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import TeamCardSix from '@/components/sections/team/TeamCardSix';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import { Zap, Users, Award, Handshake, Github, Linkedin, Twitter } from "lucide-react";
 import { useState } from 'react';
-import { getCTAButtonVariant } from '@/utils/designTokens';
 
 export default function LandingPage() {
   const [flippedCards, setFlippedCards] = useState<{[key: string]: boolean}>({});
@@ -204,7 +202,7 @@ export default function LandingPage() {
                                 href={social.href}
                                 target="_blank"
                                 rel="noopener noreferrer"
-                                className={`flex items-center justify-center gap-3 px-4 py-3 rounded-lg ${getCTAButtonVariant('shift-hover')} text-white transition-colors`}
+                                className="flex items-center justify-center gap-3 px-4 py-3 rounded-lg bg-white/20 hover:bg-white/30 text-white transition-colors"
                                 title={social.label}
                               >
                                 <Icon className="w-5 h-5" />

src/providers/themeProvider/ThemeProvider.tsx

@@ -1,7 +1,6 @@
 'use client';
 
 import React, { createContext, useContext, useState } from 'react';
-import { getCardStyleClasses } from '@/utils/designTokens';
 
 interface SocialLink {
   platform: string;
@@ -60,7 +59,7 @@ function TeamCard({ member }: TeamCardProps) {
 
   return (
     <div
-      className={`h-80 w-full cursor-pointer perspective ${getCardStyleClasses('glass-elevated')}`}
+      className="h-80 w-full cursor-pointer perspective bg-glass-elevated rounded-lg border border-accent/20"
       onMouseEnter={() => setIsFlipped(true)}
       onMouseLeave={() => setIsFlipped(false)}
     >

src/tag/Tag.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { useState } from "react";
-import { getCardStyleClasses } from '@/utils/designTokens';
 
 interface TeamMember {
   id: string;
@@ -40,7 +39,7 @@ export default function Tag({ members = defaultMembers }: TagProps) {
           {members.map((member) => (
             <div
               key={member.id}
-              className={`h-80 cursor-pointer perspective ${getCardStyleClasses('glass-elevated')}`}
+              className="h-80 cursor-pointer perspective bg-glass-elevated rounded-lg border border-accent/20"
               onClick={() => toggleFlip(member.id)}
             >
               <div
@@ -48,13 +47,15 @@ export default function Tag({ members = defaultMembers }: TagProps) {
                 style={{
                   transformStyle: "preserve-3d",                  transform: flipped[member.id]
                     ? "rotateY(180deg)"
-                    : "rotateY(0deg)"}}
+                    : "rotateY(0deg)"
+                }}
               >
                 {/* Front Side */}
                 <div
                   className="absolute w-full h-full bg-white rounded-lg shadow-lg p-6 flex flex-col items-center justify-center"
                   style={{
-                    backfaceVisibility: "hidden"}}
+                    backfaceVisibility: "hidden"
+                  }}
                 >
                   <div className="w-32 h-32 mb-4 rounded-full overflow-hidden bg-gray-200">
                     <img
@@ -74,7 +75,8 @@ export default function Tag({ members = defaultMembers }: TagProps) {
                 <div
                   className="absolute w-full h-full bg-gradient-to-br from-blue-500 to-purple-600 rounded-lg shadow-lg p-6 flex flex-col items-center justify-center"
                   style={{
-                    backfaceVisibility: "hidden",                    transform: "rotateY(180deg)"}}
+                    backfaceVisibility: "hidden",                    transform: "rotateY(180deg)"
+                  }}
                 >
                   <h3 className="text-2xl font-bold text-white mb-6 text-center">
                     {member.name}
@@ -137,16 +139,19 @@ const defaultMembers: TeamMember[] = [
   {
     id: "1",    name: "Sarah Johnson",    role: "Lead Designer",    image:
       "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop",    social: {
-      twitter: "https://twitter.com",      linkedin: "https://linkedin.com",      email: "sarah@example.com"},
+      twitter: "https://twitter.com",      linkedin: "https://linkedin.com",      email: "sarah@example.com"
+    },
   },
   {
     id: "2",    name: "Michael Chen",    role: "Full Stack Developer",    image:
       "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop",    social: {
-      github: "https://github.com",      linkedin: "https://linkedin.com",      email: "michael@example.com"},
+      github: "https://github.com",      linkedin: "https://linkedin.com",      email: "michael@example.com"
+    },
   },
   {
     id: "3",    name: "Emma Rodriguez",    role: "Product Manager",    image:
       "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop",    social: {
-      twitter: "https://twitter.com",      linkedin: "https://linkedin.com",      email: "emma@example.com"},
+      twitter: "https://twitter.com",      linkedin: "https://linkedin.com",      email: "emma@example.com"
+    },
   },
 ];