Update src/app/services/page.tsx

src/app/services/page.tsx

@@ -7,7 +7,7 @@ import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 
-export default function LandingPage() {
+export default function ServicesPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="hover-magnetic"
@@ -25,24 +25,13 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Menu",
-          id: "/services",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "About", id: "/about" },
+        { name: "Menu", id: "/services" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Kinni Cafe"
+      button={{ text: "Order Online", href: "/services" }}
     />
   </div>
 
@@ -50,26 +39,14 @@ export default function LandingPage() {
       <FaqDouble
       textboxLayout="default"
       useInvertedBackground={false}
+      faqsAnimation="slide-up"
       faqs={[
-        {
-          id: "1",
-          title: "What do you serve?",
-          content: "All-day breakfast and classic American lunch.",
-        },
-        {
-          id: "2",
-          title: "Do you offer delivery?",
-          content: "We do not offer delivery, but takeaway is quick and easy!",
-        },
-        {
-          id: "3",
-          title: "Is it family friendly?",
-          content: "Yes, we welcome guests of all ages.",
-        },
+        { id: "1", title: "What do you serve?", content: "All-day breakfast and classic American lunch." },
+        { id: "2", title: "Do you offer delivery?", content: "We do not offer delivery, but takeaway is quick and easy!" },
+        { id: "3", title: "Is it family friendly?", content: "Yes, we welcome guests of all ages." },
       ]}
       title="Menu Highlights & Services"
       description="Everything you need to know about dining at Kinni Cafe."
-      faqsAnimation="slide-up"
     />
   </div>
 
@@ -78,42 +55,12 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
-      plans={[
-        {
-          id: "basic",
-          price: "$10-$15",
-          name: "Breakfast Specials",
-          buttons: [
-            {
-              text: "See Full Menu",
-              href: "/services",
-            },
-          ],
-          features: [
-            "Pancakes",
-            "Omelettes",
-            "Coffee",
-          ],
-        },
-        {
-          id: "pro",
-          price: "$12-$20",
-          name: "Lunch Classics",
-          buttons: [
-            {
-              text: "See Full Menu",
-              href: "/services",
-            },
-          ],
-          features: [
-            "Burgers",
-            "Homemade Soups",
-            "Wraps",
-          ],
-        },
-      ]}
       title="Budget-Friendly Dining"
       description="Great portions, great prices."
+      plans={[
+        { id: "basic", price: "$10-$15", name: "Breakfast Specials", buttons: [{ text: "See Full Menu", href: "/services" }], features: ["Pancakes", "Omelettes", "Coffee"] },
+        { id: "pro", price: "$12-$20", name: "Lunch Classics", buttons: [{ text: "See Full Menu", href: "/services" }], features: ["Burgers", "Homemade Soups", "Wraps"] },
+      ]}
     />
   </div>
 
@@ -121,40 +68,12 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="Kinni Cafe"
       columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Home",
-              href: "/",
-            },
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Menu",
-              href: "/services",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Call Us",
-              href: "tel:+17154259440",
-            },
-            {
-              label: "Visit Us",
-              href: "/contact",
-            },
-          ],
-        },
+        { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Menu", href: "/services" }] },
+        { title: "Contact", items: [{ label: "Call Us", href: "tel:+17154259440" }, { label: "Visit Us", href: "/contact" }] },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}