gopinav

import React, { useState } from "react";
import { useInView, InView } from "react-intersection-observer";

const sections = ["Issues", "Cycles", "Roadmaps", "Workflows"];

const menuWidths = {
  Issues: {
    open: "124px",
    closed: "65px",
  },

gopinav

import React from "react";

const sections = ["Issues", "Cycles", "Roadmaps", "Workflows"];

function LandingPage() {
  return (
    <div className="flex flex-col pb-12 bg-gray-950">
      <header className="fixed top-0 left-0 right-0 h-12 flex justify-center items-center backdrop-blur-[30px] border-t-[rgba(255,255,255,0.10;border-right:0px)_solid_rgba(255,255,255,0.10;] z-30 w-[100%] px-60  border-l-[0px)] border-l-[rgba(255,255,255,0.10;] border-t-[0px)] border-b-[rgba(255,255,255,0.10);] border-solid border-b max-md:max-w-full max-md:px-5">
        <div className="flex items-center gap-0 max-md:max-w-full max-md:flex-wrap">
          <span className="flex items-start justify-between gap-5 my-auto max-md:max-w-full max-md:flex-wrap">

gopinav

import React from "react";

export function Hero() {
  return (
    <div className="bg-gray-950 flex flex-col pb-12">
      <header className="justify-center items-center border-t-[rgba(255,255,255,0.10;border-right:0px)_solid_rgba(255,255,255,0.10;] z-[1;] w-[100%;] px-60 py-8 border-l-[0px)] border-l-[rgba(255,255,255,0.10;] border-t-[0px)] border-b-[rgba(255,255,255,0.10);] border-solid border-b max-md:max-w-full max-md:px-5">
        <div className="flex items-center gap-0 max-md:max-w-full max-md:flex-wrap">
          <span className="items-start flex justify-between gap-5 my-auto max-md:max-w-full max-md:flex-wrap">
            <img
              loading="lazy"