update d2c brands

src/components/heroes/BusinessHero.tsx

@@ -3,11 +3,8 @@
 import Image from "next/image";
 import { motion } from "framer-motion";
 import { FeatureStatsRow } from "@/components/ui/FeatureStatsRow";
-import {
-  slideInLeftSubtle,
-  fadeIn,
-  staggerContainer,
-} from "@/lib/animations";
+import { HeroLogo } from "@/components/heroes/HeroLogo";
+import { staggerContainer } from "@/lib/animations";
 
 const HERO_BENEFITS = [
   { title: "More Visibility Across Nearle", icon: "visibility", desc: "Get discovered by locals" },
@@ -16,16 +13,21 @@ const HERO_BENEFITS = [
   { title: "Local Delivery Support", icon: "local_shipping", desc: "Deliver fast & verified" },
 ];
 
-const badgeVariant = slideInLeftSubtle;
+const EASE = [0.22, 1, 0.36, 1] as [number, number, number, number];
+
+// Shared cascade timing: logo settles at ~1.2s, then badge → heading → description
+const badgeVariant = {
+  hidden: { opacity: 0, x: -20 },
+  visible: { opacity: 1, x: 0, transition: { duration: 0.5, delay: 0.9, ease: EASE } },
+};
 const titleVariant = {
   hidden: { opacity: 0, y: 28 },
-  visible: {
-    opacity: 1,
-    y: 0,
-    transition: { duration: 0.55, ease: [0.22, 1, 0.36, 1] as [number, number, number, number] },
-  },
+  visible: { opacity: 1, y: 0, transition: { duration: 0.55, delay: 1.05, ease: EASE } },
+};
+const descVariant = {
+  hidden: { opacity: 0 },
+  visible: { opacity: 1, transition: { duration: 0.45, delay: 1.25, ease: "easeOut" as const } },
 };
-const descVariant = fadeIn;
 
 export function BusinessHero() {
   return (
@@ -52,6 +54,8 @@ export function BusinessHero() {
             initial="hidden"
             animate="visible"
           >
+            <HeroLogo />
+
             <motion.span
               variants={badgeVariant}
               className="inline-flex items-center gap-1.5 px-4 py-1.5 rounded-full text-xs font-bold tracking-widest bg-white text-[#6330D6] shadow-md uppercase mb-6 w-fit"