bender/20ef81ce-3e02-412d-b967-db84d21b4c9a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_3
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

5 Commits
version_2 ... version_3

Author SHA1 Message Date
bender
952ead004e Update src/app/styles/variables.css 2026-03-05 04:15:57 +00:00
bender
e1b033e04d Update src/app/styles/base.css 2026-03-05 04:15:56 +00:00
bender
1fd1da4f0a Update src/app/page.tsx 2026-03-05 04:15:56 +00:00
bender
a804ecbc37 Update src/app/layout.tsx 2026-03-05 04:15:55 +00:00
bender
7166cd6894 Merge version_2 into main 
Merge version_2 into main
 2026-03-05 04:10:31 +00:00
4 changed files with 35 additions and 27 deletions
Expand all files Collapse all files

14
src/app/layout.tsx
View File

@@ -1,10 +1,18 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Inter } from "next/font/google"; import { Playfair_Display, Lato } from "next/font/google";
import "./globals.css"; import "./globals.css";
import "./styles/variables.css"; import "./styles/variables.css";
import "./styles/base.css"; import "./styles/base.css";
const inter = Inter({ subsets: ["latin"] }); const playfairDisplay = Playfair_Display({
variable: "--font-playfair-display", subsets: ["latin"],
weight: ["400", "500", "600", "700", "800", "900"],
});
const lato = Lato({
variable: "--font-lato", subsets: ["latin"],
weight: ["100", "300", "400", "700", "900"],
});
export const metadata: Metadata = { export const metadata: Metadata = {
title: "Casa Della Mozzarella - Best Mozzarella in NYC", description: "Zagat-rated Italian deli on Arthur Avenue in the Bronx. Premium mozzarella, imported meats, and artisanal Italian specialties since 1987."}; title: "Casa Della Mozzarella - Best Mozzarella in NYC", description: "Zagat-rated Italian deli on Arthur Avenue in the Bronx. Premium mozzarella, imported meats, and artisanal Italian specialties since 1987."};
@@ -16,7 +24,7 @@ export default function RootLayout({
}) { }) {
return ( return (
<html lang="en"> <html lang="en">
<body className={inter.className}>{children} <body className={`${playfairDisplay.variable} ${lato.variable}`}>{children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: ` __html: `

30
src/app/page.tsx
View File

@@ -17,14 +17,14 @@ export default function LandingPage() {
<ThemeProvider <ThemeProvider
defaultButtonVariant="icon-arrow" defaultButtonVariant="icon-arrow"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="soft" borderRadius="pill"
contentWidth="small" contentWidth="medium"
sizing="largeSmall" sizing="mediumLarge"
background="circleGradient" background="none"
cardStyle="gradient-radial" cardStyle="solid"
primaryButtonStyle="diagonal-gradient" primaryButtonStyle="gradient"
secondaryButtonStyle="glass" secondaryButtonStyle="glass"
headingFontWeight="extrabold" headingFontWeight="bold"
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
@@ -46,7 +46,7 @@ export default function LandingPage() {
description="Zagat-rated since 2013. A legendary Italian deli on Arthur Avenue in the Bronx, perfecting artisanal cheese and imported meats for generations." description="Zagat-rated since 2013. A legendary Italian deli on Arthur Avenue in the Bronx, perfecting artisanal cheese and imported meats for generations."
tag="Zagat Rated" tag="Zagat Rated"
tagIcon={Award} tagIcon={Award}
background={{ variant: "sparkles-gradient" }} background={{ variant: "plain" }}
buttons={[ buttons={[
{ text: "Order In-Store Pickup", href: "#contact" }, { text: "Order In-Store Pickup", href: "#contact" },
{ text: "Visit the Shop", href: "#location" } { text: "Visit the Shop", href: "#location" }
@@ -72,7 +72,7 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/happy-extended-family-having-fun-while-toasting-lunch-dining-table-focus-is-young-man_637285-2868.jpg" imageSrc="http://img.b2bpic.net/free-photo/happy-extended-family-having-fun-while-toasting-lunch-dining-table-focus-is-young-man_637285-2868.jpg"
imageAlt="Casa Della Mozzarella storefront" imageAlt="Casa Della Mozzarella storefront"
mediaAnimation="slide-up" mediaAnimation="slide-up"
useInvertedBackground={false} useInvertedBackground={true}
/> />
</div> </div>
@@ -85,7 +85,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
gridVariant="four-items-2x2-equal-grid" gridVariant="four-items-2x2-equal-grid"
animationType="slide-up" animationType="slide-up"
useInvertedBackground={false} useInvertedBackground={true}
products={[ products={[
{ {
id: "fresh-cheeses", name: "Fresh Cheeses", price: "Premium Quality", variant: "Buffalo Mozzarella, Ricotta, Burrata", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cheese-composition_23-2148161821.jpg", imageAlt: "Fresh mozzarella and ricotta selection" id: "fresh-cheeses", name: "Fresh Cheeses", price: "Premium Quality", variant: "Buffalo Mozzarella, Ricotta, Burrata", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cheese-composition_23-2148161821.jpg", imageAlt: "Fresh mozzarella and ricotta selection"
@@ -110,7 +110,7 @@ export default function LandingPage() {
tag="Wall of Fame" tag="Wall of Fame"
tagIcon={Star} tagIcon={Star}
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={true}
names={["Zagat Magazine", "New York Times", "Michelin Guide", "The Infatuation", "Eater NY", "Food Network", "NY1 News", "Bronx Tourism"]} names={["Zagat Magazine", "New York Times", "Michelin Guide", "The Infatuation", "Eater NY", "Food Network", "NY1 News", "Bronx Tourism"]}
speed={40} speed={40}
showCard={true} showCard={true}
@@ -125,7 +125,7 @@ export default function LandingPage() {
tagIcon={Users} tagIcon={Users}
textboxLayout="default" textboxLayout="default"
animationType="slide-up" animationType="slide-up"
useInvertedBackground={false} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "1", name: "Maria Rossi", role: "Food Writer", testimonial: "The mozzarella is incomparable. Truly the best I've ever tasted. Casa Della Mozzarella represents authentic Italian craftsmanship at its finest.", icon: Quote id: "1", name: "Maria Rossi", role: "Food Writer", testimonial: "The mozzarella is incomparable. Truly the best I've ever tasted. Casa Della Mozzarella represents authentic Italian craftsmanship at its finest.", icon: Quote
@@ -156,7 +156,7 @@ export default function LandingPage() {
tag="Store Information" tag="Store Information"
tagIcon={MapPin} tagIcon={MapPin}
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={true}
animationType="slide-up" animationType="slide-up"
metrics={[ metrics={[
{ {
@@ -178,8 +178,8 @@ export default function LandingPage() {
tagIcon={Mail} tagIcon={Mail}
title="Order Your Mozzarella" title="Order Your Mozzarella"
description="Ready to experience the best mozzarella in New York City? Arrange your in-store pickup or visit us at our Arthur Avenue location. We offer fresh-made selections daily." description="Ready to experience the best mozzarella in New York City? Arrange your in-store pickup or visit us at our Arthur Avenue location. We offer fresh-made selections daily."
background={{ variant: "sparkles-gradient" }} background={{ variant: "plain" }}
useInvertedBackground={false} useInvertedBackground={true}
imageSrc="http://img.b2bpic.net/free-vector/colorful-infographic-timeline-flat-design_23-2148219581.jpg" imageSrc="http://img.b2bpic.net/free-vector/colorful-infographic-timeline-flat-design_23-2148219581.jpg"
imageAlt="Casa Della Mozzarella location map" imageAlt="Casa Della Mozzarella location map"
mediaAnimation="slide-up" mediaAnimation="slide-up"

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-lato), 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-inter), sans-serif; font-family: var(--font-playfair-display), serif;
} }

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

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #f5f5f5; --background: #1a1410;
--card: #ffffff; --card: #2a201a;
--foreground: #1c1c1c; --foreground: #f5f0e8;
--primary-cta: #1c1c1c; --primary-cta: #8b7355;
--primary-cta-text: #f5f5f5; --primary-cta-text: #f5f5f5;
--secondary-cta: #ffffff; --secondary-cta: #2a201a;
--secondary-cta-text: #1c1c1c; --secondary-cta-text: #1c1c1c;
--accent: #159c49; --accent: #6b8e5f;
--background-accent: #a8e8ba; --background-accent: #8b7355;
/* 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);