desktop position and color

Kiri23 · Jul 19, 2024 · 7f4f2ba · 7f4f2ba
1 parent 56b65ff
commit 7f4f2ba
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/components/Sections/Hero.tsx b/components/Sections/Hero.tsx
@@ -2,25 +2,25 @@ export default function Hero() {
   return (
     <div className="mx-auto font-sans font-light lg:pt-12">
       <div className="flex flex-col lg:flex-row lg:items-center lg:gap-x-12">
-        <div className="lg:w-[45%] text-center mx-3 lg:text-left lg:mx-0 mb-8 lg:mb-0">
+        <div className="lg:w-[45%] text-center mx-3 lg:text-left mb-8 lg:mt-36">
           <h1 className="text-blueBrand leading-relaxed">
-            <span className="text-5xl lg:text-6xl">
+            <span className="text-5xl font-normal lg:text-6xl">
               Find Your Peace
             </span>
             <br />
             <span className="text-2xl font-normal lg:px-3 lg:font-light lg:text-4xl">
               Discover Your Resilience
             </span>
           </h1>
-          <p className="mt-3 text-base leading-loose">
+          <p className="mt-3 text-base leading-loose lg:mt-6">
             Your journey to serenity and personal evolution begins here. We
             offer gentle guidance to help you navigate life's challenges with
             grace and confidence.
           </p>
-          <div className="mt-8 w-full hidden lg:visible">
+          <div className="mt-5 w-full hidden lg:block">
             <button
               type={"button"}
-              class="lg:w-1/2 p-2 lg:p-6 sm:py-3 text-lg uppercase text-white font-medium rounded-xl bg-blueBrand hover:shadow-lg"
+              class="lg:w-1/2 p-2 text-lg uppercase text-white font-medium rounded-xl bg-blueBrand hover:shadow-lg lg:p-4"
             >
               Schedule a session
             </button>

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -17,7 +17,7 @@ export default {
       },
       colors: {
         pinkBrand: "#f5dae1",
-        blueBrand: "#33516C",
+        blueBrand: "#2F597F",
         pink: {
           110: "#fce5f2",
           120: "#fce2f1",