Merge version_2_1781389193450 into main

Merge version_2_1781389193450 into main

src/pages/HomePage.tsx

@@ -1,225 +1,33 @@
-import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
-import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
-import FeaturesTaggedCards from '@/components/sections/features/FeaturesTaggedCards';
-import HeroBrand from '@/components/sections/hero/HeroBrand';
-import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+// AUTO-GENERATED shell by per-section-migrate.
+// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
+// files directly. Non-block content (wrappers, non-inlinable sections) is
+// preserved inline; extracted section blocks become <XSection/> refs.
 
-export default function HomePage() {
+import React from 'react';
+import HeroSection from './HomePage/sections/Hero';
+import AboutSection from './HomePage/sections/About';
+import MenuSection from './HomePage/sections/Menu';
+import GallerySection from './HomePage/sections/Gallery';
+import TestimonialsSection from './HomePage/sections/Testimonials';
+import FaqSection from './HomePage/sections/Faq';
+import ContactSection from './HomePage/sections/Contact';
+
+export default function HomePage(): React.JSX.Element {
   return (
-    <>
-  <div id="hero" data-section="hero">
-    <SectionErrorBoundary name="hero">
-          <HeroBrand
-      brand="Where Lusaka Gathers After Dark"
-      description="The Blue Note Cafe brings 24hour grilled excellence, craft drinks, and electric atmosphere to Ring Road. Your favorite table is always ready."
-      primaryButton={{
-        text: "Reserve Your Table Now",
-        href: "#contact",
-      }}
-      secondaryButton={{
-        text: "View Menu",
-        href: "#menu",
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/portrait-handsome-successful-bearded-south-asian-young-indian-freelancer-blue-jeans-shirt-standing-night-club-stairs_627829-5106.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />
 
-  <div id="about" data-section="about">
-    <SectionErrorBoundary name="about">
-          <AboutMediaOverlay
-      tag="Our Story"
-      title="Always Open, Always Exceptional"
-      description="Located in the heart of Lusaka on Ring Road, The Blue Note Cafe is more than a restaurant—it's a vibrant destination for food lovers and night owls. We serve 24/7, providing premium grills and craft cocktails in a setting that celebrates life after dark."
-      imageSrc="http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976552.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+  <AboutSection />
 
-  <div id="menu" data-section="menu">
-    <SectionErrorBoundary name="menu">
-          <FeaturesTaggedCards
-      tag="Menu Highlights"
-      title="Grilled Excellence & Craft Sips"
-      description="Indulge in our curated selection of signature grills and expertly mixed drinks, available whenever the mood strikes."
-      items={[
-        {
-          tag: "Signature",
-          title: "Blue Note Ribeye",
-          description: "Expertly grilled to perfection.",
-          primaryButton: {
-            text: "Order Now",
-            href: "#contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/fine-cooked-ribeye-tenderloin-piece-paper_114579-1756.jpg",
-        },
-        {
-          tag: "Cocktail",
-          title: "Midnight Mule",
-          description: "Refreshing craft signature drink.",
-          primaryButton: {
-            text: "Order Now",
-            href: "#contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/salmon-sandwiches-with-cream-cheese-microgreen-wooden-table-canape-with-salmon_2829-11187.jpg",
-        },
-        {
-          tag: "Classic",
-          title: "Gourmet Slider Trio",
-          description: "Small plates for big taste.",
-          primaryButton: {
-            text: "Order Now",
-            href: "#contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/classic-burger-with-french-fries-beer_23-2148290585.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <MenuSection />
 
-  <div id="gallery" data-section="gallery">
-    <SectionErrorBoundary name="gallery">
-          <FeaturesImageBento
-      tag="The Venue"
-      title="A Modern Nightlife Aesthetic"
-      description="Explore our space, designed for comfort and late-night social energy."
-      items={[
-        {
-          title: "Modern Lounge",
-          description: "Relax in style.",
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-meeting-together-drinking-white-wine-fresh-coctails-while-discussing-something_273609-12546.jpg",
-        },
-        {
-          title: "Bar Central",
-          description: "Craft spirits and beers.",
-          imageSrc: "http://img.b2bpic.net/free-photo/fresh-cocktails-wood-table-nightclub-generated-by-ai_188544-42364.jpg",
-        },
-        {
-          title: "Cafe Exterior",
-          description: "The landmark on Ring Road.",
-          imageSrc: "http://img.b2bpic.net/free-photo/mall-america-scenes-cinematic-style_23-2151551199.jpg",
-        },
-        {
-          title: "Seating Area",
-          description: "Intimate dining spaces.",
-          imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-italian-hall-with-paintings-wall_8353-656.jpg",
-        },
-        {
-          title: "Live Stage",
-          description: "Vibrant night energy.",
-          imageSrc: "http://img.b2bpic.net/free-photo/lit-store-city-night_23-2149001230.jpg",
-        },
-        {
-          title: "Glassware Detail",
-          description: "Attention to detail.",
-          imageSrc: "http://img.b2bpic.net/free-photo/vintage-cups-thrift-shop-arrangement_23-2150269088.jpg",
-        },
-        {
-          title: "Dining Room",
-          description: "Full venue view.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cozy-loungers-health-spa-with-no-people-copy-space_637285-6704.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <GallerySection />
 
-  <div id="testimonials" data-section="testimonials">
-    <SectionErrorBoundary name="testimonials">
-          <TestimonialRatingCards
-      tag="Reviews"
-      title="What Lusaka Says"
-      description="Our customers are our greatest supporters."
-      testimonials={[
-        {
-          name: "Sarah J.",
-          role: "Professional",
-          quote: "The best 24/7 service in town. Ribeye is amazing!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-with-ice-cream-nighttime_23-2149005363.jpg",
-        },
-        {
-          name: "Mark D.",
-          role: "Expat",
-          quote: "Love the nightlife atmosphere at Blue Note.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-women-having-dinner-together_23-2148454093.jpg",
-        },
-        {
-          name: "Linda M.",
-          role: "Local",
-          quote: "Finally a place open after hours with great food.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-couple-wearing-warm-clothes-standing-staircase-underground-nightclub-backlit-signboard-background_613910-21168.jpg",
-        },
-        {
-          name: "David K.",
-          role: "Night Owl",
-          quote: "Craft cocktails are top-notch.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-adults-playing-beer-pong_23-2149402803.jpg",
-        },
-        {
-          name: "Tanya L.",
-          role: "Traveler",
-          quote: "Stylish, cool vibe. Will return soon.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <TestimonialsSection />
 
-  <div id="faq" data-section="faq">
-    <SectionErrorBoundary name="faq">
-          <FaqTabbedAccordion
-      tag="Questions"
-      title="Common Inquiries"
-      description="Everything you need to know about Blue Note."
-      categories={[
-        {
-          name: "General",
-          items: [
-            {
-              question: "Are you really open 24/7?",
-              answer: "Yes, we are open 24 hours a day, 7 days a week.",
-            },
-            {
-              question: "Where are you located?",
-              answer: "We are located on Ring Road, Lusaka, Zambia.",
-            },
-            {
-              question: "Do you need a reservation?",
-              answer: "While walk-ins are welcome, we recommend reservations for large groups.",
-            },
-          ],
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FaqSection />
 
-  <div id="contact" data-section="contact">
-    <SectionErrorBoundary name="contact">
-          <ContactCta
-      tag="Reserve Today"
-      text="Call us at 077 6160948 to book your table or for any inquiries."
-      primaryButton={{
-        text: "Call Now",
-        href: "tel:+260776160948",
-      }}
-      secondaryButton={{
-        text: "Contact Us",
-        href: "mailto:info@bluenote.com",
-      }}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ContactSection />
     </>
   );
 }

src/pages/HomePage/sections/About.tsx

@@ -0,0 +1,21 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "about" section.
+
+import React from 'react';
+import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+        <SectionErrorBoundary name="about">
+              <AboutMediaOverlay
+          tag="Our Story"
+          title="Always Open, Always Exceptional"
+          description="Located in the heart of Lusaka on Ring Road, The Blue Note Cafe is more than a restaurant—it's a vibrant destination for food lovers and night owls. We serve 24/7, providing premium grills and craft cocktails in a setting that celebrates life after dark."
+          imageSrc="http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976552.jpg"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Contact.tsx

@@ -0,0 +1,66 @@
+/* eslint-disable */
+// @ts-nocheck — generated by catalog-eject; runtime-correct but TS strict-mode false-positives on inlined catalog body
+import ScrollReveal from "@/components/ui/ScrollReveal";
+import TextAnimation from "@/components/ui/TextAnimation";
+import Button from "@/components/ui/Button";
+
+const primaryButton = {
+  text: "Call Now",
+  href: "tel:+260776160948"
+};
+const secondaryButton = {
+  text: "Get Directions",
+  href: "https://maps.app.goo.gl/ixKod9J4yCsn2ALb6"
+};
+
+const ContactInline = () => {
+  return (
+    <section aria-label="Contact section" className="py-20">
+      <div className="w-content-width mx-auto">
+        <ScrollReveal variant="fade">
+          <div className="flex flex-col items-center gap-8 md:gap-10 py-20 px-8 rounded card">
+            <div className="flex flex-col items-center gap-2">
+              <div className="px-3 py-1 mb-1 text-sm card rounded w-fit">
+                <p>{"Reserve Today"}</p>
+              </div>
+
+              <TextAnimation
+                text={"Call us at 077 6160948 to book your table or for any inquiries."}
+                variant="slide-up"
+                gradientText={true}
+                tag="h2"
+                className="md:max-w-8/10 text-5xl 2xl:text-6xl leading-[1.15] font-semibold text-center text-balance"
+              />
+
+              <div className="flex flex-wrap justify-center gap-3 mt-2 md:mt-3">
+                <Button text={primaryButton.text} href={primaryButton.href} variant="primary" />
+                <Button text={secondaryButton.text} href={secondaryButton.href} variant="secondary" animationDelay={0.1} />
+              </div>
+
+              <div className="w-full max-w-4xl h-[400px] rounded-lg overflow-hidden border border-border mt-8">
+                <iframe
+                  src="https://maps.google.com/maps?q=The+Blue+Note+Cafe,+Ring+Road,+Lusaka&t=&z=15&ie=UTF8&iwloc=&output=embed"
+                  width="100%"
+                  height="100%"
+                  style={{ border: 0 }}
+                  allowFullScreen
+                  loading="lazy"
+                  referrerPolicy="no-referrer-when-downgrade"
+                  title="The Blue Note Cafe Location"
+                ></iframe>
+              </div>
+            </div>
+          </div>
+        </ScrollReveal>
+      </div>
+    </section>
+  );
+};
+
+export default function ContactSection() {
+  return (
+    <div data-webild-section="contact" id="contact">
+      <ContactInline />
+    </div>
+  );
+}

src/pages/HomePage/sections/Faq.tsx

@@ -0,0 +1,39 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "faq" section.
+
+import React from 'react';
+import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FaqSection(): React.JSX.Element {
+  return (
+    <div id="faq" data-section="faq">
+        <SectionErrorBoundary name="faq">
+              <FaqTabbedAccordion
+          tag="Questions"
+          title="Common Inquiries"
+          description="Everything you need to know about Blue Note."
+          categories={[
+            {
+              name: "General",
+              items: [
+                {
+                  question: "Are you really open 24/7?",
+                  answer: "Yes, we are open 24 hours a day, 7 days a week.",
+                },
+                {
+                  question: "Where are you located?",
+                  answer: "We are located on Ring Road, Lusaka, Zambia.",
+                },
+                {
+                  question: "Do you need a reservation?",
+                  answer: "While walk-ins are welcome, we recommend reservations for large groups.",
+                },
+              ],
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Gallery.tsx

@@ -0,0 +1,57 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "gallery" section.
+
+import React from 'react';
+import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function GallerySection(): React.JSX.Element {
+  return (
+    <div id="gallery" data-section="gallery">
+        <SectionErrorBoundary name="gallery">
+              <FeaturesImageBento
+          tag="The Venue"
+          title="A Modern Nightlife Aesthetic"
+          description="Explore our space, designed for comfort and late-night social energy."
+          items={[
+            {
+              title: "Modern Lounge",
+              description: "Relax in style.",
+              imageSrc: "http://img.b2bpic.net/free-photo/friends-meeting-together-drinking-white-wine-fresh-coctails-while-discussing-something_273609-12546.jpg",
+            },
+            {
+              title: "Bar Central",
+              description: "Craft spirits and beers.",
+              imageSrc: "http://img.b2bpic.net/free-photo/fresh-cocktails-wood-table-nightclub-generated-by-ai_188544-42364.jpg",
+            },
+            {
+              title: "Cafe Exterior",
+              description: "The landmark on Ring Road.",
+              imageSrc: "http://img.b2bpic.net/free-photo/mall-america-scenes-cinematic-style_23-2151551199.jpg",
+            },
+            {
+              title: "Seating Area",
+              description: "Intimate dining spaces.",
+              imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-italian-hall-with-paintings-wall_8353-656.jpg",
+            },
+            {
+              title: "Live Stage",
+              description: "Vibrant night energy.",
+              imageSrc: "http://img.b2bpic.net/free-photo/lit-store-city-night_23-2149001230.jpg",
+            },
+            {
+              title: "Glassware Detail",
+              description: "Attention to detail.",
+              imageSrc: "http://img.b2bpic.net/free-photo/vintage-cups-thrift-shop-arrangement_23-2150269088.jpg",
+            },
+            {
+              title: "Dining Room",
+              description: "Full venue view.",
+              imageSrc: "http://img.b2bpic.net/free-photo/cozy-loungers-health-spa-with-no-people-copy-space_637285-6704.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Hero.tsx

@@ -0,0 +1,28 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "hero" section.
+
+import React from 'react';
+import HeroBrand from '@/components/sections/hero/HeroBrand';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+        <SectionErrorBoundary name="hero">
+              <HeroBrand
+          brand="Where Lusaka Gathers After Dark"
+          description="The Blue Note Cafe brings 24hour grilled excellence, craft drinks, and electric atmosphere to Ring Road. Your favorite table is always ready."
+          primaryButton={{
+            text: "Reserve Your Table Now",
+            href: "#contact",
+          }}
+          secondaryButton={{
+            text: "View Menu",
+            href: "#menu",
+          }}
+          imageSrc="http://img.b2bpic.net/free-photo/portrait-handsome-successful-bearded-south-asian-young-indian-freelancer-blue-jeans-shirt-standing-night-club-stairs_627829-5106.jpg"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Menu.tsx

@@ -0,0 +1,52 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "menu" section.
+
+import React from 'react';
+import FeaturesTaggedCards from '@/components/sections/features/FeaturesTaggedCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function MenuSection(): React.JSX.Element {
+  return (
+    <div id="menu" data-section="menu">
+        <SectionErrorBoundary name="menu">
+              <FeaturesTaggedCards
+          tag="Menu Highlights"
+          title="Grilled Excellence & Craft Sips"
+          description="Indulge in our curated selection of signature grills and expertly mixed drinks, available whenever the mood strikes."
+          items={[
+            {
+              tag: "Signature",
+              title: "Blue Note Ribeye",
+              description: "Expertly grilled to perfection.",
+              primaryButton: {
+                text: "Order Now",
+                href: "#contact",
+              },
+              imageSrc: "http://img.b2bpic.net/free-photo/fine-cooked-ribeye-tenderloin-piece-paper_114579-1756.jpg",
+            },
+            {
+              tag: "Cocktail",
+              title: "Midnight Mule",
+              description: "Refreshing craft signature drink.",
+              primaryButton: {
+                text: "Order Now",
+                href: "#contact",
+              },
+              imageSrc: "http://img.b2bpic.net/free-photo/salmon-sandwiches-with-cream-cheese-microgreen-wooden-table-canape-with-salmon_2829-11187.jpg",
+            },
+            {
+              tag: "Classic",
+              title: "Gourmet Slider Trio",
+              description: "Small plates for big taste.",
+              primaryButton: {
+                text: "Order Now",
+                href: "#contact",
+              },
+              imageSrc: "http://img.b2bpic.net/free-photo/classic-burger-with-french-fries-beer_23-2148290585.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Testimonials.tsx

@@ -0,0 +1,57 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "testimonials" section.
+
+import React from 'react';
+import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function TestimonialsSection(): React.JSX.Element {
+  return (
+    <div id="testimonials" data-section="testimonials">
+        <SectionErrorBoundary name="testimonials">
+              <TestimonialRatingCards
+          tag="Reviews"
+          title="What Lusaka Says"
+          description="Our customers are our greatest supporters."
+          testimonials={[
+            {
+              name: "Sarah J.",
+              role: "Professional",
+              quote: "The best 24/7 service in town. Ribeye is amazing!",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-with-ice-cream-nighttime_23-2149005363.jpg",
+            },
+            {
+              name: "Mark D.",
+              role: "Expat",
+              quote: "Love the nightlife atmosphere at Blue Note.",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/young-man-women-having-dinner-together_23-2148454093.jpg",
+            },
+            {
+              name: "Linda M.",
+              role: "Local",
+              quote: "Finally a place open after hours with great food.",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/stylish-couple-wearing-warm-clothes-standing-staircase-underground-nightclub-backlit-signboard-background_613910-21168.jpg",
+            },
+            {
+              name: "David K.",
+              role: "Night Owl",
+              quote: "Craft cocktails are top-notch.",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/young-adults-playing-beer-pong_23-2149402803.jpg",
+            },
+            {
+              name: "Tanya L.",
+              role: "Traveler",
+              quote: "Stylish, cool vibe. Will return soon.",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}