bender/0ffe619c-4601-4f85-8b3a-e223147689fa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_2
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
..
compare: bender:version_3
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

6 Commits
version_2 ... version_3

Author SHA1 Message Date
bender
493c1da29e Update src/app/styles/variables.css 2026-03-05 02:16:08 +00:00
bender
4f8d53eaf8 Update src/app/styles/base.css 2026-03-05 02:16:07 +00:00
bender
9ac9bbbfc9 Update src/app/page.tsx 2026-03-05 02:16:07 +00:00
bender
cd1580462c Update src/app/layout.tsx 2026-03-05 02:16:06 +00:00
bender
595376ad5e Merge version_2 into main 
Merge version_2 into main
 2026-03-05 02:06:22 +00:00
bender
6569dbc239 Merge version_2 into main 
Merge version_2 into main
 2026-03-05 02:05:36 +00:00
4 changed files with 37 additions and 27 deletions
Expand all files Collapse all files

12
src/app/layout.tsx
View File

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

34
src/app/page.tsx
View File

@@ -14,15 +14,15 @@ import { Coffee, Leaf, Heart, Utensils, Star, Camera, Users, MapPin } from "luci
export default function HomePage() { export default function HomePage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="icon-arrow" defaultButtonVariant="directional-hover"
defaultTextAnimation="background-highlight" defaultTextAnimation="reveal-blur"
borderRadius="pill" borderRadius="rounded"
contentWidth="small" contentWidth="medium"
sizing="large" sizing="mediumLargeSizeLargeTitles"
background="circleGradient" background="aurora"
cardStyle="subtle-shadow" cardStyle="glass-depth"
primaryButtonStyle="diagonal-gradient" primaryButtonStyle="radial-glow"
secondaryButtonStyle="radial-glow" secondaryButtonStyle="glass"
headingFontWeight="bold" headingFontWeight="bold"
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
@@ -46,7 +46,7 @@ export default function HomePage() {
tag="Welcome to Aesthetic Cafe" tag="Welcome to Aesthetic Cafe"
tagIcon={Coffee} tagIcon={Coffee}
tagAnimation="blur-reveal" tagAnimation="blur-reveal"
background={{ variant: "plain" }} background={{ variant: "sparkles-gradient" }}
mediaItems={[ 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"}, 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} tagIcon={Utensils}
tagAnimation="blur-reveal" tagAnimation="blur-reveal"
textboxLayout="default" textboxLayout="default"
gridVariant="uniform-all-items-equal" gridVariant="bento-grid"
animationType="slide-up" animationType="scale-rotate"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
@@ -128,7 +128,7 @@ export default function HomePage() {
tagIcon={Star} tagIcon={Star}
tagAnimation="blur-reveal" tagAnimation="blur-reveal"
textboxLayout="default" textboxLayout="default"
animationType="slide-up" animationType="blur-reveal"
useInvertedBackground={false} useInvertedBackground={false}
/> />
</div> </div>
@@ -141,8 +141,8 @@ export default function HomePage() {
tagIcon={Camera} tagIcon={Camera}
tagAnimation="slide-up" tagAnimation="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="uniform-all-items-equal" gridVariant="bento-grid"
animationType="slide-up" animationType="depth-3d"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
@@ -170,7 +170,7 @@ export default function HomePage() {
tagAnimation="slide-up" tagAnimation="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
animationType="slide-up" animationType="scale-rotate"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
@@ -201,7 +201,7 @@ export default function HomePage() {
{ text: "View Locations", href: "/locations" }, { text: "View Locations", href: "/locations" },
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
background={{ variant: "plain" }} background={{ variant: "gradient-bars" }}
useInvertedBackground={false} useInvertedBackground={false}
/> />
</div> </div>

4
src/app/styles/base.css
View File

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

14
src/app/styles/variables.css
View File

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