Merge version_2 into main #1
259
src/app/page.tsx
259
src/app/page.tsx
@@ -2,10 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MapLogic"
|
||||
/>
|
||||
@@ -55,47 +47,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Precision Mapping for the Elite."
|
||||
description="Unlock unprecedented spatial insights with our premium map code engine. Designed for businesses that value accuracy, scalability, and absolute security."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-computer-scientist-data-center-uses-ai-tablet_482257-121074.jpg",
|
||||
imageAlt: "luxury tech abstract green",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-computer-scientist-data-center-uses-ai-tablet_482257-121074.jpg", imageAlt: "luxury tech abstract green"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-high-tech-earth_23-2151100370.jpg",
|
||||
imageAlt: "global network connection",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-high-tech-earth_23-2151100370.jpg", imageAlt: "global network connection"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828203.jpg",
|
||||
imageAlt: "futuristic navigation screen",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828203.jpg", imageAlt: "futuristic navigation screen"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/large-transportation-hub-city-digital-illustration-sense-future-technology_456031-34.jpg",
|
||||
imageAlt: "abstract digital landscape",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/large-transportation-hub-city-digital-illustration-sense-future-technology_456031-34.jpg", imageAlt: "abstract digital landscape"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-office-worker-with-tablet_23-2147717391.jpg",
|
||||
imageAlt: "luxury map data viz",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-office-worker-with-tablet_23-2147717391.jpg", imageAlt: "luxury map data viz"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-bokeh-background_640221-588.jpg",
|
||||
imageAlt: "circuit board map overlay",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/abstract-bokeh-background_640221-588.jpg", imageAlt: "circuit board map overlay"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,26 +78,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.99%",
|
||||
title: "Uptime",
|
||||
description: "Always accessible.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg",
|
||||
},
|
||||
id: "m1", value: "99.99%", title: "Uptime", description: "Always accessible.", imageSrc: "http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "<10ms",
|
||||
title: "Latency",
|
||||
description: "Blazing fast speeds.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-53642.jpg",
|
||||
},
|
||||
id: "m2", value: "<10ms", title: "Latency", description: "Blazing fast speeds.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-53642.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500M+",
|
||||
title: "Requests",
|
||||
description: "Processed daily.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301540.jpg",
|
||||
},
|
||||
id: "m3", value: "500M+", title: "Requests", description: "Processed daily.", imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301540.jpg"},
|
||||
]}
|
||||
title="Unmatched Performance"
|
||||
description="Our infrastructure powers millions of location requests with enterprise-grade reliability."
|
||||
@@ -139,20 +95,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Global Coverage",
|
||||
description: "High-precision map data across every corner of the planet.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-mexican-food-world-tourism-day_23-2149114021.jpg",
|
||||
},
|
||||
title: "Global Coverage", description: "High-precision map data across every corner of the planet.", imageSrc: "http://img.b2bpic.net/free-photo/traditional-mexican-food-world-tourism-day_23-2149114021.jpg"},
|
||||
{
|
||||
title: "Adaptive Security",
|
||||
description: "Enterprise-grade encryption protecting your most sensitive spatial data.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg",
|
||||
},
|
||||
title: "Adaptive Security", description: "Enterprise-grade encryption protecting your most sensitive spatial data.", imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg"},
|
||||
{
|
||||
title: "Seamless Integration",
|
||||
description: "Modular API architecture that scales with your business needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-screen-black-white-background_9975-133582.jpg",
|
||||
},
|
||||
title: "Seamless Integration", description: "Modular API architecture that scales with your business needs.", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-screen-black-white-background_9975-133582.jpg"},
|
||||
]}
|
||||
title="Engineering Excellence"
|
||||
description="Built for the most demanding mapping requirements."
|
||||
@@ -166,52 +113,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "$1,999",
|
||||
name: "Standard",
|
||||
buttons: [
|
||||
id: "basic", price: "$1,999", name: "Standard", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
text: "Select", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"100k requests",
|
||||
"Standard API",
|
||||
"Standard Support",
|
||||
],
|
||||
"100k requests", "Standard API", "Standard Support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$4,999",
|
||||
name: "Professional",
|
||||
buttons: [
|
||||
id: "pro", price: "$4,999", name: "Professional", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
text: "Select", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"1M requests",
|
||||
"Advanced API",
|
||||
"Priority Support",
|
||||
],
|
||||
"1M requests", "Advanced API", "Priority Support"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
price: "Custom",
|
||||
name: "Enterprise",
|
||||
buttons: [
|
||||
id: "enterprise", price: "Custom", name: "Enterprise", buttons: [
|
||||
{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited requests",
|
||||
"Full Custom API",
|
||||
"Dedicated Manager",
|
||||
],
|
||||
"Unlimited requests", "Full Custom API", "Dedicated Manager"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Tiers"
|
||||
@@ -225,45 +148,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Reliable",
|
||||
quote: "The accuracy of these codes is unmatched in the industry.",
|
||||
name: "John Doe",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-elegant-mature-male-holding-tablet_23-2148673422.jpg",
|
||||
},
|
||||
id: "1", title: "Reliable", quote: "The accuracy of these codes is unmatched in the industry.", name: "John Doe", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/front-view-elegant-mature-male-holding-tablet_23-2148673422.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Fast",
|
||||
quote: "Seamless integration and world-class performance.",
|
||||
name: "Jane Smith",
|
||||
role: "CTO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-african-businessman-classy-suit_1303-18456.jpg",
|
||||
},
|
||||
id: "2", title: "Fast", quote: "Seamless integration and world-class performance.", name: "Jane Smith", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/young-african-businessman-classy-suit_1303-18456.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Scalable",
|
||||
quote: "Our throughput increased by 40% using their services.",
|
||||
name: "Sarah Miller",
|
||||
role: "Head of Engineering",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-618.jpg",
|
||||
},
|
||||
id: "3", title: "Scalable", quote: "Our throughput increased by 40% using their services.", name: "Sarah Miller", role: "Head of Engineering", imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-618.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Security",
|
||||
quote: "They provide the most secure environment for our data.",
|
||||
name: "Mike Ross",
|
||||
role: "Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg",
|
||||
},
|
||||
id: "4", title: "Security", quote: "They provide the most secure environment for our data.", name: "Mike Ross", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Excellence",
|
||||
quote: "Premium quality service, every single day.",
|
||||
name: "Emily Chen",
|
||||
role: "Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-middle-aged-woman-white-hoodie_23-2149051803.jpg",
|
||||
},
|
||||
id: "5", title: "Excellence", quote: "Premium quality service, every single day.", name: "Emily Chen", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-middle-aged-woman-white-hoodie_23-2149051803.jpg"},
|
||||
]}
|
||||
title="Industry Trusted"
|
||||
description="Hear from the leaders relying on our map solutions."
|
||||
@@ -275,14 +168,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"EnterpriseAlpha",
|
||||
"DataSphere",
|
||||
"MapLogic Corp",
|
||||
"SpatialSync",
|
||||
"Geocode Pro",
|
||||
"NavFlow",
|
||||
"Precision Geo",
|
||||
]}
|
||||
"EnterpriseAlpha", "DataSphere", "MapLogic Corp", "SpatialSync", "Geocode Pro", "NavFlow", "Precision Geo"]}
|
||||
title="Trusted Globally"
|
||||
description="Partnering with industry leaders to power the next generation of spatial intelligence."
|
||||
/>
|
||||
@@ -294,20 +180,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is support included?",
|
||||
content: "Yes, our enterprise tiers come with 24/7 dedicated support.",
|
||||
},
|
||||
id: "1", title: "Is support included?", content: "Yes, our enterprise tiers come with 24/7 dedicated support."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How do I integrate?",
|
||||
content: "Our modular API is designed to work with all modern tech stacks.",
|
||||
},
|
||||
id: "2", title: "How do I integrate?", content: "Our modular API is designed to work with all modern tech stacks."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is security guaranteed?",
|
||||
content: "Security is our top priority, with industry-standard encryption protocols.",
|
||||
},
|
||||
id: "3", title: "Is security guaranteed?", content: "Security is our top priority, with industry-standard encryption protocols."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our mapping services."
|
||||
@@ -316,58 +193,46 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
<ContactSplitForm
|
||||
title="Ready to Scale Your Mapping?"
|
||||
description="Reach out to our engineering team to discuss your enterprise requirements."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/digital-interface-map_23-2149114021.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/light-streak-lines-background_23-2148133152.jpg"
|
||||
<FooterBaseCard
|
||||
logoText="MapLogic"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#" },
|
||||
{ label: "Careers", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "API Docs",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Resources", items: [
|
||||
{ label: "API Docs", href: "#" },
|
||||
{ label: "Support", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 | MapLogic Industries"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user