Update src/app/page.tsx

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,9 @@ 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"
+      bulletPoints={[{ title: "Fresh Dough", description: "Hand-kneaded daily." }, { title: "Wood-fired", description: "Authentic flavor." }]}
     />
   </div>
 
@@ -125,34 +74,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={[{ id: "f1", title: "Quality", tags: ["Premium"] }, { id: "f2", title: "Speed", tags: ["Fast"] }]}
       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 +86,23 @@ 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."
+      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>
 
@@ -215,25 +110,8 @@ 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"
+      tag="Stats"
+      metrics={[{ id: "1", value: "25+", description: "Years Experience" }, { id: "2", value: "10K+", description: "Pizzas Served" }]}
     />
   </div>
 
@@ -243,75 +121,17 @@ 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."
+      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 id="faq" data-section="faq">
       <FaqSplitText
+      sideTitle="FAQs"
       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={[{ id: "1", title: "Do you deliver?", content: "Yes, we deliver daily!" }, { id: "2", title: "Are ingredients fresh?", content: "Always local." }]}
       faqsAnimation="slide-up"
     />
   </div>
@@ -319,49 +139,21 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      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."
+      buttonText="Contact Us"
+      background={{ variant: "plain" }}
     />
   </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={[{ items: [{ label: "Privacy", href: "#" }] }]}
       logoText="Pizzeria"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}