Prettier format pending files

client/pages/Explore.tsx

@@ -1,128 +1,143 @@
 import Layout from "@/components/Layout";
 import { Button } from "@/components/ui/button";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
 import { Link } from "react-router-dom";
 import { Microscope, Sparkles, ArrowRight } from "lucide-react";
 import { useMemo } from "react";
 
 export default function Explore() {
-  const achievements = useMemo(() => [
+  const achievements = useMemo(
-    { metric: "10K+", label: "Active Creators" },
+    () => [
-    { metric: "500+", label: "Projects Shipped" },
+      { metric: "10K+", label: "Active Creators" },
-    { metric: "99.99%", label: "Feature Quality" },
+      { metric: "500+", label: "Projects Shipped" },
-    { metric: "24/7", label: "Global Community" },
+      { metric: "99.99%", label: "Feature Quality" },
-  ], []);
+      { metric: "24/7", label: "Global Community" },
+    ],
+    [],
+  );
 
-  const serviceOfferings = useMemo(() => [
+  const serviceOfferings = useMemo(
-    {
+    () => [
-      title: "Game Development",
+      {
-      description: "Studios and indie support",
+        title: "Game Development",
-      link: "/game-development",
+        description: "Studios and indie support",
-      cardClass:
+        link: "/game-development",
-        "border-blue-500/40 bg-gradient-to-br from-blue-950/60 via-indigo-950/30 to-purple-900/40 text-blue-100 hover:border-blue-400/80 hover:shadow-[0_0_25px_rgba(59,130,246,0.35)]",
+        cardClass:
-      titleClass: "text-blue-100",
+          "border-blue-500/40 bg-gradient-to-br from-blue-950/60 via-indigo-950/30 to-purple-900/40 text-blue-100 hover:border-blue-400/80 hover:shadow-[0_0_25px_rgba(59,130,246,0.35)]",
-      descriptionClass: "text-blue-100/70",
+        titleClass: "text-blue-100",
-      buttonClass:
+        descriptionClass: "text-blue-100/70",
-        "bg-gradient-to-r from-blue-500 via-indigo-500 to-purple-500 hover:from-blue-400 hover:via-indigo-400 hover:to-purple-400 text-white shadow-[0_0_18px_rgba(59,130,246,0.25)]",
+        buttonClass:
-    },
+          "bg-gradient-to-r from-blue-500 via-indigo-500 to-purple-500 hover:from-blue-400 hover:via-indigo-400 hover:to-purple-400 text-white shadow-[0_0_18px_rgba(59,130,246,0.25)]",
-    {
+      },
-      title: "Consulting",
+      {
-      description: "Architecture & delivery",
+        title: "Consulting",
-      link: "/consulting",
+        description: "Architecture & delivery",
-      cardClass:
+        link: "/consulting",
-        "border-fuchsia-500/40 bg-gradient-to-br from-fuchsia-950/60 via-rose-950/30 to-purple-900/40 text-fuchsia-100 hover:border-fuchsia-400/80 hover:shadow-[0_0_25px_rgba(217,70,239,0.35)]",
+        cardClass:
-      titleClass: "text-fuchsia-100",
+          "border-fuchsia-500/40 bg-gradient-to-br from-fuchsia-950/60 via-rose-950/30 to-purple-900/40 text-fuchsia-100 hover:border-fuchsia-400/80 hover:shadow-[0_0_25px_rgba(217,70,239,0.35)]",
-      descriptionClass: "text-fuchsia-100/70",
+        titleClass: "text-fuchsia-100",
-      buttonClass:
+        descriptionClass: "text-fuchsia-100/70",
-        "bg-gradient-to-r from-fuchsia-500 via-pink-500 to-rose-500 hover:from-fuchsia-400 hover:via-pink-400 hover:to-rose-400 text-white shadow-[0_0_18px_rgba(236,72,153,0.25)]",
+        buttonClass:
-    },
+          "bg-gradient-to-r from-fuchsia-500 via-pink-500 to-rose-500 hover:from-fuchsia-400 hover:via-pink-400 hover:to-rose-400 text-white shadow-[0_0_18px_rgba(236,72,153,0.25)]",
-    {
+      },
-      title: "Mentorship",
+      {
-      description: "Programs and guidance",
+        title: "Mentorship",
-      link: "/mentorship",
+        description: "Programs and guidance",
-      cardClass:
+        link: "/mentorship",
-        "border-emerald-500/40 bg-gradient-to-br from-emerald-950/60 via-teal-950/30 to-blue-900/40 text-emerald-100 hover:border-emerald-400/80 hover:shadow-[0_0_25px_rgba(16,185,129,0.35)]",
+        cardClass:
-      titleClass: "text-emerald-100",
+          "border-emerald-500/40 bg-gradient-to-br from-emerald-950/60 via-teal-950/30 to-blue-900/40 text-emerald-100 hover:border-emerald-400/80 hover:shadow-[0_0_25px_rgba(16,185,129,0.35)]",
-      descriptionClass: "text-emerald-100/70",
+        titleClass: "text-emerald-100",
-      buttonClass:
+        descriptionClass: "text-emerald-100/70",
-        "bg-gradient-to-r from-emerald-500 via-teal-500 to-cyan-500 hover:from-emerald-400 hover:via-teal-400 hover:to-cyan-400 text-black font-semibold shadow-[0_0_18px_rgba(20,184,166,0.25)]",
+        buttonClass:
-    },
+          "bg-gradient-to-r from-emerald-500 via-teal-500 to-cyan-500 hover:from-emerald-400 hover:via-teal-400 hover:to-cyan-400 text-black font-semibold shadow-[0_0_18px_rgba(20,184,166,0.25)]",
-  ], []);
+      },
+    ],
+    [],
+  );
 
-  const resourceOfferings = useMemo(() => [
+  const resourceOfferings = useMemo(
-    {
+    () => [
-      title: "Documentation",
+      {
-      description: "Guides and tutorials",
+        title: "Documentation",
-      cardClass:
+        description: "Guides and tutorials",
-        "border-cyan-400/40 bg-gradient-to-br from-cyan-950/50 via-sky-950/25 to-blue-900/30 text-cyan-100 hover:border-cyan-300/70 hover:shadow-[0_0_20px_rgba(34,211,238,0.3)]",
+        cardClass:
-      titleClass: "text-cyan-100",
+          "border-cyan-400/40 bg-gradient-to-br from-cyan-950/50 via-sky-950/25 to-blue-900/30 text-cyan-100 hover:border-cyan-300/70 hover:shadow-[0_0_20px_rgba(34,211,238,0.3)]",
-      descriptionClass: "text-cyan-100/70",
+        titleClass: "text-cyan-100",
-      actions: [
+        descriptionClass: "text-cyan-100/70",
-        {
+        actions: [
-          label: "Docs",
+          {
-          href: "/docs",
+            label: "Docs",
-          variant: "outline",
+            href: "/docs",
-          buttonClass:
+            variant: "outline",
-            "border-cyan-400/60 text-cyan-200 hover:bg-cyan-500/10 hover:text-cyan-100",
+            buttonClass:
-        },
+              "border-cyan-400/60 text-cyan-200 hover:bg-cyan-500/10 hover:text-cyan-100",
-        {
+          },
-          label: "Tutorials",
+          {
-          href: "/docs/tutorials",
+            label: "Tutorials",
-          variant: "outline",
+            href: "/docs/tutorials",
-          buttonClass:
+            variant: "outline",
-            "border-cyan-400/60 text-cyan-200 hover:bg-cyan-500/10 hover:text-cyan-100",
+            buttonClass:
-        },
+              "border-cyan-400/60 text-cyan-200 hover:bg-cyan-500/10 hover:text-cyan-100",
-      ],
+          },
-    },
+        ],
-    {
+      },
-      title: "Community",
+      {
-      description: "News and discussions",
+        title: "Community",
-      cardClass:
+        description: "News and discussions",
-        "border-orange-400/40 bg-gradient-to-br from-amber-950/50 via-orange-950/25 to-rose-900/30 text-orange-100 hover:border-orange-300/70 hover:shadow-[0_0_20px_rgba(249,115,22,0.3)]",
+        cardClass:
-      titleClass: "text-orange-100",
+          "border-orange-400/40 bg-gradient-to-br from-amber-950/50 via-orange-950/25 to-rose-900/30 text-orange-100 hover:border-orange-300/70 hover:shadow-[0_0_20px_rgba(249,115,22,0.3)]",
-      descriptionClass: "text-orange-100/70",
+        titleClass: "text-orange-100",
-      actions: [
+        descriptionClass: "text-orange-100/70",
-        {
+        actions: [
-          label: "Community",
+          {
-          href: "/community",
+            label: "Community",
-          variant: "outline",
+            href: "/community",
-          buttonClass:
+            variant: "outline",
-            "border-orange-400/60 text-orange-200 hover:bg-orange-500/10 hover:text-orange-100",
+            buttonClass:
-        },
+              "border-orange-400/60 text-orange-200 hover:bg-orange-500/10 hover:text-orange-100",
-        {
+          },
-          label: "Blog",
+          {
-          href: "/blog",
+            label: "Blog",
-          variant: "outline",
+            href: "/blog",
-          buttonClass:
+            variant: "outline",
-            "border-orange-400/60 text-orange-200 hover:bg-orange-500/10 hover:text-orange-100",
+            buttonClass:
-        },
+              "border-orange-400/60 text-orange-200 hover:bg-orange-500/10 hover:text-orange-100",
-      ],
+          },
-    },
+        ],
-    {
+      },
-      title: "Company",
+      {
-      description: "About and contact",
+        title: "Company",
-      cardClass:
+        description: "About and contact",
-        "border-indigo-400/40 bg-gradient-to-br from-indigo-950/50 via-blue-950/25 to-slate-900/30 text-indigo-100 hover:border-indigo-300/70 hover:shadow-[0_0_20px_rgba(99,102,241,0.3)]",
+        cardClass:
-      titleClass: "text-indigo-100",
+          "border-indigo-400/40 bg-gradient-to-br from-indigo-950/50 via-blue-950/25 to-slate-900/30 text-indigo-100 hover:border-indigo-300/70 hover:shadow-[0_0_20px_rgba(99,102,241,0.3)]",
-      descriptionClass: "text-indigo-100/70",
+        titleClass: "text-indigo-100",
-      actions: [
+        descriptionClass: "text-indigo-100/70",
-        {
+        actions: [
-          label: "About",
+          {
-          href: "/about",
+            label: "About",
-          variant: "outline",
+            href: "/about",
-          buttonClass:
+            variant: "outline",
-            "border-indigo-400/60 text-indigo-200 hover:bg-indigo-500/10 hover:text-indigo-100",
+            buttonClass:
-        },
+              "border-indigo-400/60 text-indigo-200 hover:bg-indigo-500/10 hover:text-indigo-100",
-        {
+          },
-          label: "Contact",
+          {
-          href: "/contact",
+            label: "Contact",
-          variant: "outline",
+            href: "/contact",
-          buttonClass:
+            variant: "outline",
-            "border-indigo-400/60 text-indigo-200 hover:bg-indigo-500/10 hover:text-indigo-100",
+            buttonClass:
-        },
+              "border-indigo-400/60 text-indigo-200 hover:bg-indigo-500/10 hover:text-indigo-100",
-      ],
+          },
-    },
+        ],
-  ], []);
+      },
+    ],
+    [],
+  );
 
   return (
     <Layout>
@@ -131,8 +146,12 @@ export default function Explore() {
         <div className="container mx-auto px-4">
           <div className="max-w-6xl mx-auto">
             <div className="text-center mb-16 animate-slide-up">
-              <h1 className="text-3xl lg:text-4xl font-bold text-gradient mb-4">Explore AeThex</h1>
+              <h1 className="text-3xl lg:text-4xl font-bold text-gradient mb-4">
-              <p className="text-lg text-muted-foreground">Our impact across the digital landscape</p>
+                Explore AeThex
+              </h1>
+              <p className="text-lg text-muted-foreground">
+                Our impact across the digital landscape
+              </p>
             </div>
 
             <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">
@@ -162,8 +181,12 @@ export default function Explore() {
       <section className="py-16 sm:py-20">
         <div className="container mx-auto px-4">
           <div className="text-center mb-12">
-            <h2 className="text-3xl lg:text-4xl font-bold text-gradient">Everything We Offer</h2>
+            <h2 className="text-3xl lg:text-4xl font-bold text-gradient">
-            <p className="text-muted-foreground mt-2">Explore services, programs, resources, and community</p>
+              Everything We Offer
+            </h2>
+            <p className="text-muted-foreground mt-2">
+              Explore services, programs, resources, and community
+            </p>
           </div>
 
           <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
@@ -174,8 +197,14 @@ export default function Explore() {
               >
                 <div className="pointer-events-none absolute inset-0 bg-gradient-to-br from-white/10 via-transparent to-transparent opacity-0 group-hover:opacity-40 transition-opacity duration-500" />
                 <CardHeader className="relative space-y-2">
-                  <CardTitle className={`text-lg ${offering.titleClass}`}>{offering.title}</CardTitle>
+                  <CardTitle className={`text-lg ${offering.titleClass}`}>
-                  <CardDescription className={`text-sm ${offering.descriptionClass}`}>{offering.description}</CardDescription>
+                    {offering.title}
+                  </CardTitle>
+                  <CardDescription
+                    className={`text-sm ${offering.descriptionClass}`}
+                  >
+                    {offering.description}
+                  </CardDescription>
                 </CardHeader>
                 <CardContent className="relative pt-2">
                   <Button asChild className={`w-full ${offering.buttonClass}`}>
@@ -192,14 +221,29 @@ export default function Explore() {
                   <Microscope className="h-5 w-5 text-yellow-300" />
                   AeThex Labs
                 </CardTitle>
-                <CardDescription className="text-yellow-100/70">BlackSite R&D portal synced with Labs mainframe</CardDescription>
+                <CardDescription className="text-yellow-100/70">
+                  BlackSite R&D portal synced with Labs mainframe
+                </CardDescription>
               </CardHeader>
               <CardContent className="relative space-y-3">
-                <Button asChild className="w-full bg-yellow-400 text-black hover:bg-yellow-300 shadow-[0_0_18px_rgba(250,204,21,0.25)]">
+                <Button
+                  asChild
+                  className="w-full bg-yellow-400 text-black hover:bg-yellow-300 shadow-[0_0_18px_rgba(250,204,21,0.25)]"
+                >
                   <Link to="/research">Open Interface</Link>
                 </Button>
-                <Button asChild variant="outline" className="w-full border-yellow-400/60 text-yellow-200 hover:bg-yellow-500/10">
+                <Button
-                  <a href="https://labs.aethex.biz" target="_blank" rel="noreferrer">Visit labs.aethex.biz</a>
+                  asChild
+                  variant="outline"
+                  className="w-full border-yellow-400/60 text-yellow-200 hover:bg-yellow-500/10"
+                >
+                  <a
+                    href="https://labs.aethex.biz"
+                    target="_blank"
+                    rel="noreferrer"
+                  >
+                    Visit labs.aethex.biz
+                  </a>
                 </Button>
               </CardContent>
             </Card>
@@ -213,15 +257,32 @@ export default function Explore() {
               >
                 <div className="pointer-events-none absolute inset-0 bg-gradient-to-br from-white/10 via-transparent to-transparent opacity-0 group-hover:opacity-35 transition-opacity duration-500" />
                 <CardHeader className="relative space-y-2">
-                  <CardTitle className={`text-lg ${offering.titleClass}`}>{offering.title}</CardTitle>
+                  <CardTitle className={`text-lg ${offering.titleClass}`}>
-                  <CardDescription className={`text-sm ${offering.descriptionClass}`}>{offering.description}</CardDescription>
+                    {offering.title}
+                  </CardTitle>
+                  <CardDescription
+                    className={`text-sm ${offering.descriptionClass}`}
+                  >
+                    {offering.description}
+                  </CardDescription>
                 </CardHeader>
                 <CardContent className="relative">
                   <div className="flex flex-wrap gap-2">
                     {offering.actions.map((action) => (
-                      <Button key={action.label} asChild variant={action.variant as any} className={`flex-1 min-w-[120px] ${action.buttonClass}`}>
+                      <Button
+                        key={action.label}
+                        asChild
+                        variant={action.variant as any}
+                        className={`flex-1 min-w-[120px] ${action.buttonClass}`}
+                      >
                         {action.external ? (
-                          <a href={action.href} target="_blank" rel="noreferrer">{action.label}</a>
+                          <a
+                            href={action.href}
+                            target="_blank"
+                            rel="noreferrer"
+                          >
+                            {action.label}
+                          </a>
                         ) : (
                           <Link to={action.href}>{action.label}</Link>
                         )}
@@ -242,18 +303,47 @@ export default function Explore() {
         <div className="container mx-auto px-4 relative z-10">
           <div className="max-w-4xl mx-auto text-center space-y-12">
             <div className="animate-slide-up">
-              <h2 className="text-3xl lg:text-4xl font-bold text-gradient mb-6">What We Build</h2>
+              <h2 className="text-3xl lg:text-4xl font-bold text-gradient mb-6">
-              <p className="text-lg text-muted-foreground">Built on cutting-edge frameworks and powered by advanced algorithms</p>
+                What We Build
+              </h2>
+              <p className="text-lg text-muted-foreground">
+                Built on cutting-edge frameworks and powered by advanced
+                algorithms
+              </p>
             </div>
 
             <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 animate-fade-in">
               {[
-                { name: "Game Studios", status: "Active", color: "from-purple-500 to-blue-600" },
+                {
-                { name: "Design Systems", status: "Evolving", color: "from-blue-500 to-green-600" },
+                  name: "Game Studios",
-                { name: "Creator Tools", status: "Live", color: "from-green-500 to-yellow-600" },
+                  status: "Active",
-                { name: "Launch Ops", status: "Scaling", color: "from-yellow-500 to-red-600" },
+                  color: "from-purple-500 to-blue-600",
-                { name: "Content Pipeline", status: "In Progress", color: "from-red-500 to-purple-600" },
+                },
-                { name: "Edge Experiences", status: "Deployed", color: "from-purple-500 to-pink-600" },
+                {
+                  name: "Design Systems",
+                  status: "Evolving",
+                  color: "from-blue-500 to-green-600",
+                },
+                {
+                  name: "Creator Tools",
+                  status: "Live",
+                  color: "from-green-500 to-yellow-600",
+                },
+                {
+                  name: "Launch Ops",
+                  status: "Scaling",
+                  color: "from-yellow-500 to-red-600",
+                },
+                {
+                  name: "Content Pipeline",
+                  status: "In Progress",
+                  color: "from-red-500 to-purple-600",
+                },
+                {
+                  name: "Edge Experiences",
+                  status: "Deployed",
+                  color: "from-purple-500 to-pink-600",
+                },
               ].map((tech, index) => (
                 <Card
                   key={index}
@@ -262,10 +352,16 @@ export default function Explore() {
                 >
                   <CardContent className="p-6">
                     <div className="flex items-center justify-between mb-4">
-                      <h3 className="font-semibold text-gradient group-hover:animate-pulse">{tech.name}</h3>
+                      <h3 className="font-semibold text-gradient group-hover:animate-pulse">
-                      <div className={`w-3 h-3 rounded-full bg-gradient-to-r ${tech.color} animate-pulse`} />
+                        {tech.name}
+                      </h3>
+                      <div
+                        className={`w-3 h-3 rounded-full bg-gradient-to-r ${tech.color} animate-pulse`}
+                      />
                     </div>
-                    <p className="text-sm text-muted-foreground">{tech.status}</p>
+                    <p className="text-sm text-muted-foreground">
+                      {tech.status}
+                    </p>
                     <div className="absolute inset-0 bg-gradient-to-r from-transparent via-aethex-400/5 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000" />
                   </CardContent>
                 </Card>
@@ -273,16 +369,30 @@ export default function Explore() {
             </div>
 
             <div className="space-y-6 animate-slide-up">
-              <h3 className="text-2xl font-bold text-gradient-purple">Ready to Build the Future?</h3>
+              <h3 className="text-2xl font-bold text-gradient-purple">
+                Ready to Build the Future?
+              </h3>
               <div className="flex flex-col sm:flex-row justify-center gap-4">
-                <Button asChild size="lg" className="bg-gradient-to-r from-aethex-500 to-neon-blue hover:from-aethex-600 hover:to-neon-blue/90 glow-blue hover-lift interactive-scale">
+                <Button
-                  <Link to="/onboarding" className="flex items-center space-x-2 group">
+                  asChild
+                  size="lg"
+                  className="bg-gradient-to-r from-aethex-500 to-neon-blue hover:from-aethex-600 hover:to-neon-blue/90 glow-blue hover-lift interactive-scale"
+                >
+                  <Link
+                    to="/onboarding"
+                    className="flex items-center space-x-2 group"
+                  >
                     <Sparkles className="h-5 w-5" />
                     <span>Join AeThex</span>
                     <ArrowRight className="h-5 w-5 transition-transform group-hover:translate-x-1" />
                   </Link>
                 </Button>
-                <Button asChild variant="outline" size="lg" className="border-aethex-400/50 hover:border-aethex-400 hover-lift interactive-scale">
+                <Button
+                  asChild
+                  variant="outline"
+                  size="lg"
+                  className="border-aethex-400/50 hover:border-aethex-400 hover-lift interactive-scale"
+                >
                   <Link to="/dashboard">Explore Platform</Link>
                 </Button>
               </div>

client/pages/Index.tsx

@@ -318,9 +318,6 @@ export default function Index() {
           </div>
         </div>
       </section>
-
-
-
     </Layout>
   );
 }