Merge pull request #178 from NetSepio/new_ui

[FIX]: Fixed minor issues
NetSepio · Feb 19, 2025 · dc04408 · dc04408
2 parents 337a213 + b92802c
commit dc04408
Show file tree

Hide file tree

Showing 10 changed files with 39 additions and 41 deletions.
diff --git a/components/Banner.tsx b/components/Banner.tsx
diff --git a/components/DepinCarousel.js b/components/DepinCarousel.js
@@ -12,7 +12,7 @@ const DepinCarousel = () => {
       }}
     >
       <div className="w-full max-w-6xl px-4">
-        <h1 className="text-white text-4xl mb-12 mt-0 lg:text-7xl md:text-4xl sm:text-3xl">
+        <h1 className="text-white text-4xl mb-12 mt-0 lg:text-7xl md:text-4xl sm:text-3xl" style={{fontFamily: "DM Sans"}}>
           Meet CyreneAI
         </h1>
         <p className="text-[#ccc] text-2xl leading-6 lg:text-2xl mb-8 sm:text-xl sm:mb-6">

diff --git a/components/Dvpn.jsx b/components/Dvpn.jsx
@@ -11,7 +11,7 @@ const Dvpn = () => {
       }}
     >
       <div className="w-full max-w-6xl px-4">
-        <h1 className="text-white text-4xl mb-12 mt-0 lg:text-7xl md:text-4xl sm:text-3xl">
+        <h1 className="text-white text-4xl mb-12 mt-0 lg:text-7xl md:text-4xl sm:text-3xl" style={{fontFamily: "DM Sans"}}>
           Decentralized VPN
         </h1>
         <p className="text-[#ccc] text-2xl leading-6 lg:text-2xl mb-8 sm:text-xl sm:mb-6">

diff --git a/components/MobileAPK.js b/components/MobileAPK.js
@@ -5,7 +5,7 @@ const Pricing = () => {
   return (
     <div className="bg-[#040a20] text-center pb-40">
       <div>
-        <h1 className="lg:text-7xl md:text-4xl sm:text-3xl text-4xl pb-20 text-center text-white">
+        <h1 className="lg:text-7xl md:text-4xl sm:text-3xl text-4xl pb-20 text-center text-white" style={{fontFamily: "DM Sans"}}>
           Your Content Delivery, Uninterrupted!
         </h1>
         <p className="text-[#ccc] text-2xl leading-6 lg:text-2xl mb-8 sm:text-xl sm:mb-6">
@@ -52,7 +52,7 @@ const Pricing = () => {
       </div>
       <div className="flex flex-wrap justify-center gap-8 items-center lg:items-start pt-20">
         <a
-          href="https://erebrus.io/subscription"
+          href="https://docs.netsepio.com/latest/erebrus/setup"
           target="_blank"
           rel="noreferrer"
         >

diff --git a/components/futureawait.tsx b/components/futureawait.tsx
@@ -15,7 +15,7 @@ const Future = () => {
 const Header = () => {
   return (
     <>
-      <h1 className="lg:text-7xl md:text-4xl sm:text-3xl text-4xl pt-20 text-center">
+      <h1 className="lg:text-7xl md:text-4xl sm:text-3xl text-4xl pt-20 text-center" style={{fontFamily: "DM Sans"}}>
         Decentralized for Speed and Privacy
       </h1>
       <div className="flex justify-center">

diff --git a/components/winners.tsx b/components/winners.tsx
@@ -40,7 +40,7 @@ const Winners: React.FC = () => {
   return (
     <div className="flex justify-center items-center pt-40 bg-[#040a20] text-center pb-40">
       <div>
-        <h1 className="lg:text-7xl md:text-4xl sm:text-3xl text-4xl pb-20 text-center text-white">
+        <h1 className="lg:text-7xl md:text-4xl sm:text-3xl text-4xl pb-20 text-center text-white" style={{fontFamily: "DM Sans"}}>
           Recognition
         </h1>
         <div className="flex flex-wrap justify-center items-center">
@@ -61,9 +61,9 @@ const Winners: React.FC = () => {
                 href={item.url}
                 target="_blank"
                 rel="noreferrer"
-                className="no-underline text-white flex items-center gap-2 hover:text-gray-300"
+                className="no-underline text-white flex items-center gap-2 hover:text-gray-300" 
               >
-                <h2 className="text-xl lg:text-3xl flex items-center gap-2 mb-4">
+                <h2 className="text-xl lg:text-2xl flex items-center gap-2 mb-4">
                   {item.text}{" "}
                   <img
                     src="/arrow.webp"

diff --git a/pages/_app.js b/pages/_app.js
@@ -16,7 +16,6 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { MantaPacific } from "../components/manta.ts";
 import { Peaq } from "../components/peaq.ts";
 import "../styles/globals.css";
-import Banner from "../components/Banner.tsx";
 import Link from "next/link";
 import { metaMask } from "wagmi/connectors";
 
@@ -90,17 +89,6 @@ export default function App({ Component, pageProps }) {
           <WagmiProvider config={config}>
             <QueryClientProvider client={queryClient}>
               <div className=" bg-black">
-                {!erebrus_wallet && (
-                  <div className="w-full ">
-                    <Link
-                      className="w-full"
-                      href="https://drive.google.com/file/d/1jdkqwIXY825iG3shRRoFyg5SMGy6LN8J/view?usp=drive_link"
-                      target="_blank"
-                    >
-                      <Banner />
-                    </Link>
-                  </div>
-                )}
                 <Navbar />
                 <Component {...pageProps} />
               </div>

diff --git a/pages/index.js b/pages/index.js
@@ -131,18 +131,21 @@ export default function Home() {
 
         {/* <iframe className=" absolute top-0 left-0 w-full h-full object-cover" src="https://www.youtube.com/embed/y6X1RbZ9ssE?autoplay=1&loop=1&playlist=y6X1RbZ9ssE" frameborder="0" allowfullscreen></iframe> */}
 
-        <img
-          src="/erebrus_hero.webp"
-          className="absolute top-0 left-0 w-full h-full object-cover"
-        />
+        <div className="hero-background">
+          <video autoPlay loop muted playsInline className="hero-video">
+            <source src="/background.mp4" type="video/mp4" />
+            Your browser does not support the video tag.
+          </video>
+        </div>
 
         <div
           className="text-white text-left text-4xl lg:text-8xl font-normal"
           style={{
             position: "absolute",
-            top: "40%",
+            top: "43%",
             left: "5%",
             transform: "translate(-0%, -50%)",
+            fontFamily: "DM Sans",
           }}
         >
           <h1>

diff --git a/public/Linkedin.png b/public/Linkedin.png
diff --git a/styles/Home.module.css b/styles/Home.module.css
@@ -1,3 +1,26 @@
+@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
+
+h1 {
+  font-family: "DM Sans", serif;
+  font-style: normal;
+}
+.hero-background {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+  overflow: hidden;
+}
+
+.hero-video {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  filter: brightness(35%);
+}
+
 .main {
   display: flex;
   flex-direction: column;