bender/c5e9c68f-aa94-401d-b25e-0a2b8de6a60c
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/pages/HomePage.tsx

Browse Source
This commit is contained in:
bender
2026-06-21 14:02:28 +00:00
parent 66456dad87
commit da5482b2f0
1 changed files with 39 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

190
src/pages/HomePage.tsx
View File

@@ -6,7 +6,7 @@ import FeaturesImageBento from '@/components/sections/features/FeaturesImageBent
import HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos';
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
import TestimonialColumnMarqueeCards from '@/components/sections/testimonial/TestimonialColumnMarqueeCards';
import { Globe, Shield, Star, User, Zap } from "lucide-react";
import { Star, User } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
@@ -16,31 +16,17 @@ export default function HomePage() {
<SectionErrorBoundary name="hero">
<HeroCenteredLogos
avatarsSrc={[
"http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
"http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg",
"http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
"http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
"http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",
]}
"http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg", "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg", "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg"]}
avatarText="Loved by 10,000+ users"
title="Finance Meets Ecommerce"
description="Unlock seamless financial transactions and global ecommerce experiences with our integrated 3D-powered platform."
primaryButton={{
text: "Start Exploring",
href: "#products",
}}
text: "Start Exploring", href: "#products"}}
secondaryButton={{
text: "Contact Sales",
href: "#contact",
}}
text: "Contact Sales", href: "#contact"}}
names={[
"Alice",
"Bob",
"Charlie",
"David",
"Eve",
]}
imageSrc="http://img.b2bpic.net/free-photo/3d-illustration-laptop-with-shopping-basket-paper-bags-online-shopping-e-commerce-concept_58466-14623.jpg?_wi=1"
"Alice", "Bob", "Charlie", "David", "Eve"]}
imageSrc="http://img.b2bpic.net/free-photo/3d-illustration-laptop-with-shopping-basket-paper-bags-online-shopping-e-commerce-concept_58466-14623.jpg"
/>
</SectionErrorBoundary>
</div>
@@ -53,22 +39,13 @@ export default function HomePage() {
description="We bridge the gap between complex financial infrastructure and user-friendly ecommerce, allowing businesses to scale faster than ever."
items={[
{
icon: Zap,
title: "Lightning Fast",
description: "Global transactions in milliseconds.",
},
icon: "Zap", title: "Lightning Fast", description: "Global transactions in milliseconds."},
{
icon: Shield,
title: "Secure Payments",
description: "Enterprise-grade protection standard.",
},
icon: "Shield", title: "Secure Payments", description: "Enterprise-grade protection standard."},
{
icon: Globe,
title: "Worldwide Scaling",
description: "Sell globally from day one.",
},
icon: "Globe", title: "Worldwide Scaling", description: "Sell globally from day one."},
]}
imageSrc="http://img.b2bpic.net/free-photo/young-happy-colleagues-sitting-office-coworking_171337-17717.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/young-happy-colleagues-sitting-office-coworking_171337-17717.jpg"
/>
</SectionErrorBoundary>
</div>
@@ -81,51 +58,25 @@ export default function HomePage() {
description="Engineered for high-growth digital businesses."
features={[
{
title: "Real-time Metrics",
description: "Visualize your growth.",
bentoComponent: "animated-bar-chart",
imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-credit-card-payment-online-shopping-bag-ecommerce-concept-blue-background-3d-illustration_56104-1788.jpg",
imageAlt: "Laptop with credit card payment online shopping bag ecommerce concept on blue background 3d illustration",
title: "Real-time Metrics", description: "Visualize your growth.", bentoComponent: "animated-bar-chart"
},
{
title: "Global Logistics",
description: "Automated order management.",
bentoComponent: "checklist-timeline",
heading: "Order Processing",
subheading: "Effortless flow",
checklistItems: [
title: "Global Logistics", description: "Automated order management.", bentoComponent: "checklist-timeline", heading: "Order Processing", subheading: "Effortless flow", checklistItems: [
{
label: "Verified",
detail: "Data validated",
},
label: "Verified", detail: "Data validated"},
{
label: "Shipped",
detail: "Package dispatched",
},
label: "Shipped", detail: "Package dispatched"},
{
label: "Delivered",
detail: "Arrival confirmed",
},
label: "Delivered", detail: "Arrival confirmed"},
],
completedLabel: "Done",
imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-laptop-with-shopping-basket-paper-bags-online-shopping-e-commerce-concept_58466-14623.jpg?_wi=2",
imageAlt: "Laptop with credit card payment online shopping bag ecommerce concept on blue background 3d illustration",
completedLabel: "Done"
},
{
title: "Smart Support",
description: "AI-powered customer interaction.",
bentoComponent: "chat-marquee",
aiIcon: Star,
userIcon: User,
exchanges: [
title: "Smart Support", description: "AI-powered customer interaction.", bentoComponent: "chat-marquee", aiIcon: "Star", userIcon: "User", exchanges: [
{
userMessage: "Help!",
aiResponse: "I'm on it.",
},
userMessage: "Help!", aiResponse: "I'm on it."},
],
placeholder: "Chat with AI...",
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-colleagues-sitting-office-coworking_171337-17717.jpg?_wi=2",
imageAlt: "Laptop with credit card payment online shopping bag ecommerce concept on blue background 3d illustration",
placeholder: "Chat with AI..."
},
]}
/>
@@ -139,41 +90,13 @@ export default function HomePage() {
title="Our Solutions"
description="A curated suite of tools for the modern entrepreneur."
items={[
{
title: "Product Alpha",
description: "High performance module",
imageSrc: "http://img.b2bpic.net/free-photo/pattern-glass-product-backdrop-with-stand_53876-125894.jpg",
},
{
title: "Product Beta",
description: "Advanced analytics suite",
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-white-wireless-charger-pad_53876-97100.jpg",
},
{
title: "Product Gamma",
description: "Integrated gateway",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-light-deflection_23-2148599275.jpg",
},
{
title: "Product Delta",
description: "Mobile commerce toolkit",
imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-concept_23-2151896814.jpg",
},
{
title: "Product Epsilon",
description: "Marketing automation",
imageSrc: "http://img.b2bpic.net/free-photo/gift-voucher-coupon-discount-special-offer_53876-124857.jpg",
},
{
title: "Product Zeta",
description: "Customer insights engine",
imageSrc: "http://img.b2bpic.net/free-photo/blue-model-career-kit-arrangement_23-2150083999.jpg",
},
{
title: "Product Omega",
description: "Security core",
imageSrc: "http://img.b2bpic.net/free-photo/rows-film-near-camera_23-2147852535.jpg",
},
{ title: "Product Alpha", description: "High performance module", imageSrc: "http://img.b2bpic.net/free-photo/pattern-glass-product-backdrop-with-stand_53876-125894.jpg" },
{ title: "Product Beta", description: "Advanced analytics suite", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-white-wireless-charger-pad_53876-97100.jpg" },
{ title: "Product Gamma", description: "Integrated gateway", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-light-deflection_23-2148599275.jpg" },
{ title: "Product Delta", description: "Mobile commerce toolkit", imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-concept_23-2151896814.jpg" },
{ title: "Product Epsilon", description: "Marketing automation", imageSrc: "http://img.b2bpic.net/free-photo/gift-voucher-coupon-discount-special-offer_53876-124857.jpg" },
{ title: "Product Zeta", description: "Customer insights engine", imageSrc: "http://img.b2bpic.net/free-photo/blue-model-career-kit-arrangement_23-2150083999.jpg" },
{ title: "Product Omega", description: "Security core", imageSrc: "http://img.b2bpic.net/free-photo/rows-film-near-camera_23-2147852535.jpg" }
]}
/>
</SectionErrorBoundary>
@@ -187,17 +110,11 @@ export default function HomePage() {
description="Proven results for growing brands."
metrics={[
{
value: "150M+",
description: "Annual Transactions",
},
value: "150M+", description: "Annual Transactions"},
{
value: "99.9%",
description: "System Uptime",
},
value: "99.9%", description: "System Uptime"},
{
value: "50K+",
description: "Active Businesses",
},
value: "50K+", description: "Active Businesses"},
]}
/>
</SectionErrorBoundary>
@@ -211,35 +128,15 @@ export default function HomePage() {
description="Global brands trust us with their commerce engine."
testimonials={[
{
name: "Jane Smith",
role: "CEO",
quote: "Incredible integration speed.",
imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg",
},
name: "Jane Smith", role: "CEO", quote: "Incredible integration speed.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg"},
{
name: "John Doe",
role: "CTO",
quote: "Rock solid security standards.",
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-with-beard-smiling-camera-generated-by-ai_188544-33152.jpg",
},
name: "John Doe", role: "CTO", quote: "Rock solid security standards.", imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-with-beard-smiling-camera-generated-by-ai_188544-33152.jpg"},
{
name: "Emily White",
role: "Founder",
quote: "Scaled globally in weeks.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-123449.jpg",
},
name: "Emily White", role: "Founder", quote: "Scaled globally in weeks.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-123449.jpg"},
{
name: "Michael Brown",
role: "Head of Ops",
quote: "Operations are now streamlined.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
},
name: "Michael Brown", role: "Head of Ops", quote: "Operations are now streamlined.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg"},
{
name: "Sarah Lee",
role: "CMO",
quote: "Best-in-class UI experience.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-beautiful-woman-years-old-wearing-corporate-clothing-looking-happy_1258-194086.jpg",
},
name: "Sarah Lee", role: "CMO", quote: "Best-in-class UI experience.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-beautiful-woman-years-old-wearing-corporate-clothing-looking-happy_1258-194086.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -253,16 +150,11 @@ export default function HomePage() {
description="Get quick answers about our platform."
categories={[
{
name: "General",
items: [
name: "General", items: [
{
question: "Is it free?",
answer: "We offer a trial.",
},
question: "Is it free?", answer: "We offer a trial."},
{
question: "Is it secure?",
answer: "Bank grade encryption.",
},
question: "Is it secure?", answer: "Bank grade encryption."},
],
},
]}
@@ -276,13 +168,9 @@ export default function HomePage() {
tag="Get Started"
text="Ready to scale your business?"
primaryButton={{
text: "Contact Support",
href: "#",
}}
text: "Contact Support", href: "#"}}
secondaryButton={{
text: "Learn More",
href: "#",
}}
text: "Learn More", href: "#"}}
/>
</SectionErrorBoundary>
</div>