Skip to content

Commit 38f1308

Browse files
codeunia-devcodeunia-dev
authored
Merge pull request #71 from codeunia-dev/branding/logo
Remove favicon.ico and update layout to use a new SVG favicon. Refact
2 parents 5fedbd7 + b6bfbc5 commit 38f1308

8 files changed

Lines changed: 70 additions & 52 deletions

File tree

‎app/favicon.ico‎

-25.3 KB
Binary file not shown.

‎app/layout.tsx‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,9 @@ export default function RootLayout({
2828
}>) {
2929
return (
3030
<html lang="en" suppressHydrationWarning>
31+
<head>
32+
<link rel="icon" href="/codeunia-favicon.svg" type="image/svg+xml" />
33+
</head>
3134
<body className={`${geistSans.className} antialiased`}>
3235
<ThemeProvider
3336
attribute="class"

‎app/page.tsx‎

Lines changed: 1 addition & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -1,54 +1,16 @@
11
"use client"
22

3-
import React, { useState } from "react";
3+
import React from "react";
44
import Header from "@/components/header";
55
import { HeroSection2 } from "@/components/home/HeroSection2"
66
import { FeaturesSection } from "@/components/home/FeaturesSection"
77
import { CommunitySpotlight } from "@/components/home/CommunitySpotlight"
88
import { LatestContentPreview } from "@/components/home/LatestContentPreview"
99
import Footer from "@/components/footer";
10-
import {
11-
Dialog,
12-
DialogContent,
13-
DialogHeader,
14-
DialogTitle,
15-
DialogDescription,
16-
} from "@/components/ui/dialog";
1710

1811
export default function Home() {
19-
const [open, setOpen] = useState(true);
20-
21-
const handleClose = () => {
22-
setOpen(false);
23-
};
24-
2512
return (
2613
<>
27-
<Dialog open={open} onOpenChange={(val) => { if (!val) handleClose(); }}>
28-
<DialogContent showCloseButton>
29-
<DialogHeader>
30-
<DialogTitle>Special Announcement!</DialogTitle>
31-
<DialogDescription>
32-
<div className="flex flex-col items-center gap-4">
33-
<img src="/images/colab/orbo.jpeg" alt="Orbo AI Collaboration" className="rounded-lg w-full max-w-xs object-cover" />
34-
<div className="text-base text-center">
35-
<b>We are thrilled to announce a special collaboration with Orbo AI!</b><br/>
36-
Manoj, co-founder of Orbo AI (as seen on Shark Tank India), will be joining RealityCode for an exclusive online session and fireside chat. Gain unique insights into startup journeys and co-founder alignment, straight from the innovators themselves!<br/><br/>
37-
Stay tuned for more details. We are excited to support the next generation of innovators with Orbo AI!
38-
</div>
39-
<a
40-
href="https://unstop.com/p/realitycode-by-codeunia-codeunia-1488383"
41-
target="_blank"
42-
rel="noopener noreferrer"
43-
className="mt-4 px-6 py-2 bg-yellow-400 hover:bg-yellow-500 text-yellow-900 font-bold rounded shadow transition-colors duration-200"
44-
>
45-
Register Now
46-
</a>
47-
</div>
48-
</DialogDescription>
49-
</DialogHeader>
50-
</DialogContent>
51-
</Dialog>
5214
<main className="flex min-h-screen flex-col items-center justify-between">
5315
<Header/>
5416
<div className="w-full max-w-[2000px]">

‎components/admin/Sidebar.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@ import React, { useState } from "react";
22
import Link from "next/link";
33
import { usePathname } from "next/navigation";
44
import {
5-
Code2,
65
Bell,
76
LogOut,
87
User,
@@ -33,6 +32,7 @@ import {
3332
import { Button } from "@/components/ui/button"
3433
import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet"
3534
import AdminHeader from "./AdminHeader";
35+
import { CodeuniaLogo } from "../codeunia-logo";
3636

3737

3838
export type SidebarGroupType = {
@@ -74,7 +74,7 @@ export function Sidebar({ avatar, name, email, role, sidebarItems, children }: S
7474
<div className="p-4 border-b border-zinc-800">
7575
<div className="flex items-center gap-3">
7676
<div className="flex aspect-square size-10 items-center justify-center rounded-xl bg-gradient-to-br from-primary to-purple-600 text-white shadow-md">
77-
<Code2 className="size-5" />
77+
<CodeuniaLogo size={32} />
7878
</div>
7979
<div className="grid flex-1 text-left text-sm leading-tight">
8080
<span className="truncate font-bold text-lg tracking-tight text-white drop-shadow">Codeunia Admin</span>
@@ -173,7 +173,7 @@ export function Sidebar({ avatar, name, email, role, sidebarItems, children }: S
173173
<SidebarMenuButton size="lg" asChild className="hover:bg-purple-700/20 transition-colors rounded-xl p-2">
174174
<Link href="/admin">
175175
<div className="flex aspect-square size-10 items-center justify-center rounded-xl bg-gradient-to-br from-primary to-purple-600 text-white shadow-md">
176-
<Code2 className="size-5" />
176+
<CodeuniaLogo size={32} />
177177
</div>
178178
<div className="grid flex-1 text-left text-sm leading-tight ml-3">
179179
<span className="truncate font-bold text-lg tracking-tight text-white drop-shadow">Codeunia Admin</span>

‎components/codeunia-logo.tsx‎

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
import React from "react";
2+
3+
interface CodeuniaLogoProps {
4+
size?: number;
5+
className?: string;
6+
}
7+
8+
/**
9+
* CodeuniaLogo - A modern, minimalist logo representing focus, completion, and community.
10+
*
11+
* @param size - The width/height of the logo in pixels (default: 180)
12+
* @param className - Additional class names for the container
13+
*/
14+
export const CodeuniaLogo: React.FC<CodeuniaLogoProps> = ({ size = 180, className = "" }) => {
15+
return (
16+
<span
17+
className={`inline-flex items-center justify-center transition-transform duration-500 group ${className}`}
18+
style={{ width: size +25, height: size + 50}}
19+
>
20+
<svg
21+
className="logo-svg group-hover:rotate-[-10deg]"
22+
width={size}
23+
height={size}
24+
viewBox="0 0 200 200"
25+
xmlns="http://www.w3.org/2000/svg"
26+
style={{ overflow: "visible" }}
27+
>
28+
{/* The 'C' for Code */}
29+
<path
30+
className="shape c-shape transition-transform duration-500 origin-center"
31+
d="M165,100 A65,65 0 1 1 100,35"
32+
fill="none"
33+
stroke="white"
34+
strokeWidth="30"
35+
strokeLinecap="round"
36+
/>
37+
{/* The Dot for Unia/Community */}
38+
<circle
39+
className="shape dot-shape transition-transform duration-500 origin-center group-hover:scale-120 group-hover:rotate-[10deg]"
40+
cx="100"
41+
cy="165"
42+
r="15"
43+
fill="#007AFF"
44+
/>
45+
</svg>
46+
</span>
47+
);
48+
};
49+
50+
export default CodeuniaLogo;

‎components/footer.tsx‎

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
import Link from "next/link"
22
import { Button } from "@/components/ui/button"
33
import { Input } from "@/components/ui/input"
4-
import { Code2, Github, Twitter, Linkedin, ArrowRight, Instagram } from "lucide-react"
4+
import { Github, Twitter, Linkedin, ArrowRight, Instagram } from "lucide-react"
5+
import { CodeuniaLogo } from "./codeunia-logo";
56

67
export default function Footer() {
78
return (
@@ -10,11 +11,11 @@ export default function Footer() {
1011
<div className="grid grid-cols-1 md:grid-cols-4 gap-12">
1112
{/* codeunia branding */}
1213
<div className="space-y-6">
13-
<Link href="/" className="flex items-center space-x-2 hover:scale-105 transition-transform">
14-
<div className="w-10 h-10 bg-gradient-to-br from-primary/90 to-purple-600/90 rounded-xl flex items-center justify-center shadow-lg">
15-
<Code2 className="h-6 w-6 text-white" />
14+
<Link href="/" className="hover:scale-105 transition-transform">
15+
<div className="flex items-center gap-0">
16+
<CodeuniaLogo size={40} />
17+
<span className="text-lg font-bold gradient-text">Codeunia</span>
1618
</div>
17-
<span className="text-lg font-bold gradient-text">Codeunia</span>
1819
</Link>
1920
<p className="text-foreground/80 leading-relaxed">
2021
Empowering the next generation of coders through real-world projects, vibrant community, and continuous

‎components/header.tsx‎

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,9 @@ import { useState } from "react"
66
import { Button } from "@/components/ui/button"
77
// import { ThemeToggle } from "@/components/theme-toggle"
88
import { UserIcon } from "@/components/user-icon"
9-
import { Menu, X, Code2 } from "lucide-react"
9+
import { Menu, X } from "lucide-react"
1010
import { useAuth } from "@/lib/hooks/useAuth"
11+
import { CodeuniaLogo } from "./codeunia-logo";
1112

1213
export default function Header() {
1314
const [isMenuOpen, setIsMenuOpen] = useState(false)
@@ -37,11 +38,11 @@ export default function Header() {
3738
<div className="container flex h-16 items-center justify-between px-4">
3839
{/* logo section - left */}
3940
<div className="flex items-center">
40-
<Link href="/" className="flex items-center space-x-2 hover:scale-105 transition-transform duration-200">
41-
<div className="w-10 h-10 bg-gradient-to-br from-primary to-purple-600 rounded-xl flex items-center justify-center shadow-lg">
42-
<Code2 className="h-6 w-6 text-white" />
41+
<Link href="/" className="hover:scale-105 transition-transform duration-200">
42+
<div className="flex items-center gap-0">
43+
<CodeuniaLogo size={40} />
44+
<span className="text-2xl font-bold gradient-text">Codeunia</span>
4345
</div>
44-
<span className="text-xl font-bold gradient-text">Codeunia</span>
4546
</Link>
4647
</div>
4748

‎public/codeunia-favicon.svg‎

Lines changed: 1 addition & 0 deletions
Loading

0 commit comments

Comments
 (0)