diff --git a/public/Skilld AI Logos/Favicon black.png b/public/Skilld AI Logos/Favicon black.png new file mode 100644 index 0000000..b56cfdd Binary files /dev/null and b/public/Skilld AI Logos/Favicon black.png differ diff --git a/public/Skilld AI Logos/Favicon color.png b/public/Skilld AI Logos/Favicon color.png new file mode 100644 index 0000000..cdbbe77 Binary files /dev/null and b/public/Skilld AI Logos/Favicon color.png differ diff --git a/public/Skilld AI Logos/Favicon white.png b/public/Skilld AI Logos/Favicon white.png new file mode 100644 index 0000000..cf06ce8 Binary files /dev/null and b/public/Skilld AI Logos/Favicon white.png differ diff --git a/public/Skilld AI Logos/Icon Black.png b/public/Skilld AI Logos/Icon Black.png new file mode 100644 index 0000000..ec2f90f Binary files /dev/null and b/public/Skilld AI Logos/Icon Black.png differ diff --git a/public/Skilld AI Logos/Icon Black.svg b/public/Skilld AI Logos/Icon Black.svg new file mode 100644 index 0000000..b226e12 --- /dev/null +++ b/public/Skilld AI Logos/Icon Black.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/Skilld AI Logos/Icon Colour.png b/public/Skilld AI Logos/Icon Colour.png new file mode 100644 index 0000000..1513156 Binary files /dev/null and b/public/Skilld AI Logos/Icon Colour.png differ diff --git a/public/Skilld AI Logos/Icon Colour.svg b/public/Skilld AI Logos/Icon Colour.svg new file mode 100644 index 0000000..19daf8a --- /dev/null +++ b/public/Skilld AI Logos/Icon Colour.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/Skilld AI Logos/Icon White.png b/public/Skilld AI Logos/Icon White.png new file mode 100644 index 0000000..a30d593 Binary files /dev/null and b/public/Skilld AI Logos/Icon White.png differ diff --git a/public/Skilld AI Logos/Icon White.svg b/public/Skilld AI Logos/Icon White.svg new file mode 100644 index 0000000..e0b383d --- /dev/null +++ b/public/Skilld AI Logos/Icon White.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/Skilld AI Logos/SkillD v 1.0.pdf b/public/Skilld AI Logos/SkillD v 1.0.pdf new file mode 100644 index 0000000..9898470 Binary files /dev/null and b/public/Skilld AI Logos/SkillD v 1.0.pdf differ diff --git a/public/Skilld AI Logos/Skilld Logo-Black.png b/public/Skilld AI Logos/Skilld Logo-Black.png new file mode 100644 index 0000000..0f948cd Binary files /dev/null and b/public/Skilld AI Logos/Skilld Logo-Black.png differ diff --git a/public/Skilld AI Logos/Skilld Logo-Black.svg b/public/Skilld AI Logos/Skilld Logo-Black.svg new file mode 100644 index 0000000..70d8ba8 --- /dev/null +++ b/public/Skilld AI Logos/Skilld Logo-Black.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/Skilld AI Logos/Skilld Logo-Black[9].png b/public/Skilld AI Logos/Skilld Logo-Black[9].png new file mode 100644 index 0000000..1397295 Binary files /dev/null and b/public/Skilld AI Logos/Skilld Logo-Black[9].png differ diff --git a/public/Skilld AI Logos/Skilld Logo-Color.png b/public/Skilld AI Logos/Skilld Logo-Color.png new file mode 100644 index 0000000..60e684d Binary files /dev/null and b/public/Skilld AI Logos/Skilld Logo-Color.png differ diff --git a/public/Skilld AI Logos/Skilld Logo-color on dark.png b/public/Skilld AI Logos/Skilld Logo-color on dark.png new file mode 100644 index 0000000..11e0037 Binary files /dev/null and b/public/Skilld AI Logos/Skilld Logo-color on dark.png differ diff --git a/public/Skilld AI Logos/Skilld Logo-colour on black.png b/public/Skilld AI Logos/Skilld Logo-colour on black.png new file mode 100644 index 0000000..aff95ef Binary files /dev/null and b/public/Skilld AI Logos/Skilld Logo-colour on black.png differ diff --git a/public/Skilld AI Logos/Skilld Logo-colour on black.svg b/public/Skilld AI Logos/Skilld Logo-colour on black.svg new file mode 100644 index 0000000..9dcabc5 --- /dev/null +++ b/public/Skilld AI Logos/Skilld Logo-colour on black.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/Skilld AI Logos/Skilld Logo-colour.png b/public/Skilld AI Logos/Skilld Logo-colour.png new file mode 100644 index 0000000..bf2358d Binary files /dev/null and b/public/Skilld AI Logos/Skilld Logo-colour.png differ diff --git a/public/Skilld AI Logos/Skilld Logo-colour.svg b/public/Skilld AI Logos/Skilld Logo-colour.svg new file mode 100644 index 0000000..e7845a3 --- /dev/null +++ b/public/Skilld AI Logos/Skilld Logo-colour.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/Skilld AI Logos/Skilld Logo-white.png b/public/Skilld AI Logos/Skilld Logo-white.png new file mode 100644 index 0000000..b389e03 Binary files /dev/null and b/public/Skilld AI Logos/Skilld Logo-white.png differ diff --git a/public/Skilld AI Logos/Skilld Logo-white.svg b/public/Skilld AI Logos/Skilld Logo-white.svg new file mode 100644 index 0000000..7f0ef7a --- /dev/null +++ b/public/Skilld AI Logos/Skilld Logo-white.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/public/Skilld AI Logos/Skilld Logo-white[13].png b/public/Skilld AI Logos/Skilld Logo-white[13].png new file mode 100644 index 0000000..5f5222c Binary files /dev/null and b/public/Skilld AI Logos/Skilld Logo-white[13].png differ diff --git a/public/Skilld AI Logos/Skilld-Logo.png b/public/Skilld AI Logos/Skilld-Logo.png new file mode 100644 index 0000000..e32d8c5 Binary files /dev/null and b/public/Skilld AI Logos/Skilld-Logo.png differ diff --git a/src/components/layout/ThemeToggle/theme-toggle.tsx b/src/components/layout/ThemeToggle/theme-toggle.tsx index 71d8dba..5f36e67 100644 --- a/src/components/layout/ThemeToggle/theme-toggle.tsx +++ b/src/components/layout/ThemeToggle/theme-toggle.tsx @@ -9,8 +9,8 @@ import { DropdownMenuItem, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu"; -type CompProps = {}; -export default function ThemeToggle({}: CompProps) { +type CompProps = { onOpenChange?: (open: boolean) => void }; +export default function ThemeToggle({ onOpenChange }: CompProps) { const { setTheme } = useTheme(); return ( @@ -22,13 +22,28 @@ export default function ThemeToggle({}: CompProps) { - setTheme("light")}> + { + setTheme("light"); + onOpenChange?.(false); + }} + > Light - setTheme("dark")}> + { + setTheme("dark"); + onOpenChange?.(false); + }} + > Dark - setTheme("system")}> + { + setTheme("system"); + onOpenChange?.(false); + }} + > System diff --git a/src/components/mobile-nav.tsx b/src/components/mobile-nav.tsx index 3eeb6d3..dad31bc 100644 --- a/src/components/mobile-nav.tsx +++ b/src/components/mobile-nav.tsx @@ -12,6 +12,8 @@ import { Button } from "./ui/button"; import { ScrollArea } from "./ui/scroll-area"; import { NavItem } from "@/types"; import { AlignRight } from "lucide-react"; +import Image from "next/image"; +import ThemeToggle from "./layout/ThemeToggle/theme-toggle"; const mobileNavMenu: NavItem[] = [ { @@ -61,8 +63,22 @@ export function MobileNav() { className="flex items-center" onOpenChange={setOpen} > - - Skilld + + Skilld Logo + Skilld Logo +
@@ -73,6 +89,7 @@ export function MobileNav() { key={item.href} href={item.href} onOpenChange={setOpen} + className="text-muted-foreground" > {item.title} @@ -108,6 +125,9 @@ export function MobileNav() {
))} +
+ +
diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx index 66a39ff..4c7a64e 100644 --- a/src/components/navbar.tsx +++ b/src/components/navbar.tsx @@ -16,17 +16,8 @@ import { } from "@/components/ui/navigation-menu"; import ThemeToggle from "./layout/ThemeToggle/theme-toggle"; import { buttonVariants } from "./ui/button"; -import { - Sheet, - SheetContent, - SheetDescription, - SheetHeader, - SheetTitle, - SheetTrigger, -} from "@/components/ui/sheet"; -import { AlignRight } from "lucide-react"; -import { NavItem } from "@/types"; import { MobileNav } from "./mobile-nav"; +import Image from "next/image"; const careerPaths: { title: string; href: string; description: string }[] = [ { @@ -67,19 +58,44 @@ const careerPaths: { title: string; href: string; description: string }[] = [ }, ]; - - export default function Navbar() { return (
-

Skilld

+ Skilld Logo + Skilld Logo
+ + + + Community + + + + + + + Pricing + + + Courses @@ -136,20 +152,6 @@ export default function Navbar() { - - - - Community - - - - - - - Pricing - - - @@ -160,20 +162,7 @@ export default function Navbar() {
- - {/* - - - - - - Skilld - -
- -
- - */} +