Skip to content

Commit

Permalink
hgf
Browse files Browse the repository at this point in the history
  • Loading branch information
@neerajrekwar
neerajrekwar committed Sep 5, 2024
1 parent feca9e0 commit dca3e10
Show file tree
Hide file tree
Showing 3 changed files with 36 additions and 37 deletions.
4 changes: 2 additions & 2 deletions app/components/ShootingVsStarts.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
30 changes: 15 additions & 15 deletions app/components/VisionSection.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -710,42 +710,42 @@ 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}
alt="find best practice Analytice"
/>
</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
Expand All @@ -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
Expand All @@ -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
Expand All @@ -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
Expand All @@ -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
Expand All @@ -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
Expand All @@ -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
Expand Down
39 changes: 19 additions & 20 deletions app/components/heroSection.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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">
Expand All @@ -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 }}
Expand All @@ -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 }}
Expand Down Expand Up @@ -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 }}
Expand All @@ -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 }}
Expand Down Expand Up @@ -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 }}
Expand Down Expand Up @@ -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>
Expand Down

0 comments on commit dca3e10

Please sign in to comment.