From 579bf8a618eecb658df9249860ba06f202bc74d0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 26 Apr 2026 03:59:13 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 209 ++++++++++++-----------------------------------
 1 file changed, 50 insertions(+), 159 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e1da9cf..91cd269 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,68 +32,40 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
-          id: "#hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "About",
-          id: "#about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Menu",
-          id: "#menu",
-        },
+          name: "Menu",          id: "menu"},
         {
-          name: "Location",
-          id: "#location",
-        },
+          name: "Location",          id: "location"},
       ]}
       brandName="O, Coffee Bar"
+      button={{
+        text: "Order Online",        href: "#menu"
+      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Your Daily Coffee, Done Right."
       description="Affordable, high-quality coffee in the heart of Porac."
       buttons={[
         {
-          text: "Get Directions",
-          href: "#location",
-        },
+          text: "Get Directions",          href: "#location"},
         {
-          text: "View Menu",
-          href: "#menu",
-        },
+          text: "View Menu",          href: "#menu"},
       ]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-bulb-room_181624-57611.jpg",
-          imageAlt: "Coffee shop vibe",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/barista-heating-up-milk-coffee-machine_1303-31778.jpg",
-          imageAlt: "Barista service",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064695.jpg",
-          imageAlt: "Coffee quality",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-ceramic-bowl-with-coffee-cup-wooden-surface_176474-458.jpg",
-          imageAlt: "Cafe interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-making-cappuccino-bartender-preparing-coffee-drink_1150-14700.jpg",
-          imageAlt: "Coffee close up",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/process-coffee-making-using-coffee-machine-restaurant-by-talanted-barista_613910-17354.jpg",
-          imageAlt: "Cozy space",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-bulb-room_181624-57611.jpg", imageAlt: "Coffee shop vibe" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/barista-heating-up-milk-coffee-machine_1303-31778.jpg", imageAlt: "Barista service" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064695.jpg", imageAlt: "Coffee quality" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-ceramic-bowl-with-coffee-cup-wooden-surface_176474-458.jpg", imageAlt: "Cafe interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-making-cappuccino-bartender-preparing-coffee-drink_1150-14700.jpg", imageAlt: "Coffee close up" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/process-coffee-making-using-coffee-machine-restaurant-by-talanted-barista_613910-17354.jpg", imageAlt: "Cozy space" }
       ]}
     />
   </div>
@@ -104,8 +76,7 @@ export default function LandingPage() {
       title="Our Story"
       buttons={[
         {
-          text: "Visit Us",
-        },
+          text: "Visit Us"},
       ]}
     />
   </div>
@@ -117,20 +88,11 @@ export default function LandingPage() {
       description="We bring premium taste to every cup in Porac."
       accordionItems={[
         {
-          id: "f1",
-          title: "5.0 Rating",
-          content: "Consistently loved by our local community.",
-        },
+          id: "f1",          title: "5.0 Rating",          content: "Consistently loved by our local community."},
         {
-          id: "f2",
-          title: "Affordable Premium",
-          content: "Café-quality taste without the high price tag.",
-        },
+          id: "f2",          title: "Affordable Premium",          content: "Café-quality taste without the high price tag."},
         {
-          id: "f3",
-          title: "Cozy Atmosphere",
-          content: "A perfect chill spot for any time of day.",
-        },
+          id: "f3",          title: "Cozy Atmosphere",          content: "A perfect chill spot for any time of day."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/caffeine-working-coffee-cup-table_1122-2430.jpg"
       mediaAnimation="slide-up"
@@ -145,41 +107,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Espresso",
-          price: "Price in-store",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-two-cups-coffee-cookies-cinnamon-limes-old-newspaper-dark-background_140725-143595.jpg",
-        },
+          id: "p1",          name: "Espresso",          price: "Price in-store",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-two-cups-coffee-cookies-cinnamon-limes-old-newspaper-dark-background_140725-143595.jpg"},
         {
-          id: "p2",
-          name: "Latte",
-          price: "Price in-store",
-          imageSrc: "http://img.b2bpic.net/free-photo/cuffee-cups-natural-wooden-textured_53876-95387.jpg",
-        },
+          id: "p2",          name: "Latte",          price: "Price in-store",          imageSrc: "http://img.b2bpic.net/free-photo/cuffee-cups-natural-wooden-textured_53876-95387.jpg"},
         {
-          id: "p3",
-          name: "Cappuccino",
-          price: "Price in-store",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-choco-eclairs-with-cup-tea-dark-table-dessert-sweet-cake_140725-81752.jpg",
-        },
+          id: "p3",          name: "Cappuccino",          price: "Price in-store",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-choco-eclairs-with-cup-tea-dark-table-dessert-sweet-cake_140725-81752.jpg"},
         {
-          id: "p4",
-          name: "Chocolate",
-          price: "Price in-store",
-          imageSrc: "http://img.b2bpic.net/free-photo/four-glasses-with-liqueur-put-line_181624-8994.jpg",
-        },
+          id: "p4",          name: "Chocolate",          price: "Price in-store",          imageSrc: "http://img.b2bpic.net/free-photo/four-glasses-with-liqueur-put-line_181624-8994.jpg"},
         {
-          id: "p5",
-          name: "Milk Tea",
-          price: "Price in-store",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-coffee-white-cups-cookies-cinnamon-limes-chocolate-bars-notebook-mixed-color-background_140725-143829.jpg",
-        },
+          id: "p5",          name: "Milk Tea",          price: "Price in-store",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-coffee-white-cups-cookies-cinnamon-limes-chocolate-bars-notebook-mixed-color-background_140725-143829.jpg"},
         {
-          id: "p6",
-          name: "Pastries",
-          price: "Price in-store",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-with-cake-biscuit-rolls-dark-surface_140725-75137.jpg",
-        },
+          id: "p6",          name: "Pastries",          price: "Price in-store",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-with-cake-biscuit-rolls-dark-surface_140725-75137.jpg"},
       ]}
       title="Our Menu"
       description="Affordable options for every craving."
