From eb70ff31756a0b29ffca7df6cc93fd05f86a3e68 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 5 Mar 2026 08:34:33 +0000 Subject: [PATCH 1/2] Update src/app/globals.css --- src/app/globals.css | 80 ++++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 75 insertions(+), 5 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index f624db2..efb20a7 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -1,5 +1,75 @@ -@import "tailwindcss"; -@import "./styles/variables.css"; -@import "./styles/theme.css"; -@import "./styles/utilities.css"; -@import "./styles/base.css"; +@layer base { + html { + scroll-behavior: smooth; + } + + 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% + ); + } +} -- 2.49.1 From f3f5fde01b7fba670787724de65b03fbddfa4240 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 5 Mar 2026 08:34:34 +0000 Subject: [PATCH 2/2] Update src/app/layout.tsx --- src/app/layout.tsx | 55 ++++++++-------------------------------------- 1 file changed, 9 insertions(+), 46 deletions(-) diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 8b6ec2b..0440785 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,59 +1,23 @@ import type { Metadata } from "next"; -import { Halant } from "next/font/google"; import { Inter } from "next/font/google"; -import { Manrope } from "next/font/google"; +import "./styles/variables.css"; import "./globals.css"; -import { ServiceWrapper } from "@/components/ServiceWrapper"; -import Tag from "@/tag/Tag"; -const halant = Halant({ - 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"], -}); +const inter = Inter({ subsets: ["latin"] }); 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"), - 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 - } -}; + title: "La Café - Specialty Coffee", description: "Experience the art of specialty coffee crafted with passion and precision."}; export default function RootLayout({ children, -}: Readonly<{ +}: { children: React.ReactNode; -}>) { +}) { return ( - - - - - {children} - + + + {children} +