Merge pull request #4 from Play2HelpWorld-com/Create-HomePage

Change logo and change the background color
MeetYourAI · Aug 31, 2023 · 00591d5 · 00591d5
2 parents 0bc468a + 3c71dc0
commit 00591d5
Show file tree

Hide file tree

Showing 9 changed files with 155 additions and 13 deletions.
diff --git a/app/layout.css b/app/layout.css
@@ -0,0 +1,4 @@
+.bg-dark-blut-dark {
+    background: linear-gradient(90deg, #000102 0%, #01102c 100%);
+}
+
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -5,6 +5,7 @@ import Header from "@/components/Header";
 import "../styles/index.css";
 import "node_modules/react-modal-video/css/modal-video.css";
 import ScrollToTop from "@/components/ScrollToTop";
+import './layout.css'
 
 
 export default function RootLayout({
@@ -15,7 +16,7 @@ export default function RootLayout({
   return (
     <html lang="en">
       <head />
-      <body className="dark:bg-black">
+      <body className="bg-dark-blut-dark">
         <Providers>
           <Header />
           {children}

diff --git a/components/Footer/index.tsx b/components/Footer/index.tsx
@@ -14,23 +14,22 @@ const Footer = () => {
               <div className="mb-12 max-w-[360px] lg:mb-16">
                 <Link href="/" className="mb-8 inline-block">
                   <Image
-                    src="/images/logo/logo.jpg"
+                    src="/images/logo/logo.svg"
                     alt="logo"
-                    className="w-1/4 dark:hidden"
+                    className="w-2/6 dark:hidden"
                     width={140}
                     height={30}
                   />
                   <Image
-                    src="/images/logo/logo.jpg"
+                    src="/images/logo/logo.svg"
                     alt="logo"
-                    className="hidden w-1/4 dark:block"
+                    className="hidden w-2/6 dark:block"
                     width={140}
                     height={30}
                   />
                 </Link>
                 <p className="mb-9 text-base font-medium leading-relaxed text-body-color">
-                  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-                  Integer lobortis.
+                  With AiProf, we're on a mission to transform education through AI-driven learning.
                 </p>
                 <div className="flex items-center">
                   <a

diff --git a/components/Header/index.tsx b/components/Header/index.tsx
@@ -54,18 +54,18 @@ const Header = () => {
                 } `}
               >
                 <Image
-                  src="/images/logo/logo.jpg"
+                  src="/images/logo/logo.svg"
                   alt="logo"
                   width={140}
                   height={30}
-                  className="w-2/5 dark:hidden"
+                  className="w-1/6 dark:hidden"
                 />
                 <Image
-                  src="/images/logo/logo.jpg"
+                  src="/images/logo/logo.svg"
                   alt="logo"
                   width={140}
-                  height={30}
-                  className="hidden w-2/5 dark:block"
+                  height={20}
+                  className="hidden w-2/3 dark:block"
                 />
               </Link>
             </div>
@@ -163,7 +163,7 @@ const Header = () => {
                   Sign Up
                 </Link>
                 <div>
-                  <ThemeToggler />
+                  {/* <ThemeToggler /> */}
                 </div>
               </div>
             </div>

diff --git a/public/images/favicon.ico b/public/images/favicon.ico
diff --git a/public/images/favicon.png b/public/images/favicon.png
diff --git a/public/images/logo/logo.jpg b/public/images/logo/logo.jpg
diff --git a/public/images/logo/logo.svg b/public/images/logo/logo.svg
diff --git a/public/images/logo/logod.jpg b/public/images/logo/logod.jpg