Merge version_2 into main #1
145
src/app/page.tsx
145
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Explore",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Explore", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="TerraGlobe"
|
||||
/>
|
||||
@@ -55,16 +47,13 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Explore the Connected World"
|
||||
description="Navigate global data in real-time with our futuristic, interactive 3D globe platform."
|
||||
tag="Global Exploration Platform"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Exploring",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Start Exploring", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-wireframe-landscape-against-space-sky_1048-11694.jpg"
|
||||
imageAlt="Interactive 3D Earth globe in space"
|
||||
@@ -79,9 +68,7 @@ export default function LandingPage() {
|
||||
tag="How It Works"
|
||||
buttons={[
|
||||
{
|
||||
text: "See Technology",
|
||||
href: "#features",
|
||||
},
|
||||
text: "See Technology", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-technology-background-with-flowing-lines-floating-particles-design_1048-13620.jpg"
|
||||
imageAlt="3D Interface showing global connections"
|
||||
@@ -95,17 +82,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Limited manual data",
|
||||
"Disconnected analytics",
|
||||
"Slow manual tracking",
|
||||
],
|
||||
"Inaccurate manual data", "Disconnected analytics", "Slow manual tracking"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Real-time 3D tracking",
|
||||
"Seamless route integration",
|
||||
"Hyper-speed data loading",
|
||||
],
|
||||
"Real-time 3D tracking", "Seamless route integration", "Real-time global data streaming"],
|
||||
}}
|
||||
title="Precision Exploration"
|
||||
description="Experience a world of features designed for data-driven explorers."
|
||||
@@ -120,20 +101,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150M+",
|
||||
description: "Global points tracked",
|
||||
},
|
||||
id: "m1", value: "150M+", description: "Global points tracked"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45,000+",
|
||||
description: "Active routes calculated",
|
||||
},
|
||||
id: "m2", value: "45,000+", description: "Active routes calculated"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
description: "Data precision rate",
|
||||
},
|
||||
id: "m3", value: "99.9%", description: "Data precision rate"},
|
||||
]}
|
||||
title="Global Impact Metrics"
|
||||
description="Quantifiable insights into how our platform helps researchers and explorers."
|
||||
@@ -147,59 +119,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Dr. Sarah Chen",
|
||||
role: "Lead Researcher",
|
||||
company: "Global Analytics",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg",
|
||||
},
|
||||
id: "1", name: "Dr. Sarah Chen", role: "Lead Researcher", company: "Global Analytics", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Thorne",
|
||||
role: "Software Architect",
|
||||
company: "TechStream",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-bearded-guy-dressed-white-shirt-sports-shorts-holds-laptop-while-standing-footway-bridge_613910-17688.jpg",
|
||||
},
|
||||
id: "2", name: "Marcus Thorne", role: "Software Architect", company: "TechStream", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-bearded-guy-dressed-white-shirt-sports-shorts-holds-laptop-while-standing-footway-bridge_613910-17688.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Creative Lead",
|
||||
company: "Vizion",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-blonde-party-girl-wearing-glasses-birthday-cap-looking-side-standing-with-closed-posture-isolated-orange-background-with-copy-space_141793-82942.jpg",
|
||||
},
|
||||
id: "3", name: "Elena Rodriguez", role: "Creative Lead", company: "Vizion", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-blonde-party-girl-wearing-glasses-birthday-cap-looking-side-standing-with-closed-posture-isolated-orange-background-with-copy-space_141793-82942.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "James Wilson",
|
||||
role: "Product Manager",
|
||||
company: "DataHub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desk-assortment-with-laptop_23-2148541547.jpg",
|
||||
},
|
||||
id: "4", name: "James Wilson", role: "Product Manager", company: "DataHub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desk-assortment-with-laptop_23-2148541547.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Amina Okafor",
|
||||
role: "Chief Innovator",
|
||||
company: "NexGen",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-project-manager-sitting-office-desk-work-business-growth-with-financial-charts-sales-statistics-marketing-consultant-analyzing-e-commerce-diagrams-computer_482257-41123.jpg",
|
||||
},
|
||||
id: "5", name: "Amina Okafor", role: "Chief Innovator", company: "NexGen", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-project-manager-sitting-office-desk-work-business-growth-with-financial-charts-sales-statistics-marketing-consultant-analyzing-e-commerce-diagrams-computer_482257-41123.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "10x",
|
||||
label: "Faster exploration",
|
||||
},
|
||||
value: "10x", label: "Faster exploration"},
|
||||
{
|
||||
value: "5M",
|
||||
label: "User sessions",
|
||||
},
|
||||
value: "5M", label: "User sessions"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Customer satisfaction",
|
||||
},
|
||||
value: "98%", label: "Customer satisfaction"},
|
||||
]}
|
||||
title="Global Explorers Agree"
|
||||
description="Join thousands of users finding the world's hidden paths."
|
||||
@@ -212,20 +153,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is real-time data accurate?",
|
||||
content: "Our satellite feeds update every 15 minutes.",
|
||||
},
|
||||
id: "f1", title: "Is real-time data accurate?", content: "Our satellite feeds update every 15 minutes."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I save locations?",
|
||||
content: "Yes, simply bookmark cities during your exploration.",
|
||||
},
|
||||
id: "f2", title: "Can I save locations?", content: "Yes, simply bookmark cities during your exploration."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is it mobile friendly?",
|
||||
content: "TerraGlobe works seamlessly on high-end mobile devices.",
|
||||
},
|
||||
id: "f3", title: "Is it mobile friendly?", content: "TerraGlobe works seamlessly on high-end mobile devices."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -239,16 +171,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get in touch"
|
||||
title="Ready to map your path?"
|
||||
description="Reach out for enterprise API access and custom integrations."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:hello@terraglobe.com",
|
||||
},
|
||||
text: "Contact Support", href: "mailto:hello@terraglobe.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -260,23 +189,17 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Github,
|
||||
href: "#",
|
||||
ariaLabel: "Github",
|
||||
},
|
||||
href: "#", ariaLabel: "Github"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "#", ariaLabel: "LinkedIn"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user