Compare commits
20 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e8c2f38375 | |||
| af44fb8d29 | |||
| 318e9f7470 | |||
| 136e860e49 | |||
| 59e12a2f8c | |||
| 221f9a6186 | |||
| ef9e0d4101 | |||
| 0196b256e9 | |||
| b43fd46645 | |||
| 01be09355d | |||
| ca008923cf | |||
| 5613d8cd37 | |||
| 553a65c8e5 | |||
| b8d647c417 | |||
| 4140129fae | |||
| fcecd59d63 | |||
| 347fa65429 | |||
| 526c836936 | |||
| 721a20390c | |||
| 0f635cef4c |
@@ -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
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -154,9 +154,9 @@ export default function LandingPage() {
|
||||
{
|
||||
id: "m1", value: "Daily", title: "Opening Hours", description: "7AM - 7PM Weekdays", imageSrc: "http://img.b2bpic.net/free-photo/we-are-open-glass-wall-coffee-shop_53876-63393.jpg"},
|
||||
{
|
||||
id: "m2", value: "Midtown", title: "Our Location", description: "311 Lexington Ave", imageSrc: "http://img.b2bpic.net/free-photo/woman-study-map-drinking-coffee-street-cafe-redhead-happy-girl-travel-canary-islands-looking-new-place-visit-sunny-day_1217-1756.jpg"},
|
||||
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"
|
||||
@@ -167,7 +167,7 @@ export default function LandingPage() {
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Inquire with Us"
|
||||
description="Planning a catered event or have a question? Drop us a line."
|
||||
description="Planning a catered event or have a question? Call us at (212) 555-0199 or drop a line below."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
@@ -190,9 +190,9 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram", href: "#"},
|
||||
label: "Instagram", href: "https://instagram.com/lucidcafe"},
|
||||
{
|
||||
label: "Twitter", href: "#"},
|
||||
label: "Twitter", href: "https://twitter.com/lucidcafe"},
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -210,4 +210,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #fffaf5e6;
|
||||
--primary-cta: #ffaa70;
|
||||
--primary-cta-text: #0a0a0a;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #fffaf5e6;
|
||||
--accent: #737373;
|
||||
--background-accent: #737373;
|
||||
--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);
|
||||
|
||||
Reference in New Issue
Block a user