Merge version_1 into main #2
207
src/app/page.tsx
207
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
name: "Process", id: "process"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="FLYSPEX"
|
||||
/>
|
||||
@@ -58,22 +48,17 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="See Every Inch of the Sky"
|
||||
description="Flyspex delivers real-time UAV data analytics for infrastructure inspection, precision agriculture, and enterprise surveillance — powered by AI that thinks in three dimensions."
|
||||
tag="Aerial Intelligence Platform"
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Demo",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request a Demo", href: "#contact"},
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Explore Services", href: "#services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/nighttime-cityscape-ablaze-neon-drone-hues-generated-by-ai_188544-29597.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/nighttime-cityscape-ablaze-neon-drone-hues-generated-by-ai_188544-29597.jpg"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
@@ -85,23 +70,15 @@ export default function LandingPage() {
|
||||
description="Flyspex is an aerial intelligence platform built for industries that can't afford blind spots. We combine autonomous UAV fleets with proprietary AI software to deliver data you can act on."
|
||||
metrics={[
|
||||
{
|
||||
value: "99.4%",
|
||||
title: "Data Accuracy",
|
||||
},
|
||||
value: "99.4%", title: "Data Accuracy"},
|
||||
{
|
||||
value: "14K+",
|
||||
title: "Missions Complete",
|
||||
},
|
||||
value: "14K+", title: "Missions Complete"},
|
||||
{
|
||||
value: "38+",
|
||||
title: "Enterprise Clients",
|
||||
},
|
||||
value: "38+", title: "Enterprise Clients"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Operations",
|
||||
},
|
||||
value: "24/7", title: "Operations"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900964.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900964.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -114,49 +91,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Infrastructure Inspection",
|
||||
description: "Thermal and RGB analysis for bridges, towers, and pipelines.",
|
||||
icon: Building,
|
||||
title: "Infrastructure Inspection", description: "Thermal and RGB analysis for bridges, towers, and pipelines.", icon: Building,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-inventor-her-workshop_23-2149067222.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-inventor-her-workshop_23-2149067222.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-inventor-her-workshop_23-2149067222.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-inventor-her-workshop_23-2149067222.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nighttime-cityscape-ablaze-neon-drone-hues-generated-by-ai_188544-29597.jpg?_wi=2",
|
||||
imageAlt: "drone aerial view technology",
|
||||
},
|
||||
{
|
||||
title: "Precision Agriculture",
|
||||
description: "Multi-spectral imaging to boost crop yield and identify stress.",
|
||||
icon: Leaf,
|
||||
title: "Precision Agriculture", description: "Multi-spectral imaging to boost crop yield and identify stress.", icon: Leaf,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-researcher-studies-plants-with-tablet-standing-greenhouse_8353-7155.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-researcher-studies-plants-with-tablet-standing-greenhouse_8353-7155.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-researcher-studies-plants-with-tablet-standing-greenhouse_8353-7155.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-researcher-studies-plants-with-tablet-standing-greenhouse_8353-7155.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900964.jpg?_wi=2",
|
||||
imageAlt: "ai data dashboard digital",
|
||||
},
|
||||
{
|
||||
title: "Security & Surveillance",
|
||||
description: "AI-driven perimeter monitoring for complex environments.",
|
||||
icon: Shield,
|
||||
title: "Security & Surveillance", description: "AI-driven perimeter monitoring for complex environments.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drone-flies-city-with-words-fly-sky-it_188544-17023.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drone-flies-city-with-words-fly-sky-it_188544-17023.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drone-flies-city-with-words-fly-sky-it_188544-17023.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drone-flies-city-with-words-fly-sky-it_188544-17023.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-inventor-her-workshop_23-2149067222.jpg?_wi=3",
|
||||
imageAlt: "industrial drone inspection",
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
@@ -166,44 +125,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marcus Reyes",
|
||||
handle: "CEO, TerraLink",
|
||||
testimonial: "Flyspex cut our bridge inspection time by 70%. Better data than ever.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
||||
},
|
||||
id: "1", name: "Marcus Reyes", handle: "CEO, TerraLink", testimonial: "Flyspex cut our bridge inspection time by 70%. Better data than ever.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah O'Brien",
|
||||
handle: "Director, Heartland",
|
||||
testimonial: "Identified nitrogen deficiency across 340 acres that we missed. ROI proven.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-farmer-woman-working-organic-vegetable-hydroponic-farm-hydroponic-salad-garden-owner-checking-quality-vegetable-greenhouse-plantation_1150-55817.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah O'Brien", handle: "Director, Heartland", testimonial: "Identified nitrogen deficiency across 340 acres that we missed. ROI proven.", imageSrc: "http://img.b2bpic.net/free-photo/asian-farmer-woman-working-organic-vegetable-hydroponic-farm-hydroponic-salad-garden-owner-checking-quality-vegetable-greenhouse-plantation_1150-55817.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "James Thornton",
|
||||
handle: "VP Ops, Meridian",
|
||||
testimonial: "AI tracking has transformed how our command center operates.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-labor-union-member_23-2150969909.jpg",
|
||||
},
|
||||
id: "3", name: "James Thornton", handle: "VP Ops, Meridian", testimonial: "AI tracking has transformed how our command center operates.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-labor-union-member_23-2150969909.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena Vance",
|
||||
handle: "Security Lead, GridCore",
|
||||
testimonial: "Unparalleled visibility into our critical energy assets.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/security-guard-workspace_23-2150321637.jpg",
|
||||
},
|
||||
id: "4", name: "Elena Vance", handle: "Security Lead, GridCore", testimonial: "Unparalleled visibility into our critical energy assets.", imageSrc: "http://img.b2bpic.net/free-photo/security-guard-workspace_23-2150321637.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Chen",
|
||||
handle: "COO, AgriTech Solutions",
|
||||
testimonial: "The precision mapping capabilities are miles ahead of the competition.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg",
|
||||
},
|
||||
id: "5", name: "David Chen", handle: "COO, AgriTech Solutions", testimonial: "The precision mapping capabilities are miles ahead of the competition.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by industry leaders to deliver actionable insights."
|
||||
@@ -217,55 +152,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Base",
|
||||
price: "$890",
|
||||
subtitle: "Single-site missions",
|
||||
buttons: [
|
||||
id: "basic", badge: "Base", price: "$890", subtitle: "Single-site missions", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"1 Site",
|
||||
"RGB+Thermal",
|
||||
"AI Report",
|
||||
],
|
||||
"1 Site", "RGB+Thermal", "AI Report"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Popular",
|
||||
price: "$3,400",
|
||||
subtitle: "Monthly sentinel ops",
|
||||
buttons: [
|
||||
id: "pro", badge: "Popular", price: "$3,400", subtitle: "Monthly sentinel ops", buttons: [
|
||||
{
|
||||
text: "Start Trial",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Trial", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"8 missions/month",
|
||||
"LiDAR+Multi",
|
||||
"API Access",
|
||||
],
|
||||
"8 missions/month", "LiDAR+Multi", "API Access"],
|
||||
},
|
||||
{
|
||||
id: "custom",
|
||||
badge: "Custom",
|
||||
price: "Contact Us",
|
||||
subtitle: "Enterprise scale",
|
||||
buttons: [
|
||||
id: "custom", badge: "Custom", price: "Contact Us", subtitle: "Enterprise scale", buttons: [
|
||||
{
|
||||
text: "Talk to Sales",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Talk to Sales", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited missions",
|
||||
"Custom AI Models",
|
||||
"White-Label",
|
||||
],
|
||||
"Unlimited missions", "Custom AI Models", "White-Label"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
@@ -277,14 +185,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Ready to take to the skies? Get in touch for a demo today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Demo",
|
||||
href: "mailto:hello@flyspex.io",
|
||||
},
|
||||
text: "Book a Demo", href: "mailto:hello@flyspex.io"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -295,45 +200,29 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Tech",
|
||||
href: "#",
|
||||
},
|
||||
label: "Tech", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user