From 38c81f484c23b921567d06797a41667dc4bbca02 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Wed, 17 Jun 2026 00:17:13 +0000
Subject: [PATCH] Bob AI (stub): change the headline to 'Unlock Earth's Secrets
 in Seconds',

---
 src/pages/HomePage.tsx                       | 135 ++++---------------
 src/pages/HomePage/sections/Contact.tsx      |  21 +++
 src/pages/HomePage/sections/Faq.tsx          |  28 ++++
 src/pages/HomePage/sections/Features.tsx     |  25 ++++
 src/pages/HomePage/sections/Hero.tsx         |  30 +++++
 src/pages/HomePage/sections/Insights.tsx     |  19 +++
 src/pages/HomePage/sections/Metrics.tsx      |  25 ++++
 src/pages/HomePage/sections/Testimonials.tsx |  27 ++++
 src/pages/HomePage/sections/TrustedBy.tsx    |  51 +++++++
 9 files changed, 253 insertions(+), 108 deletions(-)
 create mode 100644 src/pages/HomePage/sections/Contact.tsx
 create mode 100644 src/pages/HomePage/sections/Faq.tsx
 create mode 100644 src/pages/HomePage/sections/Features.tsx
 create mode 100644 src/pages/HomePage/sections/Hero.tsx
 create mode 100644 src/pages/HomePage/sections/Insights.tsx
 create mode 100644 src/pages/HomePage/sections/Metrics.tsx
 create mode 100644 src/pages/HomePage/sections/Testimonials.tsx
 create mode 100644 src/pages/HomePage/sections/TrustedBy.tsx

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 4a8afd8..19e4c7e 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,119 +1,38 @@
-import AboutText from '@/components/sections/about/AboutText';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
-import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
-import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
-import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
-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 HeroSection from './HomePage/sections/Hero';
+import FeaturesSection from './HomePage/sections/Features';
+import InsightsSection from './HomePage/sections/Insights';
+import TestimonialsSection from './HomePage/sections/Testimonials';
+import MetricsSection from './HomePage/sections/Metrics';
+import FaqSection from './HomePage/sections/Faq';
+import ContactSection from './HomePage/sections/Contact';
+
+
+
+{/* webild-stub @2026-06-17T00:17:12.431Z: change the headline to 'Unlock Earth's Secrets in Seconds', rename the 'Contact Support' button to 'Request Access', and add a 'Trusted By' logo bar section directly below the Hero section to build industry authority. */}
+
+import TrustedBySection from './HomePage/sections/TrustedBy';export default function HomePage(): React.JSX.Element {
   return (
-    <>
-      <div id="hero" data-section="hero">
-        <SectionErrorBoundary name="hero">
-          <HeroBillboardCarousel
-            tag="Deep Time Exploration"
-            title="Lithos: Layers of Time"
-            description="Experience the hidden geological story beneath your feet with our interactive spotlight reveal engine."
-            primaryButton={{ text: "Start Digging", href: "#dig" }}
-            secondaryButton={{ text: "Learn More", href: "#about" }}
-            items={[
-              { imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-16034.jpg" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-scenery-canyon-landscape-bryce-canyon-national-park-utah-usa_181624-29605.jpg" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/concrete-wall-texture_23-2147625995.jpg" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/rust-metal-with-peeling-paint_23-2148796606.jpg" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15933.jpg" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16955.jpg" }
-            ]}
-          />
-        </SectionErrorBoundary>
-      </div>
+<>
+      <HeroSection />
+      <TrustedBySection />
 
-      <div id="features" data-section="features">
-        <SectionErrorBoundary name="features">
-          <FeaturesRevealCards
-            tag="Key Discoveries"
-            title="Mapping the Crust"
-            description="Trace the history of the earth through our layered sediment analysis tools."
-            items={[
-              { title: "Fossil Records", description: "Uncover prehistoric biological evidence stored in stone.", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15810.jpg" },
-              { title: "Seabed Mapping", description: "Visualize historical oceanic depths and shifts.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves_58702-16365.jpg" },
-              { title: "Ash Drifting", description: "Track volcanic history across millions of years.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-clay-smudge-powder_23-2148862871.jpg" }
-            ]}
-          />
-        </SectionErrorBoundary>
-      </div>
+      <FeaturesSection />
 
-      <div id="insights" data-section="insights">
-        <SectionErrorBoundary name="insights">
-          <AboutText
-            title="The Science of Deep Time"
-            primaryButton={{ text: "Explore Methods", href: "#methods" }}
-          />
-        </SectionErrorBoundary>
-      </div>
+      <InsightsSection />
 
-      <div id="testimonials" data-section="testimonials">
-        <SectionErrorBoundary name="testimonials">
-          <TestimonialOverlayCards
-            tag="Expert Voices"
-            title="What Geologists Say"
-            description="Trusted by field experts across the globe."
-            testimonials={[
-              { name: "Dr. Sarah Stone", role: "Lead Geologist", company: "Earth Sciences Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/doctor-analyzing-with-microscope_23-2148168412.jpg" },
-              { name: "Mark Sediment", role: "Senior Paleontologist", company: "Fossil Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-holding-map_23-2150343022.jpg" },
-              { name: "Elena Crust", role: "Field researcher", company: "Global Mapping", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-employee-lying-down-green-grass-with-book_23-2147562309.jpg" },
-              { name: "David Rocker", role: "Geological Educator", company: "Deep Time Academy", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-climbing-mountains_23-2150382998.jpg" },
-              { name: "Anna Lithos", role: "Researcher", company: "Plate Tectonics Lab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/laboratory-worker-analyzing-blood-sample-glass_482257-7732.jpg" }
-            ]}
-          />
-        </SectionErrorBoundary>
-      </div>
+      <TestimonialsSection />
 
-      <div id="metrics" data-section="metrics">
-        <SectionErrorBoundary name="metrics">
-          <MetricsIconCards
-            tag="Our Reach"
-            title="Geological Impact"
-            description="Key performance indicators of our global reach."
-            metrics={[
-              { icon: "Map", title: "Mapped Regions", value: "1,200+" },
-              { icon: "Layers", title: "Sediment Layers", value: "50,000+" },
-              { icon: "Clock", title: "Years of History", value: "4.5B" }
-            ]}
-          />
-        </SectionErrorBoundary>
-      </div>
+      <MetricsSection />
 
-      <div id="faq" data-section="faq">
-        <SectionErrorBoundary name="faq">
-          <FaqTabbedAccordion
-            tag="Learning Center"
-            title="Frequently Asked Questions"
-            description="Learn more about our geological platforms and services."
-            categories={[
-              {
-                name: "Basics",                items: [
-                  { question: "What is Lithos?", answer: "Lithos is a digital platform dedicated to geological visualization." },
-                  { question: "How do I start?", answer: "Simply navigate to our maps and click on a region." }
-                ]
-              }
-            ]}
-          />
-        </SectionErrorBoundary>
-      </div>
+      <FaqSection />
 
-      <div id="contact" data-section="contact">
-        <SectionErrorBoundary name="contact">
-          <ContactCta
-            tag="Get in Touch"
-            text="Have questions about our geological mapping technology?"
-            primaryButton={{ text: "Contact Support", href: "#contact-form" }}
-            secondaryButton={{ text: "Schedule Demo", href: "#demo" }}
-          />
-        </SectionErrorBoundary>
-      </div>
+      <ContactSection />
     </>
   );
 }
diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx
new file mode 100644
index 0000000..0c1e48d
--- /dev/null
+++ b/src/pages/HomePage/sections/Contact.tsx
@@ -0,0 +1,21 @@
+// 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="Get in Touch"
+        text="Have questions about our geological mapping technology?"
+        primaryButton={{"href":"#contact-form","text":"Request Access"}}
+        secondaryButton={{ text: "Schedule Demo", href: "#demo" }}
+      />
+            </SectionErrorBoundary>
+          </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Faq.tsx b/src/pages/HomePage/sections/Faq.tsx
new file mode 100644
index 0000000..610bcad
--- /dev/null
+++ b/src/pages/HomePage/sections/Faq.tsx
@@ -0,0 +1,28 @@
+// 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 FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FaqSection(): React.JSX.Element {
+  return (
+    <div id="faq" data-section="faq">
+            <SectionErrorBoundary name="faq">
+              <FaqTabbedAccordion
+                tag="Learning Center"
+                title="Frequently Asked Questions"
+                description="Learn more about our geological platforms and services."
+                categories={[
+                  {
+                    name: "Basics",                items: [
+                      { question: "What is Lithos?", answer: "Lithos is a digital platform dedicated to geological visualization." },
+                      { question: "How do I start?", answer: "Simply navigate to our maps and click on a region." }
+                    ]
+                  }
+                ]}
+              />
+            </SectionErrorBoundary>
+          </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Features.tsx b/src/pages/HomePage/sections/Features.tsx
new file mode 100644
index 0000000..e825bca
--- /dev/null
+++ b/src/pages/HomePage/sections/Features.tsx
@@ -0,0 +1,25 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "features" section.
+
+import React from 'react';
+import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FeaturesSection(): React.JSX.Element {
+  return (
+    <div id="features" data-section="features">
+            <SectionErrorBoundary name="features">
+              <FeaturesRevealCards
+                tag="Key Discoveries"
+                title="Mapping the Crust"
+                description="Trace the history of the earth through our layered sediment analysis tools."
+                items={[
+                  { title: "Fossil Records", description: "Uncover prehistoric biological evidence stored in stone.", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15810.jpg" },
+                  { title: "Seabed Mapping", description: "Visualize historical oceanic depths and shifts.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves_58702-16365.jpg" },
+                  { title: "Ash Drifting", description: "Track volcanic history across millions of years.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-clay-smudge-powder_23-2148862871.jpg" }
+                ]}
+              />
+            </SectionErrorBoundary>
+          </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
new file mode 100644
index 0000000..f1ee6b3
--- /dev/null
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -0,0 +1,30 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "hero" section.
+
+import React from 'react';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+            <SectionErrorBoundary name="hero">
+              <HeroBillboardCarousel
+        tag="Deep Time Exploration"
+        title="Unlock Earth's Secrets in Seconds"
+        description="Experience the hidden geological story beneath your feet with our interactive spotlight reveal engine."
+        primaryButton={{ text: "Start Digging", href: "#dig" }}
+        secondaryButton={{ text: "Learn More", href: "#about" }}
+        items={[
+                  { imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-16034.jpg" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-scenery-canyon-landscape-bryce-canyon-national-park-utah-usa_181624-29605.jpg" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/concrete-wall-texture_23-2147625995.jpg" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/rust-metal-with-peeling-paint_23-2148796606.jpg" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15933.jpg" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16955.jpg" }
+                ]}
+      />
+            </SectionErrorBoundary>
+          </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Insights.tsx b/src/pages/HomePage/sections/Insights.tsx
new file mode 100644
index 0000000..2cf0a1a
--- /dev/null
+++ b/src/pages/HomePage/sections/Insights.tsx
@@ -0,0 +1,19 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "insights" section.
+
+import React from 'react';
+import AboutText from '@/components/sections/about/AboutText';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function InsightsSection(): React.JSX.Element {
+  return (
+    <div id="insights" data-section="insights">
+            <SectionErrorBoundary name="insights">
+              <AboutText
+                title="The Science of Deep Time"
+                primaryButton={{ text: "Explore Methods", href: "#methods" }}
+              />
+            </SectionErrorBoundary>
+          </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Metrics.tsx b/src/pages/HomePage/sections/Metrics.tsx
new file mode 100644
index 0000000..d5493ba
--- /dev/null
+++ b/src/pages/HomePage/sections/Metrics.tsx
@@ -0,0 +1,25 @@
+// 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 MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function MetricsSection(): React.JSX.Element {
+  return (
+    <div id="metrics" data-section="metrics">
+            <SectionErrorBoundary name="metrics">
+              <MetricsIconCards
+                tag="Our Reach"
+                title="Geological Impact"
+                description="Key performance indicators of our global reach."
+                metrics={[
+                  { icon: "Map", title: "Mapped Regions", value: "1,200+" },
+                  { icon: "Layers", title: "Sediment Layers", value: "50,000+" },
+                  { icon: "Clock", title: "Years of History", value: "4.5B" }
+                ]}
+              />
+            </SectionErrorBoundary>
+          </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Testimonials.tsx b/src/pages/HomePage/sections/Testimonials.tsx
new file mode 100644
index 0000000..d523b65
--- /dev/null
+++ b/src/pages/HomePage/sections/Testimonials.tsx
@@ -0,0 +1,27 @@
+// 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 TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function TestimonialsSection(): React.JSX.Element {
+  return (
+    <div id="testimonials" data-section="testimonials">
+            <SectionErrorBoundary name="testimonials">
+              <TestimonialOverlayCards
+                tag="Expert Voices"
+                title="What Geologists Say"
+                description="Trusted by field experts across the globe."
+                testimonials={[
+                  { name: "Dr. Sarah Stone", role: "Lead Geologist", company: "Earth Sciences Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/doctor-analyzing-with-microscope_23-2148168412.jpg" },
+                  { name: "Mark Sediment", role: "Senior Paleontologist", company: "Fossil Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-holding-map_23-2150343022.jpg" },
+                  { name: "Elena Crust", role: "Field researcher", company: "Global Mapping", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-employee-lying-down-green-grass-with-book_23-2147562309.jpg" },
+                  { name: "David Rocker", role: "Geological Educator", company: "Deep Time Academy", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-climbing-mountains_23-2150382998.jpg" },
+                  { name: "Anna Lithos", role: "Researcher", company: "Plate Tectonics Lab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/laboratory-worker-analyzing-blood-sample-glass_482257-7732.jpg" }
+                ]}
+              />
+            </SectionErrorBoundary>
+          </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/TrustedBy.tsx b/src/pages/HomePage/sections/TrustedBy.tsx
new file mode 100644
index 0000000..fcb631a
--- /dev/null
+++ b/src/pages/HomePage/sections/TrustedBy.tsx
@@ -0,0 +1,51 @@
+import { motion } from "motion/react"
+import ScrollReveal from "@/components/ui/ScrollReveal"
+import TextAnimation from "@/components/ui/TextAnimation"
+import Tag from "@/components/ui/Tag"
+
+export default function TrustedBySection() {
+  const names = ["Geotech", "EarthWorks", "Lithos Labs", "TerraFirma", "GeoCorp", "Stratum", "Mantle Dynamics"];
+  
+  return (
+    <section id="trusted-by" data-webild-section="trusted-by" className="relative w-full py-16 bg-background overflow-hidden border-b border-border/40">
+      <div className="w-content-width mx-auto px-6 mb-8 text-center">
+        <ScrollReveal variant="fade">
+          <Tag text="Trusted By" className="mb-4 mx-auto" />
+          <TextAnimation 
+            text="Industry Leaders" 
+            variant="fade-blur" 
+            tag="h2" 
+            gradientText={false} 
+            className="text-2xl md:text-3xl font-bold text-foreground mb-2" 
+          />
+          <p className="text-muted-foreground text-sm max-w-2xl mx-auto">
+            Used by top geological research institutes worldwide.
+          </p>
+        </ScrollReveal>
+      </div>
+      
+      <div className="relative w-full flex overflow-hidden group">
+        <div className="absolute inset-y-0 left-0 w-24 bg-gradient-to-r from-background to-transparent z-10" />
+        <div className="absolute inset-y-0 right-0 w-24 bg-gradient-to-l from-background to-transparent z-10" />
+        
+        <motion.div
+          className="flex whitespace-nowrap items-center gap-16 px-8"
+          animate={{ x: ["0%", "-50%"] }}
+          transition={{
+            repeat: Infinity,
+            ease: "linear",
+            duration: 20,
+          }}
+        >
+          {[...names, ...names].map((name, i) => (
+            <div key={i} className="flex items-center justify-center min-w-[120px]">
+              <span className="text-xl font-bold text-muted-foreground/60 hover:text-foreground transition-colors duration-300">
+                {name}
+              </span>
+            </div>
+          ))}
+        </motion.div>
+      </div>
+    </section>
+  )
+}
\ No newline at end of file
-- 
2.49.1