Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| dfc6a5b6e6 | |||
| 08703469d9 | |||
| bc26d871fa | |||
| 6d9611332a |
292
src/app/page.tsx
292
src/app/page.tsx
@@ -10,6 +10,7 @@ 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';
|
||||||
|
|
||||||
@@ -31,22 +32,11 @@ 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: "Home",
|
{ name: "About", id: "about" },
|
||||||
id: "home",
|
{ name: "Menu", id: "menu" },
|
||||||
},
|
{ name: "Pricing", id: "pricing" },
|
||||||
{
|
{ name: "Contact", id: "contact" },
|
||||||
name: "About",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Menu",
|
|
||||||
id: "menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Pizzeria"
|
brandName="Pizzeria"
|
||||||
/>
|
/>
|
||||||
@@ -57,40 +47,13 @@ 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: "View Menu",
|
{ text: "Reserve Now", href: "#contact" },
|
||||||
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/cozy-lively-home-interior-design_23-2151118888.jpg",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chef-baking-pizza-wood-fired-oven_52683-106696.jpg", imageAlt: "Hero Slide 2" },
|
||||||
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>
|
||||||
@@ -100,23 +63,9 @@ 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 using tradition passed down through generations."
|
description="Since 1995, we have dedicated ourselves to mastering the art of the perfect pizza. Every pie is handcrafted in our wood-fired oven."
|
||||||
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"
|
||||||
mediaAnimation="slide-up"
|
bulletPoints={[{ title: "Fresh Dough", description: "Hand-kneaded daily." }, { title: "Wood-fired", description: "Authentic flavor." }]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -125,34 +74,9 @@ export default function LandingPage() {
|
|||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[{ id: "f1", title: "Quality", tags: ["Premium"] }, { id: "f2", title: "Speed", tags: ["Fast"] }]}
|
||||||
{
|
|
||||||
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="We don't just make pizza; we create an authentic experience you'll remember."
|
description="Authentic ingredients, traditional methods."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -162,52 +86,23 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
gridVariant="two-columns-alternating-heights"
|
gridVariant="two-columns-alternating-heights"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
|
||||||
{
|
|
||||||
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",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Margherita Fresca",
|
|
||||||
price: "$16",
|
|
||||||
variant: "Large",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pizza-indoors_23-2150901093.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Veggie Delight",
|
|
||||||
price: "$17",
|
|
||||||
variant: "Large",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-veggie-food-wooden-background_23-2148305847.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
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",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
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",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Explore Our Menu"
|
title="Explore Our Menu"
|
||||||
description="Handcrafted pies, unique creations, and classic favorites."
|
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" }]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="pricing" data-section="pricing">
|
||||||
|
<PricingCardThree
|
||||||
|
animationType="slide-up"
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={true}
|
||||||
|
title="Choose Your Plan"
|
||||||
|
description="Pick the perfect pizza package for your group."
|
||||||
|
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"] }
|
||||||
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -215,25 +110,8 @@ export default function LandingPage() {
|
|||||||
<MetricCardFourteen
|
<MetricCardFourteen
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="A Tradition of Taste"
|
title="A Tradition of Taste"
|
||||||
tag="Our Achievements"
|
tag="Stats"
|
||||||
metrics={[
|
metrics={[{ id: "1", value: "25+", description: "Years Experience" }, { id: "2", value: "10K+", description: "Pizzas Served" }]}
|
||||||
{
|
|
||||||
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>
|
||||||
|
|
||||||
@@ -243,75 +121,17 @@ 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 loyal community says about our pizza."
|
description="Hear what our customers have to say about our food."
|
||||||
|
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={[
|
faqs={[{ id: "1", title: "Do you deliver?", content: "Yes, we deliver daily!" }, { id: "2", title: "Are ingredients fresh?", content: "Always local." }]}
|
||||||
{
|
|
||||||
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>
|
||||||
@@ -319,49 +139,21 @@ 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. Open daily for dine-in and takeout."
|
description="Come and experience the finest pizza in town."
|
||||||
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"
|
buttonText="Contact Us"
|
||||||
mediaAnimation="slide-up"
|
background={{ variant: "plain" }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
columns={[
|
columns={[{ items: [{ label: "Privacy", href: "#" }] }]}
|
||||||
{
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "About Us",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Menu",
|
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Contact",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Privacy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
logoText="Pizzeria"
|
logoText="Pizzeria"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user