Merge pull request #7 from TartejBrothers/Updates

Updated: Home Screen
TartejBrothers · Apr 25, 2024 · cbf3304 · cbf3304
2 parents 5475226 + 4f8bf98
commit cbf3304
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 14 deletions.
diff --git a/public/index.html b/public/index.html
@@ -24,7 +24,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>ADVAL SOLUTIONS</title>
+    <title>ADVAL Studios</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/src/components/home.jsx b/src/components/home.jsx
@@ -11,7 +11,7 @@ export default function home() {
           <div className="navleft">
             <img src={logo} alt="logo" />
             <p>
-              <p className="colorChange">ADVAL</p>SOLUTIONS
+              <p className="colorChange">ADVAL</p> STUDIOS
             </p>
           </div>
           <div className="navright">
@@ -31,7 +31,8 @@ export default function home() {
         <div className="homecenter">
           <h1>
             Building <h1 className="colorYellow">Your Brand</h1> with You, For
-            You Let's Navigate Together.
+            You <br />
+            Let's Navigate Together.
           </h1>
           <p>
             Our Agency is a one stop solution to all of your Digital problems.

diff --git a/src/components/styles/style.css b/src/components/styles/style.css
@@ -36,36 +36,37 @@ body {
   text-align: center;
 }
 .navleft p {
-  display: flex;
+  display: inline;
   font-size: 16px;
-  gap: 5px;
 }
 .colorChange {
   color: #6b12bf;
+  font-size: 16px;
 }
 .navright {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: row;
-  gap: 20px;
+  gap: 40px;
 }
 .navright ul {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: row;
-  gap: 30px;
+  gap: 65px;
 }
 .navright ul li {
   list-style-type: none;
 }
 
 .contactbtn {
   background-color: #771bbe;
-  padding: 10px 20px;
+  padding: 15px 20px;
   border: none;
-  border-radius: 20px;
+  border-radius: 15px;
+  font-weight: 800;
 }
 
 .homecenter {
@@ -90,9 +91,10 @@ body {
 }
 .homecenter button {
   background-color: #771bc8;
-  padding: 20px;
+  padding: 20px 30px;
   border: none;
-  border-radius: 20px;
+  font-weight: 800;
+  border-radius: 50px;
 }
 .homebottom {
   display: flex;
@@ -103,15 +105,15 @@ body {
 }
 .homebutton1 {
   background: none;
-  padding: 10px 20px;
-  border-radius: 20px;
+  padding: 15px 30px;
+  border-radius: 50px;
   border: 2px solid #54039d;
 }
 .homebutton2 {
   background-color: #360a60;
   border-radius: 100%;
   border: none;
-  padding: 10px;
+  padding: 20px;
   display: flex;
   justify-content: center;
   align-items: center;