lunarlabs :DD

src/app/(private)/styles.css

@@ -1,5 +1,5 @@
 .bg-img {
-  background-image: url('/img/login-bg.jpg');
+  background-image: url('/img/login-bg.mp4');
 }
 
 .nav-filter {

src/app/(public)/(home)/FAQ.tsx

@@ -11,19 +11,19 @@ const FAQ = () => (
       {/* TODO: Fix Indents */}
       <Question
         question="What services do we offer?"
-        answer="PinkCloud Studios specializes in a wide range of development services, including web development, software application development, and various other types of development tailored to meet our clients' specific needs."
+        answer="LunarLabs specializes in a wide range of development services, including web development, software application development, and various other types of development tailored to meet our clients' specific needs."
       />
       <Question
         question="What sets us apart from other freelance development teams?"
-        answer="PinkCloud Studios distinguishes itself through a combination of technical excellence, creative solutions, and a client-centric approach. We prioritize understanding our clients' goals to deliver tailored and effective development solutions."
+        answer="LunarLabs distinguishes itself through a combination of technical excellence, creative solutions, and a client-centric approach. We prioritize understanding our clients' goals to deliver tailored and effective development solutions."
       />
       <Question
         question="How do we ensure the security of the developed applications?"
         answer="Security is a top priority at PinkCloud Studio. We follow industry best practices and employ robust security measures to protect the confidentiality, integrity, and availability of our clients' applications. Regular security audits and updates are part of our development process."
       />
       <Question
         question="How do we handle post-launch support and maintenance?"
-        answer="Our commitment to clients extends beyond project completion. PinkCloud Studios provides post-launch support and maintenance services to address any issues, implement updates, and ensure the continued success of the developed applications."
+        answer="Our commitment to clients extends beyond project completion. LunarLabs provides post-launch support and maintenance services to address any issues, implement updates, and ensure the continued success of the developed applications."
       />
     </div>
   </section>

src/app/(public)/(home)/Hero.tsx

@@ -21,7 +21,7 @@ const Hero = () => {
         </h2>
 
         <h1 className="inline-flex flex-nowrap items-end logo-rainbow m-0 p-0">
-          PinkCl<div id="cloudMask" className="mx-0.5 mb-[0.3125rem]" />ud
+          LunarLabs<div id="cloudMask" className="mx-0.5 mb-[0.3125rem]" />
         </h1> 
       </span>
 

src/app/(public)/(home)/Ready.tsx

@@ -9,8 +9,8 @@ const Ready = () => (
       onChange={(inView, event) => event.target?.parentElement?.children[1]?.classList.toggle('in-view', inView)}></InView>
 
     <div className="flex flex-col items-center justify-center text-center w-full h-fit gap-2 out-of-view in-view">
-      <div className="cloud" />
-      <span className="flex flex-row flex-wrap items-center justify-center gap-2 mt-3"><h2>Ready to fly on our</h2><h2 className="text-rainbow">PinkCloud?</h2></span>
+      <div className="rocket" />
+      <span className="flex flex-row flex-wrap items-center justify-center gap-2 mt-3"><h2>Ready to fly on our</h2><h2 className="text-rainbow">rocket ship?</h2></span>
       <p>Contact us on Discord, and let's see what wonders wait for you.</p>
       <HashLink href={process.env.NEXT_PUBLIC_DISCORD_INVITE ?? '/'} className="btn btn-outline btn-secondary min-h-fit h-fit px-5 py-2.5 mt-7">
         <div className="flex flex-row justify-center items-center pb-0.5 gap-1.5">

src/app/(public)/(home)/Services.tsx

@@ -23,23 +23,23 @@ const Services = () => (
 
     <div className="grid auto-rows-fr gap-2 cards w-full max-w-screen-lg mx-auto">
       <Card icon={<FaInfinity />} title="Freelances" href={""}>
-      PinkCloud Studios offers a diverse range of freelance services, specializing in web development, software application development, and various other types of development. Our team is dedicated to providing innovative solutions tailored to meet the unique needs of each client.
+      LunarLabs offers a diverse range of freelance services, specializing in web development, software application development, and various other types of development. Our team is dedicated to providing innovative solutions tailored to meet the unique needs of each client.
       </Card>
       <Card icon={<DiDocker />} title="Application Development" href={""}>
-      PinkCloud Studios specializes in crafting cutting-edge applications tailored to meet your specific needs. Whether you're looking for mobile apps, desktop applications, or custom software solutions, our team is committed to delivering excellence.
+      LunarLabs specializes in crafting cutting-edge applications tailored to meet your specific needs. Whether you're looking for mobile apps, desktop applications, or custom software solutions, our team is committed to delivering excellence.
       </Card>
       <Card icon={<SiNextdotjs />} title="Full-Stack Web Development" href={""}>
-      PinkCloud Studios excels in both frontend and backend web development, ensuring a seamless and powerful online presence for your projects. Our team leverages the latest technologies, including Next.js, to deliver modern and efficient web solutions.      </Card>
+      LunarLabs excels in both frontend and backend web development, ensuring a seamless and powerful online presence for your projects. Our team leverages the latest technologies, including Next.js, to deliver modern and efficient web solutions.      </Card>
       <Card icon={<FaDiscord />} title="Discord Development" href={""}>
-      PinkCloud Studios specializes in Discord development, creating customized solutions to enhance your server's functionality and user experience. Whether it's bots, integrations, or other Discord-related projects, our team is dedicated to bringing your ideas to life.      </Card>
+      LunarLabs specializes in Discord development, creating customized solutions to enhance your server's functionality and user experience. Whether it's bots, integrations, or other Discord-related projects, our team is dedicated to bringing your ideas to life.      </Card>
       <Card icon={<FaTerminal />} title="Infrastructure Management" href={""}>
-      PinkCloud Studios excels in comprehensive infrastructure management, including expert system administration services. We specialize in optimizing the performance, security, and scalability of your systems.
+      LunarLabs excels in comprehensive infrastructure management, including expert system administration services. We specialize in optimizing the performance, security, and scalability of your systems.
       </Card>
       <Card icon={<LuFileTerminal />} title="Infrastructure Development & Consultancy" href={""}>
-      PinkCloud Studios excels in infrastructure development and consultancy, providing robust solutions to meet your technical needs. From setting up scalable server architectures to offering expert advice, we ensure a solid foundation for your projects.
+      LunarLabs excels in infrastructure development and consultancy, providing robust solutions to meet your technical needs. From setting up scalable server architectures to offering expert advice, we ensure a solid foundation for your projects.
       </Card>
       <Card icon={<LuShieldAlert />} title="AntiCheat Services" href={"/hydro"}>
-        PinkCloud Studios offers an advanced anticheat to Minecraft and Fivem and Rust servers called Hydro. Hydro has AI and machine learning checks to help defend your servers from cheaters!
+        LunarLabs offers an advanced anticheat to Minecraft and Fivem and Rust servers called Hydro. Hydro has AI and machine learning checks to help defend your servers from cheaters!
       </Card>
     </div>
   </section>

src/app/(public)/(home)/Who.tsx

@@ -1,4 +1,4 @@
-import { FaCloud } from "react-icons/fa6";
+import { FaCloud, FaMoon } from "react-icons/fa6";
 import Card from "@/components/BioCard/component";
 
 const Who = () => (
@@ -10,7 +10,7 @@ const Who = () => (
 
       <h5 className="max-w-[675px]">
           <span className="inline-flex items-end text-primary">
-            PinkCl<FaCloud className="mx-0.5 mb-0.5 cloud-filter"/>ud
+            LunarLabs<FaMoon className="mx-0.5 mb-0.5 cloud-filter"/>
           </span> is a US-based development company dedicated to delivering innovative and tailored solutions for a variety of digital needs.
           Specializing in web development, software application development, and a range of other development services, we take pride in our commitment to excellence and client satisfaction.
       </h5> 
@@ -21,7 +21,7 @@ const Who = () => (
             name="COO - Elaina L."
             discord="nekolynn"
             github="oestradiol"
-            email="elaina@pinkcloud.studio">
+            email="elaina@lunarlabs.cc">
         Hello everyone! My name is Elaina. I am a 21-year-old girl.<br />
         I love logics, math, sciences overall, and programming, hence why I chose Computer Science (C.S.) as a major. I also really like messing with a variety of interesting stuff, and I do programming for a living.<br />
         To be more specific, I am a Full Stack Engineer, specialized in C# and TypeScript, but also experienced in a diversity of other languages, such as C/C++, Kotlin, Python, Dart, etc.<br />
@@ -33,7 +33,7 @@ const Who = () => (
             name="CEO - Luna G."
             discord="ohemilyy"
             github="ohemilyy"
-            email="emily@pinkcloud.studio">
+            email="emily@lunarlabs.cc">
         Hey there, I'm Luna! A 22-year-old transfeminine individual with a deep passion for Astrophysics and Computer Science (C.S.).<br />
         Over the past seven years, I've immersed myself in the world of C.S., gaining a comprehensive understanding of Cybersecurity and Cyber Threat Intelligence. My journey includes both formal education and practical experience, and I'm currently majoring in Astrophysics and C.S.<br />
         As a neurodivergent individual, I bring a unique perspective to the tech realm, advocating for diversity and inclusivity. Eager to stay at the forefront of technology, I'm working towards Red Hat Enterprise Linux certification, aiming to make meaningful contributions to the dynamic field of C.S.
@@ -43,7 +43,7 @@ const Who = () => (
             name="CTO - Emily B."
             discord="logemi"
             github="atomoxetine"
-            email="emilyb@pinkcloud.studio">
+            email="emilyb@lunarlabs.cc">
         Hi! My name is Emily and I'm a 19-year-old transgender girl from Brazil.<br />
         I enjoy problem solving and I used to participate in Competitive Programming competitions a few years back, in which I was awarded a few prizes.<br />
         Because of that, I naturally am very proficient at arriving at good solutions for intricate problems. <br />

src/app/(public)/(home)/styles.css

@@ -59,7 +59,29 @@
     #9933ff 344.7px,
     #3232ff 445.9px
   );
-  mask-image: url('/svg/cloud.svg');
+  mask-image: url('/svg/moon.svg');
+  mask-repeat: no-repeat;
+  mask-position: center;
+  mask-size: 1em 1em;
+  height: 1em;
+  width: 1em;
+
+  background-size: 607.2px;
+  animation: rainbowMove 3s ease infinite;
+}
+
+.rocket-rainbow #cloudMask {
+  background: linear-gradient(
+    90deg,
+    #3232ff -161.3px,
+    #9933ff -60.1px,
+    #fd32fd 41.1px,
+    #ff3198 142.3px,
+    #fd32fd 243.5px,
+    #9933ff 344.7px,
+    #3232ff 445.9px
+  );
+  mask-image: url('/svg/rocket.svg');
   mask-repeat: no-repeat;
   mask-position: center;
   mask-size: 1em 1em;
@@ -191,7 +213,21 @@
   margin-bottom: 0;
 }
 /*#endregion*/
-
+/*#region Ready*/
+#ready .rocket {
+  background: linear-gradient(
+    90deg,
+    oklch(var(--p)) 0%,
+    oklch(var(--n)) 50%,
+    oklch(var(--s)) 100%
+  );
+  mask-image: url('/svg/rocket.svg');
+  mask-repeat: no-repeat;
+  mask-position: center;
+  mask-size: 7rem 7rem;
+  height: 5rem;
+  width: 7rem;
+}
 /*#region Ready*/
 #ready .cloud {
   background: linear-gradient(
@@ -200,7 +236,7 @@
     oklch(var(--n)) 50%,
     oklch(var(--s)) 100%
   );
-  mask-image: url('/svg/cloud.svg');
+  mask-image: url('/svg/moon.svg');
   mask-repeat: no-repeat;
   mask-position: center;
   mask-size: 7rem 7rem;

src/app/(public)/(layout-components)/Footer.tsx

@@ -27,8 +27,8 @@ const Footer = () => (
         <div className="links flex flex-col">
           <h6><b>Services</b></h6>
           <HashLink href="/services">All Services</HashLink>
-          <HashLink href="https://uptime.pinkcloud.studio">Service Status</HashLink>
-          <HashLink href="https://billing.pinkcloud.studio">Billing</HashLink>
+          <HashLink href="https://uptime.lunarlabs.cc">Service Status</HashLink>
+          <HashLink href="https://billing.lunarlabs.cc">Billing</HashLink>
         </div>
       </nav>
     </div>
@@ -38,7 +38,7 @@ const Footer = () => (
         Made <span className="inline-flex items-end">
         with <FaHeart className="text-neutral mx-1 mb-0.5"/> by
         </span> Elaina.
-        &copy; Copyright {`${new Date().getFullYear()}`}, PinkCloud Studios.
+        &copy; Copyright {`${new Date().getFullYear()}`}, LunarLabs.
       </small>
     </div>
   </footer>

src/app/(public)/(layout-components)/NavLinks.tsx

@@ -10,7 +10,7 @@ const NavLinks = () => {
   const navLinks = [
     { href: "/dash", text: "Dashboard", icon: <FaSatellite className="w-4 h-4" /> },
     { href: "/blog", text: "Blog", icon: <FaBlog className="w-5 h-5" /> },
-    { href: "https://uptime.pinkcloud.studio", text: "Uptime", icon: <FaSatelliteDish className="w-5 h-5" /> },
+    { href: "https://uptime.lunarlabs.cc", text: "Uptime", icon: <FaSatelliteDish className="w-5 h-5" /> },
     { href: "/hydro", text: "Anti-Cheat", icon: <HiMiniShieldExclamation className="w-5 h-5 scale-125" /> },
     { href: "/crew", text: "Crew", icon: <FaUserAstronaut className="w-5 h-5" /> },
   ];