Merge version_5 into main

Merge version_5 into main

src/app/layout.tsx

@@ -18,8 +18,8 @@ const inter = Inter({
 });
 
 export const metadata: Metadata = {
-  title: 'Flow Studio Agency: Digital Growth for Small Businesses',
-  description: 'Flow Studio Agency helps small businesses grow online. We offer web design, SEO, Google Business Profile optimization, and AI automation to increase visibility & leads.',
+  title: 'Client Flow Studio: Digital Growth for Small Businesses',
+  description: 'Client Flow Studio helps small businesses grow online. We offer web design, SEO, Google Business Profile optimization, and AI automation to increase visibility & leads.',
 };
 
 export default function RootLayout({

src/app/page.tsx

@@ -3,7 +3,7 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
+import HeroSplit from "@/components/sections/hero/HeroSplit";
 import FeatureBento from "@/components/sections/feature/FeatureBento";
 import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
 import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
@@ -41,21 +41,25 @@ export default function WebAgency2Page() {
           ]}
           button={{ text: "Book Consultation", href: "#contact" }}
         />
-        <HeroLogoBillboard
-          logoText="Client Flow Studio"
-          description="Client Flow Studio helps businesses get found, get more leads & grow online. We build websites, optimize Google visibility, and implement AI-powered solutions that help businesses attract more customers and increase revenue."
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DbxJR6IxC1XHwzUSsYvpr3NNCx/uploaded-1781075861909-xe4oe3p2.jpg"
-          imageAlt="Client Flow Studio Logo"
-          background={{ variant: "canvas-reveal" }}
-          buttons={[
-            { text: "Book Free Consultation", href: "#contact" },
-            { text: "Get a Free Audit", href: "#contact" },
-          ]}
-          buttonAnimation="slide-up"
-        />
+        <div id="hero" data-section="hero">
+          <HeroSplit
+            title="Client Flow Studio"
+            description="Client Flow Studio helps businesses get found, get more leads & grow online. We build websites, optimize Google visibility, and implement AI-powered solutions that help businesses attract more customers and increase revenue."
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DbxJR6IxC1XHwzUSsYvpr3NNCx/uploaded-1781075861909-xe4oe3p2.jpg"
+            imageAlt="Client Flow Studio Logo"
+            background={{ variant: "canvas-reveal" }}
+            buttons={[
+              { text: "Book Free Consultation", href: "#contact" },
+              { text: "Get a Free Audit", href: "#contact" },
+            ]}
+            buttonAnimation="slide-up"
+            mediaAnimation="slide-up"
+            imagePosition="right"
+          />
+        </div>
         <FeatureBento
           title="Who We Are"
-          description="Flow Studio Agency is a results-driven digital growth agency dedicated to helping businesses strengthen their online presence and generate more qualified leads. We combine website design, local SEO, Google Business Profile optimization, AI solutions, and digital marketing strategies to create measurable business growth."
+          description="Client Flow Studio is a results-driven digital growth agency dedicated to helping businesses strengthen their online presence and generate more qualified leads. We combine website design, local SEO, Google Business Profile optimization, AI solutions, and digital marketing strategies to create measurable business growth."
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="slide-up"