Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1b7dcf216e | |||
| ebf8681899 | |||
| 5b1e7d9b7e | |||
| 4dff6ee304 | |||
| c267e02dbb | |||
| ef50df689d |
166
src/app/page.tsx
166
src/app/page.tsx
@@ -10,7 +10,6 @@ import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCa
|
|||||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
|
||||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||||
|
|
||||||
@@ -32,11 +31,14 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Home", id: "home" },
|
{
|
||||||
{ name: "About", id: "about" },
|
name: "Home", id: "home"},
|
||||||
{ name: "Menu", id: "menu" },
|
{
|
||||||
{ name: "Pricing", id: "pricing" },
|
name: "About", id: "about"},
|
||||||
{ name: "Contact", id: "contact" },
|
{
|
||||||
|
name: "Menu", id: "menu"},
|
||||||
|
{
|
||||||
|
name: "Contact", id: "contact"},
|
||||||
]}
|
]}
|
||||||
brandName="Pizzeria"
|
brandName="Pizzeria"
|
||||||
/>
|
/>
|
||||||
@@ -47,13 +49,24 @@ export default function LandingPage() {
|
|||||||
logoText="La Vera Pizza"
|
logoText="La Vera Pizza"
|
||||||
description="Authentic recipes, hand-tossed dough, and fresh ingredients delivered daily."
|
description="Authentic recipes, hand-tossed dough, and fresh ingredients delivered daily."
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "View Menu", href: "#menu" },
|
{
|
||||||
{ text: "Reserve Now", href: "#contact" },
|
text: "Order Online", href: "#menu"},
|
||||||
|
{
|
||||||
|
text: "Reserve Now", href: "#contact"},
|
||||||
]}
|
]}
|
||||||
slides={[
|
slides={[
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118888.jpg", imageAlt: "Hero Slide 1" },
|
{
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chef-baking-pizza-wood-fired-oven_52683-106696.jpg", imageAlt: "Hero Slide 2" },
|
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118888.jpg", imageAlt: "Hero Slide 1"},
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chef-kneading-dough_23-2148491380.jpg", imageAlt: "Hero Slide 3" },
|
{
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chef-baking-pizza-wood-fired-oven_52683-106696.jpg", imageAlt: "Hero Slide 2"},
|
||||||
|
{
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/chef-kneading-dough_23-2148491380.jpg", imageAlt: "Hero Slide 3"},
|
||||||
|
{
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pizza-indoors_23-2150901109.jpg", imageAlt: "Hero Slide 4"},
|
||||||
|
{
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-arrangement-high-angle_23-2149325319.jpg", imageAlt: "Hero Slide 5"},
|
||||||
|
{
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-eating-break-time_23-2149256895.jpg", imageAlt: "Hero Slide 6"},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -63,9 +76,17 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Our Passion for Pizza"
|
title="Our Passion for Pizza"
|
||||||
description="Since 1995, we have dedicated ourselves to mastering the art of the perfect pizza. Every pie is handcrafted in our wood-fired oven."
|
description="Since 1995, we have dedicated ourselves to mastering the art of the perfect pizza. Every pie is handcrafted in our wood-fired oven using tradition passed down through generations."
|
||||||
|
bulletPoints={[
|
||||||
|
{
|
||||||
|
title: "Fresh Dough Daily", description: "Hand-kneaded using premium imported flour."},
|
||||||
|
{
|
||||||
|
title: "Wood-Fired Oven", description: "Authentic smoky flavor in every bite."},
|
||||||
|
{
|
||||||
|
title: "Farm-to-Table", description: "Fresh produce sourced from local farmers."},
|
||||||
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/chef-making-pizza-kitchen_1150-17791.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/chef-making-pizza-kitchen_1150-17791.jpg"
|
||||||
bulletPoints={[{ title: "Fresh Dough", description: "Hand-kneaded daily." }, { title: "Wood-fired", description: "Authentic flavor." }]}
|
mediaAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -74,9 +95,22 @@ export default function LandingPage() {
|
|||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[{ id: "f1", title: "Quality", tags: ["Premium"] }, { id: "f2", title: "Speed", tags: ["Fast"] }]}
|
features={[
|
||||||
|
{
|
||||||
|
id: "1", title: "Original Recipes", tags: [
|
||||||
|
"Authentic"],
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-arugula-pizza-with-copy-space_23-2148574287.jpg"},
|
||||||
|
{
|
||||||
|
id: "2", title: "Handmade Quality", tags: [
|
||||||
|
"Handcrafted"],
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-cheese-salad_23-2150096949.jpg"},
|
||||||
|
{
|
||||||
|
id: "3", title: "Premium Toppings", tags: [
|
||||||
|
"Gourmet"],
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-pizza-ingredients_23-2148357190.jpg"},
|
||||||
|
]}
|
||||||
title="What Makes Us Special"
|
title="What Makes Us Special"
|
||||||
description="Authentic ingredients, traditional methods."
|
description="We don't just make pizza; we create an authentic experience you'll remember."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -86,23 +120,22 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
gridVariant="two-columns-alternating-heights"
|
gridVariant="two-columns-alternating-heights"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Explore Our Menu"
|
products={[
|
||||||
description="Handcrafted pies and unique creations."
|
{
|
||||||
products={[{ id: "1", name: "Margherita", price: "$15", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-tomatoes-basil-mozzarella_140725-7836.jpg" }, { id: "2", name: "Pepperoni", price: "$18", variant: "Spicy", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pepperoni-pizza-with-mushroom-sausages-bell-pepper-olive-onion_141793-2158.jpg" }, { id: "3", name: "Veggie", price: "$16", variant: "Healthy", imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-vegetables-wooden-background_140725-7871.jpg" }]}
|
id: "1", name: "Pepperoni Classic", price: "$18", variant: "Large", imageSrc: "http://img.b2bpic.net/free-photo/pepperoni-pizza-with-tomatoes-soda-can-table_140725-8754.jpg"},
|
||||||
/>
|
{
|
||||||
</div>
|
id: "2", name: "Margherita Fresca", price: "$16", variant: "Large", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pizza-indoors_23-2150901093.jpg"},
|
||||||
|
{
|
||||||
<div id="pricing" data-section="pricing">
|
id: "3", name: "Veggie Delight", price: "$17", variant: "Large", imageSrc: "http://img.b2bpic.net/free-photo/delicious-veggie-food-wooden-background_23-2148305847.jpg"},
|
||||||
<PricingCardThree
|
{
|
||||||
animationType="slide-up"
|
id: "4", name: "Quattro Formaggi", price: "$20", variant: "Large", imageSrc: "http://img.b2bpic.net/free-photo/pizza-caprice-salad-spaghetti-with-meat_140725-9923.jpg"},
|
||||||
textboxLayout="default"
|
{
|
||||||
useInvertedBackground={true}
|
id: "5", name: "BBQ Chicken", price: "$19", variant: "Large", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-with-shrimp-mushrooms-tomatoes-arugula-with-soft-drink_141793-4106.jpg"},
|
||||||
title="Choose Your Plan"
|
{
|
||||||
description="Pick the perfect pizza package for your group."
|
id: "6", name: "Truffle & Mushroom", price: "$22", variant: "Large", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-homemade-mushroom-pizza-bread-sticks-with-ingredients-white-plank_23-2148076206.jpg"},
|
||||||
plans={[
|
|
||||||
{ id: "p1", name: "Basic", price: "$20", buttons: [{text: "Order"}], features: ["1 Pizza", "1 Soda"] },
|
|
||||||
{ id: "p2", name: "Pro", price: "$45", buttons: [{text: "Order"}], features: ["2 Pizzas", "2 Sodas", "Side"] }
|
|
||||||
]}
|
]}
|
||||||
|
title="Explore Our Menu"
|
||||||
|
description="Handcrafted pies, unique creations, and classic favorites."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -110,8 +143,16 @@ export default function LandingPage() {
|
|||||||
<MetricCardFourteen
|
<MetricCardFourteen
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="A Tradition of Taste"
|
title="A Tradition of Taste"
|
||||||
tag="Stats"
|
tag="Our Achievements"
|
||||||
metrics={[{ id: "1", value: "25+", description: "Years Experience" }, { id: "2", value: "10K+", description: "Pizzas Served" }]}
|
metrics={[
|
||||||
|
{
|
||||||
|
id: "m1", value: "25+", description: "Years of Tradition"},
|
||||||
|
{
|
||||||
|
id: "m2", value: "50k+", description: "Happy Customers Served"},
|
||||||
|
{
|
||||||
|
id: "m3", value: "12", description: "Award Winning Recipes"},
|
||||||
|
]}
|
||||||
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -121,17 +162,41 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
gridVariant="full-width-top-items-bottom-row"
|
gridVariant="full-width-top-items-bottom-row"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
|
testimonials={[
|
||||||
|
{
|
||||||
|
id: "1", name: "Sofia Rossi", role: "Foodie", company: "Local Blog", rating: 5,
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/good-humoured-girl-eating-pizza-kitchen-close-up-shot-positive-woman-enjoying-her-dinner_197531-9818.jpg"},
|
||||||
|
{
|
||||||
|
id: "2", name: "Marco Chen", role: "Regular", company: "Neighborhood", rating: 5,
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/puzzled-young-man-scratches-head-looks-with-bewilderment-stack-cardboard-boxes-with-pizza-has-no-time-delivering-all-these-packages_273609-30897.jpg"},
|
||||||
|
{
|
||||||
|
id: "3", name: "Elena Gomez", role: "Chef", company: "Fine Dining", rating: 5,
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-delicious-pizza_23-2150873822.jpg"},
|
||||||
|
{
|
||||||
|
id: "4", name: "Liam Smith", role: "Customer", company: "Local Business", rating: 5,
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-eating-pizza_23-2149454362.jpg"},
|
||||||
|
{
|
||||||
|
id: "5", name: "Sarah J.", role: "Guest", company: "Visitor", rating: 5,
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-good-time_23-2148395391.jpg"},
|
||||||
|
]}
|
||||||
title="Voices of Our Guests"
|
title="Voices of Our Guests"
|
||||||
description="Hear what our customers have to say about our food."
|
description="Hear what our loyal community says about our pizza."
|
||||||
testimonials={[{ id: "1", name: "John D.", role: "Local", company: "City", rating: 5 }, { id: "2", name: "Sarah K.", role: "Foodie", company: "Town", rating: 5 }]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqSplitText
|
<FaqSplitText
|
||||||
sideTitle="FAQs"
|
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[{ id: "1", title: "Do you deliver?", content: "Yes, we deliver daily!" }, { id: "2", title: "Are ingredients fresh?", content: "Always local." }]}
|
faqs={[
|
||||||
|
{
|
||||||
|
id: "q1", title: "Do you offer delivery?", content: "Yes, we provide delivery within a 5-mile radius."},
|
||||||
|
{
|
||||||
|
id: "q2", title: "Are there vegan options?", content: "We offer a plant-based menu featuring vegan cheese and veggie toppings."},
|
||||||
|
{
|
||||||
|
id: "q3", title: "Do you take reservations?", content: "Yes, we recommend reservations for parties of 6 or more."},
|
||||||
|
]}
|
||||||
|
sideTitle="Common Questions"
|
||||||
|
sideDescription="Everything you need to know about our service."
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -139,17 +204,36 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
|
background={{
|
||||||
|
variant: "gradient-bars"}}
|
||||||
tag="Join Us"
|
tag="Join Us"
|
||||||
title="Visit Us Today"
|
title="Visit Us Today"
|
||||||
description="Come and experience the finest pizza in town."
|
description="Come and experience the finest pizza in town. Open daily for dine-in and takeout."
|
||||||
buttonText="Contact Us"
|
imageSrc="http://img.b2bpic.net/free-photo/group-four-south-asian-men-s-posed-business-meeting-cafe-indians-work-together-using-various-gadgets-having-conversation_627829-5231.jpg"
|
||||||
background={{ variant: "plain" }}
|
mediaAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
columns={[{ items: [{ label: "Privacy", href: "#" }] }]}
|
columns={[
|
||||||
|
{
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
label: "About Us", href: "#about"},
|
||||||
|
{
|
||||||
|
label: "Menu", href: "#menu"},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
label: "Contact", href: "#contact"},
|
||||||
|
{
|
||||||
|
label: "Privacy", href: "#"},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
]}
|
||||||
logoText="Pizzeria"
|
logoText="Pizzeria"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user