selimaj-dev/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated pricing

Browse Source
This commit is contained in:
selimaj-dev
2025-01-04 20:56:38 +01:00
parent 07ad4cbc42
commit c8d7b6b17c
2 changed files with 14 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pricing/page.tsx
+4 -24
View File
@@ -1,5 +1,5 @@
import Background from "@/components/Background"; import Background from "@/components/Background";
import { faCheck, faCode, faDatabase } from "@fortawesome/free-solid-svg-icons"; import { faCheck, faCode, faDatabase, faRocket } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
export default function Pricing() { export default function Pricing() {
@@ -17,7 +17,7 @@ export default function Pricing() {
<ul className="pt-4 list-none space-y-2"> <ul className="pt-4 list-none space-y-2">
<li className="flex items-center"> <li className="flex items-center">
<FontAwesomeIcon className="text-green-500 mr-2" icon={faCheck} width={14} /> <FontAwesomeIcon className="text-green-500 mr-2" icon={faCheck} width={14} />
Up to 4 hours Up to a day
</li> </li>
<li className="flex items-center"> <li className="flex items-center">
<FontAwesomeIcon className="text-green-500 mr-2" icon={faCheck} width={14} /> <FontAwesomeIcon className="text-green-500 mr-2" icon={faCheck} width={14} />
@@ -31,29 +31,9 @@ export default function Pricing() {
</div> </div>
<div className="h-full rounded-xl bg-transparent-ish border border-red p-9"> <div className="h-full rounded-xl bg-transparent-ish border border-red p-9">
<FontAwesomeIcon className="w-max mx-auto text-red-600" icon={faCode} width={35}/> <FontAwesomeIcon className="w-max mx-auto text-red-600" icon={faRocket} width={35}/>
<h1 className="w-max mx-auto text-red-400">Premium</h1> <h1 className="w-max mx-auto text-red-400">Premium</h1>
<h2 className="text-2xl w-max mx-auto text-red">$60</h2> <h2 className="text-2xl w-max mx-auto text-red">$50</h2>
<ul className="pt-4 list-none space-y-2">
<li className="flex items-center">
<FontAwesomeIcon className="text-green-500 mr-2" icon={faCheck} width={14} />
Up to a day
</li>
<li className="flex items-center">
<FontAwesomeIcon className="text-green-500 mr-2" icon={faCheck} width={14} />
Simple to medium projects
</li>
<li className="flex items-center">
<FontAwesomeIcon className="text-green-500 mr-2" icon={faCheck} width={14} />
Larger tasks (e.g., refractoring, bug hunting)
</li>
</ul>
</div>
<div className="h-full rounded-xl bg-transparent-ish border border-red p-9">
<FontAwesomeIcon className="w-max mx-auto text-red-600" icon={faDatabase} width={35}/>
<h1 className="w-max mx-auto text-red-400">Enterprise</h1>
<h2 className="text-2xl w-max mx-auto text-red">$150</h2>
<ul className="pt-4 list-none space-y-2"> <ul className="pt-4 list-none space-y-2">
<li className="flex items-center"> <li className="flex items-center">
<FontAwesomeIcon className="text-green-500 mr-2" icon={faCheck} width={14} /> <FontAwesomeIcon className="text-green-500 mr-2" icon={faCheck} width={14} />
src/components/Navbar.tsx
+10 -6
View File
@@ -1,15 +1,21 @@
const Navbar = () => { 'use client'
import { usePathname } from 'next/navigation';
export default function Navbar() {
const pathname = usePathname();
return ( return (
<nav className="py-4 flex"> <nav className="py-4 flex">
<div className="mx-auto flex"> <div className="mx-auto flex">
<div className="space-x-4 text-white block font-bold"> <div className="space-x-4 text-white block font-bold">
<a href="/" className="hover:text-red transition-colors duration-300"> <a href="/" className={"hover:text-red transition-colors duration-300" + (pathname === '/' ? ' text-red' : '')}>
Home Home
</a> </a>
<a href="/pricing" className="hover:text-red transition-colors duration-300"> <a href="/pricing" className={"hover:text-red transition-colors duration-300" + (pathname === '/pricing' ? ' text-red' : '')}>
Pricing Pricing
</a> </a>
<a href="/blog" className="hover:text-red transition-colors duration-300"> <a href="/blog" className={"hover:text-red transition-colors duration-300" + (pathname === '/blog' ? ' text-red' : '')}>
Blog Blog
</a> </a>
</div> </div>
@@ -17,5 +23,3 @@ const Navbar = () => {
</nav> </nav>
); );
}; };
export default Navbar;