Blackness Studio Business Website
This commit is contained in:
parent
9bf5ff301f
commit
c01f8f5145
@ -28,18 +28,18 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
const services = [
|
const services = [
|
||||||
{
|
{
|
||||||
name: 'Technical Blog Writing',
|
name: 'Content Writing',
|
||||||
desc: 'Expertly researched long-form articles that establish authority and engage developer audiences.',
|
desc: 'Craft engaging articles, blog posts, and guides that deliver value.',
|
||||||
icon: mdiFileDocumentEdit
|
icon: mdiFileDocumentEdit
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'API Documentation',
|
name: 'Technical Writing',
|
||||||
desc: 'Clear, concise, and accurate documentation that makes your tools a joy for developers to use.',
|
desc: 'Create precise documentation, tutorials, and guides that simplify complex concepts.',
|
||||||
icon: mdiCodeJson
|
icon: mdiCodeJson
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'White Papers & Case Studies',
|
name: 'Professional Insights',
|
||||||
desc: 'Deep-dive content that showcases your technical success and builds trust with decision-makers.',
|
desc: 'Produce research-backed content and case studies that showcase expertise.',
|
||||||
icon: mdiStar
|
icon: mdiStar
|
||||||
}
|
}
|
||||||
];
|
];
|
||||||
@ -89,7 +89,7 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div className="hidden md:flex">
|
<div className="hidden md:flex">
|
||||||
<BaseButton
|
<BaseButton
|
||||||
href="https://www.fiverr.com/"
|
href="https://www.fiverr.com/s/gDL8yVE"
|
||||||
label="Hire on Fiverr"
|
label="Hire on Fiverr"
|
||||||
color="white"
|
color="white"
|
||||||
className="!text-black !bg-[#D4AF37] border-none hover:scale-105 transition-transform"
|
className="!text-black !bg-[#D4AF37] border-none hover:scale-105 transition-transform"
|
||||||
@ -121,7 +121,7 @@ export default function LandingPage() {
|
|||||||
))}
|
))}
|
||||||
<div className="pt-4">
|
<div className="pt-4">
|
||||||
<BaseButton
|
<BaseButton
|
||||||
href="https://www.fiverr.com/"
|
href="https://www.fiverr.com/s/gDL8yVE"
|
||||||
label="Hire on Fiverr"
|
label="Hire on Fiverr"
|
||||||
className="!text-black !bg-[#D4AF37] border-none w-full justify-center"
|
className="!text-black !bg-[#D4AF37] border-none w-full justify-center"
|
||||||
/>
|
/>
|
||||||
@ -143,7 +143,7 @@ export default function LandingPage() {
|
|||||||
</p>
|
</p>
|
||||||
<div className="flex flex-col sm:flex-row items-center justify-center space-y-4 sm:space-y-0 sm:space-x-6">
|
<div className="flex flex-col sm:flex-row items-center justify-center space-y-4 sm:space-y-0 sm:space-x-6">
|
||||||
<BaseButton
|
<BaseButton
|
||||||
href="https://www.fiverr.com/"
|
href="https://www.fiverr.com/s/gDL8yVE"
|
||||||
label="Hire Me on Fiverr"
|
label="Hire Me on Fiverr"
|
||||||
className="!bg-[#D4AF37] !text-black !border-none px-10 py-4 text-lg font-bold uppercase tracking-widest hover:bg-[#B8962E] w-full sm:w-auto"
|
className="!bg-[#D4AF37] !text-black !border-none px-10 py-4 text-lg font-bold uppercase tracking-widest hover:bg-[#B8962E] w-full sm:w-auto"
|
||||||
/>
|
/>
|
||||||
@ -196,7 +196,7 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
<h4 className="text-xl md:text-2xl font-bold mb-4">{service.name}</h4>
|
<h4 className="text-xl md:text-2xl font-bold mb-4">{service.name}</h4>
|
||||||
<p className="text-gray-400 text-sm md:text-base leading-relaxed mb-6 md:mb-8">{service.desc}</p>
|
<p className="text-gray-400 text-sm md:text-base leading-relaxed mb-6 md:mb-8">{service.desc}</p>
|
||||||
<Link href="https://www.fiverr.com/" className="text-xs md:text-sm font-bold uppercase tracking-widest text-[#D4AF37] flex items-center group-hover:translate-x-2 transition-transform">
|
<Link href="https://www.fiverr.com/s/gDL8yVE" className="text-xs md:text-sm font-bold uppercase tracking-widest text-[#D4AF37] flex items-center group-hover:translate-x-2 transition-transform">
|
||||||
Learn More <BaseIcon path={mdiChevronRight} w="w-5" h="h-5" />
|
Learn More <BaseIcon path={mdiChevronRight} w="w-5" h="h-5" />
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
@ -267,7 +267,7 @@ export default function LandingPage() {
|
|||||||
<div className="flex flex-col lg:flex-row items-center justify-center space-y-4 lg:space-y-0 lg:space-x-12 mb-10 md:mb-12 text-gray-400">
|
<div className="flex flex-col lg:flex-row items-center justify-center space-y-4 lg:space-y-0 lg:space-x-12 mb-10 md:mb-12 text-gray-400">
|
||||||
<div className="flex items-center space-x-3 text-sm md:text-lg">
|
<div className="flex items-center space-x-3 text-sm md:text-lg">
|
||||||
<BaseIcon path={mdiEmailOutline} fill={goldColor} size={24} />
|
<BaseIcon path={mdiEmailOutline} fill={goldColor} size={24} />
|
||||||
<span>hello@blackness.studio</span>
|
<span>blackness.business@gmail.com</span>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex items-center space-x-3 text-sm md:text-lg">
|
<div className="flex items-center space-x-3 text-sm md:text-lg">
|
||||||
<BaseIcon path={mdiMapMarkerOutline} fill={goldColor} size={24} />
|
<BaseIcon path={mdiMapMarkerOutline} fill={goldColor} size={24} />
|
||||||
@ -275,7 +275,7 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<BaseButton
|
<BaseButton
|
||||||
href="https://www.fiverr.com/"
|
href="https://www.fiverr.com/s/gDL8yVE"
|
||||||
label="Hire Me on Fiverr"
|
label="Hire Me on Fiverr"
|
||||||
className="!bg-[#D4AF37] !text-black !border-none px-12 py-5 text-lg md:text-xl font-black uppercase tracking-widest hover:scale-105 transition-transform w-full md:w-auto"
|
className="!bg-[#D4AF37] !text-black !border-none px-12 py-5 text-lg md:text-xl font-black uppercase tracking-widest hover:scale-105 transition-transform w-full md:w-auto"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -117,7 +117,7 @@ export default function ProjectsPage() {
|
|||||||
|
|
||||||
<div className="hidden md:flex">
|
<div className="hidden md:flex">
|
||||||
<BaseButton
|
<BaseButton
|
||||||
href="https://www.fiverr.com/"
|
href="https://www.fiverr.com/s/gDL8yVE"
|
||||||
label="Hire on Fiverr"
|
label="Hire on Fiverr"
|
||||||
color="white"
|
color="white"
|
||||||
className="!text-black !bg-[#D4AF37] border-none hover:scale-105 transition-transform"
|
className="!text-black !bg-[#D4AF37] border-none hover:scale-105 transition-transform"
|
||||||
@ -149,7 +149,7 @@ export default function ProjectsPage() {
|
|||||||
))}
|
))}
|
||||||
<div className="pt-4">
|
<div className="pt-4">
|
||||||
<BaseButton
|
<BaseButton
|
||||||
href="https://www.fiverr.com/"
|
href="https://www.fiverr.com/s/gDL8yVE"
|
||||||
label="Hire on Fiverr"
|
label="Hire on Fiverr"
|
||||||
className="!text-black !bg-[#D4AF37] border-none w-full justify-center"
|
className="!text-black !bg-[#D4AF37] border-none w-full justify-center"
|
||||||
/>
|
/>
|
||||||
@ -217,7 +217,7 @@ export default function ProjectsPage() {
|
|||||||
<div className="container mx-auto px-6 text-center">
|
<div className="container mx-auto px-6 text-center">
|
||||||
<h3 className="text-3xl md:text-5xl font-black mb-8 tracking-tighter">READY TO START YOUR PROJECT?</h3>
|
<h3 className="text-3xl md:text-5xl font-black mb-8 tracking-tighter">READY TO START YOUR PROJECT?</h3>
|
||||||
<BaseButton
|
<BaseButton
|
||||||
href="https://www.fiverr.com/"
|
href="https://www.fiverr.com/s/gDL8yVE"
|
||||||
label="Hire Me on Fiverr"
|
label="Hire Me on Fiverr"
|
||||||
className="!bg-[#D4AF37] !text-black !border-none px-12 py-5 text-lg md:text-xl font-black uppercase tracking-widest hover:scale-105 transition-transform"
|
className="!bg-[#D4AF37] !text-black !border-none px-12 py-5 text-lg md:text-xl font-black uppercase tracking-widest hover:scale-105 transition-transform"
|
||||||
/>
|
/>
|
||||||
@ -258,4 +258,4 @@ export default function ProjectsPage() {
|
|||||||
|
|
||||||
ProjectsPage.getLayout = function getLayout(page: ReactElement) {
|
ProjectsPage.getLayout = function getLayout(page: ReactElement) {
|
||||||
return <LayoutGuest>{page}</LayoutGuest>;
|
return <LayoutGuest>{page}</LayoutGuest>;
|
||||||
};
|
};
|
||||||
Loading…
x
Reference in New Issue
Block a user