Compare commits
9 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e2d1c02e48 | |||
| 25823c681b | |||
| 91a1123969 | |||
| 96da44a3b5 | |||
| 3c49a77ecb | |||
| f0c08a6c8b | |||
| 13287fc6dc | |||
| 0c6014f882 | |||
| f43294cdbb |
@@ -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}
|
||||
|
||||
135
src/app/page.tsx
135
src/app/page.tsx
@@ -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
|
||||
@@ -41,9 +41,9 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<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: "glowing-orb" }}
|
||||
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"
|
||||
imagePosition="right"
|
||||
@@ -59,7 +59,7 @@ export default function LandingPage() {
|
||||
<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: "#" }]}
|
||||
/>
|
||||
@@ -68,12 +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: "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: "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: "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"
|
||||
@@ -85,31 +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,
|
||||
{
|
||||
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=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: [
|
||||
{ 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: [
|
||||
{ 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: [
|
||||
{ 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">
|
||||
<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/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"},
|
||||
{
|
||||
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-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"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -143,11 +181,14 @@ export default function LandingPage() {
|
||||
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."
|
||||
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={{
|
||||
@@ -168,12 +209,18 @@ export default function LandingPage() {
|
||||
logoText="Pizzeria Irene"
|
||||
copyrightText="© 2024 Pizzeria Irene. All rights reserved. Handcrafted with love."
|
||||
socialLinks={[
|
||||
{ icon: Facebook,
|
||||
href: "https://facebook.com", ariaLabel: "Visit our Facebook page"},
|
||||
{ icon: Instagram,
|
||||
href: "https://instagram.com", ariaLabel: "Follow us on Instagram"},
|
||||
{ icon: Phone,
|
||||
href: "tel:+1234567890", ariaLabel: "Call us"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com", ariaLabel: "Visit our Facebook page"
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com", ariaLabel: "Follow us on Instagram"
|
||||
},
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:+1234567890", ariaLabel: "Call us"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #d4eaff;
|
||||
--card: #ffffff;
|
||||
--foreground: #1f2027;
|
||||
--primary-cta: #000000;
|
||||
--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);
|
||||
|
||||
Reference in New Issue
Block a user