Bob AI: Created a dedicated section for the company verse.

Merge version_8_1782874047565 into main

src/components/ui/NavbarDropdown.tsx

@@ -6,6 +6,7 @@ import Button from "@/components/ui/Button";
 
 interface NavbarDropdownProps {
   logo: string;
+  logoImageSrc?: string;
   navItems: { name: string; href: string }[];
   ctaButton: { text: string; href: string };
 }
@@ -19,7 +20,7 @@ const handleNavClick = (e: React.MouseEvent<HTMLAnchorElement>, href: string, on
   onClose?.();
 };
 
-const NavbarDropdown = ({ logo, navItems, ctaButton }: NavbarDropdownProps) => {
+const NavbarDropdown = ({ logo, logoImageSrc, navItems, ctaButton }: NavbarDropdownProps) => {
   const [menuOpen, setMenuOpen] = useState(false);
   const navRef = useRef<HTMLElement>(null);
 

src/pages/HomePage.tsx

@@ -15,10 +15,12 @@ import TestimonialsSection from './HomePage/sections/Testimonials';
 import ContactSection from './HomePage/sections/Contact';
 
 
-import TrustMetricsSection from './HomePage/sections/TrustMetrics';export default function HomePage(): React.JSX.Element {
+import TrustMetricsSection from './HomePage/sections/TrustMetrics';
+import VerseSection from './HomePage/sections/Verse';export default function HomePage(): React.JSX.Element {
   return (
 <>
       <HeroSection />
+      <VerseSection />
 
       <AboutSection />
       <TrustMetricsSection />

src/pages/HomePage/sections/Hero.tsx

@@ -11,9 +11,7 @@ export default function HeroSection(): React.JSX.Element {
             <SectionErrorBoundary name="hero">
               <HeroBillboardBrand
         brand="Build Opportunity. Deliver Excellence."
-        description="ABC Group is an independent Australian family-owned business delivering trusted recruitment, trade, property, and travel solutions for over 15 years. 
-
-With God nothing shall be impossible. – Luke 1:37"
+        description="ABC Group is an independent Australian family-owned business delivering trusted recruitment, trade, property, and travel solutions for over 15 years. "
         primaryButton={{
                   text: "Our Companies",              href: "#companies"}}
         secondaryButton={{

src/pages/HomePage/sections/Verse.tsx

@@ -0,0 +1,25 @@
+import { motion } from "motion/react"
+import TextAnimation from "@/components/ui/TextAnimation"
+
+export default function VerseSection() {
+  return (
+    <section data-webild-section="verse" id="verse" className="relative w-full py-24 md:py-32 bg-background flex items-center justify-center overflow-hidden">
+      <div className="w-content-width mx-auto text-center flex flex-col items-center justify-center">
+        <TextAnimation 
+          text="ABC GROUP" 
+          variant="fade-blur" 
+          tag="h2" 
+          className="text-6xl md:text-8xl lg:text-[10rem] font-bold text-foreground tracking-tighter mb-4 leading-none"
+          gradientText={false}
+        />
+        <TextAnimation 
+          text="With God nothing shall be impossible. - Luke 1:37" 
+          variant="fade-blur" 
+          tag="p" 
+          className="text-xl md:text-3xl lg:text-4xl font-medium text-accent"
+          gradientText={false}
+        />
+      </div>
+    </section>
+  )
+}