Merge pull request #21 from simplicityf/feat/logo

feat: add logo to navbar and footer

Author: SudiptaPaul-31

app/layout.tsx

@@ -14,19 +14,19 @@ export const metadata: Metadata = {
   icons: {
     icon: [
       {
-        url: '/icon-light-32x32.png',
+        url: '/assets/logo2.png',
         media: '(prefers-color-scheme: light)',
       },
       {
-        url: '/icon-dark-32x32.png',
+        url: '/assets/logo2.png',
         media: '(prefers-color-scheme: dark)',
       },
       {
-        url: '/icon.svg',
+        url: '/assets/logo2.png',
         type: 'image/svg+xml',
       },
     ],
-    apple: '/apple-icon.png',
+    apple: '/assets/logo2.png',
   },
 }
 

components/footer.tsx

@@ -1,5 +1,6 @@
 import Link from 'next/link'
 import { Github, Twitter, Linkedin } from 'lucide-react'
+import Image from 'next/image'
 
 export function Footer() {
   return (
@@ -8,14 +9,20 @@ export function Footer() {
         <div className="grid grid-cols-2 md:grid-cols-4 gap-8 mb-8">
           <div className="col-span-2 md:col-span-1">
             <div className="flex items-center gap-2 mb-4">
-              <div className="h-8 w-8 rounded-lg bg-gradient-to-br from-primary via-secondary to-accent" />
+              <Image
+                src='/assets/logo2.png'
+                alt="Logo"
+                width={20}
+                height={20}
+                className="h-10 w-10 object-cover"
+              />
               <span className="text-xl font-bold">TaskChain</span>
             </div>
             <p className="text-sm text-muted-foreground leading-relaxed">
               Secure freelance platform powered by Stellar blockchain escrow.
             </p>
           </div>
-          
+
           <div>
             <h3 className="font-semibold mb-4">Platform</h3>
             <ul className="space-y-2 text-sm text-muted-foreground">
@@ -41,7 +48,7 @@ export function Footer() {
               </li>
             </ul>
           </div>
-          
+
           <div>
             <h3 className="font-semibold mb-4">Resources</h3>
             <ul className="space-y-2 text-sm text-muted-foreground">
@@ -67,7 +74,7 @@ export function Footer() {
               </li>
             </ul>
           </div>
-          
+
           <div>
             <h3 className="font-semibold mb-4">Legal</h3>
             <ul className="space-y-2 text-sm text-muted-foreground">
@@ -89,12 +96,12 @@ export function Footer() {
             </ul>
           </div>
         </div>
-        
+
         <div className="flex flex-col md:flex-row items-center justify-between pt-8 border-t border-border/40 gap-4">
           <p className="text-sm text-muted-foreground">
             © 2024 TaskChain. All rights reserved.
           </p>
-          
+
           <div className="flex items-center gap-4">
             <Link
               href="https://twitter.com"

components/hero.tsx

@@ -8,26 +8,26 @@ export function Hero() {
       <div className="absolute inset-0 bg-gradient-to-br from-primary/20 via-secondary/20 to-accent/20 opacity-50" />
       <div className="absolute inset-0 bg-[radial-gradient(circle_at_30%_20%,rgba(120,119,198,0.3),transparent_50%)]" />
       <div className="absolute inset-0 bg-[radial-gradient(circle_at_70%_80%,rgba(74,222,128,0.2),transparent_50%)]" />
-      
+
       <div className="relative mx-auto max-w-7xl">
         <div className="text-center space-y-8">
           <div className="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-card/50 backdrop-blur-sm border border-border/40">
             <Shield className="h-4 w-4 text-primary" />
             <span className="text-sm text-muted-foreground">Powered by Stellar Blockchain</span>
           </div>
-          
+
           <h1 className="text-5xl md:text-7xl font-bold text-balance">
             Freelance with{' '}
             <span className="bg-gradient-to-r from-primary via-secondary to-accent bg-clip-text text-transparent">
               Confidence
             </span>
           </h1>
-          
+
           <p className="mx-auto max-w-2xl text-lg md:text-xl text-muted-foreground text-balance">
-            The Web3-powered platform that protects both clients and freelancers with blockchain-based escrow payments. 
+            The Web3-powered platform that protects both clients and freelancers with blockchain-based escrow payments.
             Work securely, get paid fairly.
           </p>
-          
+
           <div className="flex flex-col sm:flex-row items-center justify-center gap-4">
             <Button size="lg" className="group" asChild>
               <Link href="/signup">
@@ -42,7 +42,7 @@ export function Hero() {
               </Link>
             </Button>
           </div>
-          
+
           <div className="flex items-center justify-center gap-8 pt-8 text-sm text-muted-foreground">
             <div className="flex items-center gap-2">
               <div className="h-2 w-2 rounded-full bg-primary animate-pulse" />

components/navbar.tsx

@@ -4,6 +4,7 @@ import Link from 'next/link'
 import { Button } from '@/components/ui/button'
 import { Menu, X } from 'lucide-react'
 import { useState } from 'react'
+import Image from 'next/image'
 import { ThemeToggle } from './ui/ThemeToggle'
 
 export function Navbar() {
@@ -14,7 +15,13 @@ export function Navbar() {
       <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
         <div className="flex h-16 items-center justify-between">
           <div className="flex items-center gap-2">
-            <div className="h-8 w-8 rounded-lg bg-gradient-to-br from-primary via-secondary to-accent" />
+            <Image
+              src='/assets/logo2.png'
+              alt="Logo"
+              width={20}
+              height={20}
+              className="h-10 w-10 object-cover"
+            />
             <span className="text-xl font-bold text-foreground">TaskChain</span>
           </div>