From 47d7506e9f1d991a50fc8bea673737ed68fc61ce Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 23 Apr 2026 13:06:28 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 419 +++++++++++++++--------------------------------
 1 file changed, 129 insertions(+), 290 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 380fc10..666f4c7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,306 +16,145 @@ import { Utensils } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="directional-hover"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
+      defaultButtonVariant="directional-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Menu",
-          id: "products",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Tony's of Indianapolis"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Menu", id: "products" },
+              { name: "About", id: "about" },
+              { name: "Reviews", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Tony's of Indianapolis"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="TONY'S"
-      description="An Indianapolis destination for prime steaks, fresh seafood, and refined hospitality in a luxurious, timeless setting."
-      buttons={[
-        {
-          text: "Book a Table",
-          href: "#contact",
-        },
-        {
-          text: "View Menu",
-          href: "#products",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/black-wooden-table_417767-153.jpg"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogo
+            logoText="TONY'S"
+            description="An Indianapolis destination for prime steaks, fresh seafood, and refined hospitality in a luxurious, timeless setting."
+            buttons={[
+              { text: "Book a Table", href: "#contact" },
+              { text: "View Menu", href: "#products" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/black-wooden-table_417767-153.jpg"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={true}
-      tag="Our Story"
-      title="Exceptional Dining in Indy"
-      description="Led by Tony Ricci, our kitchen brings a passion for culinary excellence, serving the finest cuts of USDA prime beef and ocean-fresh seafood."
-      subdescription="Whether it's a celebration or a quiet dinner, we promise an unforgettable experience defined by flavor and service."
-      icon={Utensils}
-      imageSrc="http://img.b2bpic.net/free-photo/skilled-chef-working-stovetop-cooking-vegetables-oil-with-kitchen-tools_482257-121198.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={true}
+            tag="Our Story"
+            title="Exceptional Dining in Indy"
+            description="Led by Tony Ricci, our kitchen brings a passion for culinary excellence, serving the finest cuts of USDA prime beef and ocean-fresh seafood."
+            subdescription="Whether it's a celebration or a quiet dinner, we promise an unforgettable experience defined by flavor and service."
+            icon={Utensils}
+            imageSrc="http://img.b2bpic.net/free-photo/skilled-chef-working-stovetop-cooking-vegetables-oil-with-kitchen-tools_482257-121198.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="asymmetric-60-wide-40-narrow"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "s1",
-          name: "12oz Barrel Cut Filet Mignon",
-          price: "$85",
-          imageSrc: "http://img.b2bpic.net/free-photo/fried-piece-meat-potatoes-fried-tomato_140725-6649.jpg",
-        },
-        {
-          id: "s2",
-          name: "14oz Prime New York Strip",
-          price: "$72",
-          imageSrc: "http://img.b2bpic.net/free-photo/meat-rings-sauce-with-baked-vegetables_140725-985.jpg",
-        },
-        {
-          id: "s3",
-          name: "Dry Aged Bone-In Pork Chop",
-          price: "$47",
-          imageSrc: "http://img.b2bpic.net/free-photo/duck-breast-steak_1203-3346.jpg",
-        },
-        {
-          id: "s4",
-          name: "New Zealand Rack of Lamb",
-          price: "$64",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-lamb-ribs-kebab-with-grilled-tomato-onions-with-herbs_141793-4984.jpg",
-        },
-        {
-          id: "s5",
-          name: "Braised Short Ribs",
-          price: "$56",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-duck-leg-cooked-sauce-garnished-with-spinach-walnut_141793-2432.jpg",
-        },
-        {
-          id: "s6",
-          name: "Organic Scottish Salmon",
-          price: "$43",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-cooked-salmon-fish_23-2148708707.jpg",
-        },
-      ]}
-      title="Signature Menu Selections"
-      description="From our aged steaks to our fresh raw bar, every dish is prepared to perfection."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="asymmetric-60-wide-40-narrow"
+            useInvertedBackground={false}
+            products={[
+              { id: "s1", name: "12oz Barrel Cut Filet Mignon", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/fried-piece-meat-potatoes-fried-tomato_140725-6649.jpg" },
+              { id: "s2", name: "14oz Prime New York Strip", price: "$72", imageSrc: "http://img.b2bpic.net/free-photo/meat-rings-sauce-with-baked-vegetables_140725-985.jpg" },
+              { id: "s3", name: "Dry Aged Bone-In Pork Chop", price: "$47", imageSrc: "http://img.b2bpic.net/free-photo/duck-breast-steak_1203-3346.jpg" },
+              { id: "s4", name: "New Zealand Rack of Lamb", price: "$64", imageSrc: "http://img.b2bpic.net/free-photo/side-view-lamb-ribs-kebab-with-grilled-tomato-onions-with-herbs_141793-4984.jpg" },
+              { id: "s5", name: "Braised Short Ribs", price: "$56", imageSrc: "http://img.b2bpic.net/free-photo/top-view-duck-leg-cooked-sauce-garnished-with-spinach-walnut_141793-2432.jpg" },
+              { id: "s6", name: "Organic Scottish Salmon", price: "$43", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cooked-salmon-fish_23-2148708707.jpg" },
+            ]}
+            title="Signature Menu Selections"
+            description="From our aged steaks to our fresh raw bar, every dish is prepared to perfection."
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSixteen
-      animationType="depth-3d"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      negativeCard={{
-        items: [
-          "No Compromise on Quality",
-          "Freshly Sourced Seafood",
-          "Timeless Atmosphere",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "USDA Prime Beef Selection",
-          "Expansive Wine List",
-          "Expertly Trained Staff",
-        ],
-      }}
-      title="Why Guests Choose Us"
-      description="Experience what makes Tony's the top choice in Indianapolis."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSixteen
+            animationType="depth-3d"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            negativeCard={{ items: ["No Compromise on Quality", "Freshly Sourced Seafood", "Timeless Atmosphere"] }}
+            positiveCard={{ items: ["USDA Prime Beef Selection", "Expansive Wine List", "Expertly Trained Staff"] }}
+            title="Why Guests Choose Us"
+            description="Experience what makes Tony's the top choice in Indianapolis."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "1000+",
-          title: "Reviews",
-          items: [
-            "Average 4.8 Rating",
-            "Top Indianapolis Steakhouse",
-          ],
-        },
-        {
-          id: "m2",
-          value: "20+",
-          title: "Years",
-          items: [
-            "Culinary Expertise",
-            "Dedication to Service",
-          ],
-        },
-        {
-          id: "m3",
-          value: "50+",
-          title: "Entrees",
-          items: [
-            "Fresh Daily Selection",
-            "Signature Recipes",
-          ],
-        },
-      ]}
-      title="Our Culinary Impact"
-      description="Consistent quality, thousands of satisfied guests."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "1000+", title: "Reviews", items: ["Average 4.8 Rating", "Top Indianapolis Steakhouse"] },
+              { id: "m2", value: "20+", title: "Years", items: ["Culinary Expertise", "Dedication to Service"] },
+              { id: "m3", value: "50+", title: "Entrees", items: ["Fresh Daily Selection", "Signature Recipes"] },
+            ]}
+            title="Our Culinary Impact"
+            description="Consistent quality, thousands of satisfied guests."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="asymmetric-60-wide-40-narrow"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Taylor J.",
-          role: "Local Guide",
-          company: "Indy Dining",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-dressed-elegant-black-dress-holds-wineglass-luxury-restaurant_613910-3880.jpg",
-        },
-        {
-          id: "t2",
-          name: "Kristoffer Heck",
-          role: "Local Guide",
-          company: "Traveler",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17082.jpg",
-        },
-        {
-          id: "t3",
-          name: "Sarah J.",
-          role: "Patron",
-          company: "Regular",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-lady-designer-sitting-office-night_171337-15594.jpg",
-        },
-        {
-          id: "t4",
-          name: "Michael R.",
-          role: "Patron",
-          company: "Corporate",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-virtual-date_23-2149307267.jpg",
-        },
-        {
-          id: "t5",
-          name: "Emily C.",
-          role: "Patron",
-          company: "Birthday Celebration",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
-        },
-      ]}
-      title="Guest Testimonials"
-      description="What our guests say about their dining experience at Tony's."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="asymmetric-60-wide-40-narrow"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "t1", name: "Taylor J.", role: "Local Guide", company: "Indy Dining", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-dressed-elegant-black-dress-holds-wineglass-luxury-restaurant_613910-3880.jpg" },
+              { id: "t2", name: "Kristoffer Heck", role: "Local Guide", company: "Traveler", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17082.jpg" },
+              { id: "t3", name: "Sarah J.", role: "Patron", company: "Regular", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-lady-designer-sitting-office-night_171337-15594.jpg" },
+              { id: "t4", name: "Michael R.", role: "Patron", company: "Corporate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-virtual-date_23-2149307267.jpg" },
+              { id: "t5", name: "Emily C.", role: "Patron", company: "Birthday Celebration", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg" },
+            ]}
+            title="Guest Testimonials"
+            description="What our guests say about their dining experience at Tony's."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Reservations & Inquiries"
-      description="Secure your table or contact our guest services for event planning."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Full Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Special requests, group dining, or event details",
-        rows: 4,
-        required: false,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/life-style_1122-1851.jpg"
-      buttonText="Submit Request"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Reservations & Inquiries"
+            description="Secure your table or contact our guest services for event planning."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Full Name", required: true },
+              { name: "email", type: "email", placeholder: "Email Address", required: true },
+            ]}
+            textarea={{ name: "message", placeholder: "Special requests, group dining, or event details", rows: 4, required: false }}
+            imageSrc="http://img.b2bpic.net/free-photo/life-style_1122-1851.jpg"
+            buttonText="Submit Request"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Location",
-          items: [
-            {
-              label: "110 W Washington St, Indianapolis",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Hours",
-          items: [
-            {
-              label: "Mon-Thu: 5pm-9pm",
-              href: "#",
-            },
-            {
-              label: "Fri-Sat: 5pm-10pm",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Menu",
-              href: "#products",
-            },
-            {
-              label: "Reservations",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      logoText="TONY'S"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Location", items: [{ label: "110 W Washington St, Indianapolis", href: "#" }] },
+              { title: "Hours", items: [{ label: "Mon-Thu: 5pm-9pm", href: "#" }, { label: "Fri-Sat: 5pm-10pm", href: "#" }] },
+              { title: "Navigation", items: [{ label: "Menu", href: "#products" }, { label: "Reservations", href: "#contact" }] },
+            ]}
+            logoText="TONY'S"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1