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_1
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

8 Commits
version_1 ... 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
bender
54843b54f7 Update src/app/page.tsx 2026-03-05 04:10:27 +00:00
bender
a798c5142a Update src/app/layout.tsx 2026-03-05 04:10:26 +00:00
bender
fbb327c1e9 Merge version_1 into main 
Merge version_1 into main
 2026-03-05 04:05:19 +00:00
4 changed files with 40 additions and 60 deletions
Expand all files Collapse all files

48
src/app/layout.tsx
View File

@@ -1,49 +1,30 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Halant } from "next/font/google"; import { Playfair_Display, Lato } from "next/font/google";
import { Inter } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import "./styles/variables.css";
import Tag from "@/tag/Tag"; import "./styles/base.css";
const halant = Halant({ const playfairDisplay = Playfair_Display({
variable: "--font-halant", subsets: ["latin"], variable: "--font-playfair-display", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"], weight: ["400", "500", "600", "700", "800", "900"],
}); });
const inter = Inter({ const lato = Lato({
variable: "--font-inter", subsets: ["latin"], 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 | Arthur Avenue", description: "Zagat-rated Italian deli in the Bronx. Fresh artisanal mozzarella, imported meats, and specialty sandwiches since 1987. 604 East 187th Street, Arthur Avenue.", keywords: "mozzarella, Italian deli, Bronx, Arthur Avenue, fresh cheese, imported meats, artisanal, Zagat-rated", robots: { 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."};
index: true,
follow: true,
},
openGraph: {
title: "Casa Della Mozzarella - Best Mozzarella in New York City", description: "Voted Best Mozzarella in NYC for over a decade. Fresh artisanal cheese and imported Italian specialties. Visit us on Arthur Avenue.", type: "website", siteName: "Casa Della Mozzarella", images: [
{
url: "http://img.b2bpic.net/free-photo/fresh-mozzarella-cheese-soft-italian-cheeses-tomato-basil-olives-oil-rosemary-wooden-serving-board-light-wooden-surface-healthy-food-top-view-flat-lay_1150-44825.jpg", alt: "Fresh mozzarella being hand-pulled"},
],
},
twitter: {
card: "summary_large_image", title: "Casa Della Mozzarella - Best Mozzarella in NYC", description: "Zagat-rated artisanal Italian deli. Fresh mozzarella and imported meats on Arthur Avenue, Bronx.", images: ["http://img.b2bpic.net/free-photo/fresh-mozzarella-cheese-soft-italian-cheeses-tomato-basil-olives-oil-rosemary-wooden-serving-board-light-wooden-surface-healthy-food-top-view-flat-lay_1150-44825.jpg"],
},
};
export default function RootLayout({ export default function RootLayout({
children, children,
}: Readonly<{ }: {
children: React.ReactNode; children: React.ReactNode;
}>) { }) {
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en">
<ServiceWrapper> <body className={`${playfairDisplay.variable} ${lato.variable}`}>{children}
<body
className={`${halant.variable} ${inter.variable} antialiased`}
>
<Tag />
{children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: ` __html: `
@@ -1411,7 +1392,6 @@ export default function RootLayout({
}} }}
/> />
</body> </body>
</ServiceWrapper>
</html> </html>
); );
} }

34
src/app/page.tsx
View File

@@ -10,21 +10,21 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
import MetricCardTen from '@/components/sections/metrics/MetricCardTen'; import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import ContactSplit from '@/components/sections/contact/ContactSplit'; import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBase from '@/components/sections/footer/FooterBase'; import FooterBase from '@/components/sections/footer/FooterBase';
import { Award, Heart, UtensilsCrossed, Star, Users, MapPin, Mail, Quote, History } from 'lucide-react'; import { Award, Heart, UtensilsCrossed, Star, Users, MapPin, Mail, Quote, Clock } from 'lucide-react';
export default function LandingPage() { export default function LandingPage() {
return ( return (
<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={[
{ {
@@ -166,7 +166,7 @@ export default function LandingPage() {
id: "phone", title: "(718) 364-3867", subtitle: "Call ahead for orders", category: "Contact", value: "Available" id: "phone", title: "(718) 364-3867", subtitle: "Call ahead for orders", category: "Contact", value: "Available"
}, },
{ {
id: "hours", title: "Monday – Saturday", subtitle: "9:00 AM – 7:00 PM (Closed Sundays)", category: "Hours", value: "Year-Round" id: "hours", title: "Monday – Saturday", subtitle: "7:30 AM – 6:00 PM | Sunday 7:30 AM – 1:00 PM", category: "Hours", value: "Year-Round"
} }
]} ]}
/> />
@@ -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);