syntaxsurge
diff --git a/‎.DS_Store‎
8 KB b/‎.DS_Store‎
8 KB
diff --git a/‎challenge-1-vesting/.DS_Store‎
6 KB b/‎challenge-1-vesting/.DS_Store‎
6 KB
diff --git a/‎challenge-1-vesting/README.md‎
Lines changed: 1 addition & 1 deletion b/‎challenge-1-vesting/README.md‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎challenge-3-frontend/app/layout.tsx‎
Lines changed: 12 additions & 14 deletions b/‎challenge-3-frontend/app/layout.tsx‎
Lines changed: 12 additions & 14 deletions
diff --git a/‎challenge-3-frontend/app/mint-redeem-lst-bifrost/page.tsx‎
Lines changed: 21 additions & 7 deletions b/‎challenge-3-frontend/app/mint-redeem-lst-bifrost/page.tsx‎
Lines changed: 21 additions & 7 deletions
@@ -10,7 +10,7 @@ Add your information to the below list to officially participate in the workshop
 
 | Emoji | Name | Github Username                       | Occupations |
 | ----- | ---- | ------------------------------------- | ----------- |
-| ⚡   | Jade Laurence Empleo | [syntaxsurge](https://github.com/syntaxsurge) | Self-employed |
+| ⚡   | Jade Laurence Empleo | [syntaxsurge](https://github.com/syntaxsurge) | Freelancer |
 
 ## 💻 Local development environment setup
 
 
@@ -1,14 +1,15 @@
 import type { Metadata } from "next";
 import { Unbounded } from "next/font/google";
 import "./globals.css";
-import '@rainbow-me/rainbowkit/styles.css';
-import { Providers } from '@/app/providers';
+import "@rainbow-me/rainbowkit/styles.css";
+import { Providers } from "@/app/providers";
+import Navbar from "@/components/navbar";
 
 const unbounded = Unbounded({
-  subsets: ['latin'],
-  weight: ['400', '700'],
-  display: 'swap',
-})
+  subsets: ["latin"],
+  weight: ["400", "700"],
+  display: "swap",
+});
 
 export const metadata: Metadata = {
   title: "DOT UI kit",
@@ -21,16 +22,13 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="en">
-      <body
-        className={unbounded.className}
-      >
+    <html lang="en" suppressHydrationWarning>
+      <body className={unbounded.className}>
         <Providers>
-          <main>
-            {children}
-          </main>
+          <Navbar />
+          <main className="flex flex-col min-h-screen">{children}</main>
         </Providers>
       </body>
     </html>
   );
-}
+}
@@ -1,15 +1,29 @@
 "use client";
+
 import MintRedeemLstBifrost from "@/components/mint-redeem-lst-bifrost";
-import SigpassKit from "@/components/sigpasskit";
-import Navbar from "@/components/navbar";
+import {
+  Card,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+} from "@/components/ui/card";
 
 export default function MintRedeemLstBifrostPage() {
   return (
-    <div className="flex flex-col gap-8 max-w-[768px] mx-auto min-h-screen items-center justify-center">
-      <SigpassKit />
-      <Navbar />
-      <h1 className="text-2xl font-bold">Mint/Redeem LST Bifrost</h1>
+    <div className="flex flex-col gap-8 max-w-[768px] mx-auto min-h-screen items-center justify-center py-16 px-4">
+      <Card className="w-full border-0 bg-muted/30 backdrop-blur-md shadow-lg">
+        <CardHeader className="space-y-4 text-center">
+          <CardTitle className="text-3xl md:text-4xl font-extrabold bg-gradient-to-r from-violet-500 via-pink-500 to-orange-500 bg-clip-text text-transparent">
+            Mint&nbsp;/&nbsp;Redeem&nbsp;LST&nbsp;Bifrost
+          </CardTitle>
+          <CardDescription>
+            Swap supported assets for liquid staking tokens or redeem them anytime through
+            cross-chain Bifrost orders with seamless approvals and progress tracking.
+          </CardDescription>
+        </CardHeader>
+      </Card>
+
       <MintRedeemLstBifrost />
     </div>
   );
-}
+}