20240817 minor changes

.gitignore

@@ -103,3 +103,6 @@ dist
 # TernJS port file
 .tern-port
 .vercel
+
+# all DS_Store files
+**/.DS_Store

.npmrc

@@ -0,0 +1 @@
+auto-install-peers=true

README.md

@@ -0,0 +1 @@
+# insight

components/features.tsx

@@ -7,27 +7,29 @@ import featuresImageCropped from "../public/images/features-image-cropped.png";
 const features = [
   {
     id: 1,
-    title: `Created by slate. <br />
-  Powered by iPhone.`,
-    text: `Featuring advanced encryption technology, Slate takes full
-  advantage of the latest device privacy and performance
-  capabilities available.`,
+    title: `Discovery`,
+    text: `We understand what matters the most for your specific investment requirements`,
   },
   {
     id: 2,
-    title: `No surcharges. <br />
-    Not even international ones.`,
-    text: `Featuring advanced encryption technology, Slate takes full
-  advantage of the latest device privacy and performance
-  capabilities available.`,
+    title: `Strategy`,
+    text: `We help device a strategy that aims to achieve your investment goals`,
   },
   {
     id: 3,
-    title: `Peace of mind payments for your everyday transactions.`,
-    text: `Featuring advanced encryption technology, Slate takes full
-  advantage of the latest device privacy and performance
-  capabilities available.`,
+    title: `Research`,
+    text: `We do the Search based on your Financials, Suitability, Feasibility Study, All background checks`,
   },
+  {
+    id: 4,
+    title: `Evaluation`,
+    text: `Filter and arrive at a handful of properties that match your search criteria`,
+  },
+  {
+    id: 5,
+    title: `Negotiation`,
+    text: `Leaveraging our knowledge, skills and relationships to secure the property`,
+  }
 ];
 
 export default function Features() {

components/footer.tsx

@@ -19,31 +19,22 @@ export default function Footer({
         <div className="absolute -top-64 -left-64 aspect-[10/8] h-full w-[1200px] animate-float bg-[radial-gradient(50%_50%_at_50%_50%,#f4ddcd_0%,theme(colors.blob-2)_24.48%,rgba(239,238,243,0)_100%)] opacity-50 mix-blend-overlay [animation-delay:4s]"></div>
 
         <div className="relative isolate z-40 mx-auto h-96 max-h-screen max-w-xl px-6 lg:px-8">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            fill="none"
-            className="group h-12 w-12 sm:h-20 sm:w-20"
-            viewBox="0 0 80 80"
-          >
-            <path
-              fill="#000"
-              className="transition group-hover:scale-[98%]"
-              fillRule="evenodd"
-              d="M4.686 4.686C0 9.373 0 16.916 0 32v16c0 15.085 0 22.627 4.686 27.314C9.373 80 16.916 80 32 80h16c15.085 0 22.627 0 27.314-4.686C80 70.627 80 63.084 80 48V32c0-15.085 0-22.627-4.686-27.314C70.627 0 63.084 0 48 0H32C16.915 0 9.373 0 4.686 4.686Zm16.187 56.146C18.397 59.462 17 57.582 17 55.541c0-1.721 1.111-2.837 2.825-2.837.984 0 1.746.446 3.047 1.69 2.254 2.135 4.635 3.155 7.682 3.155 3.841 0 6.222-1.657 6.222-4.367 0-2.136-1.587-3.73-4.603-4.399l-5.777-1.339c-6.063-1.37-8.92-4.367-8.92-9.212C17.476 32.048 22.555 28 30.46 28c3.27 0 6.317.765 8.698 2.2 2.253 1.306 3.587 3.155 3.587 4.972 0 1.626-1.111 2.646-2.794 2.646-.984 0-1.682-.319-3.143-1.562-2.317-2.104-4.158-2.869-6.697-2.869-3.619 0-5.81 1.69-5.81 4.367 0 2.168 1.43 3.475 4.54 4.208l6.095 1.402c5.936 1.371 8.697 4.304 8.697 9.213 0 6.407-5.11 10.391-13.459 10.391-3.523 0-6.824-.765-9.3-2.136ZM50.65 63c-2.38 0-4.349-1.976-4.349-4.399 0-2.39 1.968-4.367 4.35-4.367 2.38 0 4.348 1.976 4.348 4.367C55 61.024 53.032 63 50.651 63Z"
-              clipRule="evenodd"
-            />
-          </svg>
-          <h2 className="mt-4 text-4xl font-bold sm:mt-10 sm:text-5xl md:text-6xl">
+			<div>
+				<a className="group text-4xl font-bold" href="/">
+					<span className="font-bold">InvestorPro</span>
+				</a> <span className="ml-2 text-xl">Buyer's Agency</span>
+			</div>
+          <p className="mt-4 text-4xl font-bold sm:mt-10 sm:text-5xl md:text-4xl whitespace-pre-line">
             {footerHeadline}
-          </h2>
+          </p>
           <p className="mt-4 pr-8 text-lg sm:mt-6 sm:text-xl sm:leading-8">
             {footerText}
           </p>
           <a
             href="#"
             className="mt-6 inline-block rounded-full bg-black px-5 py-2.5 font-medium text-white hover:bg-gray-900 sm:mt-10"
           >
-            Sign up
+            Contact us
           </a>
         </div>
       </div>

components/head.tsx

@@ -3,9 +3,9 @@ import { useRouter } from "next/router";
 import NextHead from "next/head";
 
 const meta = {
-  title: "Keystatic | Marketing Landing Page Template",
+  title: "InvestorPro Buyer's Agency",
   description:
-    "Slate is a fictive product marketing landing page demo for Keystatic. Built by Thinkmill with Tailwind CSS and Next.js.",
+    "Landing page for InvestorPro Buyer's Agency",
   imagePath: "/images/seo-image.png",
 };
 

components/hero.tsx

@@ -18,14 +18,15 @@ export default function Hero({
     <section className="relative overflow-hidden bg-gradient-to-br from-white/50 to-transparent">
       {/* Blob 2 */}
 
-      <div className="relative z-10 mx-auto grid max-w-5xl py-12 px-6 sm:py-32 md:grid-cols-2 md:py-48 lg:px-8">
+      <div className="relative z-10 mx-auto grid max-w-5xl py-12 px-6 sm:py-24 md:grid-cols-2 md:py-28 lg:px-8">
         <div className="absolute bottom-0 -right-24">
-          <div className="h-[400px] w-[500px] bg-[radial-gradient(50%_50%_at_50%_50%,#cfbcdc_0%,rgba(207,188,220,0.66)_24.48%,rgba(239,238,243,0)_100%)] opacity-60 mix-blend-color-burn [animation-delay:2s]"></div>
+          <div className="h-[300px] w-[400px] bg-[radial-gradient(50%_50%_at_50%_50%,#cfbcdc_0%,rgba(207,188,220,0.66)_24.48%,rgba(239,238,243,0)_100%)] opacity-60 mix-blend-color-burn [animation-delay:2s]"></div>
         </div>
+
         <Image
           src={heroImage}
           alt=""
-          className="absolute right-0 bottom-0 hidden max-w-[70%] md:block"
+          className="absolute right-0 bottom-0 hidden max-w-[60%] md:block"
         />
 
         {/* Mobile image */}
@@ -35,40 +36,12 @@ export default function Hero({
           className="mx-auto w-[85%] max-w-[80%] md:hidden"
         />
         <div>
-          <h1 className="mt-0 text-4xl font-bold sm:text-5xl md:mt-20 md:text-6xl lg:text-7xl">
+          <h1 className="mt-0 text-4xl font-bold sm:text-5xl md:mt-20 md:text-6xl lg:text-6xl whitespace-pre-line">
             {heroHeadline}
           </h1>
-          <p className="mt-6 sm:mt-10 sm:text-xl sm:leading-8">
+          <p className="mt-6 sm:mt-10 sm:text-base sm:leading-8 whitespace-pre-line">
             {heroIntroText}
           </p>
-
-          {/* Buttons */}
-          <div className="mt-12 flex flex-wrap items-center gap-6 md:mt-20 md:gap-6">
-            <a href="#">
-              <svg
-                className="h-[54px] w-[134px]"
-                xmlns="http://www.w3.org/2000/svg"
-                fill="none"
-                viewBox="0 0 134 54"
-              >
-                <rect width="134" height="54" fill="#000" rx="16" />
-                <path
-                  fill="#000"
-                  d="M15.613 46.124c-.305 0-.602-.004-.904-.01a12.684 12.684 0 0 1-1.87-.164 5.883 5.883 0 0 1-1.656-.548 5.406 5.406 0 0 1-1.397-1.016 5.32 5.32 0 0 1-1.02-1.397 5.722 5.722 0 0 1-.544-1.657 12.415 12.415 0 0 1-.166-1.875c-.007-.21-.015-.913-.015-.913v-23.1s.009-.692.015-.895c.007-.627.063-1.253.165-1.872a5.755 5.755 0 0 1 .544-1.662c.26-.518.603-.99 1.015-1.398a5.567 5.567 0 0 1 3.055-1.567c.62-.101 1.248-.156 1.876-.164l.902-.012h102.769l.913.013a12.37 12.37 0 0 1 1.858.162 5.933 5.933 0 0 1 1.671.548 5.594 5.594 0 0 1 2.415 2.42 5.74 5.74 0 0 1 .535 1.649c.104.624.162 1.255.174 1.887.003.283.003.588.003.89.008.375.008.732.008 1.092v20.929c0 .363 0 .718-.008 1.075 0 .325 0 .623-.004.93-.011.62-.069 1.24-.171 1.853a5.716 5.716 0 0 1-.54 1.67 5.47 5.47 0 0 1-1.015 1.386c-.409.414-.881.759-1.4 1.022a5.852 5.852 0 0 1-1.668.55c-.618.101-1.243.156-1.869.163-.293.007-.599.011-.897.011l-1.084.002-101.69-.002Z"
-                />
-                <path
-                  fill="#fff"
-                  d="M31.937 27.3a4.95 4.95 0 0 1 2.356-4.152 5.066 5.066 0 0 0-3.99-2.158c-1.68-.176-3.308 1.005-4.164 1.005-.872 0-2.19-.988-3.608-.958a5.316 5.316 0 0 0-4.473 2.728c-1.934 3.348-.491 8.269 1.361 10.976.927 1.325 2.01 2.805 3.428 2.753 1.387-.058 1.905-.885 3.58-.885 1.658 0 2.144.885 3.59.852 1.489-.025 2.426-1.332 3.32-2.67a10.965 10.965 0 0 0 1.52-3.092 4.782 4.782 0 0 1-2.92-4.4ZM29.205 19.21a4.873 4.873 0 0 0 1.115-3.49 4.958 4.958 0 0 0-3.208 1.659 4.636 4.636 0 0 0-1.144 3.361 4.098 4.098 0 0 0 3.237-1.53ZM49.47 34.139h-4.733L43.6 37.495h-2.005l4.484-12.418h2.083l4.483 12.418h-2.04L49.47 34.14Zm-4.243-1.55h3.752l-1.85-5.447h-.051l-1.851 5.448ZM62.328 32.969c0 2.813-1.506 4.62-3.779 4.62a3.07 3.07 0 0 1-2.848-1.583h-.043v4.484h-1.859V28.441h1.8v1.506h.033a3.213 3.213 0 0 1 2.883-1.6c2.298 0 3.813 1.816 3.813 4.622Zm-1.91 0c0-1.833-.948-3.038-2.393-3.038-1.42 0-2.375 1.23-2.375 3.038 0 1.824.955 3.046 2.375 3.046 1.445 0 2.392-1.197 2.392-3.046ZM72.293 32.969c0 2.813-1.506 4.62-3.779 4.62a3.069 3.069 0 0 1-2.849-1.583h-.043v4.484h-1.858V28.441h1.799v1.506h.034a3.212 3.212 0 0 1 2.883-1.6c2.298 0 3.813 1.816 3.813 4.622Zm-1.91 0c0-1.833-.948-3.038-2.393-3.038-1.42 0-2.375 1.23-2.375 3.038 0 1.824.955 3.046 2.375 3.046 1.445 0 2.392-1.197 2.392-3.046ZM78.878 34.035c.138 1.232 1.334 2.04 2.97 2.04 1.566 0 2.692-.808 2.692-1.919 0-.964-.68-1.54-2.289-1.936l-1.609-.388c-2.28-.55-3.339-1.617-3.339-3.348 0-2.142 1.867-3.614 4.519-3.614 2.624 0 4.423 1.472 4.483 3.614H84.43c-.112-1.239-1.136-1.987-2.634-1.987-1.497 0-2.521.757-2.521 1.858 0 .878.654 1.395 2.255 1.79l1.368.336c2.548.603 3.606 1.626 3.606 3.443 0 2.323-1.85 3.778-4.794 3.778-2.754 0-4.613-1.42-4.733-3.667h1.902ZM90.514 26.299v2.142h1.722v1.472h-1.722v4.991c0 .776.345 1.137 1.102 1.137.204-.003.408-.018.611-.043v1.463c-.34.064-.686.092-1.032.086-1.833 0-2.548-.689-2.548-2.444v-5.19h-1.316v-1.472h1.316V26.3h1.867ZM93.233 32.969c0-2.849 1.678-4.639 4.294-4.639 2.625 0 4.295 1.79 4.295 4.639 0 2.856-1.661 4.638-4.295 4.638-2.633 0-4.294-1.782-4.294-4.638Zm6.695 0c0-1.954-.895-3.108-2.401-3.108-1.506 0-2.4 1.162-2.4 3.108 0 1.962.894 3.106 2.4 3.106 1.506 0 2.401-1.144 2.401-3.106ZM103.354 28.441h1.772v1.541h.043a2.159 2.159 0 0 1 2.178-1.635c.214-.001.428.022.637.069v1.738a2.594 2.594 0 0 0-.835-.112 1.872 1.872 0 0 0-1.937 2.083v5.37h-1.858v-9.054ZM116.552 34.836c-.25 1.644-1.85 2.771-3.898 2.771-2.634 0-4.269-1.764-4.269-4.595 0-2.84 1.644-4.682 4.191-4.682 2.505 0 4.08 1.72 4.08 4.466v.637h-6.395v.112a2.353 2.353 0 0 0 .639 1.832 2.364 2.364 0 0 0 1.797.732 2.046 2.046 0 0 0 2.091-1.273h1.764Zm-6.282-2.702h4.526a2.166 2.166 0 0 0-.608-1.634 2.169 2.169 0 0 0-1.612-.664 2.293 2.293 0 0 0-2.306 2.298ZM44.994 15.73a2.64 2.64 0 0 1 2.808 2.965c0 1.906-1.03 3.002-2.808 3.002H42.84V15.73h2.155Zm-1.228 5.123h1.125a1.876 1.876 0 0 0 1.967-2.146 1.881 1.881 0 0 0-1.967-2.134h-1.125v4.28ZM48.849 19.443a2.134 2.134 0 1 1 4.247 0 2.132 2.132 0 1 1-4.247 0Zm3.333 0c0-.976-.439-1.547-1.208-1.547-.773 0-1.207.571-1.207 1.547 0 .984.434 1.55 1.207 1.55.77 0 1.208-.57 1.208-1.55ZM58.741 21.697h-.922l-.93-3.317h-.07l-.927 3.317h-.914l-1.24-4.503h.9l.807 3.436h.067l.925-3.436h.853l.926 3.436h.07l.803-3.436h.889l-1.237 4.503ZM61.022 17.194h.855v.715h.066a1.347 1.347 0 0 1 1.344-.802 1.464 1.464 0 0 1 1.559 1.675v2.915h-.889v-2.692c0-.724-.314-1.084-.972-1.084a1.033 1.033 0 0 0-1.075 1.142v2.634h-.888v-4.503ZM66.262 15.436h.888v6.26h-.888v-6.26ZM68.386 19.443a2.133 2.133 0 1 1 4.247 0 2.134 2.134 0 1 1-4.247 0Zm3.333 0c0-.976-.439-1.547-1.208-1.547-.773 0-1.207.571-1.207 1.547 0 .984.434 1.55 1.207 1.55.77 0 1.208-.57 1.208-1.55ZM73.569 20.423c0-.81.603-1.277 1.675-1.344l1.22-.07v-.389c0-.476-.315-.744-.922-.744-.497 0-.84.182-.939.5h-.86c.09-.773.818-1.27 1.84-1.27 1.128 0 1.765.563 1.765 1.514v3.077h-.855v-.633h-.07a1.516 1.516 0 0 1-1.353.707 1.361 1.361 0 0 1-1.501-1.348Zm2.894-.384v-.377l-1.1.07c-.62.042-.9.253-.9.65 0 .405.351.64.834.64a1.06 1.06 0 0 0 1.166-.983ZM78.516 19.443c0-1.423.732-2.324 1.87-2.324a1.483 1.483 0 0 1 1.38.79h.066v-2.473h.89v6.26h-.852v-.71h-.07a1.563 1.563 0 0 1-1.415.785c-1.145 0-1.869-.901-1.869-2.328Zm.918 0c0 .955.45 1.53 1.203 1.53.75 0 1.212-.583 1.212-1.526 0-.938-.468-1.53-1.212-1.53-.748 0-1.203.58-1.203 1.526ZM86.398 19.443a2.133 2.133 0 1 1 4.247 0 2.132 2.132 0 1 1-4.247 0Zm3.333 0c0-.976-.438-1.547-1.208-1.547-.772 0-1.207.571-1.207 1.547 0 .984.434 1.55 1.207 1.55.77 0 1.208-.57 1.208-1.55ZM91.837 17.194h.856v.715h.066a1.347 1.347 0 0 1 1.344-.802 1.464 1.464 0 0 1 1.559 1.675v2.915h-.889v-2.692c0-.724-.314-1.084-.972-1.084a1.032 1.032 0 0 0-1.075 1.142v2.634h-.889v-4.503ZM100.683 16.073v1.141h.976v.749h-.976v2.315c0 .472.194.678.637.678.113 0 .226-.007.339-.02v.74c-.16.029-.322.044-.484.046-.988 0-1.382-.348-1.382-1.216v-2.543h-.714v-.749h.715v-1.141h.889ZM102.873 15.436h.88v2.482h.071a1.383 1.383 0 0 1 1.373-.807 1.484 1.484 0 0 1 1.551 1.679v2.907h-.89v-2.688c0-.72-.335-1.084-.963-1.084a1.052 1.052 0 0 0-1.134 1.142v2.63h-.888v-6.261ZM111.929 20.481a1.828 1.828 0 0 1-1.951 1.303 2.047 2.047 0 0 1-2.08-2.325 2.077 2.077 0 0 1 2.076-2.352c1.253 0 2.009.856 2.009 2.27v.31h-3.18v.05a1.191 1.191 0 0 0 1.199 1.29 1.08 1.08 0 0 0 1.072-.546h.855Zm-3.126-1.451h2.275a1.09 1.09 0 0 0-1.109-1.167 1.15 1.15 0 0 0-1.166 1.167Z"
-                />
-              </svg>
-            </a>
-            <a
-              href="#"
-              className="rounded-full border border-black px-5 py-2.5 font-medium hover:bg-gray-200/25"
-            >
-              Watch promo
-            </a>
-          </div>
         </div>
       </div>
     </section>

components/logo-link.tsx

@@ -1,27 +1,20 @@
 import Link from "next/link";
 
+import Image from "next/image";
+
+import logoImage from "../public/images/logo-image.png";
+
+
 export default function LogoLink() {
-  return (
-    <Link href="/" className="group text-3xl font-semibold">
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        fill="none"
-        className="h-10"
-        viewBox="0 0 114 40"
-      >
-        <path
-          className="fill-black transition group-hover:scale-[0.98] group-hover:fill-gray-800"
-          fill="currentColor"
-          fillRule="evenodd"
-          d="M2.343 2.343C0 4.686 0 8.458 0 16v8c0 7.543 0 11.314 2.343 13.657S8.458 40 16 40h8c7.543 0 11.314 0 13.657-2.343S40 31.543 40 24v-8c0-7.542 0-11.314-2.343-13.657S31.543 0 24 0h-8C8.458 0 4.686 0 2.343 2.343Zm8.093 28.073C9.198 29.731 8.5 28.791 8.5 27.77c0-.86.556-1.418 1.413-1.418.492 0 .873.223 1.523.845 1.127 1.068 2.317 1.578 3.841 1.578 1.92 0 3.11-.83 3.11-2.184 0-1.068-.793-1.865-2.3-2.2l-2.89-.669c-3.03-.685-4.459-2.183-4.459-4.606 0-3.092 2.54-5.116 6.492-5.116 1.634 0 3.158.383 4.348 1.1 1.127.653 1.794 1.578 1.794 2.486 0 .813-.556 1.323-1.397 1.323-.492 0-.841-.16-1.571-.781-1.159-1.052-2.08-1.434-3.35-1.434-1.808 0-2.904.844-2.904 2.183 0 1.084.715 1.737 2.27 2.104l3.047.701c2.968.686 4.35 2.152 4.35 4.606 0 3.204-2.556 5.196-6.73 5.196-1.762 0-3.413-.383-4.65-1.068Zm14.89 1.084c-1.19 0-2.175-.988-2.175-2.2 0-1.195.984-2.183 2.175-2.183 1.19 0 2.174.988 2.174 2.183 0 1.212-.984 2.2-2.174 2.2Z"
-          clipRule="evenodd"
-        />
-        <path
-          className="fill-black group-hover:fill-gray-800"
-          fill="currentColor"
-          d="M49.344 27.672c0 1 .687 1.922 1.906 2.594 1.219.672 2.844 1.047 4.578 1.047 4.11 0 6.625-1.954 6.625-5.094 0-2.407-1.36-3.844-4.281-4.516l-3-.687c-1.531-.36-2.234-1-2.234-2.063 0-1.312 1.078-2.14 2.859-2.14 1.25 0 2.156.375 3.297 1.406.718.61 1.062.765 1.547.765.828 0 1.375-.5 1.375-1.297 0-.89-.657-1.796-1.766-2.437-1.172-.703-2.672-1.078-4.281-1.078-3.89 0-6.39 1.984-6.39 5.015 0 2.375 1.405 3.844 4.39 4.516l2.843.656c1.485.328 2.266 1.11 2.266 2.157 0 1.328-1.172 2.14-3.062 2.14-1.5 0-2.672-.5-3.782-1.547-.64-.609-1.015-.828-1.5-.828-.843 0-1.39.547-1.39 1.39Zm16.611 3.484c1.047 0 1.75-.64 1.75-1.922V10.36c0-1.28-.703-1.921-1.75-1.921-1.031 0-1.719.64-1.719 1.921v18.875c0 1.282.688 1.922 1.719 1.922ZM79.41 28.86h.172v.735c.078.984.687 1.562 1.64 1.562 1.079 0 1.688-.687 1.688-1.875v-9.453c0-3.594-2.328-5.594-6.5-5.594-1.719 0-3.031.297-4.031.844-1.39.75-2.047 1.688-2.047 2.64 0 .75.5 1.266 1.266 1.266.593 0 1-.156 1.421-.562.953-.969 1.86-1.438 3.172-1.438 2.11 0 3.25.97 3.25 2.828v1.47h-4.125c-3.687.015-5.906 1.874-5.906 4.921 0 3 2.172 5.031 5.39 5.031 2.047 0 3.704-.843 4.61-2.375Zm-6.516-2.828c0-1.515 1.063-2.375 2.907-2.375h3.64v1.782c0 1.78-1.547 3.156-3.562 3.156-1.782 0-2.985-1.032-2.985-2.563Zm13.362.578c0 3.391 1.296 4.688 4.421 4.688 1.016 0 1.766-.156 2.282-.453.515-.297.765-.75.765-1.282 0-.687-.468-1.125-1.125-1.125-.343 0-.64.047-1.078.047-1.375 0-1.781-.5-1.781-2.125v-9h1.875c.953 0 1.516-.53 1.516-1.39 0-.875-.547-1.39-1.516-1.39h-1.906v-2.423c0-1.187-.625-1.875-1.703-1.875-1.079 0-1.688.688-1.688 1.875v2.422h-1.062c-.97 0-1.532.516-1.532 1.39 0 .86.578 1.391 1.532 1.391h1v9.25Zm7.595-2.672c0 4.594 2.875 7.375 7.531 7.375 2.172 0 4.11-.609 5.172-1.625.641-.515 1.016-1.171 1.016-1.78 0-.798-.516-1.345-1.266-1.345-.547 0-.797.172-1.609.86-.797.719-1.781 1.094-3.109 1.094-2.61 0-4.204-1.625-4.204-4.172v-.782h8.813c1.375 0 1.812-.562 1.812-2.39 0-4.063-2.89-7-6.968-7-4.266 0-7.188 3.015-7.188 7.422v2.343Zm3.531-2.796v-.047c0-2.469 1.47-4.14 3.704-4.14 2.171 0 3.562 1.624 3.562 4.14v.047h-7.266Zm12.049 8.03c0 1.188.969 2.157 2.141 2.157a2.158 2.158 0 0 0 2.141-2.156c0-1.172-.969-2.14-2.141-2.14a2.154 2.154 0 0 0-2.141 2.14Z"
-        />
-      </svg>
-    </Link>
-  );
+	return (
+		<Link href="/" className="group text-3xl font-bold">
+			<div>
+				<Image
+					src={logoImage}
+					alt=""
+					className="max-w-[80%] md:block"
+				/>
+			</div>
+		</Link>
+	);
 }

components/navbar.tsx

@@ -3,35 +3,28 @@ import Link from "next/link";
 import LogoLink from "./logo-link";
 
 export default function Navbar() {
-  return (
-    <div className="relative">
-      <KeystaticBanner />
-      <header className="absolute inset-x-0 z-20 py-4 sm:fixed sm:h-24 sm:bg-white/[85%] sm:py-6 sm:backdrop-blur">
-        <div className="mx-auto flex h-full max-w-5xl items-center justify-between px-6 lg:px-8">
-          <LogoLink />
-          <nav className="flex items-center justify-between sm:ml-16 sm:w-full">
-            <div className="hidden gap-10 sm:flex">
-              <a className="font-medium" href="#features">
-                Features
-              </a>
-              <a className="font-medium" href="#reviews">
-                Reviews
-              </a>
-              <a className="font-medium" href="#pricing">
-                Pricing
-              </a>
-            </div>
-            <Link
-              href="#"
-              className="rounded-full bg-black px-5 py-2.5 font-medium text-white hover:bg-gray-900"
-            >
-              Sign up
-            </Link>
-          </nav>
-        </div>
-      </header>
-    </div>
-  );
+	return (
+		<div className="relative">
+			<header className="absolute inset-x-0 z-20 py-4 sm:fixed sm:h-24 sm:bg-white/[85%] sm:py-6 sm:backdrop-blur">
+				<div className="mx-auto flex h-full max-w-5xl items-center justify-between px-6 lg:px-8">
+					<LogoLink />
+
+					<nav className="flex items-center justify-between sm:ml-16 sm:w-full">
+						<div className="hidden gap-10 sm:flex">
+							<a className="font-medium" href="#features"> Process </a>
+							<a className="font-medium" href="#reviews"> Reviews </a>
+							<a className="font-medium" href="#projects"> Portfolio </a>
+						</div>
+
+						<div className="links">
+							{/* <Link href="/keystatic" className="rounded-full px-5 py-2.5 font-medium hidden gap-10 sm:inline"> Admin </Link> */}
+							<Link href="#" className="rounded-full bg-black px-5 py-2.5 font-medium text-white hover:bg-gray-900 whitespace-nowrap"> Call: +61 432 908 730 </Link>
+						</div>
+					</nav>
+				</div>
+			</header>
+		</div>
+	);
 }
 
 function KeystaticBanner() {

components/projects/Projects.interfaces.tsx

@@ -0,0 +1,11 @@
+export interface IProjectData {
+	id: number;
+	type: string;
+	name: string;
+	location?: string;
+	address?: string;
+	images?: string[];
+	financials: {[key: number]: string;};
+	features: string[];
+	success: string[];
+}