fix registration links labels

YassinEldeeb · YassinEldeeb · commit 7585c4b0ec54 · 2024-05-19T18:24:42.000+03:00
diff --git a/src/app/conf/2024/layout.tsx b/src/app/conf/2024/layout.tsx
@@ -4,6 +4,7 @@ import { Header } from "../_components/header"
 import { Footer } from "../_components/footer"
 import { GraphQLConf, HostedByGraphQLFoundation } from "@/icons"
 import NextLink from "next/link"
+import { Button } from '../_components/button'
 
 export const metadata = {
   description:
@@ -41,22 +42,23 @@ export default function Layout({
           </NextLink>
         }
         links={[
-          { children: "FAQ", href: "/conf/2024/faq" },
-          { children: "Speak", href: "/conf/2024/speak" },
-          { children: "Register", href: "https://cvent.me/gk2dRw" },
-          { children: "Sponsor", href: "/conf/2024/sponsor" },
-          { children: "Partner", href: "/conf/2024/partner" },
+          { children: <span>FAQ</span>, href: "/conf/2024/faq" },
+          { children: <span>Speak</span>, href: "/conf/2024/speak" },
+          { children: <span>Register</span>, href: "https://cvent.me/gk2dRw" },
+          { children: <span>Sponsor</span>, href: "/conf/2024/sponsor" },
+          { children: <span>Partner</span>, href: "/conf/2024/partner" },
           {
-            children: "Speakers",
+            children: <span>Speakers</span>,
             href: "/conf/2024/speakers",
             "aria-disabled": true,
           },
           {
-            children: "Schedule",
+            children: <span>Schedule</span>,
             href: "/conf/2024/schedule",
             "aria-disabled": true,
           },
-          { children: "GraphQLConf 2023", href: "/conf/2023" },
+          { children: <span>GraphQLConf 2023</span>, href: "/conf/2023" },
+          { children: <Button disabled className='bg-primary hover:bg-primary/40 cursor-pointer'>Registration</Button>, href: "#attend" },
         ]}
       />
       {children}
diff --git a/src/app/conf/2024/page.tsx b/src/app/conf/2024/page.tsx
@@ -46,7 +46,7 @@ export default function Page() {
           </div>
           <HostedByGraphQLFoundation className="shrink-0 h-8 lg:h-10 mt-5 mb-16 lg:mb-32 self-start" />
           <div className="flex items-center gap-12 max-md:flex-col">
-            <Button href="https://cvent.me/gk2dRw">Register Now!</Button>
+            <Button href="#attend">Get Your Ticket!</Button>
             <a
               href="/conf/2024/speak"
               className="whitespace-nowrap with-arrow w-40 hover:text-primary transition-colors"
diff --git a/src/app/conf/_components/header.tsx b/src/app/conf/_components/header.tsx
@@ -17,7 +17,7 @@ export function Header({
   links,
   logo,
 }: {
-  links: { href: string; children: string; "aria-disabled"?: true }[]
+  links: { href: string; children: React.ReactNode; "aria-disabled"?: true }[]
   logo: ReactNode
 }): ReactElement {
   const pathname = usePathname()
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -28,7 +28,7 @@ export default function RootLayout({
   children: ReactNode
 }): ReactElement {
   return (
-    <html lang="en" className={font.className}>
+    <html lang="en" className={`scroll-smooth ${font.className}`}>
       <head>
         <style>{`html { scroll-padding-top: 5rem }`}</style>
       </head>
