117 lines
3.5 KiB
TypeScript
117 lines
3.5 KiB
TypeScript
import type { Metadata } from "next";
|
|
import { Inter, Podkova } from "next/font/google";
|
|
import "./globals.css";
|
|
import React from "react";
|
|
import Link from "next/link";
|
|
import { Button } from "@/components/button";
|
|
|
|
const inter = Inter({
|
|
subsets: ["latin"],
|
|
variable: "--font-inter",
|
|
display: "swap",
|
|
});
|
|
|
|
const podkova = Podkova({
|
|
subsets: ["latin"],
|
|
variable: "--font-podkova",
|
|
display: "swap",
|
|
});
|
|
|
|
export const metadata: Metadata = {
|
|
title: {
|
|
default: "Techaro Computing Canada",
|
|
template: "%s | Techaro",
|
|
},
|
|
openGraph: {
|
|
locale: "en-US",
|
|
},
|
|
description: "Your one-stop shop for all your computing needs.",
|
|
alternates: {
|
|
types: {
|
|
"application/rss+xml": "/blog.rss",
|
|
},
|
|
},
|
|
};
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode;
|
|
}>) {
|
|
return (
|
|
<html lang="en">
|
|
<body
|
|
className={`${inter.variable} ${podkova.variable} ${inter.className}`}
|
|
>
|
|
<div className="min-h-screen bg-gray-50">
|
|
<header className="bg-white shadow-sm">
|
|
<nav
|
|
className={`${inter.className} max-w-7xl mx-auto px-4 sm:px-6 lg:px-8`}
|
|
>
|
|
<div className="flex justify-between h-16">
|
|
<div className={`flex`}>
|
|
<div className="flex-shrink-0 flex items-center">
|
|
<Link
|
|
href="/"
|
|
className={`${podkova.className} text-2xl font-bold text-gray-900`}
|
|
>
|
|
Techaro
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
<div className="flex items-center">
|
|
<Link href="/about" passHref>
|
|
<Button
|
|
variant="ghost"
|
|
className="text-gray-600 hover:text-gray-900"
|
|
>
|
|
About
|
|
</Button>
|
|
</Link>
|
|
<Link href="/blog" passHref>
|
|
<Button
|
|
variant="ghost"
|
|
className="text-gray-600 hover:text-gray-900"
|
|
>
|
|
Blog
|
|
</Button>
|
|
</Link>
|
|
<Link href="/contact" passHref>
|
|
<Button
|
|
variant="ghost"
|
|
className="text-gray-600 hover:text-gray-900"
|
|
>
|
|
Contact
|
|
</Button>
|
|
</Link>
|
|
<Link href="/services" passHref>
|
|
<Button
|
|
variant="ghost"
|
|
className="text-gray-600 hover:text-gray-900"
|
|
>
|
|
Services
|
|
</Button>
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<main>{children}</main>
|
|
<footer className="bg-white mt-16">
|
|
<div className="max-w-7xl mx-auto py-12 px-4 sm:px-6 md:flex md:items-center md:justify-between lg:px-8">
|
|
<div className="flex justify-center space-x-6 md:order-2">
|
|
{/* Add social media links here */}
|
|
</div>
|
|
<div className="mt-8 md:mt-0 md:order-1">
|
|
<p className="text-center text-base text-gray-400">
|
|
© 2024 Techaro Computing Canada. All rights reserved.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|