bender/d772eadf-0beb-424c-8b13-2b7ceca2f0b4
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

13 Commits
version_1 ... version_3

Author SHA1 Message Date
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
4 changed files with 88 additions and 70 deletions
Expand all files Collapse all files

39
src/app/layout.tsx
View File

@@ -1,46 +1,43 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Halant } from "next/font/google"; import { Playfair_Display } from "next/font/google";
import { Inter } from "next/font/google"; import { Lora } from "next/font/google";
import { Lato } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
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 lora = Lora({
variable: "--font-inter", subsets: ["latin"], variable: "--font-lora", subsets: ["latin"],
}); weight: ["400", "500", "600", "700"],
const lato = Lato({
variable: "--font-lato", subsets: ["latin"],
weight: ["100", "300", "400", "700", "900"],
}); });
export const metadata: Metadata = { 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"), 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: { alternates: {
canonical: "https://pizzeriairene.com"}, canonical: "https://pizzeriairene.com"
},
openGraph: { 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: [ 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: { 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: { robots: {
index: true, index: true,
follow: true, follow: true
}, }
}; };
export default function RootLayout({ export default function RootLayout({
children, children
}: Readonly<{ }: Readonly<{
children: React.ReactNode; children: React.ReactNode;
}>) { }>) {
@@ -48,7 +45,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body
className={`${halant.variable} ${inter.variable} ${lato.variable} antialiased`} className={`${playfairDisplay.variable} ${lora.variable} antialiased`}
> >
<Tag /> <Tag />
{children} {children}

101
src/app/page.tsx
View File

@@ -2,7 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple"; 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 TextAbout from "@/components/sections/about/TextAbout";
import ProductCardOne from "@/components/sections/product/ProductCardOne"; import ProductCardOne from "@/components/sections/product/ProductCardOne";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive"; 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() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="bounce-effect" defaultButtonVariant="hover-magnetic"
defaultTextAnimation="background-highlight" defaultTextAnimation="entrance-slide"
borderRadius="soft" borderRadius="rounded"
contentWidth="medium" contentWidth="medium"
sizing="largeSizeMediumTitles" sizing="mediumLargeSizeLargeTitles"
background="noiseDiagonalGradient" background="floatingGradient"
cardStyle="soft-shadow" cardStyle="glass-elevated"
primaryButtonStyle="flat" primaryButtonStyle="shadow"
secondaryButtonStyle="glass" secondaryButtonStyle="glass"
headingFontWeight="medium" headingFontWeight="bold"
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
@@ -39,26 +39,27 @@ export default function LandingPage() {
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroOverlay <HeroSplit
title="Buongiorno, Welcome to Pizzeria Irene" 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" 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" imageSrc="http://img.b2bpic.net/free-photo/close-up-delicious-pizza_23-2150852135.jpg?_wi=1"
imageAlt="Cozy pizzeria interior with warm lighting" imageAlt="Cozy pizzeria interior with warm lighting"
textPosition="bottom-left" imagePosition="right"
showBlur={true} mediaAnimation="slide-up"
showDimOverlay={false}
buttons={[ buttons={[
{ text: "Reserve a Table", href: "contact" }, { text: "Reserve a Table", href: "contact" },
{ text: "View Menu", href: "pizzas" }, { text: "View Menu", href: "pizzas" },
]} ]}
buttonAnimation="slide-up"
/> />
</div> </div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<TextAbout <TextAbout
tag="Our Story" 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} useInvertedBackground={false}
buttons={[{ text: "Learn More About Us", href: "#" }]} buttons={[{ text: "Learn More About Us", href: "#" }]}
/> />
@@ -67,15 +68,18 @@ export default function LandingPage() {
<div id="pizzas" data-section="pizzas"> <div id="pizzas" data-section="pizzas">
<ProductCardOne <ProductCardOne
title="Our Signature Pizzas" 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" tag="Handcrafted"
products={[ 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" gridVariant="three-columns-all-equal-width"
animationType="slide-up" animationType="slide-up"
@@ -87,43 +91,51 @@ export default function LandingPage() {
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardTwentyFive <FeatureCardTwentyFive
title="Why Choose Pizzeria Irene" 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" tag="Our Difference"
features={[ features={[
{ {
title: "Authentic Ingredients", description: "We import premium ingredients directly from Italy to ensure every pizza tastes authentic and delicious.", icon: Leaf, title: "Authentic Ingredients", description: "We import premium ingredients directly from Italy to ensure every pizza tastes authentic and delicious.", icon: Leaf,
mediaItems: [ 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, 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: [ 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: [ 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: [ 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"> <div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen <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} rating={5}
author="Maria Rossi, Local Community Member" author="Maria Rossi, Local Community Member"
avatars={[ 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" ratingAnimation="slide-up"
avatarsAnimation="slide-up" avatarsAnimation="slide-up"
@@ -193,13 +211,16 @@ export default function LandingPage() {
socialLinks={[ socialLinks={[
{ {
icon: Facebook, icon: Facebook,
href: "https://facebook.com", ariaLabel: "Visit our Facebook page"}, href: "https://facebook.com", ariaLabel: "Visit our Facebook page"
},
{ {
icon: Instagram, icon: Instagram,
href: "https://instagram.com", ariaLabel: "Follow us on Instagram"}, href: "https://instagram.com", ariaLabel: "Follow us on Instagram"
},
{ {
icon: Phone, icon: Phone,
href: "tel:+1234567890", ariaLabel: "Call us"}, href: "tel:+1234567890", ariaLabel: "Call us"
},
]} ]}
/> />
</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-lato), sans-serif; font-family: var(--font-playfair-display), 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-lato), sans-serif; font-family: var(--font-playfair-display), 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: #e3deea; --background: #fdf8f3;
--card: #ffffff; --card: #fef5ed;
--foreground: #1f2027; --foreground: #3d2817;
--primary-cta: #1f2027; --primary-cta: #c97c3a;
--primary-cta-text: #e3deea; --primary-cta-text: #e3deea;
--secondary-cta: #ffffff; --secondary-cta: #fef5ed;
--secondary-cta-text: #1f2027; --secondary-cta-text: #1f2027;
--accent: #627dc6; --accent: #e8c9a8;
--background-accent: #627dc6; --background-accent: #d4a574;
/* 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);