Merge version_2 into main #1
286
src/app/page.tsx
286
src/app/page.tsx
@@ -10,6 +10,7 @@ import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCa
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
|
||||
@@ -31,22 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Pizzeria"
|
||||
/>
|
||||
@@ -57,40 +47,13 @@ export default function LandingPage() {
|
||||
logoText="La Vera Pizza"
|
||||
description="Authentic recipes, hand-tossed dough, and fresh ingredients delivered daily."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Reserve Now", href: "#contact" },
|
||||
]}
|
||||
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/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",
|
||||
},
|
||||
{ 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/chef-kneading-dough_23-2148491380.jpg", imageAlt: "Hero Slide 3" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,23 +63,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
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."
|
||||
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.",
|
||||
},
|
||||
]}
|
||||
description="Since 1995, we have dedicated ourselves to mastering the art of the perfect pizza. Every pie is handcrafted in our wood-fired oven."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-making-pizza-kitchen_1150-17791.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -125,34 +73,9 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
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",
|
||||
},
|
||||
]}
|
||||
features={[]}
|
||||
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>
|
||||
|
||||
@@ -162,52 +85,22 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
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"
|
||||
description="Handcrafted pies, unique creations, and classic favorites."
|
||||
description="Handcrafted pies and unique creations."
|
||||
/>
|
||||
</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>
|
||||
|
||||
@@ -215,25 +108,7 @@ export default function LandingPage() {
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="A Tradition of Taste"
|
||||
tag="Our Achievements"
|
||||
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"
|
||||
metrics={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -243,75 +118,15 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="full-width-top-items-bottom-row"
|
||||
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"
|
||||
description="Hear what our loyal community says about our pizza."
|
||||
testimonials={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
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."
|
||||
faqs={[]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -319,49 +134,20 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Join Us"
|
||||
title="Visit Us Today"
|
||||
description="Come and experience the finest pizza in town. Open daily for dine-in and takeout."
|
||||
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"
|
||||
mediaAnimation="slide-up"
|
||||
description="Come and experience the finest pizza in town."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={[]}
|
||||
logoText="Pizzeria"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user