bender/d772eadf-0beb-424c-8b13-2b7ceca2f0b4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_2
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
..
compare: bender:version_3
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

8 Commits
version_2 ... 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
13287fc6dc Merge version_2 into main 
Merge version_2 into main
 2026-03-05 03:33:25 +00:00
bender
0c6014f882 Merge version_2 into main 
Merge version_2 into main
 2026-03-05 03:32:49 +00:00
bender
f43294cdbb Merge version_2 into main 
Merge version_2 into main
 2026-03-05 03:30:31 +00:00
4 changed files with 118 additions and 74 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}

135
src/app/page.tsx
View File

@@ -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
@@ -41,9 +41,9 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplit <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: "glowing-orb" }} 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"
imagePosition="right" imagePosition="right"
@@ -59,7 +59,7 @@ export default function LandingPage() {
<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: "#" }]}
/> />
@@ -68,12 +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: "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: "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: "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: "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"
},
]} ]}
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
animationType="slide-up" animationType="slide-up"
@@ -85,31 +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=3", imageAlt: "Local produce selection"}, 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"
},
], ],
}, },
{ 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=5", imageAlt: "Cooking pizza in 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"
},
], ],
}, },
{ 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=7", imageAlt: "Customers enjoying meals"}, 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"
},
], ],
}, },
{ 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=9", imageAlt: "Friendly staff interaction"}, 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"
},
], ],
}, },
]} ]}
@@ -121,16 +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/close-up-portrait-professional-business-woman-smiling-outdoor_1391-4.jpg", alt: "Customer testimonial"}, 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-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/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"}, },
{
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/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"
},
]} ]}
ratingAnimation="slide-up" ratingAnimation="slide-up"
avatarsAnimation="slide-up" avatarsAnimation="slide-up"
@@ -143,11 +181,14 @@ export default function LandingPage() {
title="Get in Touch" title="Get in Touch"
description="Have a question or ready to make a reservation? We'd love to hear from you. Contact us today and let us know how we can serve you." description="Have a question or ready to make a reservation? We'd love to hear from you. Contact us today and let us know how we can serve you."
inputs={[ inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true, {
name: "name", type: "text", placeholder: "Your Name", required: true,
}, },
{ name: "email", type: "email", placeholder: "Your Email", required: true, {
name: "email", type: "email", placeholder: "Your Email", required: true,
}, },
{ name: "phone", type: "tel", placeholder: "Phone Number", required: false, {
name: "phone", type: "tel", placeholder: "Phone Number", required: false,
}, },
]} ]}
textarea={{ textarea={{
@@ -168,12 +209,18 @@ export default function LandingPage() {
logoText="Pizzeria Irene" logoText="Pizzeria Irene"
copyrightText="© 2024 Pizzeria Irene. All rights reserved. Handcrafted with love." copyrightText="© 2024 Pizzeria Irene. All rights reserved. Handcrafted with love."
socialLinks={[ socialLinks={[
{ icon: Facebook, {
href: "https://facebook.com", ariaLabel: "Visit our Facebook page"}, icon: Facebook,
{ icon: Instagram, href: "https://facebook.com", ariaLabel: "Visit our Facebook page"
href: "https://instagram.com", ariaLabel: "Follow us on Instagram"}, },
{ icon: Phone, {
href: "tel:+1234567890", ariaLabel: "Call us"}, icon: Instagram,
href: "https://instagram.com", ariaLabel: "Follow us on Instagram"
},
{
icon: Phone,
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: #d4eaff; --background: #fdf8f3;
--card: #ffffff; --card: #fef5ed;
--foreground: #1f2027; --foreground: #3d2817;
--primary-cta: #000000; --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);