@@ -193,23 +131,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          icon: Coffee,
-          title: "Cups Served",
-          value: "10k+",
-        },
+          id: "m1",          icon: Coffee,
+          title: "Cups Served",          value: "10k+"},
         {
-          id: "m2",
-          icon: Star,
-          title: "Rating",
-          value: "5.0",
-        },
+          id: "m2",          icon: Star,
+          title: "Rating",          value: "5.0"},
         {
-          id: "m3",
-          icon: Smile,
-          title: "Happy Guests",
-          value: "5k+",
-        },
+          id: "m3",          icon: Smile,
+          title: "Happy Guests",          value: "5k+"},
       ]}
       title="Our Impact"
       description="Quality service metrics."
@@ -224,45 +153,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Anna S.",
-          role: "Local",
-          company: "Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/you-get-it-it-s-so-funny_329181-2916.jpg",
-        },
+          id: "t1",          name: "Anna S.",          role: "Local",          company: "Resident",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/you-get-it-it-s-so-funny_329181-2916.jpg"},
         {
-          id: "t2",
-          name: "Mark L.",
-          role: "Student",
-          company: "Porac U",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-traveling-without-covid_23-2149077813.jpg",
-        },
+          id: "t2",          name: "Mark L.",          role: "Student",          company: "Porac U",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-traveling-without-covid_23-2149077813.jpg"},
         {
-          id: "t3",
-          name: "Sarah P.",
-          role: "Office",
-          company: "Work",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-man-taking-break-drinking-coffee-from-takeaway-standing-blue-background_1258-158027.jpg",
-        },
+          id: "t3",          name: "Sarah P.",          role: "Office",          company: "Work",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-man-taking-break-drinking-coffee-from-takeaway-standing-blue-background_1258-158027.jpg"},
         {
-          id: "t4",
-          name: "John D.",
-          role: "Client",
-          company: "Fiesta",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man_1098-14322.jpg",
-        },
+          id: "t4",          name: "John D.",          role: "Client",          company: "Fiesta",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man_1098-14322.jpg"},
         {
-          id: "t5",
-          name: "Maria G.",
-          role: "Guest",
-          company: "Porac",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-with-delicious-cocktails_23-2150166137.jpg",
-        },
+          id: "t5",          name: "Maria G.",          role: "Guest",          company: "Porac",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-with-delicious-cocktails_23-2150166137.jpg"},
       ]}
       title="What They Say"
       description="Our community's favorite neighborhood spot."
@@ -273,14 +177,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "cell-wave",
-      }}
+        variant: "cell-wave"}}
       text="Visit us at B10 Lot 1, Fiesta Communities, Brgy. Manibaug Paralaya, Porac, Pampanga."
       buttons={[
         {
-          text: "Get Directions",
-          href: "https://maps.google.com",
-        },
+          text: "Get Directions",          href: "https://maps.google.com"},
       ]}
     />
   </div>
@@ -289,29 +190,19 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Menu",
-          items: [
+          title: "Menu",          items: [
             {
-              label: "Coffee",
-              href: "#menu",
-            },
+              label: "Coffee",              href: "#menu"},
             {
-              label: "Pastries",
-              href: "#menu",
-            },
+              label: "Pastries",              href: "#menu"},
           ],
         },
         {
-          title: "Social",
-          items: [
+          title: "Social",          items: [
             {
-              label: "Facebook",
-              href: "#",
-            },
+              label: "Facebook",              href: "#"},
             {
-              label: "Instagram",
-              href: "#",
-            },
+              label: "Instagram",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1