Merge version_1_1781362645230 into main #1
@@ -5,207 +5,115 @@ import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCa
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
|
||||
import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
|
||||
import { Clock, Layers, Map } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<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>
|
||||
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>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<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>
|
||||
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>
|
||||
|
||||
<div id="insights" data-section="insights">
|
||||
<SectionErrorBoundary name="insights">
|
||||
<div id="insights" data-section="insights">
|
||||
<SectionErrorBoundary name="insights">
|
||||
<AboutText
|
||||
title="The Science of Deep Time"
|
||||
primaryButton={{
|
||||
text: "Explore Methods",
|
||||
href: "#methods",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="The Science of Deep Time"
|
||||
primaryButton={{ text: "Explore Methods", href: "#methods" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<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={[
|
||||
{
|
||||
id: "1",
|
||||
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",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
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",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
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",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
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",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
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>
|
||||
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>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="Our Reach"
|
||||
title="Geological Impact"
|
||||
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>
|
||||
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>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="Learning Center"
|
||||
title="Frequently Asked Questions"
|
||||
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>
|
||||
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>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<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>
|
||||
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>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user