Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
170
src/app/page.tsx
170
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="PizzaArt"
|
||||
/>
|
||||
@@ -54,21 +46,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="PizzaArt"
|
||||
description="Authentic, handcrafted, wood-fired pizzas made with the freshest local ingredients."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Order Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-pizza-outdoors_23-2150900948.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-pizza-outdoors_23-2150900948.jpg?auto=format&fit=crop&q=80&w=1200"
|
||||
imageAlt="Artisan pizza slice"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -82,19 +69,13 @@ export default function LandingPage() {
|
||||
description="We believe pizza is more than a dish—it's a craft. Every pie is prepared by hand using traditional recipes passed down through generations."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Farm-to-Table",
|
||||
description: "Locally sourced, organic ingredients.",
|
||||
},
|
||||
title: "Farm-to-Table", description: "Locally sourced, organic ingredients."},
|
||||
{
|
||||
title: "Traditional Craft",
|
||||
description: "Hand-stretched dough aged for 48 hours.",
|
||||
},
|
||||
title: "Traditional Craft", description: "Hand-stretched dough aged for 48 hours."},
|
||||
{
|
||||
title: "Wood-Fired Heat",
|
||||
description: "Authentic flavor from our stone ovens.",
|
||||
},
|
||||
title: "Wood-Fired Heat", description: "Authentic flavor from our stone ovens."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/word-pizza-written-flour-with-ingredients_1150-17802.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/word-pizza-written-flour-with-ingredients_1150-17802.jpg?auto=format&fit=crop&q=80&w=800"
|
||||
imageAlt="Chef preparing pizza"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -106,23 +87,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Freshness Guaranteed",
|
||||
description: "We use only hand-picked ingredients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-tasty-beautiful-basil-selective-focus_1220-1500.jpg",
|
||||
imageAlt: "Fresh ingredients",
|
||||
},
|
||||
title: "Freshness Guaranteed", description: "We use only hand-picked ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-tasty-beautiful-basil-selective-focus_1220-1500.jpg?auto=format&fit=crop&q=80&w=600", imageAlt: "Fresh ingredients"},
|
||||
{
|
||||
title: "Authentic Ovens",
|
||||
description: "Flavors perfected by fire.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-baking-delicious-pizza_23-2150134247.jpg",
|
||||
imageAlt: "Pizza oven",
|
||||
},
|
||||
title: "Authentic Ovens", description: "Flavors perfected by fire.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-baking-delicious-pizza_23-2150134247.jpg?auto=format&fit=crop&q=80&w=600", imageAlt: "Pizza oven"},
|
||||
{
|
||||
title: "Mastery in Dough",
|
||||
description: "Crispy, chewy perfection every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mozzarella-tomatoes-fresh-basil-leaves_2829-7329.jpg",
|
||||
imageAlt: "Dough making",
|
||||
},
|
||||
title: "Mastery in Dough", description: "Crispy, chewy perfection every time.", imageSrc: "http://img.b2bpic.net/free-photo/mozzarella-tomatoes-fresh-basil-leaves_2829-7329.jpg?auto=format&fit=crop&q=80&w=600", imageAlt: "Dough making"},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Excellence in every ingredient, quality in every slice."
|
||||
@@ -137,41 +106,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Margherita",
|
||||
price: "$14",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-slice-napkin_23-2148765320.jpg",
|
||||
},
|
||||
id: "p1", name: "Classic Margherita", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-slice-napkin_23-2148765320.jpg?auto=format&fit=crop&q=80&w=500"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Spicy Pepperoni",
|
||||
price: "$16",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pepperoni-corn-casserole_23-2151950573.jpg",
|
||||
},
|
||||
id: "p2", name: "Spicy Pepperoni", price: "$16", imageSrc: "http://img.b2bpic.net/free-photo/pepperoni-corn-casserole_23-2151950573.jpg?auto=format&fit=crop&q=80&w=500"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Garden Veggie",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-cutting-fresh-pizza-topped-with-lettuce-cherry-tomatoes_140725-2279.jpg",
|
||||
},
|
||||
id: "p3", name: "Garden Veggie", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/hand-cutting-fresh-pizza-topped-with-lettuce-cherry-tomatoes_140725-2279.jpg?auto=format&fit=crop&q=80&w=500"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Four Cheese",
|
||||
price: "$17",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-slices-pizza-salami-with-tomato-sauce-green-chili-pepper-spices_140725-12584.jpg",
|
||||
},
|
||||
id: "p4", name: "Four Cheese", price: "$17", imageSrc: "http://img.b2bpic.net/free-photo/top-view-slices-pizza-salami-with-tomato-sauce-green-chili-pepper-spices_140725-12584.jpg?auto=format&fit=crop&q=80&w=500"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "BBQ Chicken",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/french-style-onion-pie-galette-with-puff-pastry-various-onions-shallot-red-white-yellow-onions-top-view_114579-4930.jpg",
|
||||
},
|
||||
id: "p5", name: "BBQ Chicken", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/french-style-onion-pie-galette-with-puff-pastry-various-onions-shallot-red-white-yellow-onions-top-view_114579-4930.jpg?auto=format&fit=crop&q=80&w=500"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Truffle Mushroom",
|
||||
price: "$20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104763.jpg",
|
||||
},
|
||||
id: "p6", name: "Truffle Mushroom", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104763.jpg?auto=format&fit=crop&q=80&w=500"},
|
||||
]}
|
||||
title="Our Signature Pizzas"
|
||||
description="Discover our collection of handcrafted, wood-fired artisanal pizzas."
|
||||
@@ -185,40 +130,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Emma R.",
|
||||
role: "Foodie",
|
||||
testimonial: "The best pizza in town, hands down!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-lunch-break-eating-pizza_23-2148908952.jpg",
|
||||
},
|
||||
id: "1", name: "Emma R.", role: "Foodie", testimonial: "The best pizza in town, hands down!", imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-lunch-break-eating-pizza_23-2148908952.jpg?auto=format&fit=crop&q=80&w=200"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Liam K.",
|
||||
role: "Chef",
|
||||
testimonial: "Authentic flavor, perfectly crafted crust.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-eating-traditional-italian-pizza-together_52683-110886.jpg",
|
||||
},
|
||||
id: "2", name: "Liam K.", role: "Chef", testimonial: "Authentic flavor, perfectly crafted crust.", imageSrc: "http://img.b2bpic.net/free-photo/women-eating-traditional-italian-pizza-together_52683-110886.jpg?auto=format&fit=crop&q=80&w=200"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah J.",
|
||||
role: "Local",
|
||||
testimonial: "Absolutely incredible experience every visit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-table_23-2149213367.jpg",
|
||||
},
|
||||
id: "3", name: "Sarah J.", role: "Local", testimonial: "Absolutely incredible experience every visit.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-table_23-2149213367.jpg?auto=format&fit=crop&q=80&w=200"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David M.",
|
||||
role: "Regular",
|
||||
testimonial: "Consistently delicious and fresh.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-cheering-with-wine-glasses-restaurant_23-2150520071.jpg",
|
||||
},
|
||||
id: "4", name: "David M.", role: "Regular", testimonial: "Consistently delicious and fresh.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-cheering-with-wine-glasses-restaurant_23-2150520071.jpg?auto=format&fit=crop&q=80&w=200"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe B.",
|
||||
role: "Influencer",
|
||||
testimonial: "Instagram worthy and mouthwatering taste.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-with-blonde-hair-sport-top-shorts-eating-pizza-with-agressive-expression_176420-7747.jpg",
|
||||
},
|
||||
id: "5", name: "Chloe B.", role: "Influencer", testimonial: "Instagram worthy and mouthwatering taste.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-with-blonde-hair-sport-top-shorts-eating-pizza-with-agressive-expression_176420-7747.jpg?auto=format&fit=crop&q=80&w=200"},
|
||||
]}
|
||||
title="Loved by Locals"
|
||||
description="Hear what our wonderful pizza community has to say."
|
||||
@@ -231,20 +151,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer gluten-free options?",
|
||||
content: "Yes, we offer a dedicated gluten-free crust for any pizza.",
|
||||
},
|
||||
id: "1", title: "Do you offer gluten-free options?", content: "Yes, we offer a dedicated gluten-free crust for any pizza."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What are your opening hours?",
|
||||
content: "We are open daily from 11 AM to 10 PM.",
|
||||
},
|
||||
id: "2", title: "What are your opening hours?", content: "We are open daily from 11 AM to 10 PM."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I order online?",
|
||||
content: "Yes, you can order directly through our website.",
|
||||
},
|
||||
id: "3", title: "Can I order online?", content: "Yes, you can order directly through our website."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Have questions about our dough, delivery, or ingredients?"
|
||||
@@ -256,16 +167,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Ready for a Slice?"
|
||||
description="Visit our shop or order online for delivery right to your door."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "#",
|
||||
},
|
||||
text: "Order Online", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -276,25 +184,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f5f5;
|
||||
--card: #ffffff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #1c1c1c;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #ff0000;
|
||||
--primary-cta-text: #f5f5f5;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #1c1c1c;
|
||||
--accent: #15479c;
|
||||
--background-accent: #a8cce8;
|
||||
--accent: #ffdf7d;
|
||||
--background-accent: #7f1d1d;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user