banner in landing page only

NetSepio · May 19, 2024 · bedfcf3 · bedfcf3
1 parent 00c6856
commit bedfcf3
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 17 deletions.
diff --git a/src/app/layout.jsx b/src/app/layout.jsx
@@ -2,7 +2,6 @@ import { Roboto } from "next/font/google";
 import "./globals.css";
 import Navbar from "@/components/Navbar";
 import Footer from "@/components/Footer";
-import Link from 'next/link';
 
 const roboto = Roboto({
   subsets: ["latin"],
@@ -16,26 +15,10 @@ export const metadata = {
     "Protect your online presence with NetSepio, the decentralized cybersecurity platform. Say goodbye to malware and scams with our innovative features, including Web3 archive and DAO-driven governance. Download now for free.",
 };
 
-const banner = {
-  backgroundImage: 'radial-gradient(circle, #B7990D59 50%, #050B21B2, #050B21B2)',
-  width: '180vh',
-};
-
 export default function RootLayout({ children }) {
   return (
     <html lang='en'>
       <body className={`${roboto.className} w-full  bg-primary flex flex-col`}>
-      <main className="flex flex-col items-center justify-between">
-      <Link href="/nodeform">
-                    <div style={banner} className="py-4 text-gray-300 text-center">Become a Node Runner and Earn Triple Rewards,&nbsp;
-                    <span className='text-bold'
-                    style={{ border: "none", textDecoration: "none", position: "relative" , color:'#11D9C5'}}>
-                    Join waitlist
-                    &nbsp;&#10138;
-                    </span> 
-                    </div>
-                    </Link>
-                    </main>
         <Navbar />
         {children}
         <Footer />

diff --git a/src/app/page.jsx b/src/app/page.jsx
@@ -9,9 +9,28 @@ import Socials from "@/components/Socials";
 import WinSection from "@/components/WinSection";
 import { cardDetails } from "@/utils/data";
 import Image from "next/image";
+import Link from 'next/link';
 
 export default function Home() {
+
+  const banner = {
+    backgroundImage: 'radial-gradient(circle, #B7990D59 50%, #050B21B2, #050B21B2)',
+    width: '180vh',
+  };
+
   return (
+    <>
+    <main className="flex flex-col items-center justify-between">
+      <Link href="/nodeform">
+                    <div style={banner} className="py-3 text-gray-300 text-center">Become a Node Runner and Earn Triple Rewards,&nbsp;
+                    <span className='text-bold'
+                    style={{ border: "none", textDecoration: "none", position: "relative" , color:'#11D9C5'}}>
+                    Join waitlist
+                    &nbsp;&#10138;
+                    </span> 
+                    </div>
+                    </Link>
+                    </main>
     <main className='flex min-h-screen bg-primary flex-col items-center justify-between'>
       <Hero />
       <Mission />
@@ -26,5 +45,6 @@ export default function Home() {
       <Socials />
       <Newsletter />
     </main>
+    </>
   );
 }