Bob AI: GET / 500 in 339ms (compile: 7ms, render: 332ms)

...

src/app/page.tsx

@@ -11,6 +11,9 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
 import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import { Coffee, Star, Sparkles, MessageCircle, Heart } from "lucide-react";
+import { NavbarStyleApple } from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import { HeroSplit } from "@/components/sections/hero/HeroSplit";
+import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
 
 export default function CoffeePage() {
   return (
@@ -27,7 +30,7 @@ export default function CoffeePage() {
       headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleCentered
+        <NavbarStyleApple
           navItems={[
             { name: "Hero", id: "hero-section" },
             { name: "About", id: "about-section" },
@@ -43,20 +46,52 @@ export default function CoffeePage() {
       </div>
 
       <div id="hero-section" data-section="hero-section">
-        <HeroLogoBillboardSplit
-          logoText="Brew & Bean"
-          description="Where every cup tells a story. Experience the finest single-origin beans, carefully roasted to perfection in our cozy, earth-toned space."
+        <HeroBillboardDashboard
+          title="Brew & Bean Analytics"
+          description="Track your coffee shop's performance with real-time insights into sales, customer engagement, and inventory management."
           background={{ variant: "radial-gradient" }}
+          tag="Dashboard"
+          tagAnimation="slide-up"
           buttons={[
-            { text: "Explore Our Beans", href: "#products-section" },
-            { text: "Visit Us", href: "#contact-section" }
+            { text: "View Full Dashboard", href: "#dashboard", dataWebildId: "hero_dashboard_btn_1" },
+            { text: "Learn More", href: "#features", dataWebildId: "hero_dashboard_btn_2" }
           ]}
           buttonAnimation="slide-up"
-          layoutOrder="default"
-          imageSrc="https://img.b2bpic.net/free-photo/cafe-interior-with-orange-sofa-three-tables-three-black-chairs_181624-8624.jpg"
-          imageAlt="Cozy coffee shop interior with natural wood tones and warm lighting"
-          mediaAnimation="slide-up"
-          frameStyle="card"
+          dashboard={{
+            title: "Coffee Shop Operations",
+            stats: [
+              { label: "Daily Revenue", value: "$2,450", change: "+12.5%" },
+              { label: "Active Customers", value: "342", change: "+8.2%" },
+              { label: "Inventory Status", value: "94%", change: "+2.1%" }
+            ],
+            logoIcon: "Coffee",
+            sidebarItems: [
+              { label: "Dashboard", icon: "BarChart3" },
+              { label: "Sales", icon: "TrendingUp" },
+              { label: "Inventory", icon: "Package" },
+              { label: "Customers", icon: "Users" }
+            ],
+            searchPlaceholder: "Search transactions...",
+            buttons: [
+              { text: "Export Report", href: "#export", dataWebildId: "dashboard_export_btn" },
+              { text: "Settings", href: "#settings", dataWebildId: "dashboard_settings_btn" }
+            ],
+            chartTitle: "Weekly Sales Trend",
+            chartData: [
+              { label: "Mon", value: 420 },
+              { label: "Tue", value: 580 },
+              { label: "Wed", value: 510 },
+              { label: "Thu", value: 650 }
+            ],
+            listItems: [
+              { label: "Espresso Blend - Premium", value: "245 units" },
+              { label: "Single Origin Ethiopia", value: "189 units" },
+              { label: "Seasonal Roast", value: "156 units" }
+            ],
+            listTitle: "Top Products",
+            imageSrc: "https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg",
+            imageAlt: "Coffee shop dashboard analytics interface"
+          }}
         />
       </div>