Bob AI: Add user requested components to homepage

Merge version_10_1781704597876 into main

src/components/Layout.tsx

@@ -1,4 +1,4 @@
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterSimpleMedia from '@/components/sections/footer/FooterSimpleMedia';
 import NavbarInline from '@/components/ui/NavbarInline';
 import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
 import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
@@ -53,8 +53,9 @@ export default function Layout() {
         <Outlet />
       </main>
       <SectionErrorBoundary name="footer">
-        <FooterSimple
+        <FooterSimpleMedia
       brand="Band"
+      imageSrc="http://img.b2bpic.net/free-photo/portrait-health-worker-special-equipment_23-2148980746.jpg"
       columns={[
         {
           title: "Platform",

src/index.css

@@ -5,15 +5,15 @@
 
 :root {
   /* @colorThemes/lightTheme/grayNavyBlue */
-  --background: #f5faff;
-  --card: #ffffff;
-  --foreground: #001122;
-  --primary-cta: #15479c;
-  --primary-cta-text: #f5faff;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #001122;
-  --accent: #a8cce8;
-  --background-accent: #7ba3cf;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffff;
+  --primary-cta: #1f7cff;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #010101;
+  --secondary-cta-text: #ffffff;
+  --accent: #1f7cff;
+  --background-accent: #f96b2f;
 
   /* @layout/border-radius/rounded */
   --radius: 1rem;

src/pages/HomePage.tsx

@@ -13,7 +13,8 @@ import TestimonialsSection from './HomePage/sections/Testimonials';
 import FaqSection from './HomePage/sections/Faq';
 import ContactSection from './HomePage/sections/Contact';
 
-export default function HomePage(): React.JSX.Element {
+
+import TeamSection from './HomePage/sections/Team';export default function HomePage(): React.JSX.Element {
   return (
 <>
       <HeroSection />
@@ -27,6 +28,7 @@ export default function HomePage(): React.JSX.Element {
       <MetricsSection />
 
       <TestimonialsSection />
+      <TeamSection />
 
       <FaqSection />
 

src/pages/HomePage/sections/Faq.tsx

@@ -1,38 +1,17 @@
-// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
-// file as the canonical source for the "faq" section.
+// Created by add_section_from_catalog (FaqTwoColumn).
 
 import React from 'react';
-import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
 
 export default function FaqSection(): React.JSX.Element {
   return (
-    <div id="faq" data-section="faq">
-            <SectionErrorBoundary name="faq">
-              <FaqTabbedAccordion
-                tag="FAQ"
-                title="Common Questions"
-                description="Learn more about how Band helps optimize your clinical trials."
-                categories={[
-                  {
-                    name: "Platform",                items: [
-                      {
-                        question: "What is Band?",                    answer: "Band is the orchestration layer that allows AI agents to communicate context securely in clinical workflows."},
-                      {
-                        question: "Is this compliant?",                    answer: "Yes, Band provides tamper-evident logs suitable for audit trails in regulated clinical environments."},
-                    ],
-                  },
-                  {
-                    name: "Integration",                items: [
-                      {
-                        question: "Can it integrate with EHR?",                    answer: "Band is agent-agnostic and connects to existing research databases and document repositories."},
-                      {
-                        question: "How do agents coordinate?",                    answer: "Agents communicate through Band's centralized workspace, ensuring every design choice links back to the original evidence."},
-                    ],
-                  },
-                ]}
-              />
-            </SectionErrorBoundary>
-          </div>
+    <div data-webild-section="faq" id="faq">
+      <FaqTwoColumn
+        items={[{"answer":"Band is the orchestration layer that allows AI agents to communicate context securely in clinical workflows.","question":"What is Band?"},{"answer":"Yes, Band provides tamper-evident logs suitable for audit trails in regulated clinical environments.","question":"Is this compliant?"},{"answer":"Band is agent-agnostic and connects to existing research databases and document repositories.","question":"Can it integrate with EHR?"},{"answer":"Agents communicate through Band's centralized workspace, ensuring every design choice links back to the original evidence.","question":"How do agents coordinate?"}]}
+        description="Learn more about how Band helps optimize your clinical trials."
+        title="Common Questions"
+        tag="FAQ"
+      />
+    </div>
   );
 }

src/pages/HomePage/sections/Metrics.tsx

@@ -1,34 +1,17 @@
-// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
-// file as the canonical source for the "metrics" section.
+// Created by add_section_from_catalog (MetricsIconCards).
 
 import React from 'react';
-import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
 
 export default function MetricsSection(): React.JSX.Element {
   return (
-    <div id="metrics" data-section="metrics">
-            <SectionErrorBoundary name="metrics">
-              <MetricsFeatureCards
-                tag="Business Value"
-                title="Quantifiable Acceleration"
-                description="Band reduces trial timelines through proactive coordination and context preservation."
-                metrics={[
-                  {
-                    value: "2-Week",                title: "Timeline Reduction",                features: [
-                      "Aggressive conflict resolution",                  "Automated regulatory alignment",                  "Reduced redesign iterations"],
-                  },
-                  {
-                    value: "$5M",                title: "Acceleration Value",                features: [
-                      "Direct ROI for $50M trials",                  "Reduced operational burn",                  "Earlier market entry"],
-                  },
-                  {
-                    value: "100%",                title: "Audit Coverage",                features: [
-                      "Tamper-evident logs",                  "Traceable context decisions",                  "Regulatory-ready export"],
-                  },
-                ]}
-              />
-            </SectionErrorBoundary>
-          </div>
+    <div data-webild-section="metrics" id="metrics">
+      <MetricsIconCards
+        tag="Business Value"
+        title="Quantifiable Acceleration"
+        metrics={[{"value":"2-Week","icon":"Clock","title":"Timeline Reduction"},{"value":"$5M","title":"Acceleration Value","icon":"DollarSign"},{"title":"Audit Coverage","icon":"ShieldCheck","value":"100%"}]}
+        description="Band reduces trial timelines through proactive coordination and context preservation."
+      />
+    </div>
   );
 }

src/pages/HomePage/sections/Team.tsx

@@ -0,0 +1,17 @@
+// Created by add_section_from_catalog (TeamListCards).
+
+import React from 'react';
+import TeamListCards from '@/components/sections/team/TeamListCards';
+
+export default function TeamSection(): React.JSX.Element {
+  return (
+    <div data-webild-section="team" id="team">
+      <TeamListCards
+        tag="Agents"
+        title="The Orchestration Team"
+        groups={[{"members":[{"detail":"Synthesizes literature, finds safety signals, identifies patient populations.","imageSrc":"http://img.b2bpic.net/free-photo/portrait-health-worker-special-equipment_23-2148980746.jpg","name":"Literature Scout Agent","role":"Evidence Team"},{"name":"Protocol Design Agent","role":"Design Team","imageSrc":"http://img.b2bpic.net/free-photo/vintage-style-people-working-office-with-computers_23-2149850980.jpg","detail":"Takes evidence and writes the protocol, defines inclusion/exclusion criteria, endpoints."},{"name":"Statistical Agent","role":"Statistical Programming Team","imageSrc":"http://img.b2bpic.net/free-photo/elderly-businessman-with-laptop_23-2148116267.jpg","detail":"Reads protocol, designs analysis, identifies statistical gaps."},{"imageSrc":"http://img.b2bpic.net/free-photo/senior-business-woman-smiling_1187-1564.jpg","name":"Regulatory Agent","role":"Regulatory Team","detail":"Reads all outputs together, drafts IND, flags any inconsistencies back to Design."}],"title":"Clinical Trial Agents"}]}
+        description="The specialized teams working sequentially over 3-6 months to design and execute clinical trials."
+      />
+    </div>
+  );
+}

src/pages/HomePage/sections/Testimonials.tsx

@@ -1,32 +1,16 @@
-// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
-// file as the canonical source for the "testimonials" section.
+// Created by add_section_from_catalog (TestimonialAvatarCard).
 
 import React from 'react';
-import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+import TestimonialAvatarCard from '@/components/sections/testimonial/TestimonialAvatarCard';
 
 export default function TestimonialsSection(): React.JSX.Element {
   return (
-    <div id="testimonials" data-section="testimonials">
-            <SectionErrorBoundary name="testimonials">
-              <TestimonialMarqueeCards
-                tag="Validation"
-                title="Trusted by Researchers"
-                description="Hear from our partners about the impact of the Band orchestration layer."
-                testimonials={[
-                  {
-                    name: "Dr. Aris Thorne",                role: "Head of Research",                quote: "Band transforms our agent workflows. Context no longer gets lost in the shuffle.",                imageSrc: "http://img.b2bpic.net/free-photo/portrait-health-worker-special-equipment_23-2148980746.jpg"},
-                  {
-                    name: "Elena Vance",                role: "Regulatory Specialist",                quote: "The early conflict detection in Band saved our latest IND from a massive delay.",                imageSrc: "http://img.b2bpic.net/free-photo/vintage-style-people-working-office-with-computers_23-2149850980.jpg"},
-                  {
-                    name: "Marcus Chen",                role: "Trial Architect",                quote: "Finally, an agent-first workspace that actually respects clinical trial structure.",                imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-with-laptop_23-2148116267.jpg"},
-                  {
-                    name: "Sarah Miller",                role: "BioTech VP",                quote: "The acceleration potential is massive. This is a game-changer for trial design.",                imageSrc: "http://img.b2bpic.net/free-photo/senior-business-woman-smiling_1187-1564.jpg"},
-                  {
-                    name: "James L. Doe",                role: "Lead Data Scientist",                quote: "Context tracking that just works across all our trial agents.",                imageSrc: "http://img.b2bpic.net/free-photo/concerned-middle-aged-man-wearing-white-t-shirt-with-tie-crossing-hands-isolated-orange-wall_141793-83158.jpg"},
-                ]}
-              />
-            </SectionErrorBoundary>
-          </div>
+    <div data-webild-section="testimonials" id="testimonials">
+      <TestimonialAvatarCard
+        tag="Validation"
+        title="Trusted by Researchers"
+        avatars={[{"imageSrc":"http://img.b2bpic.net/free-photo/portrait-health-worker-special-equipment_23-2148980746.jpg","name":"Dr. Aris Thorne"},{"imageSrc":"http://img.b2bpic.net/free-photo/vintage-style-people-working-office-with-computers_23-2149850980.jpg","name":"Elena Vance"},{"name":"Marcus Chen","imageSrc":"http://img.b2bpic.net/free-photo/elderly-businessman-with-laptop_23-2148116267.jpg"},{"imageSrc":"http://img.b2bpic.net/free-photo/senior-business-woman-smiling_1187-1564.jpg","name":"Sarah Miller"},{"name":"James L. Doe","imageSrc":"http://img.b2bpic.net/free-photo/concerned-middle-aged-man-wearing-white-t-shirt-with-tie-crossing-hands-isolated-orange-wall_141793-83158.jpg"}]}
+      />
+    </div>
   );
 }