refactor: disable the .NET Conf registration links

app/Components/Pages/NET.Conf/Home.razor

@@ -32,9 +32,9 @@
             <h1 class="text-white text-center text-7xl font-bold font-special">.NET Conf 2024 Cameroon 🚀🇨🇲</h1>
             <p class="text-white text-center">Join the .NET Revolution in Cameroon!</p>
             <div class="flex justify-center flex-wrap gap-4">
-                <a href="@EventUrl" target="_blank" class="btn btn-outline-white">Register Now <i class="fa-solid fa-arrow-right -rotate-45"></i></a>
-                <a target="_blank" href="@SpeakerLink" class="btn btn-primary">Become a Speaker <i class="fa-solid fa-arrow-right -rotate-45"></i></a>
-                <a target="_blank" href="@SponsorLink" class="btn btn-secondary">Support the Event <i class="fa-solid fa-arrow-right -rotate-45"></i></a>
+                <a target="_blank" class="btn btn-disabled">Register Now <i class="fa-solid fa-arrow-right -rotate-45"></i></a>
+                <a target="_blank" class="btn btn-disabled">Become a Speaker <i class="fa-solid fa-arrow-right -rotate-45"></i></a>
+                <a target="_blank" class="btn btn-disabled">Support the Event <i class="fa-solid fa-arrow-right -rotate-45"></i></a>
             </div>
         </div>
         <div class="md:w-1/2 mt-6 md:mt-0 self-center flex flex-col gap-8">
@@ -45,7 +45,24 @@
                     <li class="font-bold link"><a target="_blank" href="https://maps.app.goo.gl/QDVsEbBKf1NAPL7j7"><i class="fa-regular fa-map"></i> Google Maps Location</a></li>
                 </ul>
             </div>
-            <Countdown DueDate="new DateTime(2025, 1, 11, 8, 0, 0)" CountDownName="dotnet-conf-2024" />
+            <div class="flex w-full items-center justify-between">
+                <div>
+                    <span class="block text-4xl font-heading font-bold text-white text-center">0</span>
+                    <span class="block text-white text-center font-bold">Days</span>
+                </div>
+                <div>
+                    <span class="block text-4xl font-heading font-bold text-white text-center">00</span>
+                    <span class="block text-white text-center font-bold">Hours</span>
+                </div>
+                <div>
+                    <span class="block text-4xl font-heading font-bold text-white text-center">00</span>
+                    <span class="block text-white text-center font-bold">Minutes</span>
+                </div>
+                <div>
+                    <span class="block text-4xl font-heading font-bold text-white text-center">00</span>
+                    <span class="block text-white text-center font-bold">Seconds</span>
+                </div>
+            </div>
             <div>
                 <p class="text-white mb-6">Get ready to expand your skills, meet fellow developers, and dive into the latest trends in .NET at this year’s event! Here’s what awaits you</p>
                 <ul class="text-white">
@@ -97,7 +114,7 @@
                     <li class="font-bold mt-2"><i class="fa-regular fa-circle-check"></i> Get Inspired by Industry Leaders</li>
                     <li class="font-bold mt-2"><i class="fa-regular fa-circle-check"></i> Build Your Professional Network</li>
                 </ul>
-                <a target="_blank" href="@EventUrl" class="btn btn-primary">Register Now <i class="fa-solid fa-arrow-right -rotate-45"></i></a>
+                <a class="btn btn-disabled">Register Now <i class="fa-solid fa-arrow-right -rotate-45"></i></a>
             </div>
             <iframe class="w-full aspect-square mt-4 md:mt-0 md:w-1/2" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3979.709249649015!2d9.789040099999998!3d4.079514!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x1061131c3fb1ef0f%3A0x6d6a0abd91abe7a!2sCODEC!5e0!3m2!1sen!2scm!4v1734390986880!5m2!1sen!2scm" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
         </div>
@@ -115,7 +132,7 @@
                     <li class="mt-2"><i class="fa-regular fa-circle-check"></i> <strong class="font-bold">Networking opportunities:</strong> interact with experts</li>
                     <li class="mt-2"><i class="fa-regular fa-circle-check"></i> <strong class="font-bold">Personal branding:</strong> elevate your image.</li>
                 </ul>
