From 0ed4651dd13e6fd876663b768433b3f67beba269 Mon Sep 17 00:00:00 2001
From: "Israni, Murli" <murli.p.israni@gmail.com>
Date: Sat, 1 Jun 2024 20:00:17 +0530
Subject: [PATCH] landing page updated

---
 src/layouts/BaseLayout.astro |   7 +-
 src/layouts/Layout.astro     |   2 +-
 src/pages/index.astro        | 190 +++++++++++++++++++++++------------
 3 files changed, 128 insertions(+), 71 deletions(-)

diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index e205b0e..d087acc 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -67,14 +67,11 @@ import Sidebar from './Sidebar.astro';
           <!-- <Sidebar /> -->
 
           <!-- container page shadow-1 m-b-160 shadow-2xl-0 -->
-          <div class="lg:col-span-3 ">
-            
+          <div class="lg:col-span-3 pt-5">
             <slot />
-
-            
           </div>
 
-          <div class="lg:col-span-1 ">
+          <div class="lg:col-span-1">
 
             <div class="flex items-center mt-8 space-x-4">
               <img src="/avtar.jpeg" alt="" class="w-10 h-10 rounded-full dark:bg-gray-500">
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 696f0f9..fc345c0 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -42,7 +42,7 @@ export interface Props {
 					
 				  <!-- <Sidebar /> -->
 		
-				  <div class="w-full lg:col-span-3 ">
+				  <div class="w-full lg:col-span-4 ">
 					<!-- text-base font-light leading-relaxed mt-0 mb-4 text-gray-800 max-w-full mx-auto -->
 					<!-- <h1>{frontmatter.title}</h1>
 					<h3>{frontmatter.author}</h3> -->
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 657fe15..2e7b2c5 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -9,82 +9,142 @@ import '../styles/main.css';
 
 <Layout title="@impondesk">
 
-	<main class="max-w-7xl mx-auto">
-
-		<h1 class="text-white dark:text-white text-2xl md:text-4xl xl:text-8xl font-bold">
-			<small class="font-extrabold text-transparent text-8xl bg-clip-text bg-gradient-to-r from-sky-400 to-blue-600">Hello!</small>
-			<span class="block text-3xl text-gray-500">Israni, Murli<span class="text-3xl">.</span> <img src="https://em-content.zobj.net/source/microsoft-teams/337/waving-hand_1f44b.png" class="w-12" /></span>
-		  </h1>
-
-		<section class="pt-10 overflow-hidden md:pt-0 sm:pt-16 2xl:pt-16">
-			
-			Murli is an IT professional with strong experience in the area of software design & development. He has experience working as an Architect over 16+ years of experience working in Technology Consulting & Architect specialised in Insurance, Public Health & Social Domain, ICT Solutions & Usability Engineering. Currently working as Sr. Solution Architect (I) at CitiusTech deeply passionate about creating loved and trusted products that help people navigate their careers and achieve their career goals.
-			
-			<p class="mt-4 text-xl text-gray-300 md:mt-8">
-				<span class="relative inline-block">
-					<span class="absolute inline-block w-full bottom-0.5 h-1 bg-yellow-300"></span>
-					<span class="relative"> Have a question? </span>
-				</span>
-				<br class="block sm:hidden" />Ask me on <a href="https://twitter.com/impondesk" target="_blank" title="" class="transition-all duration-200 text-sky-500 hover:text-sky-600 hover:underline">Twitter</a>
-			</p>	
-		</section>
+	<section class="h-screen min-h-screen max-w-7xl mx-auto">
+		
+			<div class="pb-10">
+			  <section class="pt-12">
+				<div class="px-4 mx-auto sm:px-6 lg:px-8 max-w-full">
+				  <div
+					class="grid max-w-full grid-cols-1 mx-auto lg:grid-cols-12 gap-x-6 gap-y-8 lg:max-w-none"
+				  >
+					<div class="self-center lg:col-span-4">
+					  <h1
+						class="text-3xl font-normal pb-0 mb-0 text-white sm:text-4xl xl:text-5xl xl:leading-tight tracking-tight dark:text-white text-gray-900 sm:text-5xl xl:text-6xl sm:tracking-tight mb-0 pb-0"
+					  >
+						impondesk
+					  </h1>
+					  <small
+						class="text-xl text-gray-500 pt-0 mt-0 clear-both bg-gradient-to-r bg-clip-text text-transparent from-pink-500 mt-1 to-yellow-500 via-red-500"
+						>// Just another tech nerd</small
+					  >
+		
+					  <p class="mt-5 text-xs font-normal text-gray-500">
+						Digital Transformation Strategist, Web Mobile Cloud Technology
+						and Pre-Sales Consultant, Healthcare & Insurance Consultant,
+						Strategic Accounts, Certified Associate AWS & Azure Solution
+						Architect
+					  </p>
 
+					  <p class="mt-5 text-base font-normal leading-7 text-gray-200">
+						Murli is an IT professional with strong experience in the area of software design & development. He has experience working as an Architect over 16+ years of experience working in Technology Consulting & Architect specialised in Insurance, Public Health & Social Domain, ICT Solutions & Usability Engineering. Currently working as Sr. Solution Architect (I) at CitiusTech deeply passionate about creating loved and trusted products that help people navigate their careers and achieve their career goals.
+					  </p>
 
+					  <p class="mt-4 text-base text-gray-300 md:mt-8">
+						<span class="relative inline-block">
+							<span class="absolute inline-block w-full bottom-0.5 h-1 bg-yellow-300"></span>
+							<span class="relative"> Have a question? </span>
+						</span>
+						<br class="block sm:hidden" />Ask me on <a href="https://twitter.com/impondesk" target="_blank" title="" class="transition-all duration-200 text-sky-500 hover:text-sky-600 hover:underline">Twitter</a>
+					</p>
 		
-
+					  <!-- <div>
+						<a
+						  href="#"
+						  title=""
+						  class="inline-flex
+									  items-center
+									  justify-center
+									  px-2
+									  py-3
+									  text-base
+									  font-normal
+									  leading-7
+									  text-white
+									  transition-all
+									  duration-200
+									  bg-transparent
+									  border border-transparent
+									  rounded-xl
+									  sm:px-4
+									  no-underline
+									  focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-900 focus:ring-gray-700
+									  hover:bg-gray-700"
+						  role="button"
+						>
+						  Get in touch
+						</a>
+					  </div> -->
+					</div>
 		
-			<!-- <div class="px-4 mx-auto sm:px-6 lg:px-8 ">
-				<div class="grid items-center grid-cols-1 md:grid-cols-2">
-					<div>
-						<h2 class="text-xl font-base leading-tight text-black sm:text-4xl lg:text-5xl">👋 I am <br class="block sm:hidden font-extrabold" />Israni Murli</h2>
-						<p class="max-w-lg mt-3 text-xl leading-relaxed text-gray-600 md:mt-8">Born in 1984 in Mumbai, India. I’m a software engineer specializing in designing & building exceptional digital experiences. I believe technology can be more diverse and inspiring. With a mission to enable possibilities of new era and digitization. I am pursuing new expressions through experiments and thoughts.</p>
+					<div class="self-end lg:order-last lg:pb-20 lg:col-span-3">
+					  <p
+						class="text-xs font-bold tracking-widest text-gray-500 uppercase"
+					  >
+						⚡️Latest Picks
+					  </p>
 		
-						
-					</div>
+					  <div class="mt-0 space-y-0 lg:space-y-2 text-white">
+						<div class="relative overflow-hidden">
+						  <div class="flex items-start lg:items-center">
+							<p
+							  class="ml-0 text-base font-bold leading-6 py-0 mt-0 mb-2"
+							>
+							  <a
+								href="/blog/microfrontends"
+								title=""
+								class="text-white no-underline"
+							  >
+								Microfrontends, Microservices for the Frontend
+								<span class="absolute inset-0" aria-hidden="true"
+								></span>
+							  </a>
+							</p>
+						  </div>
+						</div>
 		
-					<div class="relative">
-						<img class="absolute inset-x-0 bottom-0 -mb-48 -translate-x-1/2 left-1/2" src="https://cdn.rareblocks.xyz/collection/celebration/images/team/1/blob-shape.svg" alt="" />
-						<img class="relative w-full xl:max-w-md xl:mx-auto 2xl:origin-bottom 2xl:scale-100" src="/impondesk.png" alt="" />
-					</div>
-				</div>
-			</div> -->
+						<div class="relative overflow-hidden">
+						  <div class="flex items-start lg:items-center">
+							<p
+							  class="ml-0 text-base font-bold leading-6 py-0 mt-0 mb-2"
+							>
+							  <a
+								href="/blog/ms-teams"
+								title=""
+								class="text-white no-underline"
+							  >
+								Engaging Experiences using MS-Teams
+								<span class="absolute inset-0" aria-hidden="true"
+								></span>
+							  </a>
+							</p>
+						  </div>
+						</div>
 		
-
-
-		<!-- <section class="py-10 sm:py-16 lg:py-24">
-			<div class="px-4 mx-auto max-w-7xl sm:px-6 lg:px-8">
-				<div class="grid items-center grid-cols-1 gap-12 lg:grid-cols-2">
-					<div>
-						<h1 class="text-4xl font-bold text-black sm:text-6xl lg:text-7xl">
-							Collaborate remotely, with
-							<div class="relative inline-flex">
-								<span class="absolute inset-x-0 bottom-0 border-b-[30px] border-[#4ADE80]"></span>
-								<h1 class="relative text-4xl font-bold text-black sm:text-6xl lg:text-7xl">Postcrafts.</h1>
-							</div>
-						</h1>
-	
-						<p class="mt-8 text-base text-black sm:text-xl">Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat.</p>
-	
-						<div class="mt-10 sm:flex sm:items-center sm:space-x-8">
-							<a href="#" title="" class="inline-flex items-center justify-center px-10 py-4 text-base font-semibold text-white transition-all duration-200 bg-orange-500 hover:bg-orange-600 focus:bg-orange-600" role="button"> Start exploring </a>
-	
-							<a href="#" title="" class="inline-flex items-center mt-6 text-base font-semibold transition-all duration-200 sm:mt-0 hover:opacity-80">
-								<svg class="w-10 h-10 mr-3" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-									<path fill="#F97316" stroke="#F97316" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" />
-									<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
-								</svg>
-								Watch video
-							</a>
+						<div class="relative inline-flex mt-9 group mt-5 pt-5">
+						  <!-- <div
+							class="absolute transitiona-all duration-1000 opacity-70 inset-0 bg-gradient-to-r from-[#44BCFF] via-[#FF44EC] to-[#FF675E] rounded-xl blur-lg filter group-hover:opacity-100 group-hover:duration-200"
+						  >
+						  </div> -->
+		
+						  <a
+							href="/blog"
+							title=""
+							class="relative rounded inline-flex items-center justify-center px-8 py-3 sm:text-sm sm:py-3.5 text-base font-semibold text-white transition-all duration-200 bg-indigo-600 border border-transparent rounded-lg focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-600 bg-gradient-to-r bg-clip-text text-transparent from-pink-500 mt-1 to-yellow-500 via-red-500 hover:bg-gray-700"
+							role="button"
+						  >
+							Discover More
+						  </a>
 						</div>
+					  </div>
 					</div>
-	
-					<div>
-						<img class="w-full" src="https://cdn.rareblocks.xyz/collection/celebration/images/hero/2/hero-img.png" alt="" />
+		
+					<div class="self-end lg:col-span-5">
+					  <img class="w-2xl mx-auto mt-10" src="avtar.jpeg" alt="" />
 					</div>
+				  </div>
 				</div>
+			  </section>
 			</div>
-		</section> -->
-		
-	</main>
+	</section>
 
 </Layout>