diff --git a/src/components/Navbar/NavItems.tsx b/src/components/Navbar/NavItems.tsx index 7099cb64..fda4ffb4 100644 --- a/src/components/Navbar/NavItems.tsx +++ b/src/components/Navbar/NavItems.tsx @@ -11,14 +11,13 @@ const links = [ { title: 'Sponsors', href: 'sponsors-anchor', offset: 200 }, { title: 'Partners', href: 'partners-anchor', offset: 20 }, { title: 'FAQ', href: 'faq-anchor', offset: 120 }, - { title: 'The Team', href: 'team-anchor' }, + { title: 'The Team', href: 'team-anchor', offset: 180 }, { title: 'Contact', href: 'contact-anchor', offset: 100 }, ]; const rowStyle = 'flex-row items-center'; const colStyle = 'flex-col lg:p-0'; -const navbarHeightPx = 80; -const scrollPaddingPx = -navbarHeightPx; // navbarHeight + extra padding +const navbarHeightPx = -88; const NavItems: React.FC = ({ isHorizontal, handleClick }) => { const handleLinkClick = (title: string) => { @@ -34,7 +33,7 @@ const NavItems: React.FC = ({ isHorizontal, handleClick }) => { to={link.href} smooth duration={500} - offset={link.offset ? -link.offset + scrollPaddingPx : scrollPaddingPx} + offset={link.offset ? -link.offset + navbarHeightPx : navbarHeightPx} className="text-md w-full" onClick={() => handleLinkClick(link.title)} > diff --git a/src/components/sections/TeamFAQ.section.tsx b/src/components/sections/TeamFAQ.section.tsx index 976acfb6..03995c4e 100644 --- a/src/components/sections/TeamFAQ.section.tsx +++ b/src/components/sections/TeamFAQ.section.tsx @@ -73,12 +73,9 @@ const TeamFAQSection = () => {
-
+
{ alt="" /> +