bender/2e9cb997-dbef-428b-9019-9442de0a7d10
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:version_2
Branches Tags
bender:main bender:version_2 bender:version_1

5 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
f3f5fde01b Update src/app/layout.tsx 2026-03-05 08:34:34 +00:00
bender
eb70ff3175 Update src/app/globals.css 2026-03-05 08:34:33 +00:00
bender
63d35ee33d Merge version_1 into main 
Merge version_1 into main
 2026-03-05 08:33:23 +00:00
bender
35d2a35d9c Merge version_1 into main 
Merge version_1 into main
 2026-03-05 08:32:33 +00:00
bender
2334e9dde7 Merge version_1 into main 
Merge version_1 into main
 2026-03-05 08:31:29 +00:00
2 changed files with 84 additions and 51 deletions
Expand all files Collapse all files

80
src/app/globals.css
View File

@@ -1,5 +1,75 @@
@import "tailwindcss"; @layer base {
@import "./styles/variables.css"; html {
@import "./styles/theme.css"; scroll-behavior: smooth;
@import "./styles/utilities.css"; }
@import "./styles/base.css";
body {
background-color: var(--background);
color: var(--foreground);
transition: background-color 0.3s ease, color 0.3s ease;
}
}
@layer utilities {
.mask-fade-top {
-webkit-mask-image: linear-gradient(
to bottom,
transparent 0%,
black 15%,
black 100%
);
mask-image: linear-gradient(
to bottom,
transparent 0%,
black 15%,
black 100%
);
}
.mask-fade-top-long {
-webkit-mask-image: linear-gradient(
to bottom,
transparent 0%,
black 35%,
black 100%
);
mask-image: linear-gradient(
to bottom,
transparent 0%,
black 35%,
black 100%
);
}
.mask-fade-bottom {
-webkit-mask-image: linear-gradient(
to bottom,
black 0%,
black 65%,
transparent 100%
);
mask-image: linear-gradient(
to bottom,
black 0%,
black 65%,
transparent 100%
);
}
.mask-fade-sides {
-webkit-mask-image: linear-gradient(
to right,
transparent 0%,
black 10%,
black 90%,
transparent 100%
);
mask-image: linear-gradient(
to right,
transparent 0%,
black 10%,
black 90%,
transparent 100%
);
}
}

55
src/app/layout.tsx
View File

@@ -1,59 +1,23 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google"; import { Inter } from "next/font/google";
import { Manrope } from "next/font/google"; import "./styles/variables.css";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({ const inter = Inter({ subsets: ["latin"] });
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const manrope = Manrope({
variable: "--font-manrope", subsets: ["latin"],
});
export const metadata: Metadata = { export const metadata: Metadata = {
title: "La Café - Specialty Coffee & Community", description: "Experience artisan specialty coffee at La Café. Premium single-origin beans, expert baristas, and a welcoming community space. Visit us today.", keywords: "specialty coffee, café, espresso, barista, single-origin coffee, community space", metadataBase: new URL("https://lacafe.com"), title: "La Café - Specialty Coffee", description: "Experience the art of specialty coffee crafted with passion and precision."};
alternates: {
canonical: "https://lacafe.com"
},
openGraph: {
title: "La Café - Specialty Coffee Experience", description: "Discover handcrafted coffee and community at La Café", url: "https://lacafe.com", siteName: "La Café", type: "website", images: [
{
url: "http://img.b2bpic.net/free-photo/barista-work-coffee-shop_158595-2333.jpg", alt: "La Café specialty coffee"
}
]
},
twitter: {
card: "summary_large_image", title: "La Café - Your Perfect Cup", description: "Experience specialty coffee at its finest", images: ["http://img.b2bpic.net/free-photo/barista-work-coffee-shop_158595-2333.jpg"]
},
robots: {
index: true,
follow: true
}
};
export default function RootLayout({ export default function RootLayout({
children, children,
}: Readonly<{ }: {
children: React.ReactNode; children: React.ReactNode;
}>) { }) {
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en">
<ServiceWrapper> <body className={inter.className}>
<body {children}
className={`${halant.variable} ${inter.variable} ${manrope.variable} antialiased`}
>
<Tag />
{children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: ` __html: `
@@ -1421,7 +1385,6 @@ export default function RootLayout({
}} }}
/> />
</body> </body>
</ServiceWrapper>
</html> </html>
); );
} }