bender/817f997c-9c66-419f-b9ed-413b91a54a1e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-10 17:25:31 +00:00
parent 9c5e403028
commit 88f1ac668f
1 changed files with 51 additions and 264 deletions
Download Patch File Download Diff File Expand all files Collapse all files

315
src/app/page.tsx
View File

@@ -32,91 +32,39 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Features",
id: "features",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
]}
brandName="TraceMobile"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Real-Time Mobile Status Tracking"
description="Get instant access to mobile number location and network status updates using our secure global tracking technology. Fast, accurate, and private."
buttons={[
{
text: "Track Now",
href: "#features",
},
{
text: "Learn More",
href: "#pricing",
},
{ text: "Track Now", href: "#features" },
{ text: "Learn More", href: "#pricing" }
]}
imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-techno-cyber-particles_1048-14428.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-techno-cyber-particles_1048-14428.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-bald-senior-dressed-stylish-suit-posing-against-dark-background_613910-17578.jpg",
alt: "Portrait of bald senior",
},
{
src: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-camera-happy-positive-with-arms-crossed-standing-purple-background_141793-110749.jpg",
alt: "Bearded man in brown suit",
},
{
src: "http://img.b2bpic.net/free-photo/grey-haired-male-looking-confident-smiles_23-2148401491.jpg",
alt: "Grey-haired male",
},
{
src: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg",
alt: "Middle eastern businessman",
},
{
src: "http://img.b2bpic.net/free-photo/happy-young-asian-businessman-businesswoman-meeting-brainstorming-some-new-ideas-about-project_7861-2781.jpg",
alt: "Happy young asian businessman",
},
{ src: "http://img.b2bpic.net/free-photo/portrait-bald-senior-dressed-stylish-suit-posing-against-dark-background_613910-17578.jpg", alt: "Portrait of bald senior" },
{ src: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-camera-happy-positive-with-arms-crossed-standing-purple-background_141793-110749.jpg", alt: "Bearded man in brown suit" },
{ src: "http://img.b2bpic.net/free-photo/grey-haired-male-looking-confident-smiles_23-2148401491.jpg", alt: "Grey-haired male" },
{ src: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg", alt: "Middle eastern businessman" },
{ src: "http://img.b2bpic.net/free-photo/happy-young-asian-businessman-businesswoman-meeting-brainstorming-some-new-ideas-about-project_7861-2781.jpg", alt: "Happy young asian businessman" }
]}
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160200.jpg",
alt: "Business network",
},
{
type: "text",
text: "Global Precision",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/3d-digital-background-with-golden-flowing-cyber-dots_1048-12781.jpg",
alt: "Digital background",
},
{
type: "text",
text: "Real-time Analytics",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139318.jpg",
alt: "Blurred lights",
},
{ type: "image", src: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160200.jpg", alt: "Business network" },
{ type: "text", text: "Global Precision" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/3d-digital-background-with-golden-flowing-cyber-dots_1048-12781.jpg", alt: "Digital background" },
{ type: "text", text: "Real-time Analytics" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139318.jpg", alt: "Blurred lights" }
]}
/>
</div>
@@ -128,41 +76,17 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Precision Location",
description: "Pinpoint precise coordinates with satellite-backed technology.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-map_23-2150472838.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151205009.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-techno-cyber-particles_1048-14428.jpg?_wi=2",
imageAlt: "location tracking icon gold minimalist",
title: "Precision Location", description: "Pinpoint precise coordinates with satellite-backed technology.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/3d-view-map_23-2150472838.jpg", imageAlt: "location tracking icon gold minimalist" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151205009.jpg", imageAlt: "location tracking icon gold minimalist" }
},
{
title: "Network Status",
description: "Identify current provider and signal quality immediately.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/signal-icon-front-side-with-white-background_187299-39974.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6130.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/abstract-cybersecurity-concept-design_23-2151841696.jpg",
imageAlt: "location tracking icon gold minimalist",
title: "Network Status", description: "Identify current provider and signal quality immediately.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/signal-icon-front-side-with-white-background_187299-39974.jpg", imageAlt: "mobile signal strength icon gold" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6130.jpg", imageAlt: "mobile signal strength icon gold" }
},
{
title: "Global Encryption",
description: "Industry-leading security for all your tracking requests.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-looking-confident-suit_23-2148401459.jpg?_wi=1",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/privacy-safety-security-lock-icon_53876-14649.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-black-working-laptop-cafe_23-2147962625.jpg?_wi=1",
imageAlt: "location tracking icon gold minimalist",
},
title: "Global Encryption", description: "Industry-leading security for all your tracking requests.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-looking-confident-suit_23-2148401459.jpg", imageAlt: "mobile security shield icon gold" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/privacy-safety-security-lock-icon_53876-14649.jpg", imageAlt: "mobile security shield icon gold" }
}
]}
showStepNumbers={true}
title="Powerful Features"
@@ -177,27 +101,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "99.9%",
title: "Accuracy",
description: "Location success rate",
icon: CheckCircle,
},
{
id: "m2",
value: "50k+",
title: "Trackers",
description: "Active daily queries",
icon: Shield,
},
{
id: "m3",
value: "120+",
title: "Countries",
description: "Global coverage area",
icon: Globe,
},
{ id: "m1", value: "99.9%", title: "Accuracy", description: "Location success rate", icon: CheckCircle },
{ id: "m2", value: "50k+", title: "Trackers", description: "Active daily queries", icon: Shield },
{ id: "m3", value: "120+", title: "Countries", description: "Global coverage area", icon: Globe }
]}
title="Proven Reliability"
description="Join thousands of satisfied users globally."
@@ -208,61 +114,18 @@ export default function LandingPage() {
<TestimonialCardSixteen
textboxLayout="default"
useInvertedBackground={true}
animationType="blur-reveal"
testimonials={[
{
id: "1",
name: "Sarah Miller",
role: "CEO",
company: "TechStream",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-looking-confident-suit_23-2148401459.jpg?_wi=2",
},
{
id: "2",
name: "John Doe",
role: "Dev",
company: "CloudFix",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-black-working-laptop-cafe_23-2147962625.jpg?_wi=2",
},
{
id: "3",
name: "Emily Smith",
role: "PM",
company: "GrowthX",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",
},
{
id: "4",
name: "David Lee",
role: "Ops",
company: "FixIt",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-holding-papers_23-2148452649.jpg",
},
{
id: "5",
name: "Jane Wilson",
role: "Design",
company: "IdeaFlow",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-glasses-posing-studio_23-2150169334.jpg",
},
{ id: "1", name: "Sarah Miller", role: "CEO", company: "TechStream", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-looking-confident-suit_23-2148401459.jpg" },
{ id: "2", name: "John Doe", role: "Dev", company: "CloudFix", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-black-working-laptop-cafe_23-2147962625.jpg" },
{ id: "3", name: "Emily Smith", role: "PM", company: "GrowthX", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg" },
{ id: "4", name: "David Lee", role: "Ops", company: "FixIt", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-holding-papers_23-2148452649.jpg" },
{ id: "5", name: "Jane Wilson", role: "Design", company: "IdeaFlow", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-glasses-posing-studio_23-2150169334.jpg" }
]}
kpiItems={[
{
value: "5.0",
label: "Avg Rating",
},
{
value: "10s",
label: "Avg Speed",
},
{
value: "100%",
label: "Secure",
},
{ value: "5.0", label: "Avg Rating" },
{ value: "10s", label: "Avg Speed" },
{ value: "100%", label: "Secure" }
]}
title="Trusted by Experts"
description="See what our users say about our service."
@@ -276,42 +139,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Basic Tracker",
price: "$49",
imageSrc: "http://img.b2bpic.net/free-photo/3d-smartphone-device-with-map-gps-technology_23-2150458981.jpg",
},
{
id: "p2",
name: "Pro API",
price: "$199",
imageSrc: "http://img.b2bpic.net/free-photo/minimalistic-still-life-assortment-with-cryptocurrency_23-2149102102.jpg",
},
{
id: "p3",
name: "Enterprise",
price: "$499",
imageSrc: "http://img.b2bpic.net/free-photo/young-female-being-uber-driver_23-2149184226.jpg",
},
{
id: "p4",
name: "Global Plus",
price: "$299",
imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372418.jpg",
},
{
id: "p5",
name: "Standard Access",
price: "$99",
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-techno-background-with-particle-design_1048-12576.jpg",
},
{
id: "p6",
name: "Lite Version",
price: "$29",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-female-hand-holding-smart-phone-using-navigation-syst_1163-2667.jpg",
},
{ id: "p1", name: "Basic Tracker", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/3d-smartphone-device-with-map-gps-technology_23-2150458981.jpg" },
{ id: "p2", name: "Pro API", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/minimalistic-still-life-assortment-with-cryptocurrency_23-2149102102.jpg" },
{ id: "p3", name: "Enterprise", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/young-female-being-uber-driver_23-2149184226.jpg" },
{ id: "p4", name: "Global Plus", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372418.jpg" },
{ id: "p5", name: "Standard Access", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-techno-background-with-particle-design_1048-12576.jpg" },
{ id: "p6", name: "Lite Version", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/closeup-female-hand-holding-smart-phone-using-navigation-syst_1163-2667.jpg" }
]}
title="Premium API Access"
description="Integrate our tracking capabilities directly into your software."
@@ -323,13 +156,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"TechCorp",
"Innovate",
"GlobalConnect",
"DataStream",
"CloudSync",
"SecureNet",
"Apex Solutions",
"TechCorp", "Innovate", "GlobalConnect", "DataStream", "CloudSync", "SecureNet", "Apex Solutions"
]}
title="Corporate Partners"
description="We work with top-tier technology companies worldwide."
@@ -341,21 +168,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Is tracking private?",
content: "Yes, we use military-grade encryption.",
},
{
id: "f2",
title: "How accurate is it?",
content: "Our data is accurate to within 5 meters.",
},
{
id: "f3",
title: "Can I cancel anytime?",
content: "Absolutely, no contracts required.",
},
{ id: "f1", title: "Is tracking private?", content: "Yes, we use military-grade encryption." },
{ id: "f2", title: "How accurate is it?", content: "Our data is accurate to within 5 meters." },
{ id: "f3", title: "Can I cancel anytime?", content: "Absolutely, no contracts required." }
]}
title="Common Questions"
description="Everything you need to know about our service."
@@ -366,9 +181,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Contact Our Team"
description="Have questions about our API or tracking services? Get in touch."
tag="Support"
@@ -378,34 +191,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Home",
href: "#hero",
},
{
label: "Features",
href: "#features",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Use",
href: "#",
},
],
},
{ items: [{ label: "Home", href: "#hero" }, { label: "Features", href: "#features" }, { label: "Contact", href: "#contact" }] },
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] }
]}
logoText="TraceMobile"
/>