Merge version_2_1781696932304 into main

Bob AI (stub): Include a horizontal bar of recognizable client logos to bui
2026-06-17 11:49:54 +00:00 · 2026-06-17 11:49:50 +00:00
8 changed files with 305 additions and 186 deletions
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,196 +1,35 @@
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeaturesDetailedCards from '@/components/sections/features/FeaturesDetailedCards';
-import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
-import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
-import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+// AUTO-GENERATED shell by per-section-migrate.
+// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
+// files directly. Non-block content (wrappers, non-inlinable sections) is
+// preserved inline; extracted section blocks become <XSection/> refs.

-export default function HomePage() {
+import React from 'react';
+import HomeSection from './HomePage/sections/Home';
+import ServicesSection from './HomePage/sections/Services';
+import MetricsSection from './HomePage/sections/Metrics';
+import TestimonialsSection from './HomePage/sections/Testimonials';
+import FaqSection from './HomePage/sections/Faq';
+import ContactSection from './HomePage/sections/Contact';
+
+
+
+{/* webild-stub @2026-06-17T11:49:48.931Z: Include a horizontal bar of recognizable client logos to build instant industry credibility before the services section. */}
+
+import ClientLogosSection from './HomePage/sections/ClientLogos';export default function HomePage(): React.JSX.Element {
  return (
-    <>
-  <div id="home" data-section="home">
-    <SectionErrorBoundary name="home">
-          <HeroSplitVerticalMarquee
-      tag="Transform Your Presence"
-      title="We build digital excellence."
-      description="Your vision, our expertise. We create high-performance websites, professional branding, and SEO strategies."
-      primaryButton={{
-        text: "Explore Services",
-        href: "#services",
-      }}
-      secondaryButton={{
-        text: "Contact Us",
-        href: "#contact",
-      }}
-      leftItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-business-workspace-glows-with-forecasting-metrics-graphs-corporate-empty-space-equipped_482257-132102.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/burning-phoenix-head-dark-background-generative-ai_8829-2884.jpg",
-        },
-      ]}
-      rightItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901779.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/data-information-analytics-perfomance-concept_53876-167154.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HomeSection />
+      <ClientLogosSection />