-                <a target="_blank" href="@SpeakerLink" class="btn btn-primary">Become a Speaker <i class="fa-solid fa-arrow-right -rotate-45"></i></a>
+                <a class="btn btn-disabled">Become a Speaker <i class="fa-solid fa-arrow-right -rotate-45"></i></a>
             </div>
             <img src="@Assets["/assets/infinite-days/image-11.jpeg"]" alt="Call to speaker photo" class="w-full mt-4 md:mt-0 md:w-1/2 md:aspect-square md:object-cover">
             <div class="hidden md:block md:w-1/2">
@@ -126,7 +143,7 @@
                     <li class="mt-2"><i class="fa-regular fa-circle-check"></i> <strong class="font-bold">Networking opportunities:</strong> interact with experts</li>
                     <li class="mt-2"><i class="fa-regular fa-circle-check"></i> <strong class="font-bold">Personal branding:</strong> elevate your image.</li>
                 </ul>
-                <a target="_blank" href="@SpeakerLink" class="btn btn-primary">Become a Speaker <i class="fa-solid fa-arrow-right -rotate-45"></i></a>
+                <a class="btn btn-disabled">Become a Speaker <i class="fa-solid fa-arrow-right -rotate-45"></i></a>
             </div>
         </div>
     </div>
@@ -157,8 +174,8 @@
             <h1 class="text-center md:text-start heading heading-1">Meet our amazing Sponsors and Partners</h1>
             <p class="text-center md:text-start">Our sponsors and partners power .NET Conf Cameroon, fostering innovation and growth in our tech community. Join us to showcase your brand and make a lasting impact!</p>
             <div class="flex mt-4 gap-2">
-                <a target="_blank" href="@SponsorLink" class="btn btn-primary">Become a Sponsor <i class="fa-solid fa-arrow-right -rotate-45"></i></a>
-                <a target="_blank" href="/files/sponsorship-support.pdf" download="sponsorship-support.pdf" title="Download the sponsorship documentation" class="btn btn-secondary">Documentation <i class="fa fa-download"></i></a>
+                <a class="btn btn-disabled">Become a Sponsor <i class="fa-solid fa-arrow-right -rotate-45"></i></a>
+                @* <a target="_blank" href="/files/sponsorship-support.pdf" download="sponsorship-support.pdf" title="Download the sponsorship documentation" class="btn btn-secondary">Documentation <i class="fa fa-download"></i></a> *@
             </div>
         </div>
         <div class="mt-8 md:mt-0 flex gap-8 items-center md:w-1/2 justify-center flex-wrap">

app/Components/Pages/NET.Conf/Home.razor.cs

