2026-03-05 04:16:01 +00:00
4 changed files with 35 additions and 27 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,10 +1,18 @@
 import type { Metadata } from "next";
-import { Inter } from "next/font/google";
+import { Playfair_Display, Lato } from "next/font/google";
 import "./globals.css";
 import "./styles/variables.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 = {
  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 (
    <html lang="en">
-      <body className={inter.className}>{children}
+      <body className={`${playfairDisplay.variable} ${lato.variable}`}>{children}
        <script
          dangerouslySetInnerHTML={{
            __html: `
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,14 +17,14 @@ export default function LandingPage() {
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
-      borderRadius="soft"
-      contentWidth="small"
-      sizing="largeSmall"
-      background="circleGradient"
-      cardStyle="gradient-radial"
-      primaryButtonStyle="diagonal-gradient"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="mediumLarge"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
-      headingFontWeight="extrabold"
+      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <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."
          tag="Zagat Rated"
          tagIcon={Award}
-          background={{ variant: "sparkles-gradient" }}
+          background={{ variant: "plain" }}
          buttons={[
            { text: "Order In-Store Pickup", href: "#contact" },
            { 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"
          imageAlt="Casa Della Mozzarella storefront"
          mediaAnimation="slide-up"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
        />
      </div>

@@ -85,7 +85,7 @@ export default function LandingPage() {
          textboxLayout="default"
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
          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"
@@ -110,7 +110,7 @@ export default function LandingPage() {
          tag="Wall of Fame"
          tagIcon={Star}
          textboxLayout="default"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
          names={["Zagat Magazine", "New York Times", "Michelin Guide", "The Infatuation", "Eater NY", "Food Network", "NY1 News", "Bronx Tourism"]}
          speed={40}
          showCard={true}
@@ -125,7 +125,7 @@ export default function LandingPage() {
          tagIcon={Users}
          textboxLayout="default"
          animationType="slide-up"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
          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
@@ -156,7 +156,7 @@ export default function LandingPage() {
          tag="Store Information"
          tagIcon={MapPin}
          textboxLayout="default"
-          useInvertedBackground={false}
+          useInvertedBackground={true}
          animationType="slide-up"
          metrics={[
            {
@@ -178,8 +178,8 @@ export default function LandingPage() {
          tagIcon={Mail}
          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."
-          background={{ variant: "sparkles-gradient" }}
-          useInvertedBackground={false}
+          background={{ variant: "plain" }}
+          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-vector/colorful-infographic-timeline-flat-design_23-2148219581.jpg"
          imageAlt="Casa Della Mozzarella location map"
          mediaAnimation="slide-up"
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-lato), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-playfair-display), serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #f5f5f5;
-  --card: #ffffff;
-  --foreground: #1c1c1c;
-  --primary-cta: #1c1c1c;
+  --background: #1a1410;
+  --card: #2a201a;
+  --foreground: #f5f0e8;
+  --primary-cta: #8b7355;
  --primary-cta-text: #f5f5f5;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #2a201a;
  --secondary-cta-text: #1c1c1c;
-  --accent: #159c49;
-  --background-accent: #a8e8ba;
+  --accent: #6b8e5f;
+  --background-accent: #8b7355;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);