Merge version_1 into main #1
166
src/app/page.tsx
166
src/app/page.tsx
@@ -27,22 +27,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "/pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="MarketFlow"
|
||||
/>
|
||||
@@ -50,66 +38,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Build Your Global Marketplace"
|
||||
description="Seamlessly onboard sellers, manage complex payments, and scale your e-commerce ecosystem with our robust marketplace infrastructure."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-dark-haired-man-glassess-is-sitting-workplace-office-he-wears-blue-shirt-he-is-holdings-pencil-lookind-camera_197531-533.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21368.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/executive-assistant-multinational-company-work-big-business-project_482257-113916.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-dark-haired-man-glassess-is-sitting-workplace-office-he-wears-blue-shirt-he-is-holdings-pencil-lookind-camera_197531-533.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21368.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/executive-assistant-multinational-company-work-big-business-project_482257-113916.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ vendors worldwide"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "/pricing",
|
||||
},
|
||||
{
|
||||
text: "View Features",
|
||||
href: "/shop",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Free Trial", href: "/pricing" }, { text: "View Features", href: "/shop" }]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Reach",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Payments",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Automated Scaling",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Data-Driven",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Instant Payouts",
|
||||
},
|
||||
{ type: "text", text: "Global Reach" },
|
||||
{ type: "text", text: "Secure Payments" },
|
||||
{ type: "text", text: "Automated Scaling" },
|
||||
{ type: "text", text: "Data-Driven" },
|
||||
{ type: "text", text: "Instant Payouts" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,21 +67,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Real-Time Analytics",
|
||||
description: "Track platform-wide revenue and individual seller performance with granular data.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-analyst-studying-digital-commerce-progression-reports-computer_482257-126389.jpg",
|
||||
},
|
||||
{
|
||||
title: "Automated Payments",
|
||||
description: "Stripe Connect integration ensures instant commission splits for every single order.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-shopping-app_23-2151952988.jpg",
|
||||
},
|
||||
{
|
||||
title: "Inventory Management",
|
||||
description: "Unified tools for sellers to manage complex product catalogs, variants, and shipping.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-buyer-selecting-clothes-board_482257-84189.jpg",
|
||||
},
|
||||
{ title: "Real-Time Analytics", description: "Track platform-wide revenue and individual seller performance with granular data.", imageSrc: "http://img.b2bpic.net/free-photo/network-analyst-studying-digital-commerce-progression-reports-computer_482257-126389.jpg" },
|
||||
{ title: "Automated Payments", description: "Stripe Connect integration ensures instant commission splits for every single order.", imageSrc: "http://img.b2bpic.net/free-photo/mobile-shopping-app_23-2151952988.jpg" },
|
||||
{ title: "Inventory Management", description: "Unified tools for sellers to manage complex product catalogs, variants, and shipping.", imageSrc: "http://img.b2bpic.net/free-photo/woman-buyer-selecting-clothes-board_482257-84189.jpg" },
|
||||
]}
|
||||
title="Everything You Need to Scale"
|
||||
description="Enterprise-grade features built for modern marketplace operators."
|
||||
@@ -148,26 +83,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Jenkins, Platform Lead"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-businessman-wearing-suit-headshot-vertical-portrait-with-team_1163-3924.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-equity-analyst-working-proprietary-firm-reading-annual-company-reports-evaluate_482257-132953.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-smiling_23-2148729669.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-african-businessman-wearing-suit-headshot-vertical-portrait-with-team_1163-3924.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-equity-analyst-working-proprietary-firm-reading-annual-company-reports-evaluate_482257-132953.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-smiling_23-2148729669.jpg", alt: "Client 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -175,46 +95,14 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="ecommerce" data-section="ecommerce">
|
||||
<ProductCart />
|
||||
<ProductCart isOpen={false} onClose={() => {}} items={[]} total="$0" buttons={[]} />
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "/pricing",
|
||||
},
|
||||
{
|
||||
label: "Marketplace API",
|
||||
href: "/shop",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Product", items: [{ label: "Features", href: "/shop" }, { label: "Pricing", href: "/pricing" }, { label: "Marketplace API", href: "/shop" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/contact" }, { label: "Contact", href: "/contact" }, { label: "Terms of Service", href: "/contact" }] },
|
||||
]}
|
||||
logoText="MarketFlow"
|
||||
/>
|
||||
|
||||
@@ -25,22 +25,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "/pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="MarketFlow"
|
||||
/>
|
||||
@@ -55,18 +43,8 @@ export default function LandingPage() {
|
||||
title="Our Marketplace Tools"
|
||||
description="Explore our feature set."
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Analytics Suite",
|
||||
price: "$100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-58033.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Payment Gateway",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-control-panel_23-2151957130.jpg",
|
||||
},
|
||||
{ id: "1", name: "Analytics Suite", price: "$100", imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-58033.jpg" },
|
||||
{ id: "2", name: "Payment Gateway", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-control-panel_23-2151957130.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -80,26 +58,10 @@ export default function LandingPage() {
|
||||
description="Meet the team behind your success."
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Leadership",
|
||||
members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "CEO",
|
||||
subtitle: "MarketFlow",
|
||||
detail: "Leading the vision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-successful-businessman-smiling-posing-office_176420-911.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "CTO",
|
||||
subtitle: "Engineering",
|
||||
detail: "Building the future.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-young-woman-posing-office_23-2148452650.jpg",
|
||||
},
|
||||
id: "g1", groupTitle: "Leadership", members: [
|
||||
{ id: "m1", title: "CEO", subtitle: "MarketFlow", detail: "Leading the vision.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-successful-businessman-smiling-posing-office_176420-911.jpg" },
|
||||
{ id: "m2", title: "CTO", subtitle: "Engineering", detail: "Building the future.", imageSrc: "http://img.b2bpic.net/free-photo/professional-young-woman-posing-office_23-2148452650.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pregnant-woman-black-clothes-stands-grey-wall_8353-7850.jpg",
|
||||
imageAlt: "Young handsome successful businessman smiling, posing, over office",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -108,40 +70,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "/pricing",
|
||||
},
|
||||
{
|
||||
label: "Marketplace API",
|
||||
href: "/shop",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Product", items: [{ label: "Features", href: "/shop" }, { label: "Pricing", href: "/pricing" }, { label: "Marketplace API", href: "/shop" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/contact" }, { label: "Contact", href: "/contact" }, { label: "Terms of Service", href: "/contact" }] },
|
||||
]}
|
||||
logoText="MarketFlow"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user