Please provide the code that would be useful to debug

export default function Home() {
return (
<div className="flex flex-col min-h-screen">
<NavBar/>
<div className="flex justify-center w-full flex-1">
<div className="flex justify-center items-center w-4/5 md:w-7/9 lg:w-screen flex-col lg:flex-row">

<div className="flex w-2/3 md:w-4/9 xl:w-1/3 h-auto lg:ml-8 pb-8">
<Image/>
</div>

<div className="flex w-full xl:w-2/3 h-auto lg:ml-10 lg:mr-8 flex-col items-center">
<div className="flex text-3xl lg:text-4xl xl:text-5xl font-semibold pb-6 font-libre leading-[1.3] lg:leading-[1.7]"></div>
<div className="text-lg font-poppins"></div>
<div className="mt-4 md:mt-8">
<Link href="/Consulting" className="md:text-xl m-8 font-poppins bg-white px-3 py-1.5 rounded-xl"></Link>
<Link href="" className="md:text-xl m-8 font-poppins bg-white px-3 py-1.5 rounded-xl">Schedule</Link>
</div>
</div>
</div>
</div>
</div>
);
}

heres the navbar im using
export default function App() {
const [isOpen, setIsOpen] = useState(false);
const [timeoutId, setTimeoutId] = useState<number | null>(null);
const delay = 300;

return (
<Navbar maxWidth="xl" className="relative overflow-hidden bg-bgblue font-poppins md:pl-[calc(100vw-100%)] py-4">
<Link className="bg-transparent p-0 flex" href="">
<NavbarItem>
<Dropdown isOpen={isOpen} disableAnimation={true}>
<DropdownTrigger>
<Button
onMouseEnter={() => {
if (timeoutId !== null) clearTimeout(timeoutId);
setIsOpen(true);
}}
onMouseLeave={() => {
const id = window.setTimeout(() => setIsOpen(false), delay);
setTimeoutId(id);
}}
disableRipple={true}
disableAnimation={true}
className="p-0 bg-transparent data-[hover=true]:bg-transparent text-xl"
>
</Button>
</DropdownTrigger>
<DropdownMenu
onMouseEnter={() => {
if (timeoutId !== null) clearTimeout(timeoutId);
setIsOpen(true);
}}
onMouseLeave={() => {
setIsOpen(false);
}}
>
</DropdownMenu>
</Dropdown>
</NavbarItem>
</NavbarContent>
</Navbar>
);
}

sorry if its messy

Which component library?

@jor Can you share github link?

oh yeah mb you didnt ping me correctly LMAO

heroui

404 Not found

uhhhh

try again @Black Turnstone

and ignore how uh

messy the code and everything is...

its a wip

:D

Checking

ok ty

take your time

the project is for a friend

This white space at the end?

@Pacific saury Problem is this section
Since links(anchor tags) are inline (top and bottom margin and padding on them are not respected by the parent div)
here you can see that box model of div doesn't respect top and bottom padding of the links, to do so you can simple add inline block in the link.

<div className="mt-4 md:mt-8">
  <Link
    href="/Consulting"
    className="md:text-xl mx-8 font-poppins bg-white px-3 py-1.5 rounded-xl inline-block"  // -> Added inline-block
  >
    Consulting
  </Link>
  <Link
    href="https://calendly.com/noahktutoring/30min"
    className="md:text-xl m-8 font-poppins bg-white px-3 py-1.5 rounded-xl inline-block"  // -> Added inline-block
  >
    Schedule
  </Link>
</div>

Adding that will make it like this

is that why my navbar is making my scrollbar disappear?

ohhhhhhhhh ok thank you so much

i didnt know about inline stuff

No, Navbar making scrollbar disappear is due to dropdown.

In navbar, dropdown menu you can set shouldBlockScroll to false.

<Dropdown
  isOpen={isOpen}
  disableAnimation={true}
  shouldBlockScroll={false}   // Here you can set this to false by default it's true.
>
  <DropdownTrigger>
    <Button
      onMouseEnter={() => {
        if (timeoutId !== null) clearTimeout(timeoutId);
        setIsOpen(true);
      }}
      onMouseLeave={() => {
        const id = window.setTimeout(() => setIsOpen(false), delay);
        setTimeoutId(id);
      }}
      disableRipple={true}
      disableAnimation={true}
      className="p-0 bg-transparent data-[hover=true]:bg-transparent text-xl"
    >
      College Consulting▾
    </Button>
  </DropdownTrigger>
  <DropdownMenu
    onMouseEnter={() => {
      if (timeoutId !== null) clearTimeout(timeoutId);
      setIsOpen(true);
    }}
    onMouseLeave={() => {
      setIsOpen(false);
    }}
    aria-label="Lumos Tutoring Consulting Menu"
    disabledKeys={['Acceptances', 'Testimonials']}
    className="flex"
    itemClasses={{
      base: 'gap-4',
    }}
  >
    <DropdownItem
      key="Admissions Consulting Services"
      href="/Consulting"
    >
      Admissions Consulting Services
    </DropdownItem>
    <DropdownItem key="College Essay Coaching" href="#">
      College Essay Coaching
    </DropdownItem>
    <DropdownItem key="About Noah" href="/AboutMe">
      About Noah
    </DropdownItem>
    <DropdownItem key="Acceptances" href="#">
      Acceptances
    </DropdownItem>
    <DropdownItem key="Testimonials" href="#">
      Testimonials
    </DropdownItem>
  </DropdownMenu>
</Dropdown>

WHAT THATS A THING

I SWEAR I READ THE DOCS

maybe im just dumb

thank you @Black Turnstone

youre the goat

🫡👍

while i got you here you wanna help me with my heroui problem.....

I'll try

is it okay if i ping you in it or should i explain it here

Anything works