Switch to version 2: added src/pages/HomePage/sections/Hero.tsx

src/pages/HomePage/sections/Hero.tsx

@@ -0,0 +1,29 @@
+// 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 HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+        <SectionErrorBoundary name="hero">
+              <HeroBillboard
+          tag="LUXURY SALON EXPERIENCE"
+          title="Beauty Is An Art. We Are The Artists."
+          description="Premium hair and beauty services by expert stylists. Trusted by 5000+ happy customers."
+          primaryButton={{
+            text: "Book Appointment",
+            href: "#booking",
+          }}
+          secondaryButton={{
+            text: "View Services",
+            href: "#services",
+          }}
+          imageSrc="http://img.b2bpic.net/free-photo/male-hairdresser-combing-hair-senior-client_23-2148181882.jpg"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}