Merge version_3 into main

Update src/app/styles/variables.css
2026-03-05 03:43:11 +00:00 · 2026-03-05 03:43:07 +00:00 · 2026-03-05 03:43:07 +00:00 · 2026-03-05 03:43:06 +00:00 · 2026-03-05 03:43:06 +00:00 · 2026-03-05 03:35:56 +00:00
4 changed files with 88 additions and 70 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,46 +1,43 @@
 import type { Metadata } from "next";
-import { Halant } from "next/font/google";
-import { Inter } from "next/font/google";
-import { Lato } from "next/font/google";
+import { Playfair_Display } from "next/font/google";
+import { Lora } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";

-const halant = Halant({
-  variable: "--font-halant",  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
+const playfairDisplay = Playfair_Display({
+  variable: "--font-playfair-display",  subsets: ["latin"],
+  weight: ["400", "500", "600", "700", "800", "900"],
 });

-const inter = Inter({
-  variable: "--font-inter",  subsets: ["latin"],
-});
-
-const lato = Lato({
-  variable: "--font-lato",  subsets: ["latin"],
-  weight: ["100", "300", "400", "700", "900"],
+const lora = Lora({
+  variable: "--font-lora",  subsets: ["latin"],
+  weight: ["400", "500", "600", "700"],
 });

 export const metadata: Metadata = {
  title: "Pizzeria Irene - Authentic Italian Handcrafted Pizza",  description: "Welcome to Pizzeria Irene, a family-owned pizzeria serving authentic Italian pizza since 1995. Experience warm hospitality and homemade flavors.",  keywords: "pizzeria, Italian pizza, authentic pizza, handcrafted, family restaurant, wood-fired oven",  metadataBase: new URL("https://pizzeriairene.com"),
  alternates: {
-    canonical: "https://pizzeriairene.com"},
+    canonical: "https://pizzeriairene.com"
+  },
  openGraph: {
    title: "Pizzeria Irene - Authentic Italian Pizza",    description: "Family-owned pizzeria with homemade recipes and authentic Italian ingredients. Reserve your table today.",    siteName: "Pizzeria Irene",    type: "website",    url: "https://pizzeriairene.com",    images: [
      {
-        url: "http://img.b2bpic.net/free-photo/close-up-delicious-pizza_23-2150852135.jpg",        alt: "Pizzeria Irene - Welcoming home of authentic pizza"},
-    ],
+        url: "http://img.b2bpic.net/free-photo/close-up-delicious-pizza_23-2150852135.jpg",        alt: "Pizzeria Irene - Welcoming home of authentic pizza"
+      }
+    ]
  },
  twitter: {
-    card: "summary_large_image",    title: "Pizzeria Irene - Authentic Italian Pizza",    description: "Family-owned since 1995. Experience warmth and authentic flavors.",    images: ["http://img.b2bpic.net/free-photo/close-up-delicious-pizza_23-2150852135.jpg"],
+    card: "summary_large_image",    title: "Pizzeria Irene - Authentic Italian Pizza",    description: "Family-owned since 1995. Experience warmth and authentic flavors.",    images: ["http://img.b2bpic.net/free-photo/close-up-delicious-pizza_23-2150852135.jpg"]
  },
  robots: {
    index: true,
-    follow: true,
-  },
+    follow: true
+  }
 };

 export default function RootLayout({
-  children,
+  children
 }: Readonly<{
  children: React.ReactNode;
 }>) {
@@ -48,7 +45,7 @@ export default function RootLayout({
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
        <body
-          className={`${halant.variable} ${inter.variable} ${lato.variable} antialiased`}
+          className={`${playfairDisplay.variable} ${lora.variable} antialiased`}
        >
          <Tag />
          {children}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-import HeroOverlay from "@/components/sections/hero/HeroOverlay";
+import HeroSplit from "@/components/sections/hero/HeroSplit";
 import TextAbout from "@/components/sections/about/TextAbout";
 import ProductCardOne from "@/components/sections/product/ProductCardOne";
 import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
@@ -14,16 +14,16 @@ import { Facebook, Instagram, Phone, Leaf, Flame, Heart, Users } from "lucide-re
 export default function LandingPage() {
  return (
    <ThemeProvider
-      defaultButtonVariant="bounce-effect"
-      defaultTextAnimation="background-highlight"
-      borderRadius="soft"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
      contentWidth="medium"
-      sizing="largeSizeMediumTitles"
-      background="noiseDiagonalGradient"
-      cardStyle="soft-shadow"
-      primaryButtonStyle="flat"
+      sizing="mediumLargeSizeLargeTitles"
+      background="floatingGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
-      headingFontWeight="medium"
+      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
@@ -39,26 +39,27 @@ export default function LandingPage() {
      </div>

      <div id="hero" data-section="hero">
-        <HeroOverlay
+        <HeroSplit
          title="Buongiorno, Welcome to Pizzeria Irene"
-          description="Handcrafted pizzas made with love and the finest Italian ingredients. Experience authentic flavors in a warm, welcoming atmosphere."
+          description="Handcrafted pizzas made with love and the finest Italian ingredients. Experience authentic flavors in a warm, welcoming atmosphere where family, tradition, and exceptional food come together."
          tag="Family-Owned Since 1995"
+          background={{ variant: "sparkles-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/close-up-delicious-pizza_23-2150852135.jpg?_wi=1"
          imageAlt="Cozy pizzeria interior with warm lighting"
-          textPosition="bottom-left"
-          showBlur={true}
-          showDimOverlay={false}
+          imagePosition="right"
+          mediaAnimation="slide-up"
          buttons={[
            { text: "Reserve a Table", href: "contact" },
            { text: "View Menu", href: "pizzas" },
          ]}
+          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="Our Story"
-          title="Three generations of pizza-making passion. At Pizzeria Irene, we believe every pizza tells a story of tradition, quality, and love for the craft. Our family recipes have been perfected over decades, honoring authentic Italian techniques while embracing local ingredients."
+          title="Three generations of pizza-making passion. At Pizzeria Irene, we believe every pizza tells a story of tradition, quality, and love for the craft. Our family recipes have been perfected over decades, honoring authentic Italian techniques while celebrating the warmth of home and community."
          useInvertedBackground={false}
          buttons={[{ text: "Learn More About Us", href: "#" }]}
        />
@@ -67,15 +68,18 @@ export default function LandingPage() {
      <div id="pizzas" data-section="pizzas">
        <ProductCardOne
          title="Our Signature Pizzas"
-          description="Each pizza is crafted fresh to order using premium ingredients and time-honored techniques."
+          description="Each pizza is crafted fresh to order using premium imported ingredients and time-honored wood-fired techniques. Every bite celebrates Italian heritage and culinary passion."
          tag="Handcrafted"
          products={[
            {
-              id: "1",              name: "Margherita Irene",              price: "$16.00",              imageSrc: "http://img.b2bpic.net/free-photo/pizza-margarita-table_140725-1201.jpg",              imageAlt: "Fresh Margherita pizza with basil"},
+              id: "1",              name: "Margherita Irene",              price: "$16.00",              imageSrc: "http://img.b2bpic.net/free-photo/pizza-margarita-table_140725-1201.jpg",              imageAlt: "Fresh Margherita pizza with basil"
+            },
            {
-              id: "2",              name: "Classic Pepperoni",              price: "$18.00",              imageSrc: "http://img.b2bpic.net/free-photo/salami-pizza-topped-with-dried-herbs_140725-2837.jpg",              imageAlt: "Authentic pepperoni pizza"},
+              id: "2",              name: "Classic Pepperoni",              price: "$18.00",              imageSrc: "http://img.b2bpic.net/free-photo/salami-pizza-topped-with-dried-herbs_140725-2837.jpg",              imageAlt: "Authentic pepperoni pizza"
+            },
            {
-              id: "3",              name: "Garden Fresh Vegetables",              price: "$17.00",              imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-delicious-fresh-italian-pizza_23-2147926040.jpg",              imageAlt: "Gourmet vegetarian pizza"},
+              id: "3",              name: "Garden Fresh Vegetables",              price: "$17.00",              imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-delicious-fresh-italian-pizza_23-2147926040.jpg",              imageAlt: "Gourmet vegetarian pizza"
+            },
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
@@ -87,43 +91,51 @@ export default function LandingPage() {
      <div id="features" data-section="features">
        <FeatureCardTwentyFive
          title="Why Choose Pizzeria Irene"
-          description="Discover what makes our restaurant special and why families keep coming back."
+          description="Discover what makes our restaurant special and why families keep coming back. We're more than a pizzeria—we're a gathering place where memories are made over exceptional food and genuine hospitality."
          tag="Our Difference"
          features={[
            {
              title: "Authentic Ingredients",              description: "We import premium ingredients directly from Italy to ensure every pizza tastes authentic and delicious.",              icon: Leaf,
              mediaItems: [
                {
-                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-pizza_23-2150852135.jpg?_wi=2",                  imageAlt: "Fresh Italian ingredients"},
+                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-pizza_23-2150852135.jpg?_wi=2",                  imageAlt: "Fresh Italian ingredients"
+                },
                {
-                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-pizza_23-2150852135.jpg?_wi=3",                  imageAlt: "Local produce selection"},
+                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-pizza_23-2150852135.jpg?_wi=3",                  imageAlt: "Local produce selection"
+                },
              ],
            },
            {
              title: "Traditional Wood-Fired Oven",              description: "Our custom-built wood-fired oven reaches perfect temperatures for crispy crust and perfectly melted cheese.",              icon: Flame,
              mediaItems: [
                {
-                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-pizza_23-2150852135.jpg?_wi=4",                  imageAlt: "Wood-fired oven"},
+                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-pizza_23-2150852135.jpg?_wi=4",                  imageAlt: "Wood-fired oven"
+                },
                {
-                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-pizza_23-2150852135.jpg?_wi=5",                  imageAlt: "Cooking pizza in oven"},
+                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-pizza_23-2150852135.jpg?_wi=5",                  imageAlt: "Cooking pizza in oven"
+                },
              ],
            },
            {
-              title: "Warm Family Atmosphere",              description: "More than a restaurant, we're a gathering place. Our cozy setting welcomes families, friends, and neighbors.",              icon: Heart,
+              title: "Warm Family Atmosphere",              description: "More than a restaurant, we're a gathering place. Our cozy setting welcomes families, friends, and neighbors with genuine warmth.",              icon: Heart,
              mediaItems: [
                {
-                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-pizza_23-2150852135.jpg?_wi=6",                  imageAlt: "Dining room ambiance"},
+                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-pizza_23-2150852135.jpg?_wi=6",                  imageAlt: "Dining room ambiance"
+                },
                {
-                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-pizza_23-2150852135.jpg?_wi=7",                  imageAlt: "Customers enjoying meals"},
+                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-pizza_23-2150852135.jpg?_wi=7",                  imageAlt: "Customers enjoying meals"
+                },
              ],
            },
            {
-              title: "Dedicated Customer Service",              description: "Every guest is treated like family. Our team ensures your visit is memorable and your needs are met.",              icon: Users,
+              title: "Dedicated Customer Service",              description: "Every guest is treated like family. Our team ensures your visit is memorable and your needs are met with care and attention.",              icon: Users,
              mediaItems: [
                {
-                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-pizza_23-2150852135.jpg?_wi=8",                  imageAlt: "Staff serving customers"},
+                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-pizza_23-2150852135.jpg?_wi=8",                  imageAlt: "Staff serving customers"
+                },
                {
-                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-pizza_23-2150852135.jpg?_wi=9",                  imageAlt: "Friendly staff interaction"},
+                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-pizza_23-2150852135.jpg?_wi=9",                  imageAlt: "Friendly staff interaction"
+                },
              ],
            },
          ]}
@@ -135,22 +147,28 @@ export default function LandingPage() {

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
-          testimonial="Pizzeria Irene is our favorite neighborhood spot. The pizzas are absolutely delicious, the atmosphere is so warm and inviting, and the staff treats us like family. We've been coming here for years and we keep bringing our friends!"
+          testimonial="Pizzeria Irene is our favorite neighborhood spot. The pizzas are absolutely delicious, the atmosphere is so warm and inviting, and the staff treats us like family. We've been coming here for years and we keep bringing our friends! It feels like home."
          rating={5}
          author="Maria Rossi, Local Community Member"
          avatars={[
            {
-              src: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",              alt: "Maria Rossi"},
+              src: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",              alt: "Maria Rossi"
+            },
            {
-              src: "http://img.b2bpic.net/free-photo/close-up-portrait-professional-business-woman-smiling-outdoor_1391-4.jpg",              alt: "Customer testimonial"},
+              src: "http://img.b2bpic.net/free-photo/close-up-portrait-professional-business-woman-smiling-outdoor_1391-4.jpg",              alt: "Customer testimonial"
+            },
            {
-              src: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg",              alt: "Customer testimonial"},
+              src: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg",              alt: "Customer testimonial"
+            },
            {
-              src: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg",              alt: "Customer testimonial"},
+              src: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg",              alt: "Customer testimonial"
+            },
            {
-              src: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",              alt: "Customer testimonial"},
+              src: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",              alt: "Customer testimonial"
+            },
            {
-              src: "http://img.b2bpic.net/free-photo/close-up-portrait-professional-business-woman-smiling-outdoor_1391-4.jpg",              alt: "Customer testimonial"},
+              src: "http://img.b2bpic.net/free-photo/close-up-portrait-professional-business-woman-smiling-outdoor_1391-4.jpg",              alt: "Customer testimonial"
+            },
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
@@ -193,13 +211,16 @@ export default function LandingPage() {
          socialLinks={[
            {
              icon: Facebook,
-              href: "https://facebook.com",              ariaLabel: "Visit our Facebook page"},
+              href: "https://facebook.com",              ariaLabel: "Visit our Facebook page"
+            },
            {
              icon: Instagram,
-              href: "https://instagram.com",              ariaLabel: "Follow us on Instagram"},
+              href: "https://instagram.com",              ariaLabel: "Follow us on Instagram"
+            },
            {
              icon: Phone,
-              href: "tel:+1234567890",              ariaLabel: "Call us"},
+              href: "tel:+1234567890",              ariaLabel: "Call us"
+            },
          ]}
        />
      </div>
--- 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-lato), sans-serif;
+  font-family: var(--font-playfair-display), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-lato), sans-serif;
+  font-family: var(--font-playfair-display), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #e3deea;
-  --card: #ffffff;
-  --foreground: #1f2027;
-  --primary-cta: #1f2027;
+  --background: #fdf8f3;
+  --card: #fef5ed;
+  --foreground: #3d2817;
+  --primary-cta: #c97c3a;
  --primary-cta-text: #e3deea;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #fef5ed;
  --secondary-cta-text: #1f2027;
-  --accent: #627dc6;
-  --background-accent: #627dc6;
+  --accent: #e8c9a8;
+  --background-accent: #d4a574;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	e2d1c02e48	Merge version_3 into main Merge version_3 into main	2026-03-05 03:43:11 +00:00
bender	25823c681b	Update src/app/styles/variables.css	2026-03-05 03:43:07 +00:00
bender	91a1123969	Update src/app/styles/base.css	2026-03-05 03:43:07 +00:00
bender	96da44a3b5	Update src/app/page.tsx	2026-03-05 03:43:06 +00:00
bender	3c49a77ecb	Update src/app/layout.tsx	2026-03-05 03:43:06 +00:00
bender	f0c08a6c8b	Merge version_2 into main Merge version_2 into main	2026-03-05 03:35:56 +00:00
bender	975c626130	Update theme colors	2026-03-05 03:35:50 +00:00
bender	13287fc6dc	Merge version_2 into main Merge version_2 into main	2026-03-05 03:33:25 +00:00
bender	389a4ccbd9	Update theme colors	2026-03-05 03:33:19 +00:00
bender	0c6014f882	Merge version_2 into main Merge version_2 into main	2026-03-05 03:32:49 +00:00
bender	1a7058c911	Update theme colors	2026-03-05 03:32:43 +00:00
bender	f43294cdbb	Merge version_2 into main Merge version_2 into main	2026-03-05 03:30:31 +00:00
bender	fd7670efb4	Update src/app/page.tsx	2026-03-05 03:30:27 +00:00
bender	a5186dc709	Merge version_1 into main Merge version_1 into main	2026-03-05 03:22:58 +00:00