-  <div id="services" data-section="services">
-    <SectionErrorBoundary name="services">
-          <FeaturesDetailedCards
-      tag="What we do"
-      title="Comprehensive Digital Agency Services"
-      description="Our full suite of services is designed to elevate your brand identity and accelerate business growth."
-      items={[
-        {
-          title: "Logo Design",
-          description: "Distinctive brand identities that stand out in crowded markets.",
-          tags: [
-            "Branding",
-            "Creative",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/simple-logo-designs-set-six_1017-37031.jpg",
-        },
-        {
-          title: "Website Design",
-          description: "User-centric design focused on conversion and modern aesthetic.",
-          tags: [
-            "UX",
-            "UI",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-with-purple-light_23-2149413404.jpg",
-        },
-        {
-          title: "Organic SEO",
-          description: "Proven strategies to increase your search engine visibility.",
-          tags: [
-            "SEO",
-            "Marketing",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-purple-arrow-white-background-with-copy-space_23-2148459956.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ServicesSection />

-  <div id="metrics" data-section="metrics">
-    <SectionErrorBoundary name="metrics">
-          <MetricsFeatureCards
-      tag="Our Impact"
-      title="Proven Results"
-      description="We don't just build, we drive meaningful results for businesses."
-      metrics={[
-        {
-          value: "150+",
-          title: "Projects Completed",
-          features: [
-            "Client satisfaction",
-            "Agile delivery",
-          ],
-        },
-        {
-          value: "200%",
-          title: "Traffic Growth",
-          features: [
-            "Organic strategy",
-            "SEO performance",
-          ],
-        },
-        {
-          value: "50+",
-          title: "Brands Elevated",
-          features: [
-            "Identity work",
-            "Strategic consulting",
-          ],
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <MetricsSection />

-  <div id="testimonials" data-section="testimonials">
-    <SectionErrorBoundary name="testimonials">
-          <TestimonialTrustCard
-      quote="AgencyCore completely transformed our digital footprint. From website design to SEO, their team delivered beyond expectations."
-      rating={5}
-      author="Sarah Miller, CEO"
-      avatars={[
-        {
-          name: "Sarah Miller",
-          imageSrc: "http://img.b2bpic.net/free-vector/simple-business-logo-set_53876-93522.jpg",
-        },
-        {
-          name: "John Doe",
-          imageSrc: "http://img.b2bpic.net/free-photo/cyber-intelligence-secure-operations-center-with-usa-flag-big-screen_482257-105777.jpg",
-        },
-        {
-          name: "Jane Smith",
-          imageSrc: "http://img.b2bpic.net/free-photo/seo-analysis-business-concept-with-wooden-blocks-with-words-it-magnifying-glass-side-view_176474-10449.jpg",
-        },
-        {
-          name: "Alex Rivet",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-designer-wearing-her-headphones_482257-121311.jpg",
-        },
-        {
-          name: "Sam Taylor",
-          imageSrc: "http://img.b2bpic.net/free-photo/headphones-with-microphone-call-center-office-desk_482257-125977.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <TestimonialsSection />

-  <div id="faq" data-section="faq">
-    <SectionErrorBoundary name="faq">
-          <FaqSplitMedia
-      tag="Got questions?"
-      title="Frequently Asked Questions"
-      description="Everything you need to know about our workflow and processes."
-      items={[
-        {
-          question: "What is the process?",
-          answer: "We start with a strategy session followed by iterative design cycles.",
-        },
-        {
-          question: "Do you offer SEO?",
-          answer: "Yes, we include comprehensive SEO audits and strategy in our packages.",
-        },
-        {
-          question: "Can you build an E-commerce site?",
-          answer: "Absolutely. We specialize in robust, high-converting E-commerce solutions.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/luxurious-modern-office-space-with-important-reports-laptop-empty-desk-showcasing-important-data_482257-133861.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FaqSection />

-  <div id="contact" data-section="contact">
-    <SectionErrorBoundary name="contact">
-          <ContactCta
-      tag="Let's connect"
-      text="Ready to take your brand to the next level?"
-      primaryButton={{
-        text: "Contact Us",
-        href: "#contact",
-      }}
-      secondaryButton={{
-        text: "Book a Consultation",
-        href: "#",
-      }}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ContactSection />
    </>
  );
 }
--- a/src/pages/HomePage/sections/ClientLogos.tsx
+++ b/src/pages/HomePage/sections/ClientLogos.tsx
@@ -0,0 +1,37 @@
+import { motion } from "motion/react"
+import LoopCarousel from "@/components/ui/LoopCarousel"
+import LoopCarousel from '@/components/ui/LoopCarousel';
+
+const clients = [
+  "Acme Corp",
+  "Globex",
+  "Soylent",
+  "Initech",
+  "Umbrella Corp",
+  "Stark Industries",
+  "Wayne Enterprises",
+  "Massive Dynamic",
+]
+
+export default function ClientLogosSection() {
+  return (
+    <section data-webild-section="client-logos" id="client-logos" className="relative w-full py-12 bg-background overflow-hidden">
+      <div className="w-content-width mx-auto px-6 mb-8 text-center">
+        <p className="text-sm font-medium text-muted-foreground uppercase tracking-wider">
+          Trusted by industry leaders
+        </p>
+      </div>
+      <div className="w-full">
+        <LoopCarousel>
+          <div className="flex items-center gap-16 px-8">
+            {clients.map((client, i) => (
+              <div key={i} className="flex items-center justify-center whitespace-nowrap">
+                <span className="text-2xl font-bold text-foreground/30 hover:text-foreground/60 transition-colors">{client}</span>
+              </div>
+            ))}
+          </div>
+        </LoopCarousel>
+      </div>
+    </section>
+  )
+}
--- a/src/pages/HomePage/sections/Contact.tsx
+++ b/src/pages/HomePage/sections/Contact.tsx
@@ -0,0 +1,27 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "contact" section.
+
+import React from 'react';
+import ContactCta from '@/components/sections/contact/ContactCta';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ContactSection(): React.JSX.Element {
+  return (
+    <div id="contact" data-section="contact">
+        <SectionErrorBoundary name="contact">
+              <ContactCta
+          tag="Let's connect"
+          text="Ready to take your brand to the next level?"
+          primaryButton={{
+            text: "Contact Us",
+            href: "#contact",
+          }}
+          secondaryButton={{
+            text: "Book a Consultation",
+            href: "#",
+          }}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
--- a/src/pages/HomePage/sections/Faq.tsx
+++ b/src/pages/HomePage/sections/Faq.tsx
@@ -0,0 +1,35 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "faq" section.
+
+import React from 'react';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FaqSection(): React.JSX.Element {
+  return (
+    <div id="faq" data-section="faq">
+        <SectionErrorBoundary name="faq">
+              <FaqSplitMedia
+          tag="Got questions?"
+          title="Frequently Asked Questions"
+          description="Everything you need to know about our workflow and processes."
+          items={[
+            {
+              question: "What is the process?",
+              answer: "We start with a strategy session followed by iterative design cycles.",
+            },
+            {
+              question: "Do you offer SEO?",
+              answer: "Yes, we include comprehensive SEO audits and strategy in our packages.",
+            },
+            {
+              question: "Can you build an E-commerce site?",
+              answer: "Absolutely. We specialize in robust, high-converting E-commerce solutions.",
+            },
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/luxurious-modern-office-space-with-important-reports-laptop-empty-desk-showcasing-important-data_482257-133861.jpg"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
--- a/src/pages/HomePage/sections/Home.tsx
+++ b/src/pages/HomePage/sections/Home.tsx
@@ -0,0 +1,44 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "home" section.
+
+import React from 'react';
+import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function HomeSection(): React.JSX.Element {
+  return (
+    <div id="home" data-section="home">
+        <SectionErrorBoundary name="home">
+              <HeroSplitVerticalMarquee
+          tag="Transform Your Presence"
+          title="We build digital excellence."
+          description="Your vision, our expertise. We create high-performance websites, professional branding, and SEO strategies."
+          primaryButton={{
+            text: "Explore Services",
+            href: "#services",
+          }}
+          secondaryButton={{
+            text: "Contact Us",
+            href: "#contact",
+          }}
+          leftItems={[
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/modern-business-workspace-glows-with-forecasting-metrics-graphs-corporate-empty-space-equipped_482257-132102.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/burning-phoenix-head-dark-background-generative-ai_8829-2884.jpg",
+            },
+          ]}
+          rightItems={[
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901779.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/data-information-analytics-perfomance-concept_53876-167154.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
--- a/src/pages/HomePage/sections/Metrics.tsx
+++ b/src/pages/HomePage/sections/Metrics.tsx
@@ -0,0 +1,46 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "metrics" section.
+
+import React from 'react';
+import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function MetricsSection(): React.JSX.Element {
+  return (
+    <div id="metrics" data-section="metrics">
+        <SectionErrorBoundary name="metrics">
+              <MetricsFeatureCards
+          tag="Our Impact"
+          title="Proven Results"
+          description="We don't just build, we drive meaningful results for businesses."
+          metrics={[
+            {
+              value: "150+",
+              title: "Projects Completed",
+              features: [
+                "Client satisfaction",
+                "Agile delivery",
+              ],
+            },
+            {
+              value: "200%",
+              title: "Traffic Growth",
+              features: [
+                "Organic strategy",
+                "SEO performance",
+              ],
+            },
+            {
+              value: "50+",
+              title: "Brands Elevated",
+              features: [
+                "Identity work",
+                "Strategic consulting",
+              ],
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
--- a/src/pages/HomePage/sections/Services.tsx
+++ b/src/pages/HomePage/sections/Services.tsx
@@ -0,0 +1,49 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "services" section.
+
+import React from 'react';
+import FeaturesDetailedCards from '@/components/sections/features/FeaturesDetailedCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ServicesSection(): React.JSX.Element {
+  return (
+    <div id="services" data-section="services">
+        <SectionErrorBoundary name="services">
+              <FeaturesDetailedCards
+          tag="What we do"
+          title="Comprehensive Digital Agency Services"
+          description="Our full suite of services is designed to elevate your brand identity and accelerate business growth."
+          items={[
+            {
+              title: "Logo Design",
+              description: "Distinctive brand identities that stand out in crowded markets.",
+              tags: [
+                "Branding",
+                "Creative",
+              ],
+              imageSrc: "http://img.b2bpic.net/free-vector/simple-logo-designs-set-six_1017-37031.jpg",
+            },
+            {
+              title: "Website Design",
+              description: "User-centric design focused on conversion and modern aesthetic.",
+              tags: [
+                "UX",
+                "UI",
+              ],
+              imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-with-purple-light_23-2149413404.jpg",
+            },
+            {
+              title: "Organic SEO",
+              description: "Proven strategies to increase your search engine visibility.",
+              tags: [
+                "SEO",
+                "Marketing",
+              ],
+              imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-purple-arrow-white-background-with-copy-space_23-2148459956.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
--- a/src/pages/HomePage/sections/Testimonials.tsx
+++ b/src/pages/HomePage/sections/Testimonials.tsx
@@ -0,0 +1,42 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "testimonials" section.
+
+import React from 'react';
+import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function TestimonialsSection(): React.JSX.Element {
+  return (
+    <div id="testimonials" data-section="testimonials">
+        <SectionErrorBoundary name="testimonials">
+              <TestimonialTrustCard
+          quote="AgencyCore completely transformed our digital footprint. From website design to SEO, their team delivered beyond expectations."
+          rating={5}
+          author="Sarah Miller, CEO"
+          avatars={[
+            {
+              name: "Sarah Miller",
+              imageSrc: "http://img.b2bpic.net/free-vector/simple-business-logo-set_53876-93522.jpg",
+            },
+            {
+              name: "John Doe",
+              imageSrc: "http://img.b2bpic.net/free-photo/cyber-intelligence-secure-operations-center-with-usa-flag-big-screen_482257-105777.jpg",
+            },
+            {
+              name: "Jane Smith",
+              imageSrc: "http://img.b2bpic.net/free-photo/seo-analysis-business-concept-with-wooden-blocks-with-words-it-magnifying-glass-side-view_176474-10449.jpg",
+            },
+            {
+              name: "Alex Rivet",
+              imageSrc: "http://img.b2bpic.net/free-photo/female-designer-wearing-her-headphones_482257-121311.jpg",
+            },
+            {
+              name: "Sam Taylor",
+              imageSrc: "http://img.b2bpic.net/free-photo/headphones-with-microphone-call-center-office-desk_482257-125977.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
Author	SHA1	Message	Date
bender	da7de0e3ea	Merge version_2_1781696932304 into main Merge version_2_1781696932304 into main	2026-06-17 11:49:54 +00:00
kudinDmitriyUp	abbb2b9cfa	Bob AI (stub): Include a horizontal bar of recognizable client logos to bui	2026-06-17 11:49:50 +00:00