Feature/remove tincre branding

cms.data.js

@@ -1,17 +1,15 @@
-export const hostname = "investor.tincre.com";
+export const hostname = "funded.vercel.app";
 export const entityTitle = "Funded";
-export const entityUrl = "https://funded.vercel.app"
+export const entityUrl = `https://${hostname}`;
 export const title = `${entityTitle} @ ${entityUrl}`;
 export const description =
     "A Single Page Application for getting funded, built on Next.js and Tailwindcss, by Tincre. Raise capital the hard way.ᵀᴹ";
 export const author = `${entityTitle}, ${entityUrl}`;
 export const navigationLinks =
     [ `Investing in ${entityTitle}`, "About", "The Team" ];
-export const navigationHrefs =
-    [ "#why-invest-part-1", "#fact-snippets", "#team" ];
+export const navigationHrefs = [ "#why-invest", "#why-invest", "#why-invest" ];
 export const cta = "Invest";
-export const logoSrc =
-    "https://res.cloudinary.com/tincre/image/upload/v1638892843/tincre.com/tincre-brand-indigo-800_uatfej.svg";
+export const logoSrc = undefined;
 export const stats1Data = [
   {
     icon : "",
@@ -39,7 +37,7 @@ export const whyInvestContent = {
   title : "We're seeking investment to release more kick ass brands",
   description :
       "Our formula for success works and we are scaling it by releasing stuff that customers love.",
-  cta : "Learn about how to invest",
+  cta : `Learn about investing in ${entityTitle}`,
   whyInvestCardData : [
     "The most epic management team in the world.",
     "With a proven track record of scaling productsand teams.",

components/Hero.jsx

@@ -19,21 +19,21 @@ export default function Hero({
         </p>
         <div>
           <a
-            className="block lg:inline-block px-5 py-3 lg:mr-3 mb-3 lg:mb-0 text-sm text-center bg-indigo-500 hover:bg-indigo-600 text-white font-semibold border border-indigo-500 hover:border-indigo-600 rounded transition duration-200"
+            className="w-full lg:w-2/5 block lg:inline-block px-5 py-3 lg:mr-3 mb-3 lg:mb-0 text-sm text-center bg-indigo-500 hover:bg-indigo-600 text-white font-semibold border border-indigo-500 hover:border-indigo-600 rounded transition duration-200"
             href="#"
           >
             {cta1}
           </a>
           {!session ? (
             <button
-              className="block lg:inline-block px-5 py-3 text-sm text-center font-semibold text-indigo-500 hover:text-white hover:bg-indigo-500 border border-indigo-500 hover:border-indigo-600 rounded transition duration-200"
+              className="w-full lg:w-2/5 block lg:inline-block px-5 py-3 text-sm text-center font-semibold text-indigo-500 hover:text-white hover:bg-indigo-500 border border-indigo-500 hover:border-indigo-600 rounded transition duration-200"
               onClick={() => signIn()}
             >
               Log in
             </button>
           ) : (
             <button
-              className="block lg:inline-block px-5 py-3 text-sm text-center font-semibold text-indigo-500 hover:text-white hover:bg-indigo-500 border border-indigo-500 hover:border-indigo-600 rounded transition duration-200"
+              className="w-full lg:w-1/2 block lg:inline-block px-5 py-3 text-sm text-center font-semibold text-indigo-500 hover:text-white hover:bg-indigo-500 border border-indigo-500 hover:border-indigo-600 rounded transition duration-200"
               onClick={() => signOut()}
             >
               Log out

components/MobileNavbar.jsx

@@ -8,6 +8,7 @@ export default function MobileNavbar({
   navigationHrefs,
   cta,
   session,
+  logoSrc,
   mobileMenuIsClicked,
   setMobileMenuIsClicked,
 }) {
@@ -29,12 +30,22 @@ export default function MobileNavbar({
                   className="mr-auto text-2xl font-semibold leading-none"
                   onClick={() => setMobileMenuIsClicked(!mobileMenuIsClicked)}
                 >
-                  <img
-                    className="h-8"
-                    src="/logos/plain-indigo.svg"
-                    alt={`${entityTitle} logo`}
-                    width="auto"
-                  />
+                  {" "}
+                  {logoSrc ? (
+                    <img
+                      className="h-16"
+                      src={logoSrc}
+                      alt={`The ${entityTitle} logo`}
+                      width="auto"
+                      height="4rem"
+                    />
+                  ) : (
+                    <div className="inline">
+                      <h1 className="first-letter:font-extrabold first-letter:text-5xl font-bold tracking-wide text-indigo-700 text-3xl">
+                        {entityTitle}
+                      </h1>
+                    </div>
+                  )}
                 </a>
               </Link>
               <button

components/Sections/NavigationHero.jsx

@@ -30,7 +30,7 @@ export default function NavigationHero({
           subHeading="We create value across the web via financially performant semi-autonomous brands centered around core technology."
           cta1="Learn about our raise"
           cta2="Sign in or up"
-          imageSrc="https://res.cloudinary.com/tincre/image/upload/v1638892843/tincre.com/tincre-brand-indigo-800_uatfej.svg"
+          imageSrc={logoSrc}
           session={session}
         />
       </div>
@@ -43,6 +43,7 @@ export default function NavigationHero({
           session={session}
           mobileMenuIsClicked={mobileMenuIsClicked}
           setMobileMenuIsClicked={setMobileMenuIsClicked}
+          logoSrc={logoSrc}
         />
       </div>
     </section>