some font styles changes
This commit is contained in:
parsa aghaei
parent
56857c00cc
commit
8a369b970a
@ -43,21 +43,21 @@ export default function AboutMe() {
|
||||
|
||||
return (
|
||||
<div
|
||||
className="my-20 flex w-full flex-wrap items-center justify-center gap-10 px-5"
|
||||
className="my-20 flex max-w-[90%] w-full flex-wrap items-center justify-center gap-10 px-5"
|
||||
id="about-me"
|
||||
>
|
||||
<div className="ms-0 flex w-full min-w-[300px] max-w-[90%] flex-col items-start md:w-[50%]">
|
||||
<h2 className="w-full text-[65px] font-[600] text-black">
|
||||
<div className="ms-0 flex flex-col w-full items-center md:w-[50%]">
|
||||
<h2 className="text-[60px] font-[800] text-black">
|
||||
{aboutMe?.title || <Skeleton width={300} height={100} />}
|
||||
</h2>
|
||||
<p className="text-[21px] font-[400] text-black">
|
||||
<p className="text-justify text-[21px] font-[400] text-black">
|
||||
{aboutMe?.description || <Skeleton width={350} height={30} />}
|
||||
</p>
|
||||
<ul className="mt-10 flex w-full flex-col gap-10">
|
||||
{aboutMe?.skills ? (
|
||||
aboutMe?.skills.map((skill, key) => (
|
||||
<li key={key}>
|
||||
<h3 className="mb-2">{skill.title}</h3>
|
||||
<h3 className="mb-2 text-[18px] font-[700]">{skill.title}</h3>
|
||||
<div className="h relative h-[12px] w-full rounded-lg bg-[#EDECEC]">
|
||||
<span
|
||||
className="progress absolute h-[12px] rounded-lg bg-[#FD6F00]"
|
||||
|
||||
@ -77,7 +77,7 @@ export default function MyProjects() {
|
||||
className="flex w-full max-w-[90%] flex-wrap items-center justify-center"
|
||||
id="projects"
|
||||
>
|
||||
<h2 className="my-10 text-[65px] font-[600] text-black">My Projects</h2>
|
||||
<h2 className="my-10 text-[60px] font-[800] text-black">My Projects</h2>
|
||||
<p className="text-justify text-[21px] font-[400] text-black">
|
||||
Lorem ipsum dolor sit amet consectetur. Mollis erat duis aliquam mauris
|
||||
est risus lectus. Phasellus consequat urna tellus
|
||||
|
||||
@ -77,8 +77,8 @@ export default function Services() {
|
||||
className="flex w-full max-w-[90%] flex-col flex-wrap items-center"
|
||||
id="services"
|
||||
>
|
||||
<h2 className="my-10 text-[65px] font-[600] text-black">Services</h2>
|
||||
<p className="w-full text-center text-[21px] font-[400] text-black">
|
||||
<h2 className="my-10 text-[60px] font-[800] text-black">Services</h2>
|
||||
<p className="text-justify text-[21px] font-[400] text-black">
|
||||
Lorem ipsum dolor sit amet consectetur. Tristique amet sed massa nibh
|
||||
lectus netus in. Aliquet donec morbi convallis pretium
|
||||
</p>
|
||||
|
||||
@ -52,7 +52,7 @@ export default function Testimonials() {
|
||||
className="flex w-full max-w-[90%] flex-wrap justify-center"
|
||||
id="testimonials"
|
||||
>
|
||||
<h2 className="text-[65px] font-[600] text-black">Testominials</h2>
|
||||
<h2 className="text-[60px] font-[800] text-black">Testominials</h2>
|
||||
<p className="my-10 text-justify text-[21px] font-[400] text-black">
|
||||
Lorem ipsum dolor sit amet consectetur. Mollis erat duis aliquam mauris
|
||||
est risus lectus. Phasellus consequat urna tellus
|
||||
|
||||
@ -22,7 +22,7 @@ export default function RootLayout({
|
||||
<html lang="en">
|
||||
<body
|
||||
suppressHydrationWarning={true}
|
||||
className={`${geistSans.variable} relative flex w-full flex-col items-center justify-between border-2 border-red-600 antialiased`}
|
||||
className={`${geistSans.variable} relative flex w-full flex-col items-center justify-between antialiased`}
|
||||
>
|
||||
<div className="scroll-watcher" id="top"></div>
|
||||
<a
|
||||
@ -37,8 +37,10 @@ export default function RootLayout({
|
||||
id="header"
|
||||
>
|
||||
<div className="flex flex-wrap items-center justify-center xl:flex-nowrap xl:justify-normal">
|
||||
<Image src={"/images/logo.svg"} width={67} height={67} alt="logo" />
|
||||
<p className="ms-2 whitespace-nowrap text-[28px] xl:text-[38px] font-[800] xl:ms-3 text-[#FD6F00]">
|
||||
<div className="flex w-[67px]">
|
||||
<img src={"/images/logo.svg"} className="w-full" alt="logo" />
|
||||
</div>
|
||||
<p className="ms-2 whitespace-nowrap text-[28px] font-[800] text-[#FD6F00] xl:ms-3 xl:text-[38px]">
|
||||
Parsa Aghayi
|
||||
</p>
|
||||
</div>
|
||||
@ -80,7 +82,7 @@ export default function RootLayout({
|
||||
Contact
|
||||
</a>
|
||||
</ul>
|
||||
<button className="flex h-[52px] w-[188px] items-center whitespace-nowrap rounded-md bg-[#FD6F00] p-[18px] text-[21px] font-[400] text-[#fff]">
|
||||
<button className="flex h-[52px] w-[188px] items-center justify-center whitespace-nowrap rounded-md bg-[#FD6F00] p-[18px] text-[20px] font-[600] text-[#fff]">
|
||||
Download CV
|
||||
</button>
|
||||
</div>
|
||||
@ -98,76 +100,85 @@ export default function RootLayout({
|
||||
height={67}
|
||||
alt="logo"
|
||||
/>
|
||||
<p className="ms-[20px] text-[48px] font-[400]">Parsa Aghayi</p>
|
||||
<p className="ms-2 text-[48px] font-[800] text-[#fd6f00]">
|
||||
Parsa Aghayi
|
||||
</p>
|
||||
</div>
|
||||
<ul className="flex items-center justify-center">
|
||||
<ul className="flex w-full flex-wrap items-center justify-center">
|
||||
<a
|
||||
className="whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400]"
|
||||
className="whitespace-nowrap px-[14px] py-[10px] text-[18px] font-[500] hover:text-[#fd6f00]"
|
||||
href="/#home"
|
||||
>
|
||||
Home
|
||||
</a>
|
||||
<a
|
||||
className="whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400]"
|
||||
className="whitespace-nowrap px-[14px] py-[10px] text-[18px] font-[500] hover:text-[#fd6f00]"
|
||||
href="/#about-me"
|
||||
>
|
||||
About Me
|
||||
</a>
|
||||
<a
|
||||
className="whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400]"
|
||||
className="whitespace-nowrap px-[14px] py-[10px] text-[18px] font-[500] hover:text-[#fd6f00]"
|
||||
href="/#services"
|
||||
>
|
||||
Services
|
||||
</a>
|
||||
<a
|
||||
className="whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400]"
|
||||
className="whitespace-nowrap px-[14px] py-[10px] text-[18px] font-[500] hover:text-[#fd6f00]"
|
||||
href="/#projects"
|
||||
>
|
||||
Projects
|
||||
</a>
|
||||
<a
|
||||
className="whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400]"
|
||||
className="whitespace-nowrap px-[14px] py-[10px] text-[18px] font-[500] hover:text-[#fd6f00]"
|
||||
href="/#testimonials"
|
||||
>
|
||||
Testimonials
|
||||
</a>
|
||||
<a
|
||||
className="whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400]"
|
||||
className="whitespace-nowrap px-[14px] py-[10px] text-[18px] font-[500] hover:text-[#fd6f00]"
|
||||
href="/#contact"
|
||||
>
|
||||
Contact
|
||||
</a>
|
||||
</ul>
|
||||
{/* socials */}
|
||||
<div className="flex w-full justify-center">
|
||||
<div className="flex items-center gap-[25px]">
|
||||
<Image
|
||||
src={"/images/icons/facebook.svg"}
|
||||
width={32}
|
||||
height={32}
|
||||
alt="facebook"
|
||||
className="svg-hover hover:cursor-pointer"
|
||||
/>
|
||||
<Image
|
||||
src={"/images/icons/twitter.svg"}
|
||||
width={32}
|
||||
height={32}
|
||||
alt="twitter"
|
||||
className="svg-hover hover:cursor-pointer"
|
||||
/>
|
||||
<Image
|
||||
src={"/images/icons/instagram.svg"}
|
||||
width={32}
|
||||
height={32}
|
||||
alt="instagram"
|
||||
className="svg-hover hover:cursor-pointer"
|
||||
/>
|
||||
<Image
|
||||
src={"/images/icons/linkedin.svg"}
|
||||
width={32}
|
||||
height={32}
|
||||
alt="linkedin"
|
||||
className="svg-hover hover:cursor-pointer"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<p className="flex h-[84px] items-center justify-center bg-[#545454] text-[21px] font-[400] text-white">
|
||||
</div>
|
||||
<p className="flex h-[84px] items-center justify-center bg-[#545454] text-[18px] font-[400] text-white">
|
||||
© 2023
|
||||
<span className="mx-[5px] text-[21px] font-[700] text-[#FD6F00]">
|
||||
<span className="mx-[5px] text-[18px] font-[700] text-[#FD6F00]">
|
||||
Parsa Aghayi
|
||||
</span>{" "}
|
||||
All Rights Reserved , Inc.
|
||||
|
||||
Loading…
Reference in New Issue
Block a user