bender/3fe311a9-53fd-43d8-a470-e1d8821bd93e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-04-05 20:47:15 +00:00
parent b1eb083927 151abe763a
commit 77fb16932a
1 changed files with 61 additions and 269 deletions
Download Patch File Download Diff File Expand all files Collapse all files

330
src/app/page.tsx
View File

@@ -32,145 +32,59 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Features",
id: "features",
},
name: "Features", id: "features"},
{
name: "Pricing",
id: "pricing",
},
name: "Pricing", id: "pricing"},
{
name: "FAQs",
id: "faq",
},
name: "FAQs", id: "faq"},
]}
brandName="MapAPI"
button={{
text: "Get API Key",
href: "#contact",
}}
text: "Get API Key", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Mapping Infrastructure Built for Scale"
description="Unlock seamless location intelligence with high-performance APIs. Reliable, fast, and fully customizable for your platform."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-computer-scientist-data-center-uses-ai-tablet_482257-121074.jpg?_wi=1",
imageAlt: "Map Interface 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/defocused-map-with-pinpoints_23-2148232423.jpg?_wi=1",
imageAlt: "Map Interface 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-smartphone_23-2149270100.jpg?_wi=1",
imageAlt: "Map Interface 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/panoramic-view-dubai-city-illuminated-neon-spectrum_23-2151305278.jpg?_wi=1",
imageAlt: "Map Interface 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/grungy-white-background-natural-cement-stone-old-texture-as-retro-pattern-wall-conceptual-wall-banner-grunge-material-construction_1258-21348.jpg?_wi=1",
imageAlt: "Map Interface 5",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/computer-printed-circui_1398-120.jpg?_wi=1",
imageAlt: "Map Interface 6",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-computer-scientist-data-center-uses-ai-tablet_482257-121074.jpg", imageAlt: "Map Interface 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/defocused-map-with-pinpoints_23-2148232423.jpg", imageAlt: "Map Interface 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-smartphone_23-2149270100.jpg", imageAlt: "Map Interface 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/panoramic-view-dubai-city-illuminated-neon-spectrum_23-2151305278.jpg", imageAlt: "Map Interface 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/grungy-white-background-natural-cement-stone-old-texture-as-retro-pattern-wall-conceptual-wall-banner-grunge-material-construction_1258-21348.jpg", imageAlt: "Map Interface 5" },
{ imageSrc: "http://img.b2bpic.net/free-photo/computer-printed-circui_1398-120.jpg", imageAlt: "Map Interface 6" },
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/computer-printed-circui_1398-120.jpg?_wi=2",
imageAlt: "Interface View 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/grungy-white-background-natural-cement-stone-old-texture-as-retro-pattern-wall-conceptual-wall-banner-grunge-material-construction_1258-21348.jpg?_wi=2",
imageAlt: "Interface View 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/panoramic-view-dubai-city-illuminated-neon-spectrum_23-2151305278.jpg?_wi=2",
imageAlt: "Interface View 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-smartphone_23-2149270100.jpg?_wi=2",
imageAlt: "Interface View 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/defocused-map-with-pinpoints_23-2148232423.jpg?_wi=2",
imageAlt: "Interface View 5",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-computer-scientist-data-center-uses-ai-tablet_482257-121074.jpg?_wi=2",
imageAlt: "Interface View 6",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/computer-printed-circui_1398-120.jpg", imageAlt: "Interface View 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/grungy-white-background-natural-cement-stone-old-texture-as-retro-pattern-wall-conceptual-wall-banner-grunge-material-construction_1258-21348.jpg", imageAlt: "Interface View 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/panoramic-view-dubai-city-illuminated-neon-spectrum_23-2151305278.jpg", imageAlt: "Interface View 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-smartphone_23-2149270100.jpg", imageAlt: "Interface View 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/defocused-map-with-pinpoints_23-2148232423.jpg", imageAlt: "Interface View 5" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-computer-scientist-data-center-uses-ai-tablet_482257-121074.jpg", imageAlt: "Interface View 6" },
]}
buttons={[
{
text: "Start Building",
href: "#pricing",
},
{
text: "Read Docs",
href: "#",
},
{ text: "Start Building", href: "#pricing" },
{ text: "Read Docs", href: "#" },
]}
carouselPosition="right"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/programmer-data-center-doing-yearly-maintenance-checkup-using-laptop_482257-89729.jpg",
alt: "Developer 1",
},
{
src: "http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg",
alt: "Developer 2",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-business-man-working-with-computer-growth-strategy-creating-financial-analysis-with-charts-graphs-male-employee-planning-executive-data-presentation-desk_482257-41035.jpg",
alt: "Developer 3",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-looking-through-window_1262-1977.jpg",
alt: "Developer 4",
},
{
src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
alt: "Developer 5",
},
{ src: "http://img.b2bpic.net/free-photo/programmer-data-center-doing-yearly-maintenance-checkup-using-laptop_482257-89729.jpg", alt: "Developer 1" },
{ src: "http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg", alt: "Developer 2" },
{ src: "http://img.b2bpic.net/free-photo/portrait-business-man-working-with-computer-growth-strategy-creating-financial-analysis-with-charts-graphs-male-employee-planning-executive-data-presentation-desk_482257-41035.jpg", alt: "Developer 3" },
{ src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-looking-through-window_1262-1977.jpg", alt: "Developer 4" },
{ src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", alt: "Developer 5" },
]}
avatarText="Join 5,000+ developers building the future of maps"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/close-up-computer-scientist-data-center-uses-ai-tablet_482257-121074.jpg",
alt: "Logo 1",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/defocused-map-with-pinpoints_23-2148232423.jpg",
alt: "Logo 2",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/close-up-hands-holding-smartphone_23-2149270100.jpg",
alt: "Logo 3",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/panoramic-view-dubai-city-illuminated-neon-spectrum_23-2151305278.jpg",
alt: "Logo 4",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/grungy-white-background-natural-cement-stone-old-texture-as-retro-pattern-wall-conceptual-wall-banner-grunge-material-construction_1258-21348.jpg",
alt: "Logo 5",
},
{ type: "image", src: "http://img.b2bpic.net/free-photo/close-up-computer-scientist-data-center-uses-ai-tablet_482257-121074.jpg", alt: "Logo 1" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/defocused-map-with-pinpoints_23-2148232423.jpg", alt: "Logo 2" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/close-up-hands-holding-smartphone_23-2149270100.jpg", alt: "Logo 3" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/panoramic-view-dubai-city-illuminated-neon-spectrum_23-2151305278.jpg", alt: "Logo 4" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/grungy-white-background-natural-cement-stone-old-texture-as-retro-pattern-wall-conceptual-wall-banner-grunge-material-construction_1258-21348.jpg", alt: "Logo 5" },
]}
/>
</div>
@@ -182,27 +96,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "99.99%",
title: "Uptime Guarantee",
description: "High-availability infrastructure.",
icon: Shield,
},
{
id: "m2",
value: "500M+",
title: "Requests Monthly",
description: "Processing massive data daily.",
icon: Zap,
},
{
id: "m3",
value: "40ms",
title: "Latency",
description: "Ultra-fast response times.",
icon: Gauge,
},
{ id: "m1", value: "99.99%", title: "Uptime Guarantee", description: "High-availability infrastructure.", icon: Shield },
{ id: "m2", value: "500M+", title: "Requests Monthly", description: "Processing massive data daily.", icon: Zap },
{ id: "m3", value: "40ms", title: "Latency", description: "Ultra-fast response times.", icon: Gauge },
]}
title="Reliability at Scale"
description="Trusted by leading platforms worldwide to power their location-based experiences."
@@ -211,25 +107,17 @@ export default function LandingPage() {
<div id="features" data-section="features">
<FeatureCardThree
animationType="slide-up"
textboxLayout="split-description"
gridVariant="bento-grid"
useInvertedBackground={true}
features={[
{
title: "Ultra-Fast Rendering",
description: "Vector-based tiles optimized for web, iOS, and Android.",
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg",
},
title: "Ultra-Fast Rendering", description: "Vector-based tiles optimized for web, iOS, and Android.", imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg"},
{
title: "Real-Time Traffic",
description: "Accurate traffic data overlays for smarter navigation.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-typing-keyboard_23-2149103067.jpg",
},
title: "Real-Time Traffic", description: "Accurate traffic data overlays for smarter navigation.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-typing-keyboard_23-2149103067.jpg"},
{
title: "Custom Styling",
description: "Personalize every detail of your map appearance.",
imageSrc: "http://img.b2bpic.net/free-vector/database-storage-flat-isometric_126523-1925.jpg",
},
title: "Custom Styling", description: "Personalize every detail of your map appearance.", imageSrc: "http://img.b2bpic.net/free-vector/database-storage-flat-isometric_126523-1925.jpg"},
]}
title="Everything You Need to Build"
description="Comprehensive tools designed to integrate maps into your application in minutes."
@@ -243,37 +131,16 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Free",
price: "$0",
subtitle: "Get started instantly",
features: [
"1,000 requests/day",
"Basic map styles",
"Community support",
],
id: "basic", badge: "Free", price: "$0", subtitle: "Get started instantly", features: [
"1,000 requests/day", "Basic map styles", "Community support"],
},
{
id: "pro",
badge: "Pro",
price: "$49",
subtitle: "For scaling businesses",
features: [
"100,000 requests/day",
"Custom map styles",
"Priority support",
],
id: "pro", badge: "Pro", price: "$49", subtitle: "For scaling businesses", features: [
"100,000 requests/day", "Custom map styles", "Priority support"],
},
{
id: "enterprise",
badge: "Enterprise",
price: "Custom",
subtitle: "For global platforms",
features: [
"Unlimited requests",
"Dedicated architecture",
"24/7 Service desk",
],
id: "enterprise", badge: "Enterprise", price: "Custom", subtitle: "For global platforms", features: [
"Unlimited requests", "Dedicated architecture", "24/7 Service desk"],
},
]}
title="Transparent Pricing"
@@ -287,60 +154,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Alex Rivier",
date: "Oct 2023",
title: "Engineering Lead",
quote: "The integration was seamless and the performance is unmatched.",
tag: "Dev",
avatarSrc: "http://img.b2bpic.net/free-photo/programmer-data-center-doing-yearly-maintenance-checkup-using-laptop_482257-89729.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-computer-scientist-data-center-uses-ai-tablet_482257-121074.jpg?_wi=3",
imageAlt: "digital map interface",
},
id: "1", name: "Alex Rivier", date: "Oct 2023", title: "Engineering Lead", quote: "The integration was seamless and the performance is unmatched.", tag: "Dev", avatarSrc: "http://img.b2bpic.net/free-photo/programmer-data-center-doing-yearly-maintenance-checkup-using-laptop_482257-89729.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-computer-scientist-data-center-uses-ai-tablet_482257-121074.jpg", imageAlt: "digital map interface"},
{
id: "2",
name: "Sarah Chen",
date: "Nov 2023",
title: "Product Owner",
quote: "Enabled us to launch our navigation features in record time.",
tag: "Product",
avatarSrc: "http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/defocused-map-with-pinpoints_23-2148232423.jpg?_wi=3",
imageAlt: "heatmap dashboard data",
},
id: "2", name: "Sarah Chen", date: "Nov 2023", title: "Product Owner", quote: "Enabled us to launch our navigation features in record time.", tag: "Product", avatarSrc: "http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg", imageSrc: "http://img.b2bpic.net/free-photo/defocused-map-with-pinpoints_23-2148232423.jpg", imageAlt: "heatmap dashboard data"},
{
id: "3",
name: "Marcus Thorne",
date: "Dec 2023",
title: "CTO",
quote: "MapAPI has simplified our infrastructure needs drastically.",
tag: "Exec",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-business-man-working-with-computer-growth-strategy-creating-financial-analysis-with-charts-graphs-male-employee-planning-executive-data-presentation-desk_482257-41035.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-smartphone_23-2149270100.jpg?_wi=3",
imageAlt: "gps mapping software",
},
id: "3", name: "Marcus Thorne", date: "Dec 2023", title: "CTO", quote: "MapAPI has simplified our infrastructure needs drastically.", tag: "Exec", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-business-man-working-with-computer-growth-strategy-creating-financial-analysis-with-charts-graphs-male-employee-planning-executive-data-presentation-desk_482257-41035.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-smartphone_23-2149270100.jpg", imageAlt: "gps mapping software"},
{
id: "4",
name: "Elena Rossi",
date: "Jan 2024",
title: "Developer",
quote: "Highly reliable API, zero downtime so far.",
tag: "Dev",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-looking-through-window_1262-1977.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/panoramic-view-dubai-city-illuminated-neon-spectrum_23-2151305278.jpg?_wi=3",
imageAlt: "3d mapping engine",
},
id: "4", name: "Elena Rossi", date: "Jan 2024", title: "Developer", quote: "Highly reliable API, zero downtime so far.", tag: "Dev", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-looking-through-window_1262-1977.jpg", imageSrc: "http://img.b2bpic.net/free-photo/panoramic-view-dubai-city-illuminated-neon-spectrum_23-2151305278.jpg", imageAlt: "3d mapping engine"},
{
id: "5",
name: "Jordan P.",
date: "Feb 2024",
title: "Architect",
quote: "Best-in-class documentation and support.",
tag: "Dev",
avatarSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/grungy-white-background-natural-cement-stone-old-texture-as-retro-pattern-wall-conceptual-wall-banner-grunge-material-construction_1258-21348.jpg?_wi=3",
imageAlt: "map vector overlay",
},
id: "5", name: "Jordan P.", date: "Feb 2024", title: "Architect", quote: "Best-in-class documentation and support.", tag: "Dev", avatarSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", imageSrc: "http://img.b2bpic.net/free-photo/grungy-white-background-natural-cement-stone-old-texture-as-retro-pattern-wall-conceptual-wall-banner-grunge-material-construction_1258-21348.jpg", imageAlt: "map vector overlay"},
]}
title="Loved by Developers"
description="See why top-tier developers choose MapAPI for their location stack."
@@ -352,20 +174,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How do I get started?",
content: "Sign up for an account and generate your API key in the dashboard.",
},
id: "f1", title: "How do I get started?", content: "Sign up for an account and generate your API key in the dashboard."},
{
id: "f2",
title: "Is it compatible with web frameworks?",
content: "Yes, we support React, Vue, Angular, and vanilla JavaScript.",
},
id: "f2", title: "Is it compatible with web frameworks?", content: "Yes, we support React, Vue, Angular, and vanilla JavaScript."},
{
id: "f3",
title: "What's the pricing limit?",
content: "Free tier covers up to 1,000 requests per day.",
},
id: "f3", title: "What's the pricing limit?", content: "Free tier covers up to 1,000 requests per day."},
]}
sideTitle="Questions? We have answers."
sideDescription="Need more details about our API?"
@@ -377,14 +190,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
text="Ready to build your next mapping experience? Our support team is ready to assist."
buttons={[
{
text: "Contact Sales",
href: "mailto:sales@mapapi.com",
},
text: "Contact Sales", href: "mailto:sales@mapapi.com"},
]}
/>
</div>
@@ -395,49 +205,31 @@ export default function LandingPage() {
{
items: [
{
label: "API Docs",
href: "#",
},
label: "API Docs", href: "#"},
{
label: "Guides",
href: "#",
},
label: "Guides", href: "#"},
{
label: "Support",
href: "#",
},
label: "Support", href: "#"},
],
},
{
items: [
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
{
label: "About",
href: "#",
},
label: "About", href: "#"},
{
label: "Blog",
href: "#",
},
label: "Blog", href: "#"},
],
},
{
items: [
{
label: "Terms",
href: "#",
},
label: "Terms", href: "#"},
{
label: "Privacy",
href: "#",
},
label: "Privacy", href: "#"},
{
label: "Legal",
href: "#",
},
label: "Legal", href: "#"},
],
},
]}