mova-store/app/layout.jsx at main · ghzhost/mova-store · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
import "../styles/global.css";
import { Syne, Manrope } from "next/font/google";
import NextTopLoader from "nextjs-toploader";
import Navbar from "../components/Navbar";
import ScrollToTop from "../components/ScrollToTop";
import Whatsapp from "../components/Whatsapp";
import Footer from "../components/Footer";
import { AuthProvider } from "../lib/AuthContext";
import Head from "next/head";
import logo from "../public/images/favicon.ico";

const syne = Syne({
  subsets: ["latin"],
  variable: "--font-mova-display",
  display: "swap",
  weight: ["600", "700", "800"],
});

const manrope = Manrope({
  subsets: ["latin"],
  variable: "--font-mova-body",
  display: "swap",
  weight: ["400", "500", "600", "700"],
});

export const metadata = {
  title: "Mova Store",
  description: "Curated footwear with Stellar crypto checkout",
  openGraph: {
    type: "website",
    url: "https://mova-store.vercel.app/",
    title: "Mova Store",
    description: "Curated footwear with Stellar crypto checkout",
    images: [
      {
        url: "https://mova-store.vercel.app/images/og-image.png",
        width: 1200,
        height: 630,
        alt: "Mova Store",
      },
    ],
  },
};

const RootLayout = ({ children }) => {
  return (
    <html lang="en" className={`${syne.variable} ${manrope.variable}`}>
      <Head>
        <link rel="icon" href={logo} width="300px" type="image/x-icon" />
        <link rel="icon" href="/favicon.ico" sizes="any" />
        <link
          rel="icon"
          href="/icon?<generated>"
          type="image/<generated>"
          sizes="<generated>"
        />
        <link
          rel="apple-touch-icon"
          href="/apple-icon?<generated>"
          type="image/<generated>"
          sizes="<generated>"
        />
      </Head>
      <body className="h-full font-body antialiased">
        <NextTopLoader color="#7c3aed" showSpinner={false} />

        <AuthProvider>
          <div className="flex flex-col min-h-screen">
            <Navbar />
            <main className="app flex-grow pt-10">{children}</main>
            <Whatsapp />
            <ScrollToTop />
            <Footer />
          </div>
        </AuthProvider>
      </body>
    </html>
  );
};

export default RootLayout;