From dca3e1012937a486b047816de8779c4726012773 Mon Sep 17 00:00:00 2001
From: Neeraj Rekwar <88387699+neerajrekwar@users.noreply.github.com>
Date: Thu, 5 Sep 2024 20:04:16 +0000
Subject: [PATCH] hgf

---
 app/components/ShootingVsStarts.tsx |  4 +--
 app/components/VisionSection.tsx    | 30 +++++++++++-----------
 app/components/heroSection.tsx      | 39 ++++++++++++++---------------
 3 files changed, 36 insertions(+), 37 deletions(-)

diff --git a/app/components/ShootingVsStarts.tsx b/app/components/ShootingVsStarts.tsx
index 6bd8e2f4e..eaac3a71c 100644
--- a/app/components/ShootingVsStarts.tsx
+++ b/app/components/ShootingVsStarts.tsx
@@ -13,10 +13,10 @@ import CurrentTime from "./CurrentTime";
 export function ShootingStarsAndStarsBackgroundDemo() {
   return (
     <div className="bg-black min-h-screen flex flex-col items-start justify-start  w-full">
-      <div className="font-semibold flex justify-between w-full max-w-7xl m-auto border-five text-four">
+      {/* <div className="font-semibold flex justify-between w-full max-w-7xl m-auto border-five p-2 text-xs text-four">
         <p>nee</p>
         <CurrentTime />
-      </div>
+      </div> */}
       <figure className="w-auto z-10 m-auto max-w-7xl lg:flex-col  justify-center border-blue-500 sm:justify-evenly  items-center sm:flex md:flex-row-reverse sm:border-green-500">
         <div className="md:flex md:flex-row-reverse max-w-7xl">
           <motion.div
diff --git a/app/components/VisionSection.tsx b/app/components/VisionSection.tsx
index f71c3433c..0a319e692 100644
--- a/app/components/VisionSection.tsx
+++ b/app/components/VisionSection.tsx
@@ -710,29 +710,29 @@ export const VisionSection: React.FC = () => {
             </div>
           </div>
           <div className="border-third">
-            <div className=" my-6 border border-yellow-500 bg-secondary p-2">
+            <div className=" my-6 border-yellow-500 bg-secondary p-2">
               <h1 className="md:text-2xl text-xl text-primary py-6 text-center m-auto max-w-3xl">
                 Maximized efficiency with fully automated best practices and
                 fully supported advanced tricks.
               </h1>
 
               <div className="flex justify-center ">
-                <span className="p-2 px-3  bg-seven border-seven border rounded-full w-fit ">
+                <span className="p-2 px-3 text-four bg-seven border-seven border rounded-full w-fit ">
                   SEO & Performance
                 </span>
               </div>
 
-              <div className="flex flex-col text-primary  md:grid md:grid-flow-row-dense md:grid-cols-3 md:grid-rows-3  text-five rounded-lg m-2 max-h-fit gap-4">
-                <div className=" col-span-2 rounded-md bg-seven md:p-10  flex flex-col justify-start   p-2">
+              <div className="flex flex-col max-w-6xl m-auto text-primary  md:grid md:grid-flow-row-dense md:grid-cols-4 md:grid-rows-2  text-five rounded-lg m-2 max-h-fit gap-4">
+                <div className="col-span-2   md:p-10  flex flex-col justify-start   p-2">
                   <h5 className="text-2xl text-four">Analytics</h5>
                   <p className="py-2 font-normal">
                     Effortlessly monitor all aspects of your performance with
-                    our robust, GDPR-compliant analytics, Google Analytics
+                    our robust, GDPR-compliant <strong className="text-four">Analysis and Data insight,</strong> Google Analytics
                     integration, and more.
                   </p>
                   <div className="flex justify-center items-center m-2 p-2 bg-seven rounded-md">
                     <Image
-                      className="h-64 w-64"
+                      className="h-64  w-64"
                       src={"/projects/home/Analytics.svg"}
                       width={300}
                       height={200}
@@ -740,12 +740,12 @@ export const VisionSection: React.FC = () => {
                     />
                   </div>
                 </div>
-                <div className="row-span-1 rounded-md   md:p-10  flex flex-col justify-start p-2 ">
+                <div className="col-span-2   md:p-10  flex flex-col justify-start p-2 ">
                   <h5 className="text-2xl text-four">Metadata</h5>
                   <p className="py-2 font-normal">
                     Ensure your page stands out with a compelling title and
-                    description, while our top-notch handles ensure search
-                    engine optimization.
+                    description, while our top-notch handles ensure <strong className="text-four"> search
+                      engine optimization.</strong>
                   </p>
                   <div className=" flex justify-center items-center m-2 p-2 bg-seven rounded-md">
                     <Image
@@ -756,7 +756,7 @@ export const VisionSection: React.FC = () => {
                     />
                   </div>
                 </div>
-                <div className=" rounded-md  md:p-10  flex flex-col justify-start p-2 ">
+                <div className="col-span-2 md:p-10  flex flex-col justify-start p-2 ">
                   <h5 className="text-2xl text-four">Semantics</h5>
                   <p className="py-2 font-normal">
                     Make sure to implement semantic tags on your websites to
@@ -771,7 +771,7 @@ export const VisionSection: React.FC = () => {
                     />
                   </div>
                 </div>
-                <div className="col-span-2 rounded-md md:p-10  flex flex-col justify-start p-2">
+                <div className="col-span-2 md:p-10  flex flex-col justify-start p-2">
                   <h5 className="text-2xl text-four">Accessibility</h5>
                   <p className="py-2 font-normal">
                     Design inclusive and accessible websites by utilizing alt
@@ -786,7 +786,7 @@ export const VisionSection: React.FC = () => {
                     />
                   </div>
                 </div>
-                <div className="col-span-2 rounded-md  md:p-10  flex flex-col justify-start p-2">
+                <div className="col-span-2  md:p-10  flex flex-col justify-start p-2">
                   <h5 className="text-2xl text-four">Lighthouse Scores</h5>
                   <p className="py-2 font-normal">
                     Ensure your page stands out with a compelling title and
@@ -802,7 +802,7 @@ export const VisionSection: React.FC = () => {
                     />
                   </div>
                 </div>
-                <div className="rounded-md rounded-md  md:p-10  flex flex-col justify-start p-2">
+                <div className="col-span-2 md:p-10  flex flex-col justify-start p-2">
                   <h5 className="text-2xl text-four">Sitemap</h5>
                   <p className="py-2 font-normal">
                     We understand the importance of generating a sitemap that
@@ -817,7 +817,7 @@ export const VisionSection: React.FC = () => {
                     />
                   </div>
                 </div>
-                <div className="rounded-md rounded-md md:p-10  flex flex-col justify-start p-2">
+                <div className="col-span-2 rounded-md rounded-md md:p-10  flex flex-col justify-start p-2">
                   <h5 className="text-2xl text-four">Server Side Rendering</h5>
                   <p className="py-2 font-normal">
                     Boost your website speed with SSR: achieve faster load times
@@ -832,7 +832,7 @@ export const VisionSection: React.FC = () => {
                     />
                   </div>
                 </div>
-                <div className="md:p-10 col-span-2 rounded-md  md:p-10  flex flex-col justify-start  p-2">
+                <div className="col-span-2  md:p-10 rounded-md  md:p-10  flex flex-col justify-start  p-2">
                   <h5 className="text-2xl text-four">Hosting</h5>
                   <p className="py-2 font-normal">
                     Experience lightning-fast page loading, no matter where you
diff --git a/app/components/heroSection.tsx b/app/components/heroSection.tsx
index 0e2216bda..05d4d5c11 100644
--- a/app/components/heroSection.tsx
+++ b/app/components/heroSection.tsx
@@ -874,7 +874,7 @@ export function HeroSection() {
                       animate={{ opacity: 1, x: 0 }}
                       whileInView={{ opacity: 1, x: 0 }}
                       transition={{ delay: 2, duration: 1.2 }}
-                      className="px-2 basis-1/2 text-4xl m-2 font-bold text-six"
+                      className="px-2 basis-1/2 text-4xl md:text-2xl m-2 font-bold text-six"
                     >
                       versions to access the latest performance optimizations
                     </motion.h4>
@@ -904,7 +904,7 @@ export function HeroSection() {
                       animate={{ opacity: 1, x: 0 }}
                       whileInView={{ opacity: 1, x: 0 }}
                       transition={{ delay: 2, duration: 1.2 }}
-                      className="px-2 basis-1/2 text-4xl m-2 font-bold text-six"
+                      className="px-2 basis-1/2 text-4xl md:text-2xl m-2 font-bold text-six"
                     >
                       Rigorously test your application
                     </motion.h4>
@@ -957,9 +957,9 @@ export function HeroSection() {
                 animate={{ opacity: 0, y: 3 }}
                 whileInView={{ opacity: 1, y: 0 }}
                 transition={{ duration: 0.6, delay: 0.8 }}
-                className="text-4xl text-secondary relative z-40 max-w-2xl font-bold  "
+                className="text-4xl text-four relative z-40 max-w-2xl font-bold  "
               >
-                hello to everyone
+                See my interest
                 <span className="absolute bottom-2 p-1 -z-50 left-0  h-2 w-[100%]  bg-custom-radial-sm"></span>
               </motion.h3>
               <div className=" border-third">
@@ -984,7 +984,7 @@ export function HeroSection() {
                       }}
                       className="text-2xl  font-semibold md:text-3xl lg:text-4xl pt-4 px-2 font-bold  "
                     >
-                      Make it for beatiful
+                     The Amazonian Treasure Expedition
                     </motion.h2>
                     <motion.p
                       initial={{ opacity: 0, x: 30 }}
@@ -997,9 +997,7 @@ export function HeroSection() {
                       }}
                       className="px-2  md:text-md py-2  "
                     >
-                      I recognize that it&apos;s not how big a miracle is
-                      that&apos;s important, but how we make it happen. but how
-                      much room I create for it.
+                      A group of treasure hunters discover a hidden map leading to a lost Inca city filled with priceless artifacts.
                     </motion.p>
                     <motion.a
                       initial={{ opacity: 0, x: 30 }}
@@ -1075,7 +1073,7 @@ export function HeroSection() {
                       }}
                       className="text-2xl  font-semibold md:text-3xl lg:text-4xl pt-4 px-2 font-bold  "
                     >
-                      Make it for beatiful
+                      Capturing new art of nature
                     </motion.h2>
                     <motion.p
                       initial={{ opacity: 0, x: 30 }}
@@ -1088,9 +1086,7 @@ export function HeroSection() {
                       }}
                       className="px-2  md:text-md py-2  "
                     >
-                      I recognize that it&apos;s not how big a miracle is
-                      that&apos;s important, but how we make it happen. but how
-                      much room I create for it.
+                      It can be a great way to express yourself capture moments, and make beautiful memories. you can create stunning images that can last a lifetime.
                     </motion.p>
                     <motion.a
                       initial={{ opacity: 0, x: 30 }}
@@ -1163,7 +1159,7 @@ export function HeroSection() {
                       }}
                       className="text-2xl  font-semibold md:text-3xl lg:text-4xl pt-4 px-2 font-bold  "
                     >
-                      Make it for beatiful
+                      Search a path
                     </motion.h2>
                     <motion.p
                       initial={{ opacity: 0, x: 30 }}
@@ -1266,19 +1262,22 @@ export function HeroSection() {
               images={images}
             />
           </div>
-              
-          <div className="absolute border-five bg-gradient-to-l from-[#ffffff] to-transparent  h-full w-full   font-bold"></div>
-          <div className="absolute border-five bg-gradient-to-r from-primary from-2% to-transparent  h-full w-full  font-bold"></div>
+
+          <div className="absolute border-five bg-gradient-to-l from-[#ffffffde] from-1% to-transparent  h-full w-full   font-bold"></div>
+          <div className="absolute border-five bg-gradient-to-r from-[#ffffffde] from-1% to-transparent  h-full w-full  font-bold"></div>
+          <div className="absolute border-five bg-gradient-to-t from-[#ffffffde] from-1% to-transparent  h-full w-full  font-bold"></div>
           <div className="absolute border-b-2 border-seven border-five text-five flex flex-col bg-gradient-to-r from-[#ffffff]  justify-center items-center  md:text-left  md:justify-center md:items-start h-full w-full   font-bold ">
             <div className="absolute max-w-3xl m-auto">
-              <motion.h2 className="mx-4 text-four md:mx-10 text-4xl md:text-5xl lg:text-6xl">
+              <motion.h2 className="mx-4 font-bold text-four md:mx-10 text-4xl md:text-5xl lg:text-6xl">
                 Have a Project in Mind?
               </motion.h2>
-              <motion.p className="text-base text-four mx-4 md:mx-10  my-4 max-w-2xl font-normal">
+              <motion.p className="text-four mx-4 md:mx-10  my-4 max-w-2xl ">
                 I&apos;m excited to be in touch with you! Whether you&apos;re prepared to launch a brand new website or give an existing one a fresh look, I&apos;m available to assist in transforming your concepts into tangible results.
               </motion.p>
-              <motion.a className="text-base flex w-fit md:mx-10 mx-4 my-6 p-2 px-4 bg-four text-five gap-2 rounded-full">
-                <IconCalendarClock /> Let&apos;s talk
+              <motion.a className="bg-secondary ">
+                <div className="text-base flex w-fit md:mx-10 mx-4 my-6 p-2 px-4 text-four bg-seven  gap-2 rounded-full">
+                  <IconCalendarClock /> Let&apos;s talk
+                </div>
               </motion.a>
             </div>
           </div>