fix: replace text logo with LogoSimple component in Footer and restore Footer in Layout

This commit is contained in:
arraysid
2025-05-27 09:11:31 +07:00
parent 341b4eef98
commit c3c203b555
2 changed files with 5 additions and 25 deletions
@@ -1,3 +1,4 @@
import { LogoSimple } from '@/app/_components/logo';
import Link from 'next/link';
export default function Footer() {
@@ -7,9 +8,7 @@ export default function Footer() {
<div className="grid gap-8 md:grid-cols-2 lg:grid-cols-4">
<div className="space-y-4">
<div className="flex items-center gap-2">
<span className="text-xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-primary to-blue-400">
IMPHNEN
</span>
<LogoSimple />
</div>
<p className="text-sm text-muted-foreground">
Ingin Menjadi Programmer Handal merupakan komunitas Programmer
@@ -87,7 +86,7 @@ export default function Footer() {
</li>
<li>
<Link
href="#komunitas"
href="#community"
className="text-sm text-muted-foreground hover:text-foreground"
>
Komunitas
@@ -176,26 +175,6 @@ export default function Footer() {
HTML
</span>
</div>
<div className="mt-6">
<h3 className="text-lg font-bold mb-2">Newsletter</h3>
<p className="text-sm text-muted-foreground mb-2">
Dapatkan update terbaru dari kami
</p>
<div className="flex gap-2">
<input
type="email"
placeholder="Email Anda"
className="flex h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
/>
<button
className="inline-flex items-center justify-center rounded-md bg-primary px-3 py-1 text-sm shadow hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50
font-bold text-black hover:text-white cursor-pointer"
>
Daftar
</button>
</div>
</div>
</div>
</div>
<div className="mt-8 border-t pt-8 text-center">
+2 -1
View File
@@ -1,3 +1,4 @@
import Footer from './_components/footer';
import { Header } from './_components/header';
export default function Layout({ children }: { children: React.ReactNode }) {
@@ -5,7 +6,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
<div className="flex min-h-screen flex-col">
<Header />
<main className="flex-1">{children}</main>
{/* <Footer /> */}
<Footer />
</div>
);
}