limopharma/Layout.js at main · serjessen/limopharma · 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
82
83
84
import React from "react";
import { useLocation } from "react-router-dom";
import { CartProvider } from "./components/cart/CartContext";
import Header from "./components/layout/Header";
import Footer from "./components/layout/Footer";
import CartDrawer from "./components/cart/CartDrawer";
import { createPageUrl } from "@/utils";

export default function Layout({ children, currentPageName }) {
  const location = useLocation();
  const isAdminPage = location.pathname.includes(createPageUrl("Admin"));

  return (
    <CartProvider>
      <style>
        {`
          :root {
            --primary-green: #84b742;
            --primary-green-dark: #6a9435;
            --text-dark: #1f2937;
            --text-light: #6b7280;
            --background-light: #f8fafc;
            --white: #ffffff;
            --border-color: #e5e7eb;
          }

          .gradient-text {
            background: linear-gradient(135deg, var(--primary-green), #22c55e);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
          }

          .shadow-luxury {
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.5);
          }

          .text-primary-green {
            color: var(--primary-green);
          }

          .bg-primary-green {
            background-color: var(--primary-green);
          }

          .bg-primary-green-dark {
            background-color: var(--primary-green-dark);
          }

          .hover\\:bg-primary-green:hover {
            background-color: var(--primary-green);
          }

          .hover\\:bg-primary-green-dark:hover {
            background-color: var(--primary-green-dark);
          }

          .border-primary-green {
            border-color: var(--primary-green);
          }

          .hover\\:text-primary-green:hover {
            color: var(--primary-green);
          }

          body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
          }
        `}
      </style>
      <div className="min-h-screen flex flex-col font-sans bg-slate-50">
        {!isAdminPage && <Header />}

        <main className="flex-1">
          {children}
        </main>

        {!isAdminPage && <Footer />}

        <CartDrawer />
      </div>
    </CartProvider>
  );
}