Bob AI: Swapped NavbarFloatingLogo for NavbarFloating to show inline

Merge version_8_1781401909283 into main

src/components/Layout.tsx

@@ -2,16 +2,15 @@ import { Outlet } from 'react-router-dom';
 
 import { StyleProvider } from '@/components/ui/StyleProvider';
 import SiteBackgroundSlot from '@/components/ui/SiteBackgroundSlot';
-import NavbarFloatingLogo from "@/components/ui/NavbarFloatingLogo";
+import NavbarFloating from "@/components/ui/NavbarFloating";
 import FooterMinimal from "@/components/sections/footer/FooterMinimal";
 
 export default function Layout() {
   return (
     <StyleProvider buttonVariant="default" siteBackground="none" heroBackground="none">
       <SiteBackgroundSlot />
-      <NavbarFloatingLogo
+      <NavbarFloating
                   logo="Joseph Alexander"
-                  logoImageSrc="https://storage.googleapis.com/webild/default/templates/creative-portfolio/avatar.webp"
                   navItems={[
                     { name: "Work", href: "#work" },
                     { name: "About", href: "#about" },

src/pages/HomePage/sections/Hero.tsx

@@ -8,6 +8,7 @@ import { ScrollTrigger } from "gsap/ScrollTrigger";
 import ImageOrVideo from "@/components/ui/ImageOrVideo";
 import HeroBackgroundSlot from "@/components/ui/HeroBackgroundSlot";
 import TextAnimation from "@/components/ui/TextAnimation";
+import RatingStars from "@/components/ui/RatingStars";
 import { useButtonClick } from "@/hooks/useButtonClick";
 
 const primaryButton = {
@@ -189,6 +190,16 @@ const HeroInline = () => {
                   </span>
                 </h1>
 
+                <div className="flex justify-center md:justify-start mt-2 mb-2">
+                  <div className="flex items-center gap-1 text-yellow-500">
+                    {[...Array(5)].map((_, i) => (
+                      <svg key={i} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" className="w-5 h-5">
+                        <path fillRule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clipRule="evenodd" />
+                      </svg>
+                    ))}
+                  </div>
+                </div>
+
                 <p className="text-base md:text-lg font-medium leading-snug text-center md:text-left max-w-[95%]">
                   {"Design engineered for performance, not just aesthetics."}{" "}
                   <span className="text-foreground/50">{"I craft every visual touchpoint your brand needs to capture attention and convert it into revenue."}</span>
@@ -255,6 +266,9 @@ const HeroInline = () => {
                 tag="h2"
                 className="md:max-w-8/10 text-6xl 2xl:text-7xl leading-[1.15] font-semibold text-center text-balance"
               />
+              <div className="flex justify-center mt-4">
+                <RatingStars rating={5} />
+              </div>
 
               <TextAnimation
                 text={"A curated selection of design work that drove real business results for ambitious brands."}