Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -9,7 +9,7 @@ import AboutMetric from '@/components/sections/about/AboutMetric';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { Coffee, UtensilsCrossed, Trees, Music, Calendar } from 'lucide-react';
+import { Coffee, UtensilsCrossed, Trees, Music, Calendar, Users } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -70,6 +70,21 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="whyus" data-section="whyus" className="py-16 px-4">
+        <AboutMetric
+          title="Why People Love Brunch Bar Cafe"
+          metrics={[
+            { icon: Coffee, label: "Premium Coffee", value: "Handcrafted" },
+            { icon: UtensilsCrossed, label: "All-Day Breakfast", value: "7AM-1:30AM" },
+            { icon: Trees, label: "Cozy Outdoor Seating", value: "Relaxing" },
+            { icon: Music, label: "Relaxed Ambience", value: "Perfect Vibe" },
+            { icon: Users, label: "Happy Customers", value: "1000+" }
+          ]}
+          metricsAnimation="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
       <div id="menu" data-section="menu" className="py-16 px-4">
         <ProductCardFour
           title="Menu Highlights"
@@ -91,20 +106,6 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="whyus" data-section="whyus" className="py-16 px-4">
-        <AboutMetric
-          title="Why People Love Brunch Bar Cafe"
-          metrics={[
-            { icon: Coffee, label: "Premium Coffee", value: "Handcrafted" },
-            { icon: UtensilsCrossed, label: "All-Day Breakfast", value: "7AM-1:30AM" },
-            { icon: Trees, label: "Cozy Outdoor Seating", value: "Relaxing" },
-            { icon: Music, label: "Relaxed Ambience", value: "Perfect Vibe" }
-          ]}
-          metricsAnimation="slide-up"
-          useInvertedBackground={false}
-        />
-      </div>
-
       <div id="reservation" data-section="reservation" className="py-16 px-4">
         <ContactSplit
           tag="Reserve Your Table"