Merge version_1 into main #2
487
src/app/page.tsx
487
src/app/page.tsx
@@ -19,356 +19,163 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "product",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Pizza Pasta"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "product" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Pizza Pasta"
|
||||
button={{ text: "Order Now", href: "#product" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Pizza Pasta - The Heart of Perm"
|
||||
description="Authentic Italian flavors served daily on Kosmonavta Belyaeva Street. Experience the best pizzas and pastas in town."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-pizza-with-coffee_23-2148149183.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-pizza-party_23-2151309438.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-pizza-outdoors_23-2150900948.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-pizza_23-2150154675.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-pizza-indoors_23-2150900992.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hot-bread-tendir-furnace_140725-1372.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 1300+ satisfied guests"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-chef-preparing-traditional-japanese-food_23-2148759577.jpg",
|
||||
alt: "Logo 1",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/man-engaged-household-task_23-2151741221.jpg",
|
||||
alt: "Logo 2",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/atmosphere-kitchen-cafe-process_1321-4214.jpg",
|
||||
alt: "Logo 3",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-from-afar-tomatoes-spices-different-kind-pasta-bell-pepper-onion-garlic-left-side-bowl-tomatoes-wooden-board-sauces-right-side-table_140725-112029.jpg",
|
||||
alt: "Logo 4",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-raw-pasta-with-rice-tomatoes-dark-surface-pasta-dough-raw_140725-82558.jpg",
|
||||
alt: "Logo 5",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Pizza Pasta - The Heart of Perm"
|
||||
description="Authentic Italian flavors served daily on Kosmonavta Belyaeva Street. Experience the best pizzas and pastas in town."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-pizza-with-coffee_23-2148149183.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/delicious-pizza-party_23-2151309438.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/delicious-pizza-outdoors_23-2150900948.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-pizza_23-2150154675.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/delicious-pizza-indoors_23-2150900992.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/hot-bread-tendir-furnace_140725-1372.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Join 1300+ satisfied guests"
|
||||
marqueeItems={[
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/close-up-chef-preparing-traditional-japanese-food_23-2148759577.jpg", alt: "Logo 1" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/man-engaged-household-task_23-2151741221.jpg", alt: "Logo 2" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/atmosphere-kitchen-cafe-process_1321-4214.jpg", alt: "Logo 3" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/top-view-from-afar-tomatoes-spices-different-kind-pasta-bell-pepper-onion-garlic-left-side-bowl-tomatoes-wooden-board-sauces-right-side-table_140725-112029.jpg", alt: "Logo 4" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/top-view-raw-pasta-with-rice-tomatoes-dark-surface-pasta-dough-raw_140725-82558.jpg", alt: "Logo 5" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Welcome to Our Cafe"
|
||||
description={[
|
||||
"Experience the taste of Italy at Pizza Pasta. Located on Kosmonavta Belyaeva 19, we pride ourselves on authentic recipes, quality ingredients, and a warm, welcoming environment for friends and family.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Welcome to Our Cafe"
|
||||
description={["Experience the taste of Italy at Pizza Pasta. Located on Kosmonavta Belyaeva 19, we pride ourselves on authentic recipes, quality ingredients, and a warm, welcoming environment for friends and family."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fresh Ingredients",
|
||||
description: "We only use the finest local and imported ingredients.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-chef-frying-meat-pan-fire_1303-32153.jpg",
|
||||
imageAlt: "professional chef making fresh pizza",
|
||||
},
|
||||
{
|
||||
title: "Rapid Delivery",
|
||||
description: "Enjoy your favorite dishes at home with our fast delivery.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-with-coffee_23-2148149183.jpg?_wi=2",
|
||||
imageAlt: "professional chef making fresh pizza",
|
||||
},
|
||||
{
|
||||
title: "Cozy Atmosphere",
|
||||
description: "A perfect place for a family dinner or a business lunch.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Coffee,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-raw-dough-with-different-seasonings-dark-background-meal-dinner-pasta-dough_140725-80289.jpg",
|
||||
imageAlt: "professional chef making fresh pizza",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We bring tradition and passion to every dish we serve."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Fresh Ingredients", description: "We only use the finest local and imported ingredients.", bentoComponent: "reveal-icon", icon: CheckCircle },
|
||||
{ title: "Rapid Delivery", description: "Enjoy your favorite dishes at home with our fast delivery.", bentoComponent: "reveal-icon", icon: Zap },
|
||||
{ title: "Cozy Atmosphere", description: "A perfect place for a family dinner or a business lunch.", bentoComponent: "reveal-icon", icon: Coffee },
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We bring tradition and passion to every dish we serve."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Classic",
|
||||
name: "Margherita",
|
||||
price: "450 ₽",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-pizza_23-2151946415.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Italian",
|
||||
name: "Carbonara",
|
||||
price: "550 ₽",
|
||||
rating: 5,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-spaghetti-carbonara-with-white-cream-sauce-plate-table-italian-food-style_74190-13568.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Spicy",
|
||||
name: "Pepperoni",
|
||||
price: "500 ₽",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-raspberry-cake-with-fruits-inside-light-desk-fruit-berry-cake-biscuit_140725-30847.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Traditional",
|
||||
name: "Bolognese",
|
||||
price: "520 ₽",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-plate-with-spaghetii-bolognese_23-2148551772.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Fresh",
|
||||
name: "Veggie",
|
||||
price: "480 ₽",
|
||||
rating: 4,
|
||||
reviewCount: "75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pizza-with-tomato-sauce-broccoli-olives-cheese_23-2147926043.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Italian",
|
||||
name: "Lasagna",
|
||||
price: "600 ₽",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/casserole-with-cheese-gratin-zucchini-wooden-table_123827-33862.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="A wide variety of delicious pizzas and authentic pastas to suit any palate."
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Classic", name: "Margherita", price: "450 ₽", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-pizza_23-2151946415.jpg" },
|
||||
{ id: "p2", brand: "Italian", name: "Carbonara", price: "550 ₽", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/yellow-spaghetti-carbonara-with-white-cream-sauce-plate-table-italian-food-style_74190-13568.jpg" },
|
||||
{ id: "p3", brand: "Spicy", name: "Pepperoni", price: "500 ₽", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-raspberry-cake-with-fruits-inside-light-desk-fruit-berry-cake-biscuit_140725-30847.jpg" },
|
||||
{ id: "p4", brand: "Traditional", name: "Bolognese", price: "520 ₽", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/top-view-plate-with-spaghetii-bolognese_23-2148551772.jpg" },
|
||||
{ id: "p5", brand: "Fresh", name: "Veggie", price: "480 ₽", rating: 4, reviewCount: "75", imageSrc: "http://img.b2bpic.net/free-photo/close-up-pizza-with-tomato-sauce-broccoli-olives-cheese_23-2147926043.jpg" },
|
||||
{ id: "p6", brand: "Italian", name: "Lasagna", price: "600 ₽", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/casserole-with-cheese-gratin-zucchini-wooden-table_123827-33862.jpg" },
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="A wide variety of delicious pizzas and authentic pastas to suit any palate."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Years of Taste",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Star,
|
||||
title: "Happy Customers",
|
||||
value: "1300+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Coffee,
|
||||
title: "Dishes Served",
|
||||
value: "50k+",
|
||||
},
|
||||
]}
|
||||
title="Serving Smiles Daily"
|
||||
description="Numbers speak for our quality and dedication."
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", icon: Award, title: "Years of Taste", value: "10+" },
|
||||
{ id: "m2", icon: Star, title: "Happy Customers", value: "1300+" },
|
||||
{ id: "m3", icon: Coffee, title: "Dishes Served", value: "50k+" },
|
||||
]}
|
||||
title="Serving Smiles Daily"
|
||||
description="Numbers speak for our quality and dedication."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Anna S.",
|
||||
role: "Regular",
|
||||
company: "Perm",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Dmitry V.",
|
||||
role: "Visitor",
|
||||
company: "Perm",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-time-with-best-friend_329181-2903.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena K.",
|
||||
role: "Regular",
|
||||
company: "Perm",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598415.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Ivan P.",
|
||||
role: "Foodie",
|
||||
company: "Perm",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520110.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Maria B.",
|
||||
role: "Regular",
|
||||
company: "Perm",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-shy-young-asian-woman-standing-front-cafe-entrance-touching-her-neck_1258-199358.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "1300+",
|
||||
label: "Reviews",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Loyal Guests",
|
||||
},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Don't just take our word for it—read our customer reviews."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Anna S.", role: "Regular", company: "Perm", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg" },
|
||||
{ id: "t2", name: "Dmitry V.", role: "Visitor", company: "Perm", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/funny-time-with-best-friend_329181-2903.jpg" },
|
||||
{ id: "t3", name: "Elena K.", role: "Regular", company: "Perm", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598415.jpg" },
|
||||
{ id: "t4", name: "Ivan P.", role: "Foodie", company: "Perm", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520110.jpg" },
|
||||
{ id: "t5", name: "Maria B.", role: "Regular", company: "Perm", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-shy-young-asian-woman-standing-front-cafe-entrance-touching-her-neck_1258-199358.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "4.9", label: "Avg Rating" },
|
||||
{ value: "1300+", label: "Reviews" },
|
||||
{ value: "98%", label: "Loyal Guests" },
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Don't just take our word for it—read our customer reviews."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Get in Touch"
|
||||
description="Find us at Kosmonavta Belyaeva 19, Perm. We look forward to welcoming you!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://yandex.ru/maps/org/pizza_pasta/1936831162?si=znb5x2jq9u2cp2dp25z5vqyhp4",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Get in Touch"
|
||||
description="Find us at Kosmonavta Belyaeva 19, Perm. We look forward to welcoming you!"
|
||||
buttons={[{ text: "Get Directions", href: "https://yandex.ru/maps/org/pizza_pasta/1936831162?si=znb5x2jq9u2cp2dp25z5vqyhp4" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#product",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Pizza Pasta"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Menu", href: "#product" },
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Pizza Pasta"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user