add scroll to communityGrants and add smooth scroll to html

BuidlGuidl · Feb 20, 2024 · 6fab426 · 6fab426
1 parent f8a4a8c
commit 6fab426
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/packages/nextjs/app/_components/CommunityGrant.tsx b/packages/nextjs/app/_components/CommunityGrant.tsx
@@ -3,7 +3,7 @@ import Link from "next/link";
 
 export const CommunityGrant = () => {
   return (
-    <div className="bg-secondary">
+    <div id="communityGrants" className="bg-secondary">
       <div className="container max-w-[90%] sm:max-w-md lg:max-w-7xl m-auto xl:pl-18 lg:pl-8 flex flex-col-reverse lg:flex-row gap-5 lg:gap-0 max-h-[30rem]">
         {/* Left section(Title, desc and btn) */}
         <div className="my-4 lg:py-16 space-y-2 lg:max-w-[40%] flex flex-col items-center lg:items-start">

diff --git a/packages/nextjs/app/_components/HomepageHero.tsx b/packages/nextjs/app/_components/HomepageHero.tsx
@@ -16,7 +16,7 @@ export const HomepageHero = () => (
           just finished SRE or completed one of our batches? This could be the next step in your BuidlGuidl’s journey.
         </p>
         <Link
-          href="/apply"
+          href="#communityGrants"
           className="btn btn-primary btn-md border-1 border-black rounded-2xl px-14 font-medium shadow-none"
         >
           Learn More

diff --git a/packages/nextjs/app/layout.tsx b/packages/nextjs/app/layout.tsx
@@ -72,7 +72,10 @@ const spaceGrotesk = Space_Grotesk({
 
 const ScaffoldEthApp = ({ children }: { children: React.ReactNode }) => {
   return (
-    <html suppressHydrationWarning className={`${ppEditorial.variable} ${spaceMono.variable} ${spaceGrotesk.variable}`}>
+    <html
+      suppressHydrationWarning
+      className={`${ppEditorial.variable} ${spaceMono.variable} ${spaceGrotesk.variable} scroll-smooth`}
+    >
       <body>
         <ThemeProvider enableSystem>
           <ScaffoldEthAppWithProviders>{children}</ScaffoldEthAppWithProviders>