Hello I hope all of you guys are doing well; I am having with my code, I just added a new layout from v0 by Vercel to help speed the development of my UI for this chatbot I am creating and I realized after adding everything looked great but I realized that my background cannot change and I have been trying to debug this for about three days I cannot see what is the problem, I want to believe it could be a layer on top of another layer but I am not sure I have been having issues of trying to get my code into to get for ease of use but my IDE is messing up for me to add to my GitHub but I will try my best to get it up and running so it will be easier, but as of right now here is my code of the layout and image

My layout.tsx page for my main page

import SideNav from "@/ui/Components/ui/SideNav";

export default function WebDesignLayout({ children }) {
    return (
        <div className="w-full min-h-screen flex flex-row bg-red-100">
            <div className="w-[260px] h-screen shadow-lg z-10">
                <SideNav />
            </div>
            <div className="w-full h-screen">
                {children}
            </div>
        </div>
    );
}

Here is also the page.tsx layout

import WebDesignPage from "@/ui/Components/ui/WebDesignPage";

export default function WebDesign() {
    return <WebDesignPage />
}

Here is my navbar and WebDesignPage

it looks like the full file for navbar is attached to the post

Here is the web-desing page

"use client";
import React from 'react';

const WebDesignPage = () => {
    return (
        <div className="w-full h-full flex flex-col justify-between items-center pt-10 relative bg-gray-800">
            <span className="font-bold text-4xl text-black">Luna</span>
            <input className="w-3/4 max-w-lg px-4 py-2 rounded-full text-black bg-white mb-4" placeholder="Send a message to Luna"/>
        </div>
    );
};

export default WebDesignPage;

Thank you so much for helping me through this and I will try my best to get this on GitHub so it can be easier to see it :)