Merge version_3 into main

Merge version_3 into main
This commit was merged in pull request #7.
This commit is contained in:
2026-03-05 02:16:11 +00:00
4 changed files with 37 additions and 27 deletions

View File

@@ -1,5 +1,15 @@
import type { Metadata } from "next";
import "./globals.css";
import { DM_Sans } from "next/font/google";
import { Inter } from "next/font/google";
const dmSans = DM_Sans({
variable: "--font-dm-sans", subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Aesthetic Cafe", description: "Where Every Sip Becomes a Moment"};
@@ -11,7 +21,7 @@ export default function RootLayout({
}) {
return (
<html lang="en">
<body>{children}
<body className={`${dmSans.variable} ${inter.variable}`}>{children}
<script
dangerouslySetInnerHTML={{
__html: `

View File

@@ -14,15 +14,15 @@ import { Coffee, Leaf, Heart, Utensils, Star, Camera, Users, MapPin } from "luci
export default function HomePage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="small"
sizing="large"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="medium"
sizing="mediumLargeSizeLargeTitles"
background="aurora"
cardStyle="glass-depth"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
@@ -46,7 +46,7 @@ export default function HomePage() {
tag="Welcome to Aesthetic Cafe"
tagIcon={Coffee}
tagAnimation="blur-reveal"
background={{ variant: "plain" }}
background={{ variant: "sparkles-gradient" }}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg", imageAlt: "Aesthetic cafe interior with warm lighting and cozy seating"},
@@ -92,8 +92,8 @@ export default function HomePage() {
tagIcon={Utensils}
tagAnimation="blur-reveal"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
gridVariant="bento-grid"
animationType="scale-rotate"
useInvertedBackground={false}
products={[
{
@@ -128,7 +128,7 @@ export default function HomePage() {
tagIcon={Star}
tagAnimation="blur-reveal"
textboxLayout="default"
animationType="slide-up"
animationType="blur-reveal"
useInvertedBackground={false}
/>
</div>
@@ -141,8 +141,8 @@ export default function HomePage() {
tagIcon={Camera}
tagAnimation="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
gridVariant="bento-grid"
animationType="depth-3d"
useInvertedBackground={false}
testimonials={[
{
@@ -170,7 +170,7 @@ export default function HomePage() {
tagAnimation="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
animationType="scale-rotate"
useInvertedBackground={false}
testimonials={[
{
@@ -201,7 +201,7 @@ export default function HomePage() {
{ text: "View Locations", href: "/locations" },
]}
buttonAnimation="slide-up"
background={{ variant: "plain" }}
background={{ variant: "gradient-bars" }}
useInvertedBackground={false}
/>
</div>

View File

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

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000f06e6;
--primary-cta: #0a7039;
--background: #010912;
--card: #152840;
--foreground: #e6f0ff;
--primary-cta: #cee7ff;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta: #0e1a29;
--secondary-cta-text: #000f06e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
--accent: #3f5c79;
--background-accent: #004a93;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);