From b07fff3181428304f3b28439e07b4ba825646855 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 21 Apr 2026 10:27:33 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 487 ++++++++++++++---------------------------------
 1 file changed, 147 insertions(+), 340 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0ed6066..cbf7e04 100644
--- a/src/app/page.tsx
+++ b/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>
   );
-- 
2.49.1