Production

next.config.mjs

@@ -86,10 +86,6 @@ const securityHeaders = [
         key: 'X-Content-Type-Options',
         value: 'nosniff'
     },
-    {
-        key: 'X-Frame-Options',
-        value: 'DENY'
-    },
     {
         key: 'X-XSS-Protection',
         value: '1; mode=block'
@@ -102,4 +98,8 @@ const securityHeaders = [
         key: 'Referrer-Policy',
         value: 'origin-when-cross-origin'
     },
+    {
+         key: 'Content-Security-Policy',
+        value: "frame-ancestors 'self' https://tawk.to https://toxicdev.me;"
+    }
 ]

package.json

@@ -7,9 +7,7 @@
     "build:assets": "contentlayer2 build",
     "dev": "next dev --turbo",
     "lint": "next lint",
-    "start:prod": "next start -p 3009",
-    "start:nightly": "next start -p 3420",
-    "start": "next start"
+    "start:prod": "next start -p 3009"
   },
   "dependencies": {
     "@emotion/is-prop-valid": "^1.3.1",
@@ -26,6 +24,7 @@
     "@radix-ui/react-separator": "^1.1.1",
     "@radix-ui/react-slot": "^1.1.1",
     "@react-spring/web": "^9.7.5",
+    "acron": "^1.0.5",
     "atropos": "^2.0.2",
     "axios": "^1.7.7",
     "cheerio": "^1.0.0",
@@ -63,6 +62,7 @@
     "remark": "^15.0.1",
     "remark-gfm": "^4.0.0",
     "sass": "^1.83.4",
+    "shiki": "^3.8.1",
     "swr": "^2.2.5",
     "unist-util-visit": "^5.0.0",
     "whmcs-sdk": "^0.1.4"

src/app/(pages)/home/sections/FAQ/FAQ.tsx

@@ -24,6 +24,10 @@ export const FAQ: FC = ({ }) => {
       title: "Do you offer customer support?",
       text: "Yes, we offer 24/7 customer support to assist you with any issues or questions you may have. Our dedicated support team is available via discord, email and support tickets to ensure that you receive timely and effective assistance.",
     },
+    {
+      title: "Can I upgrade or downgrade my plan?",
+      text: "Yes, all our plans are scalable, allowing you to upgrade or downgrade your plan as needed. You can easily adjust your resources through the billing panel to accommodate your changing requirements.",
+    }
   ];
   // Animation
   const animation = {

src/app/(pages)/home/sections/advantages/Advantages.tsx

@@ -3,11 +3,16 @@ import { motion } from "framer-motion";
 import AdvantageCard from "ui/AdvantageCard";
 import s from "styling/modules/Advantages/global.module.scss";
 import { useButtonScrollContext } from "@/src/providers/ButtonScroll";
-import { Server, Gamepad2, Shield, Settings, Clock, DollarSign } from "lucide-react";
+import { AppWindow, Gamepad2, Shield, Settings, Clock, DollarSign } from "lucide-react";
 
 export const Advantages: FC = ({ }) => {
   const { targetRef } = useContext(useButtonScrollContext);
   const DATA_CARDS = [
+    {
+      icon: <AppWindow strokeWidth={1.5} size={24} />,
+      title: "BytePanel",
+      content: "Our Game Panel offers easy server management with an intuitive interface and powerful features.",
+    },
     {
       icon: <Gamepad2 strokeWidth={1.5} size={24} />,
       title: "Minecraft Bliss",

src/app/(pages)/home/sections/hero/Hero.tsx

@@ -34,9 +34,8 @@ export const Hero: FC = ({ }) => {
               className="text-white "
             >
               <div className="border-1 border-gray/20 rounded-full py-2 px-3 bg-black_secondary">
-                Welcome to the{" "}
-                <span className="font-bold">exciting </span>
-                new <span className="font-bold">NodeByte </span> experience!
+                <span className="font-bold">Rust Hosting </span>
+                is now available!
               </div>
             </motion.h2>
             <motion.h1

src/app/(pages)/home/sections/services/Services.tsx

@@ -11,40 +11,55 @@ import { ButtonGradient } from "ui/Button/ButtonGradient";
 export const Services: FC = ({ }) => {
   const DATA_CARDS = [
     {
-      title: "Minecraft Servers",
-      info: "Grab yourself a Minecraft server and start playing with your friends.",
+      title: "Minecraft",
+      info: "Launch your own Minecraft world instantly. Play with friends or build a community—no experience needed.",
       features: [
         {
-          text: "99.6% Uptime SLA",
+          text: "99.6% Uptime SLA" 
         },
-        {
-          text: "Highly Modified Pterodactyl Panel",
+        { 
+          text: "BytePanel" 
         },
-        {
-          text: "FyfeWeb Net",
+        { 
+          text: "FyfeWeb Net" 
+        },
+        { 
+          text: "SSD Storage" 
         },
         {
-          text: "SSD Storage",
+          text: "Java and Bedrock Supported"
+        },
+        { 
+          text: "Unlimited Players (You set the limit)" 
         }
       ],
-      link: "https://billing.nodebyte.host/store/minecraft-server-hosting"
+      link: "/services/mc"
     },
-    // {
-    //   title: "Custom Minecraft Plans",
-    //   info: "Grab yourself a custom Minecraft Plan and start hosting with specs you want!",
-    //   features: [
-    //     {
-    //       text: "Custom Specs",
-    //     },
-    //     {
-    //       text: "For Minecraft Hosting Only",
-    //     },
-    //     {
-    //       text: "Full Support!",
-    //     },
-    //   ],
-    //   link: "https://billing.nodebyte.host/submitticket.php?step=2&deptid=3"
-    // }
+    {
+      title: "Rust",
+      info: "Host a Rust server with full modding support and unbeatable performance. Grow your own epic community.",
+      features: [
+        { 
+          text: "99.6% Uptime SLA" 
+        },
+        { 
+          text: "BytePanel" 
+        },
+        { 
+          text: "FyfeWeb Net" 
+        },
+        { 
+          text: "SSD Storage" 
+        },
+        { 
+          text: "Modding Support" 
+        },
+        { 
+          text: "Rust+ Support"
+        }
+      ],
+      link: "/services/rust"
+    }
   ];
   const DATA_ITEMS_MARQUEE = [
     { title: "Purpur" },

src/app/(pages)/services/vps/page.tsx → src/app/(pages)/services/rust/page.tsx

@@ -1,9 +1,9 @@
 import type { Metadata } from "next";
+import ServicesHero from '@/src/components/Layouts/Services/rust/Hero';
 import ButtonScrollProvider from "providers/ButtonScroll";
-import ServicesHero from 'components/Layouts/Services/vps/Hero';
-import WhyChooseUs from "components/Layouts/Services/vps/Benefits";
-import ServersList from "components/Layouts/Services/vps/Servers";
-import { FAQ } from "components/Layouts/Services/vps/GeneralFAQs";
+import WhyChooseUs from "@/src/components/Layouts/Services/rust/Benefits";
+import ServersList from "@/src/components/Layouts/Services/rust/Servers";
+import { FAQ } from "@/src/components/Layouts/Services/rust/GeneralFAQs";
 import { absoluteUrl } from "hooks/absoluteUrl";
 
 export const metadata: Metadata = {

src/app/styles/modules/Header/global.module.scss

@@ -36,7 +36,7 @@
 
         .Nav {
             display: grid;
-            grid-template-columns: repeat(3, auto);
+            grid-template-columns: repeat(4, auto);
             justify-content: center;
             align-items: center;
 
@@ -53,7 +53,6 @@
                 display: grid;
                 grid-template-columns: repeat(4, auto);
                 grid-column-gap: 30px;
-                margin-right: 20px;
 
                 li {
                     a {

src/components/Header/components/PanelLinks.tsx

@@ -14,7 +14,7 @@ const PanelLinksDropdown = () => {
                 className="text-white font-medium text-sm flex items-center space-x-1"
                 onClick={toggleDropdown}
             >
-                <span>{dropdownOpen ? "What's this?" : 'Portals'}</span>
+                <span>{dropdownOpen ? "Client Area" : 'Client Area'}</span>
                 <svg
                     className="w-4 h-4 transform transition-transform"
                     style={{ transform: dropdownOpen ? "rotate(180deg)" : "rotate(0deg)" }}

src/components/Header/components/ServiceLinks.tsx

@@ -14,7 +14,7 @@ const ServiceLinksDropdown = () => {
                 className="text-white font-medium text-sm flex items-center space-x-1"
                 onClick={toggleDropdown}
             >
-                <span>{dropdownOpen ? "They're pretty neat!" : 'Services'}</span>
+                <span>{dropdownOpen ? "Games" : 'Games'}</span>
                 <svg
                     className="w-4 h-4 transform transition-transform"
                     style={{ transform: dropdownOpen ? "rotate(180deg)" : "rotate(0deg)" }}
@@ -35,6 +35,12 @@ const ServiceLinksDropdown = () => {
                         >
                             Minecraft Servers
                         </a>
+                        <a
+                            href="/services/rust"
+                            className="block px-4 py-2 text-white hover:text-blue"
+                        >
+                            Rust
+                        </a>
                     </div>
                 </div>
             )}

src/components/Header/components/SupportLinks.tsx

@@ -0,0 +1,58 @@
+'use client';
+import { useState } from 'react';
+
+const SupportLinksDropdown = () => {
+    const [dropdownOpen, setDropdownOpen] = useState(false);
+
+    const toggleDropdown = () => {
+        setDropdownOpen(!dropdownOpen);
+    };
+
+    return (
+        <div className="relative flex items-center space-x-4 mr-2">
+            <button
+                className="text-white font-medium text-sm flex items-center space-x-1"
+                onClick={toggleDropdown}
+            >
+                <span>{dropdownOpen ? "Support" : 'Support'}</span>
+                <svg
+                    className="w-4 h-4 transform transition-transform"
+                    style={{ transform: dropdownOpen ? "rotate(180deg)" : "rotate(0deg)" }}
+                    xmlns="http://www.w3.org/2000/svg"
+                    fill="none"
+                    viewBox="0 0 24 24"
+                    stroke="currentColor"
+                >
+                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M19 9l-7 7-7-7" />
+                </svg>
+            </button>
+            {dropdownOpen && (
+                <div className="absolute right-0 mt-52 w-48 bg-gradient-to-tl from-grey-900 via-dark_gray to-black rounded-md shadow-lg z-10">
+                    <div className="py-2">
+                        <a
+                            href="/kb"
+                            className="block px-4 py-2 text-white hover:text-blue"
+                        >
+                            Knowledge Base
+                        </a>
+                        <a
+                            href="/status"
+                            className="block px-4 py-2 text-white hover:text-blue"
+                        >
+                            Service Status
+                        </a>
+                        <a
+                            href="https://billing.nodebyte.host/submitticket.php"
+                            target="_blank"
+                            className="block px-4 py-2 text-white hover:text-blue"
+                        >
+                            Support Tickets
+                        </a>
+                    </div>
+                </div>
+            )}
+        </div>
+    );
+};
+
+export default SupportLinksDropdown;

src/components/Header/index.tsx

@@ -19,6 +19,7 @@ import {
 } from '@nextui-org/react';
 import PanelLinksDropdown from './components/PanelLinks';
 import ServiceLinksDropdown from './components/ServiceLinks';
+import SupportLinksDropdown from './components/SupportLinks';
 
 export const Header: FC = () => {
   const pathName = usePathname().replace('/', '');
@@ -81,6 +82,9 @@ export const Header: FC = () => {
               <div className="hidden lg:flex items-center space-x-4">
                 <ServiceLinksDropdown />
               </div>
+              <div className="hidden lg:flex items-center space-x-4">
+                <SupportLinksDropdown />
+              </div>
               <div className="hidden lg:flex items-center space-x-4">
                 <PanelLinksDropdown />
               </div>

src/components/Header/utils/DesktopLinks.ts

@@ -11,8 +11,4 @@ export const DATA_NAVBAR_LINKS = [
         value: "Blog",
         href: "/blog",
     },
-    {
-        value: "Partners",
-        href: "partners",
-    },
 ];

src/components/Header/utils/MobileLinks.ts

@@ -14,10 +14,6 @@ export const DATA_TOGGLE_MENU_LINKS = [
                 value: "Blog",
                 href: "/blog"
             },
-            {
-                value: "Partners",
-                href: "partners",
-            },
         ],
     },
     {
@@ -31,7 +27,6 @@ export const DATA_TOGGLE_MENU_LINKS = [
                 value: "Game Panel",
                 href: "https://panel.nodebyte.host",
             },
-
         ],
     },
     {