11 Commits

Author SHA1 Message Date
af44fb8d29 Update theme fonts 2026-05-25 10:22:14 +00:00
318e9f7470 Update theme fonts 2026-05-25 10:22:13 +00:00
59e12a2f8c Update theme fonts 2026-05-25 10:22:03 +00:00
221f9a6186 Update theme fonts 2026-05-25 10:22:03 +00:00
0196b256e9 Update theme fonts 2026-05-25 10:21:56 +00:00
b43fd46645 Update theme fonts 2026-05-25 10:21:56 +00:00
ca008923cf Update src/app/styles/variables.css 2026-05-25 10:19:17 +00:00
5613d8cd37 Update src/app/page.tsx 2026-05-25 10:19:17 +00:00
553a65c8e5 Merge version_3 into main
Merge version_3 into main
2026-05-25 10:18:06 +00:00
b8d647c417 Update src/app/styles/variables.css 2026-05-25 10:18:03 +00:00
4140129fae Merge version_2 into main
Merge version_2 into main
2026-05-25 10:13:35 +00:00
4 changed files with 31 additions and 21 deletions

View File

@@ -7,6 +7,9 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Roboto } from "next/font/google";
import { Nunito_Sans } from "next/font/google";
import { Open_Sans } from "next/font/google";
import { Libre_Baskerville } from "next/font/google";
@@ -20,10 +23,17 @@ export const metadata: Metadata = {
},
};
const roboto = Roboto({
variable: "--font-roboto",
const libreBaskerville = Libre_Baskerville({
variable: "--font-libre-baskerville",
subsets: ["latin"],
weight: ["400", "700"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
weight: ["100", "300", "400", "500", "700", "900"],
});
export default function RootLayout({
@@ -34,7 +44,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${roboto.variable} antialiased`}>
<body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
<Tag />
{children}
<script

View File

@@ -44,9 +44,9 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "radial-gradient"}}
variant: "sparkles-gradient"}}
title="NYC's Warmest Coffee Ritual"
description="Specialty espresso, homemade almond milk, and unforgettable brunch moments."
description="Specialty espresso, homemade almond milk, and interactive 3D coffee moments."
buttons={[
{
text: "Explore Menu", href: "#menu"},
@@ -62,7 +62,7 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text", content: "A tiny, cozy NYC coffee shop experience in the heart of Midtown."},
type: "text", content: "A tiny, cozy NYC coffee shop experience with interactive 3D elements."},
{
type: "image", src: "http://img.b2bpic.net/free-photo/empty-cafe-street-terrace-with-chairs-tables-guests_501050-570.jpg", alt: "Lucid Cafe Interior"},
]}
@@ -95,8 +95,8 @@ export default function LandingPage() {
id: "6", brand: "Extra", name: "Almond Milk", price: "$1.50", rating: 5,
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/almond-milk-with-almond-wooden-bowl-black-background_1150-37676.jpg"},
]}
title="Holographic Menu"
description="Select from our premium selection of specialty coffee and brunch favorites."
title="Interactive 3D Treats"
description="Drag, drop, and enjoy our premium selection of specialty coffee and brunch favorites."
/>
</div>
@@ -156,7 +156,7 @@ export default function LandingPage() {
{
id: "m2", value: "Midtown", title: "3D Map View", description: "311 Lexington Ave (3D Location)", imageSrc: "http://img.b2bpic.net/free-photo/manhattan-streets-aerial-view_1150-13426.jpg"},
{
id: "m3", value: "Fresh", title: "Ritual", description: "Coffee served hot", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-cafe-signage-design_23-2149295822.jpg"},
id: "m3", value: "Fresh", title: "Ritual", description: "Coffee served hot", imageSrc: "http://img.b2bpic.net/free-photo/flat-design-cafe-signage-design_23-2149295822.jpg"},
]}
title="Visit Lucid Cafe"
description="311 Lexington Ave, New York, NY"

View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-roboto), sans-serif;
font-family: var(--font-inter), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-roboto), sans-serif;
font-family: var(--font-libre-baskerville), serif;
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5faff;
--card: #f1f8ff;
--foreground: #001122;
--primary-cta: #15479c;
--primary-cta-text: #0a0a0a;
--secondary-cta: #ffffff;
--secondary-cta-text: #fffaf5e6;
--accent: #a8cce8;
--background-accent: #7ba3cf;
--background: #fdfaf6;
--card: #f0e6da;
--foreground: #3d2b1f;
--primary-cta: #6f4e37;
--primary-cta-text: #ffffff;
--secondary-cta: #f0e6da;
--secondary-cta-text: #3d2b1f;
--accent: #b88a6d;
--background-accent: #e6d5c5;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);