bender/fdb8e4c4-35a2-4710-9c5b-7056cf5b4a98
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-10 00:45:45 +00:00
parent 0a3dea2837
commit c7c172b191
1 changed files with 110 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

165
src/app/page.tsx
View File

@@ -12,8 +12,7 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Award, Flame, MessageSquareQuote } from "lucide-react";
import { Award, Flame } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,10 +32,14 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "products" },
{ name: "Contact", id: "contact" },
{
name: "Home", id: "hero"},
{
name: "About", id: "about"},
{
name: "Menu", id: "products"},
{
name: "Contact", id: "contact"},
]}
brandName="Mario's Pizzeria"
/>
@@ -44,17 +47,27 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{ variant: "rotated-rays-animated" }}
background={{
variant: "rotated-rays-animated"}}
title="Authentic Wood-Fired Perfection"
description="Experience the true taste of Italy right in your neighborhood. Hand-tossed dough, vine-ripened tomatoes, and fresh mozzarella baked to perfection in our custom brick oven."
buttons={[{ text: "Order Now", href: "#products" }]}
buttons={[
{
text: "Order Now", href: "#products"},
]}
carouselItems={[
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/italian-chef-is-putting-gourmet-freshly-made-pizza-stone-oven_613910-14667.jpg", imageAlt: "Fresh pizza" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pizza-dough-with-wooden-board-parmesan-cheese_23-2148753785.jpg", imageAlt: "Pizzeria ambiance" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/man-standing-near-baked-pizza-dough-with-ingredients_23-2148785691.jpg", imageAlt: "Chef preparing dough" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-delicious-chicken-pizza-with-tomatoes-marble_114579-15519.jpg", imageAlt: "Pizza slice" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/neapolitan-spicy-pizza-with-ham-cheese-arugula-basil-tomatoes-pepperoni-pepper-sprayed-with-cheese_78826-2234.jpg", imageAlt: "Fresh ingredients" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/view-italian-food-composition_23-2148601629.jpg", imageAlt: "Appetizing dinner" },
{
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/italian-chef-is-putting-gourmet-freshly-made-pizza-stone-oven_613910-14667.jpg", imageAlt: "Fresh pizza"},
{
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pizza-dough-with-wooden-board-parmesan-cheese_23-2148753785.jpg", imageAlt: "Pizzeria ambiance"},
{
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/man-standing-near-baked-pizza-dough-with-ingredients_23-2148785691.jpg", imageAlt: "Chef preparing dough"},
{
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-delicious-chicken-pizza-with-tomatoes-marble_114579-15519.jpg", imageAlt: "Pizza slice"},
{
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/neapolitan-spicy-pizza-with-ham-cheese-arugula-basil-tomatoes-pepperoni-pepper-sprayed-with-cheese_78826-2234.jpg", imageAlt: "Fresh ingredients"},
{
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/view-italian-food-composition_23-2148601629.jpg", imageAlt: "Appetizing dinner"},
]}
/>
</div>
@@ -64,9 +77,15 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Our Passion for Pizza"
metrics={[
{ icon: Flame, label: "Years Active", value: "20+" },
{ icon: Flame, label: "Pizzas Baked", value: "500k+" },
{ icon: Award, label: "Awards Won", value: "15" },
{
icon: Flame,
label: "Years Active", value: "20+"},
{
icon: Flame,
label: "Pizzas Baked", value: "500k+"},
{
icon: Award,
label: "Awards Won", value: "15"},
]}
metricsAnimation="slide-up"
/>
@@ -79,12 +98,18 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Classic Margherita", price: "$14", variant: "Small/Large", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-concept-with-copy-space_23-2148643461.jpg" },
{ id: "p2", name: "Spicy Pepperoni", price: "$16", variant: "Small/Large", imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-pepperoni-red-chili-sauce_114579-4477.jpg" },
{ id: "p3", name: "Garden Veggie", price: "$15", variant: "Small/Large", imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-peppers-olives-cheese_501050-821.jpg" },
{ id: "p4", name: "BBQ Chicken", price: "$17", variant: "Small/Large", imageSrc: "http://img.b2bpic.net/free-photo/pizza-topped-with-tomato_141793-1239.jpg" },
{ id: "p5", name: "Four Cheese", price: "$16", variant: "Small/Large", imageSrc: "http://img.b2bpic.net/free-photo/ham-italian-crust-pizza-sauce_1203-3946.jpg" },
{ id: "p6", name: "Prosciutto Arugula", price: "$18", variant: "Small/Large", imageSrc: "http://img.b2bpic.net/free-photo/pizza-caezaron-wooden-board-lettuce-parmesan-cherry-tomato-chicken-crackers-side-view_141793-3787.jpg" },
{
id: "p1", name: "Classic Margherita", price: "$14", variant: "Small/Large", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-concept-with-copy-space_23-2148643461.jpg"},
{
id: "p2", name: "Spicy Pepperoni", price: "$16", variant: "Small/Large", imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-pepperoni-red-chili-sauce_114579-4477.jpg"},
{
id: "p3", name: "Garden Veggie", price: "$15", variant: "Small/Large", imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-peppers-olives-cheese_501050-821.jpg"},
{
id: "p4", name: "BBQ Chicken", price: "$17", variant: "Small/Large", imageSrc: "http://img.b2bpic.net/free-photo/pizza-topped-with-tomato_141793-1239.jpg"},
{
id: "p5", name: "Four Cheese", price: "$16", variant: "Small/Large", imageSrc: "http://img.b2bpic.net/free-photo/ham-italian-crust-pizza-sauce_1203-3946.jpg"},
{
id: "p6", name: "Prosciutto Arugula", price: "$18", variant: "Small/Large", imageSrc: "http://img.b2bpic.net/free-photo/pizza-caezaron-wooden-board-lettuce-parmesan-cherry-tomato-chicken-crackers-side-view_141793-3787.jpg"},
]}
title="Our Signature Pies"
description="Crafted with passion using imported ingredients."
@@ -97,9 +122,18 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{ id: "f1", title: "Brick Oven Baked", tags: ["Authentic", "Crispy"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-italian-pizza-table_23-2148305641.jpg" },
{ id: "f2", title: "Fresh Ingredients", tags: ["Organic", "Farm-to-Table"], imageSrc: "http://img.b2bpic.net/free-photo/raw-macaroni-past-baked-pizza-fresh-ingredients-wooden-plank_23-2148195006.jpg" },
{ id: "f3", title: "Fast Delivery", tags: ["Speedy", "Hot"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-pizza-near-sauce-bacon_23-2147772126.jpg" },
{
id: "f1", title: "Brick Oven Baked", tags: [
"Authentic", "Crispy"],
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-italian-pizza-table_23-2148305641.jpg"},
{
id: "f2", title: "Fresh Ingredients", tags: [
"Organic", "Farm-to-Table"],
imageSrc: "http://img.b2bpic.net/free-photo/raw-macaroni-past-baked-pizza-fresh-ingredients-wooden-plank_23-2148195006.jpg"},
{
id: "f3", title: "Fast Delivery", tags: [
"Speedy", "Hot"],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pizza-near-sauce-bacon_23-2147772126.jpg"},
]}
title="Why Choose Mario’s?"
description="Taste the difference of authentic tradition."
@@ -112,9 +146,18 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "100%", title: "Local Ingredients", items: ["Fresh Produce", "Organic Flour"] },
{ id: "m2", value: "24h", title: "Dough Fermentation", items: ["Traditional Style", "Better Digestibility"] },
{ id: "m3", value: "900°F", title: "Oven Temperature", items: ["Brick Oven", "Authentic Crunch"] },
{
id: "m1", value: "100%", title: "Local Ingredients", items: [
"Fresh Produce", "Organic Flour"],
},
{
id: "m2", value: "24h", title: "Dough Fermentation", items: [
"Traditional Style", "Better Digestibility"],
},
{
id: "m3", value: "900°F", title: "Oven Temperature", items: [
"Brick Oven", "Authentic Crunch"],
},
]}
title="By The Numbers"
description="Evidence of our dedication to flavor."
@@ -125,11 +168,18 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-friends-eating-pizza-outdoors_23-2149872432.jpg" },
{ id: "2", name: "James Wilson", imageSrc: "http://img.b2bpic.net/free-photo/photo-satisfied-teenage-girl-with-dark-healthy-skin-enjoys-delicious-meal-holds-piece-pizza_273609-18724.jpg" },
{ id: "3", name: "Elena Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-home-together_23-2150419415.jpg" },
{ id: "4", name: "David Chang", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-afro-american-male-barber-wearing-uniform-doing-yes-gesture-with-closed-eyes-isolated-green-wall_141793-112683.jpg" },
{ id: "5", name: "Linda White", imageSrc: "http://img.b2bpic.net/free-photo/close-up-teenagers-with-delicious-pizza_23-2149239080.jpg" },
{
id: "1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-friends-eating-pizza-outdoors_23-2149872432.jpg"},
{
id: "2", name: "James Wilson", imageSrc: "http://img.b2bpic.net/free-photo/photo-satisfied-teenage-girl-with-dark-healthy-skin-enjoys-delicious-meal-holds-piece-pizza_273609-18724.jpg"},
{
id: "3", name: "Elena Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-home-together_23-2150419415.jpg"},
{
id: "4", name: "David Chang", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-afro-american-male-barber-wearing-uniform-doing-yes-gesture-with-closed-eyes-isolated-green-wall_141793-112683.jpg"},
{
id: "5", name: "Linda White", imageSrc: "http://img.b2bpic.net/free-photo/close-up-teenagers-with-delicious-pizza_23-2149239080.jpg"},
{
id: "6", name: "Nick's Supporter", imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-person-portrait_23-2148443575.jpg"},
]}
cardTitle="Loved by the Neighborhood"
cardTag="Reviews"
@@ -137,28 +187,16 @@ export default function LandingPage() {
/>
</div>
<div id="new-testimonial" data-section="new-testimonial">
<TestimonialCardTwo
title="Community Support"
description="What our neighbors are saying."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1", name: "Community Member", role: "Elementary School Support", testimonial: "This pizzeria went above and beyond to support a local elementary school. Communication was quick and easy, and everyone was so kind and accommodating. Nick, the new manager, was especially wonderful- friendly, helpful, and great to work with. We highly recommend them and love supporting businesses like this!", icon: MessageSquareQuote
}
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Do you offer delivery?", content: "Yes, we deliver within 5 miles of our pizzeria." },
{ id: "q2", title: "Are there vegan options?", content: "Yes, we have vegan cheese and veggie-only pizzas." },
{ id: "q3", title: "Can I book a table?", content: "We offer reservations for groups of 6 or more." },
{
id: "q1", title: "Do you offer delivery?", content: "Yes, we deliver within 5 miles of our pizzeria."},
{
id: "q2", title: "Are there vegan options?", content: "Yes, we have vegan cheese and veggie-only pizzas."},
{
id: "q3", title: "Can I book a table?", content: "We offer reservations for groups of 6 or more."},
]}
sideTitle="Questions?"
faqsAnimation="slide-up"
@@ -168,7 +206,8 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "plain" }}
background={{
variant: "plain"}}
tag="Stay Updated"
title="Join Our Mailing List"
description="Get exclusive discounts and weekly specials delivered straight to your inbox."
@@ -178,8 +217,24 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{ items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#products" }, { label: "Contact", href: "#contact" }] },
{ items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
{
items: [
{
label: "About", href: "#about"},
{
label: "Menu", href: "#products"},
{
label: "Contact", href: "#contact"},
],
},
{
items: [
{
label: "Privacy", href: "#"},
{
label: "Terms", href: "#"},
],
},
]}
logoText="Mario's Pizzeria"
/>