@@ -4,13 +4,10 @@
 
 public partial class Home
 {
     private string EventUrl = "https://forms.office.com/r/ChLwZEYr53";
     private string SpeakerLink = "https://forms.office.com/r/debtL0TDmA";
     private string SponsorLink = "https://forms.office.com/r/YnKLW60s73";
 
-    private string _dotnetSessionsClass = string.Empty;
-    private string _microsoftSessionsClass = "hidden";
-
     private Activity[] Activities = [
         new ("Inspiring Sessions and Conferences", "Dive into cutting-edge topics and explore the latest in .NET technology through insightful sessions and talks. Learn from experts as they cover a wide range of topics, from web and mobile development to cloud solutions and artificial intelligence", "/assets/activities/activity-2.jpeg", "Tech"),
         new ("Meet Microsoft Experts", "Gain exclusive insights from Microsoft employees who work directly on .NET and related technologies. This is your chance to hear directly from those shaping the future of .NET and to ask questions that matter to your projects.", "/assets/featured/net9.png", "Culture"),

app/styles/input.css

@@ -76,6 +76,10 @@
   @apply border border-white bg-transparent hover:bg-white transition-all active:bg-slate-100 text-white hover:text-secondary;
 }
 
+.btn.btn-disabled {
+  @apply bg-blue-500 text-white font-semibold cursor-not-allowed opacity-50;
+}
+
 /* Links */
 .link {
   @apply underline transition-all;

app/wwwroot/app.css

@@ -680,10 +680,6 @@ video {
   margin-bottom: 1rem;
 }
 
-.-mb-px {
-  margin-bottom: -1px;
-}
-
 .mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -700,10 +696,6 @@ video {
   margin-bottom: 2rem;
 }
 
-.me-2 {
-  margin-inline-end: 0.5rem;
-}
-
 .ml-2 {
   margin-left: 0.5rem;
 }
@@ -744,10 +736,6 @@ video {
   margin-top: 2rem;
 }
 
-.mr-1 {
-  margin-right: 0.25rem;
-}
-
 .line-clamp-2 {
   overflow: hidden;
   display: -webkit-box;
@@ -766,10 +754,6 @@ video {
   display: block;
 }
 
-.inline-block {
-  display: inline-block;
-}
-
 .flex {
   display: flex;
 }
@@ -879,10 +863,6 @@ video {
   height: 100vh;
 }
 
-.h-4 {
-  height: 1rem;
-}
-
 .max-h-\[400px\] {
   max-height: 400px;
 }
@@ -972,10 +952,6 @@ video {
   width: 100%;
 }
 
-.w-4 {
-  width: 1rem;
-}
-
 .max-w-2xl {
   max-width: 42rem;
 }
@@ -1020,6 +996,10 @@ video {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.cursor-not-allowed {
+  cursor: not-allowed;
+}
+
 .cursor-pointer {
   cursor: pointer;
 }
@@ -1142,11 +1122,6 @@ video {
   border-radius: 0.75rem;
 }
 
-.rounded-t-lg {
-  border-top-left-radius: 0.5rem;
-  border-top-right-radius: 0.5rem;
-}
-
 .rounded-br-lg {
   border-bottom-right-radius: 0.5rem;
 }
@@ -1167,10 +1142,6 @@ video {
   border-width: 1px;
 }
 
-.border-b {
-  border-bottom-width: 1px;
-}
-
 .border-b-2 {
   border-bottom-width: 2px;
 }
@@ -1188,11 +1159,6 @@ video {
   border-color: rgb(0 0 0 / var(--tw-border-opacity));
 }
 
-.border-gray-200 {
-  --tw-border-opacity: 1;
-  border-color: rgb(229 231 235 / var(--tw-border-opacity));
-}
-
 .border-gray-400 {
   --tw-border-opacity: 1;
   border-color: rgb(156 163 175 / var(--tw-border-opacity));
@@ -1247,6 +1213,11 @@ video {
   background-color: rgb(96 165 250 / var(--tw-bg-opacity));
 }
 
+.bg-blue-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
+}
+
 .bg-primary {
   --tw-bg-opacity: 1;
   background-color: rgb(10 133 95 / var(--tw-bg-opacity));
@@ -1502,11 +1473,6 @@ video {
   line-height: 1rem;
 }
 
-.text-xl {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-}
-
 .font-bold {
   font-weight: 700;
 }
@@ -1576,6 +1542,10 @@ video {
   color: rgb(133 77 14 / var(--tw-text-opacity));
 }
 
+.opacity-50 {
+  opacity: 0.5;
+}
+
 .opacity-70 {
   opacity: 0.7;
 }
@@ -1586,12 +1556,6 @@ video {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.shadow-md {
-  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
 .blur {
   --tw-blur: blur(8px);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
@@ -1607,16 +1571,6 @@ video {
   transition-duration: 150ms;
 }
 
-.transition-shadow {
-  transition-property: box-shadow;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-
-.duration-300 {
-  transition-duration: 300ms;
-}
-
 * {
   font-family: "Noto Sans", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
   scroll-behavior: smooth;
@@ -1850,6 +1804,16 @@ video {
   background-color: rgb(241 245 249 / var(--tw-bg-opacity));
 }
 
+.btn.btn-disabled {
+  cursor: not-allowed;
+  --tw-bg-opacity: 1;
+  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
+  font-weight: 600;
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+  opacity: 0.5;
+}
+
 /* Links */
 
 .link {
@@ -2577,15 +2541,3 @@ video {
     padding-right: 2rem;
   }
 }
-
-@media (prefers-color-scheme: dark) {
-  .dark\:border-gray-700 {
-    --tw-border-opacity: 1;
-    border-color: rgb(55 65 81 / var(--tw-border-opacity));
-  }
-
-  .dark\:text-gray-400 {
-    --tw-text-opacity: 1;
-    color: rgb(156 163 175 / var(--tw-text-opacity));
-  }
-}