Code
tsx 66 lines 1.91 KB
Raw
1 import type { Metadata } from "next";
2 import { Inter } from "next/font/google";
3 import "./globals.css";
4 import Link from "next/link";
5 import { sampleProductsReviews } from "@/lib/sample-data";
6
7 const inter = Inter({ subsets: ["latin"] });
8
9 export const metadata: Metadata = {
10 title: "Hagersten StreetCut",
11 description: "Summaries of customer reviews",
12 };
13
14 export default function RootLayout({
15 children,
16 }: Readonly<{
17 children: React.ReactNode;
18 }>) {
19 const products = sampleProductsReviews;
20 return (
21 <html lang="en">
22 <body className={inter.className}>
23 <nav className="flex justify-around py-4 border-b mb-8">
24 <Link
25 key={products["mower"].name}
26 className="text-lg font-semibold"
27 href={`/`}
28 >
29 {products["mower"].name}
30 </Link>
31 </nav>
32 <p className="text-center text-gray-500 mb-8">
33 We are the best barber in the south of Stockholm. To learn more, visit
34 the{" "}
35 <Link
36 className="underline"
37 target="_blank"
38 href="https://maps.app.goo.gl/f4irVqGC9KGHzRDP9"
39 >
40 google page
41 </Link>
42 .{"\n "}
43 </p>
44 <p className="text-center text-gray-500 mb-8">
45 Text to book +46 72-853 82 88
46 </p>
47 <main className="pt-6">{children}</main>
48 <footer className="mt-16 py-8 border-t">
49 <div className="text-center text-sm text-gray-500 space-x-4">
50 <Link href="/contact" className="hover:underline">
51 Contact
52 </Link>
53 <span>|</span>
54 <Link href="/privacy" className="hover:underline">
55 Privacy Policy
56 </Link>
57 <span>|</span>
58 <Link href="/terms" className="hover:underline">
59 Terms of Use
60 </Link>
61 </div>
62 </footer>
63 </body>
64 </html>
65 );
66 }