bender/d4057869-cd15-49bb-84d7-320f340cff58
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-13 21:15:08 +00:00
parent d9e0a48bcc
commit 0d2df202b5
1 changed files with 59 additions and 311 deletions
Download Patch File Download Diff File Expand all files Collapse all files

370
src/app/page.tsx
View File

@@ -32,26 +32,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Features",
id: "features",
},
{
name: "Marketplace",
id: "products",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Marketplace", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="BindCatch"
/>
@@ -59,76 +44,33 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Empowering Commerce with Quantek AI"
description="BindCatch bridges the gap between buyers and sellers, powered by high-precision AI recommendations, secure logistics, and seamless digital payments."
kpis={[
{
value: "10K+",
label: "Active Sellers",
},
{
value: "5M+",
label: "Successful Orders",
},
{
value: "99.9%",
label: "AI Accuracy",
},
{ value: "10K+", label: "Active Sellers" },
{ value: "5M+", label: "Successful Orders" },
{ value: "99.9%", label: "AI Accuracy" },
]}
enableKpiAnimation={true}
tag="Next-Gen Marketplace"
imageSrc="http://img.b2bpic.net/free-photo/business-man-stock-exchange-trader-looking-laptop-screen-night_169016-47424.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/business-man-stock-exchange-trader-looking-laptop-screen-night_169016-47424.jpg"
imageAlt="AI Marketplace Dashboard"
tagIcon={Sparkles}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-48803.jpg",
alt: "User 1",
},
{
src: "http://img.b2bpic.net/free-photo/urban-apartment-with-minimalist-home-office-wooden-furniture_482257-120933.jpg",
alt: "User 2",
},
{
src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg",
alt: "User 3",
},
{
src: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57448.jpg",
alt: "User 4",
},
{
src: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg",
alt: "User 5",
},
{ src: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-48803.jpg", alt: "User 1" },
{ src: "http://img.b2bpic.net/free-photo/urban-apartment-with-minimalist-home-office-wooden-furniture_482257-120933.jpg", alt: "User 2" },
{ src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg", alt: "User 3" },
{ src: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57448.jpg", alt: "User 4" },
{ src: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg", alt: "User 5" },
]}
avatarText="Trusted by 50,000+ happy merchants"
marqueeItems={[
{
type: "text",
text: "AI Optimization",
},
{
type: "text-icon",
text: "Secure Payments",
icon: ShieldCheck,
},
{
type: "text",
text: "Global Logistics",
},
{
type: "text-icon",
text: "Real-time Tracking",
icon: MapPin,
},
{
type: "text",
text: "Data Analytics",
},
{ type: "text", text: "AI Optimization" },
{ type: "text-icon", text: "Secure Payments", icon: ShieldCheck },
{ type: "text", text: "Global Logistics" },
{ type: "text-icon", text: "Real-time Tracking", icon: MapPin },
{ type: "text", text: "Data Analytics" },
]}
/>
</div>
@@ -137,12 +79,7 @@ export default function LandingPage() {
<TextAbout
useInvertedBackground={true}
title="Revolutionizing How Africa Shops and Sells"
buttons={[
{
text: "Learn More",
href: "#",
},
]}
buttons={[{ text: "Learn More", href: "#" }]}
/>
</div>
@@ -151,53 +88,23 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "AI-Driven Product Search",
description: "Find exactly what you need with our predictive search that understands intent, location, and price sensitivity.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/data-hand_23-2151957116.jpg",
imageAlt: "Search Interface",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-dashboard-display_23-2151977856.jpg",
imageAlt: "Search Interface",
},
imageSrc: "http://img.b2bpic.net/free-photo/business-man-stock-exchange-trader-looking-laptop-screen-night_169016-47424.jpg?_wi=2",
imageAlt: "ai data search icon",
},
{
title: "Real-Time Tracking",
description: "Monitor every order with GPS integration, providing peace of mind from dispatch to your doorstep.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-smartphone-with-delivery-scooter-boxes_58466-14577.jpg",
imageAlt: "Tracking Map",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/closeup-female-hand-holding-smart-phone-using-navigation-syst_1163-2667.jpg",
imageAlt: "Tracking Map",
},
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-data-protection-set-isolated-compositions-with-icons-locks-shields-people-with-gadgets-vector-illustration_1284-81961.jpg",
imageAlt: "ai data search icon",
},
{
title: "Secure Mobile Payments",
description: "Seamless integration with local mobile money solutions and cards, ensuring fast, safe settlements for sellers.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg?_wi=1",
imageAlt: "Secure Checkout",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150515784.jpg",
imageAlt: "Secure Checkout",
},
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-shield-with-padlock_23-2151998478.jpg?_wi=1",
imageAlt: "ai data search icon",
},
]}
showStepNumbers={true}
title="Smart Tools for Modern Marketplace"
description="Quantek's AI engine drives every transaction, ensuring safety, efficiency, and scale."
features={[
{
title: "AI-Driven Product Search", description: "Find exactly what you need with our predictive search that understands intent, location, and price sensitivity.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/data-hand_23-2151957116.jpg", imageAlt: "Search Interface" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-dashboard-display_23-2151977856.jpg", imageAlt: "Search Interface" }
},
{
title: "Real-Time Tracking", description: "Monitor every order with GPS integration, providing peace of mind from dispatch to your doorstep.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-smartphone-with-delivery-scooter-boxes_58466-14577.jpg", imageAlt: "Tracking Map" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/closeup-female-hand-holding-smart-phone-using-navigation-syst_1163-2667.jpg", imageAlt: "Tracking Map" }
},
{
title: "Secure Mobile Payments", description: "Seamless integration with local mobile money solutions and cards, ensuring fast, safe settlements for sellers.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg", imageAlt: "Secure Checkout" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150515784.jpg", imageAlt: "Secure Checkout" }
},
]}
/>
</div>
@@ -208,48 +115,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "1",
name: "High-Perf Smartphone",
price: "$699",
variant: "Midnight Blue",
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4999.jpg",
},
{
id: "2",
name: "Pro Audio Headphones",
price: "$199",
variant: "Sleek Black",
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-blonde-girl-wearing-headphones-putting-hands-them-doing-kiss-gesture_141793-117561.jpg",
},
{
id: "3",
name: "Professional Mirrorless Camera",
price: "$1250",
variant: "Pro Kit",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-camera-papers_23-2148019211.jpg",
},
{
id: "4",
name: "Smart Watch Series",
price: "$299",
variant: "Sport Edition",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722697.jpg",
},
{
id: "5",
name: "Mechanical Keyboard",
price: "$150",
variant: "Backlit Grey",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-white-keyboard-with-lights_23-2149680254.jpg",
},
{
id: "6",
name: "Handheld Console",
price: "$399",
variant: "Classic Black",
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074279.jpg",
},
{ id: "1", name: "High-Perf Smartphone", price: "$699", variant: "Midnight Blue", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4999.jpg" },
{ id: "2", name: "Pro Audio Headphones", price: "$199", variant: "Sleek Black", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-blonde-girl-wearing-headphones-putting-hands-them-doing-kiss-gesture_141793-117561.jpg" },
{ id: "3", name: "Professional Mirrorless Camera", price: "$1250", variant: "Pro Kit", imageSrc: "http://img.b2bpic.net/free-photo/top-view-camera-papers_23-2148019211.jpg" },
{ id: "4", name: "Smart Watch Series", price: "$299", variant: "Sport Edition", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722697.jpg" },
{ id: "5", name: "Mechanical Keyboard", price: "$150", variant: "Backlit Grey", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-white-keyboard-with-lights_23-2149680254.jpg" },
{ id: "6", name: "Handheld Console", price: "$399", variant: "Classic Black", imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074279.jpg" },
]}
title="Explore Top Trending Products"
description="Sourced from verified sellers, our marketplace highlights the best deals locally and beyond."
@@ -262,27 +133,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "99.9%",
title: "Uptime",
description: "High-availability servers",
imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg?_wi=2",
},
{
id: "2",
value: "128ms",
title: "Latency",
description: "Ultra-fast response times",
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-shield-with-padlock_23-2151998478.jpg?_wi=2",
},
{
id: "3",
value: "256-bit",
title: "Encryption",
description: "Military-grade data security",
imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160205.jpg",
},
{ id: "1", value: "99.9%", title: "Uptime", description: "High-availability servers", imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg" },
{ id: "2", value: "128ms", title: "Latency", description: "Ultra-fast response times", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-shield-with-padlock_23-2151998478.jpg" },
{ id: "3", value: "256-bit", title: "Encryption", description: "Military-grade data security", imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160205.jpg" },
]}
title="Quantek Platform Performance"
description="Delivering high-speed performance and verified security."
@@ -293,15 +146,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"TechCorp",
"LogiBase",
"FinPay",
"GrowthCo",
"MarketLab",
"SupplyPro",
"GlobalTrade",
]}
names={["TechCorp", "LogiBase", "FinPay", "GrowthCo", "MarketLab", "SupplyPro", "GlobalTrade"]}
title="Trusted by Market Leaders"
description="Join thousands of businesses scaling their growth through BindCatch."
/>
@@ -313,60 +158,16 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "CEO",
company: "TechCorp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-smiling-posing-with-crossed-arms-office_176420-925.jpg",
},
{
id: "2",
name: "Michael Chen",
role: "CTO",
company: "InnovateLab",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/disabled-business-manager-wheelchair-looking-tired-front_482257-2229.jpg",
},
{
id: "3",
name: "Emily Rodriguez",
role: "Head of Ops",
company: "GrowthCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg",
},
{
id: "4",
name: "David Kim",
role: "Product Manager",
company: "MarketLab",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-being-connected-with-virtual-modern-tech_23-2148794625.jpg",
},
{
id: "5",
name: "Elena V.",
role: "Founder",
company: "SupplyPro",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beauty-woman-s-with-blue-eyes-portrait_633478-325.jpg",
},
{ id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-smiling-posing-with-crossed-arms-office_176420-925.jpg" },
{ id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/disabled-business-manager-wheelchair-looking-tired-front_482257-2229.jpg" },
{ id: "3", name: "Emily Rodriguez", role: "Head of Ops", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg" },
{ id: "4", name: "David Kim", role: "Product Manager", company: "MarketLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-being-connected-with-virtual-modern-tech_23-2148794625.jpg" },
{ id: "5", name: "Elena V.", role: "Founder", company: "SupplyPro", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beauty-woman-s-with-blue-eyes-portrait_633478-325.jpg" },
]}
kpiItems={[
{
value: "4.8",
label: "Avg Rating",
},
{
value: "500+",
label: "Reviews",
},
{
value: "98%",
label: "Retention",
},
{ value: "4.8", label: "Avg Rating" },
{ value: "500+", label: "Reviews" },
{ value: "98%", label: "Retention" },
]}
title="Client Success Stories"
description="Hear how Quantek's AI has transformed marketplace efficiency for our partners."
@@ -379,25 +180,10 @@ export default function LandingPage() {
title="Launch Your Marketplace"
description="Ready to integrate your business with BindCatch? Contact our team for an AI consultation today."
inputs={[
{
name: "name",
type: "text",
placeholder: "Full Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
]}
textarea={{
name: "message",
placeholder: "How can Quantek help?",
rows: 4,
required: true,
}}
textarea={{ name: "message", placeholder: "How can Quantek help?", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/corporate-employee-working-overhours-marketing-project_482257-77551.jpg"
/>
</div>
@@ -407,51 +193,13 @@ export default function LandingPage() {
logoText="BindCatch"
columns={[
{
title: "Platform",
items: [
{
label: "Marketplace",
href: "#products",
},
{
label: "Features",
href: "#features",
},
{
label: "About",
href: "#about",
},
],
title: "Platform", items: [{ label: "Marketplace", href: "#products" }, { label: "Features", href: "#features" }, { label: "About", href: "#about" }],
},
{
title: "Company",
items: [
{
label: "Quantek",
href: "#",
},
{
label: "Careers",
href: "#",
},
{
label: "Contact",
href: "#contact",
},
],
title: "Company", items: [{ label: "Quantek", href: "#" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#contact" }],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }],
},
]}
copyrightText="© 2024 BindCatch by Quantek"