Update src/app/page.tsx
This commit is contained in:
275
src/app/page.tsx
275
src/app/page.tsx
@@ -14,131 +14,88 @@ import { Award, BarChart, Globe, ShieldCheck, Truck } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmall"
|
||||
background="floatingGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
background="aurora"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Marketplace",
|
||||
id: "/marketplace",
|
||||
},
|
||||
name: "Marketplace", id: "/marketplace"},
|
||||
{
|
||||
name: "Buyer Workspace",
|
||||
id: "/buyer",
|
||||
},
|
||||
name: "Buyer Workspace", id: "/buyer"},
|
||||
{
|
||||
name: "Seller Workspace",
|
||||
id: "/seller",
|
||||
},
|
||||
name: "Seller Workspace", id: "/seller"},
|
||||
{
|
||||
name: "RFQ Board",
|
||||
id: "/rfq",
|
||||
},
|
||||
name: "RFQ Board", id: "/rfq"},
|
||||
{
|
||||
name: "Orders",
|
||||
id: "/orders",
|
||||
},
|
||||
name: "Orders", id: "/orders"},
|
||||
{
|
||||
name: "Analytics",
|
||||
id: "/analytics",
|
||||
},
|
||||
name: "Analytics", id: "/analytics"},
|
||||
{
|
||||
name: "Admin",
|
||||
id: "/admin",
|
||||
},
|
||||
name: "Admin", id: "/admin"},
|
||||
{
|
||||
name: "Settings",
|
||||
id: "/settings",
|
||||
},
|
||||
name: "Settings", id: "/settings"},
|
||||
]}
|
||||
brandName="Prime Smart Global B2B"
|
||||
button={{
|
||||
text: "Sign In",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Sign In", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "downward-rays-animated",
|
||||
}}
|
||||
variant: "downward-rays-animated"}}
|
||||
imagePosition="right"
|
||||
title="Luxury Refined Excellence Delivered"
|
||||
description="Experience the pinnacle of sophisticated design and uncompromising quality. Where every detail matters and exclusivity meets innovation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Premium Access",
|
||||
href: "/marketplace",
|
||||
},
|
||||
text: "Explore Premium Access", href: "/marketplace"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-control-panel_23-2151957130.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/logistics-team-shipping-goods-warehouse-shelf_23-2150893043.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
fixedMediaHeight={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg",
|
||||
alt: "Professional Trader",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg", alt: "Professional Trader"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg",
|
||||
alt: "Global Partner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg", alt: "Global Partner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg",
|
||||
alt: "Business Executive",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg", alt: "Business Executive"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg",
|
||||
alt: "Finance Analyst",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg", alt: "Finance Analyst"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/gradient-molecule-logo-vector-technology-icon-design_53876-105468.jpg",
|
||||
alt: "Market Specialist",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-vector/gradient-molecule-logo-vector-technology-icon-design_53876-105468.jpg", alt: "Market Specialist"},
|
||||
]}
|
||||
avatarText="Trusted by 5000+ global enterprises."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Global Market Access",
|
||||
icon: Globe,
|
||||
type: "text-icon", text: "Global Market Access", icon: Globe,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Secure Transactions",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Secure Transactions", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Real-time Analytics",
|
||||
icon: BarChart,
|
||||
type: "text-icon", text: "Real-time Analytics", icon: BarChart,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Streamlined Logistics",
|
||||
icon: Truck,
|
||||
type: "text-icon", text: "Streamlined Logistics", icon: Truck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Verified Suppliers",
|
||||
icon: Award,
|
||||
type: "text-icon", text: "Verified Suppliers", icon: Award,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -149,14 +106,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Global Trade Reimagined"
|
||||
description={[
|
||||
"Prime Smart Global B2B is your premier platform for seamless international trade. We connect importers, exporters, buyers, and sellers with unparalleled efficiency and security, elevating every transaction to an experience of luxury and precision.",
|
||||
"Our robust ecosystem provides comprehensive tools for every stage of the trade lifecycle, from advanced marketplace browsing and intelligent supplier matching to real-time order tracking and secure payment simulations. Built with enterprise-grade reliability, we empower businesses to navigate the complexities of global commerce with confidence.",
|
||||
]}
|
||||
"Prime Smart Global B2B is your premier platform for seamless international trade. We connect importers, exporters, buyers, and sellers with unparalleled efficiency and security, elevating every transaction to an experience of luxury and precision.", "Our robust ecosystem provides comprehensive tools for every stage of the trade lifecycle, from advanced marketplace browsing and intelligent supplier matching to real-time order tracking and secure payment simulations. Built with enterprise-grade reliability, we empower businesses to navigate the complexities of global commerce with confidence."]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/marketplace",
|
||||
},
|
||||
text: "Learn More", href: "/marketplace"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -169,25 +122,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Marketplace Filters",
|
||||
description: "Streamline product discovery with intelligent, multi-faceted filtering options tailored to your specific sourcing needs. Find exactly what you need, faster.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/globe-icon-vector-environmental-conservation-symbol_53876-112097.jpg",
|
||||
},
|
||||
title: "Advanced Marketplace Filters", description: "Streamline product discovery with intelligent, multi-faceted filtering options tailored to your specific sourcing needs. Find exactly what you need, faster.", imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-man-working-warehouse-with-tablet-showing-his-colleague_23-2148782390.jpg"},
|
||||
{
|
||||
title: "Real-time RFQ Management",
|
||||
description: "Efficiently create, distribute, and manage Requests for Quotation. Compare multiple supplier bids in a structured environment for optimal decision-making.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concept-wealth-retirement-golden-eggs_185193-109670.jpg",
|
||||
},
|
||||
title: "Real-time RFQ Management", description: "Efficiently create, distribute, and manage Requests for Quotation. Compare multiple supplier bids in a structured environment for optimal decision-making.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-business-person-holding-document-desk_23-2149176313.jpg"},
|
||||
{
|
||||
title: "Integrated Logistics Tracking",
|
||||
description: "Gain full visibility into your supply chain with real-time tracking of orders and shipments. Monitor progress from warehouse to delivery with granular detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/original-set-vintage-delivery-labels_23-2147676511.jpg",
|
||||
},
|
||||
title: "Integrated Logistics Tracking", description: "Gain full visibility into your supply chain with real-time tracking of orders and shipments. Monitor progress from warehouse to delivery with granular detail.", imageSrc: "http://img.b2bpic.net/free-photo/truck-transport-goods-cargo-shipping_23-2150889230.jpg"},
|
||||
{
|
||||
title: "Secure Payment Gateways",
|
||||
description: "Transact with confidence through our robust and secure payment simulation system. Supports various methods in DZD for seamless financial operations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-monitor-elegant-table_23-2150706427.jpg",
|
||||
},
|
||||
title: "Secure Payment Gateways", description: "Transact with confidence through our robust and secure payment simulation system. Supports various methods in DZD for seamless financial operations.", imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-man-holding-credit-card-using-laptop_23-2147983652.jpg"},
|
||||
]}
|
||||
title="Key Platform Capabilities"
|
||||
description="Discover the powerful features that drive efficiency and transparency in your global trade operations."
|
||||
@@ -201,40 +142,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2 Billion",
|
||||
title: "Total Value Traded (DZD)",
|
||||
items: [
|
||||
"Over a billion DZD processed",
|
||||
"Growing transaction volumes",
|
||||
],
|
||||
id: "m1", value: "1.2 Billion", title: "Total Value Traded (DZD)", items: [
|
||||
"Over a billion DZD processed", "Growing transaction volumes"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "150+",
|
||||
title: "Active Trade Routes",
|
||||
items: [
|
||||
"Connecting continents",
|
||||
"Diverse market access",
|
||||
],
|
||||
id: "m2", value: "150+", title: "Active Trade Routes", items: [
|
||||
"Connecting continents", "Diverse market access"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98.5%",
|
||||
title: "Successful Shipments",
|
||||
items: [
|
||||
"Unparalleled reliability",
|
||||
"On-time delivery rate",
|
||||
],
|
||||
id: "m3", value: "98.5%", title: "Successful Shipments", items: [
|
||||
"Unparalleled reliability", "On-time delivery rate"],
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "5000+",
|
||||
title: "Global Partner Network",
|
||||
items: [
|
||||
"Verified buyers and sellers",
|
||||
"Trusted international connections",
|
||||
],
|
||||
id: "m4", value: "5000+", title: "Global Partner Network", items: [
|
||||
"Verified buyers and sellers", "Trusted international connections"],
|
||||
},
|
||||
]}
|
||||
title="Global Reach & Impact"
|
||||
@@ -250,47 +171,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Deglet Nour Dates 5kg Carton",
|
||||
price: "5,500 د.ج",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freshly-ripe-vegetables-wooden-crate_23-2147844359.jpg",
|
||||
imageAlt: "Deglet Nour Dates 5kg Carton",
|
||||
},
|
||||
id: "p1", name: "Deglet Nour Dates 5kg Carton", price: "5,500 د.ج", imageSrc: "http://img.b2bpic.net/free-photo/fresh-dates-fruit_23-2150768403.jpg", imageAlt: "Deglet Nour Dates 5kg Carton"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Fresh Valencia Oranges",
|
||||
price: "3,200 د.ج",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-corn-with-potatoes-tomatoes_23-2148622464.jpg",
|
||||
imageAlt: "Fresh Valencia Oranges",
|
||||
},
|
||||
id: "p2", name: "Fresh Valencia Oranges", price: "3,200 د.ج", imageSrc: "http://img.b2bpic.net/free-photo/ripe-oranges-leaves_23-2148227652.jpg", imageAlt: "Fresh Valencia Oranges"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Organic Olive Oil 1L Bottle",
|
||||
price: "4,800 د.ج",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-bottle-with-olive-oil-wooden-table_176474-3017.jpg",
|
||||
imageAlt: "Organic Olive Oil 1L Bottle",
|
||||
},
|
||||
id: "p3", name: "Organic Olive Oil 1L Bottle", price: "4,800 د.ج", imageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-olive-oil-bottle_23-2151042792.jpg", imageAlt: "Organic Olive Oil 1L Bottle"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Premium Saffron Threads 10g Jar",
|
||||
price: "18,000 د.ج",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-blue-soup-served-white-plate_1304-4654.jpg",
|
||||
imageAlt: "Premium Saffron Threads 10g Jar",
|
||||
},
|
||||
id: "p4", name: "Premium Saffron Threads 10g Jar", price: "18,000 د.ج", imageSrc: "http://img.b2bpic.net/free-photo/saffron-spices-pile-bowl_23-2150172901.jpg", imageAlt: "Premium Saffron Threads 10g Jar"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Handcrafted Leather Goods Assortment",
|
||||
price: "25,000 د.ج",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cobbler-working-with-leather-textile_171337-12258.jpg",
|
||||
imageAlt: "Handcrafted Leather Goods Assortment",
|
||||
},
|
||||
id: "p5", name: "Handcrafted Leather Goods Assortment", price: "25,000 د.ج", imageSrc: "http://img.b2bpic.net/free-photo/fashion-bags-workshop_23-2149591146.jpg", imageAlt: "Handcrafted Leather Goods Assortment"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Specialty Coffee Beans 1kg Bag",
|
||||
price: "7,000 د.ج",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-brewing-with-bag-coffee-beans-foreground_23-2151965928.jpg",
|
||||
imageAlt: "Specialty Coffee Beans 1kg Bag",
|
||||
},
|
||||
id: "p6", name: "Specialty Coffee Beans 1kg Bag", price: "7,000 د.ج", imageSrc: "http://img.b2bpic.net/free-photo/fresh-roasted-coffee-beans_23-2150162590.jpg", imageAlt: "Specialty Coffee Beans 1kg Bag"},
|
||||
]}
|
||||
title="Featured Trade Opportunities"
|
||||
description="Explore high-value products and exclusive deals from our verified global network of suppliers."
|
||||
@@ -301,79 +192,49 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Press",
|
||||
href: "#",
|
||||
},
|
||||
label: "Press", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Marketplace",
|
||||
href: "/marketplace",
|
||||
},
|
||||
label: "Marketplace", href: "/marketplace"},
|
||||
{
|
||||
label: "Buyer Hub",
|
||||
href: "/buyer",
|
||||
},
|
||||
label: "Buyer Hub", href: "/buyer"},
|
||||
{
|
||||
label: "Seller Hub",
|
||||
href: "/seller",
|
||||
},
|
||||
label: "Seller Hub", href: "/seller"},
|
||||
{
|
||||
label: "Analytics",
|
||||
href: "/analytics",
|
||||
},
|
||||
label: "Analytics", href: "/analytics"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "RFQ Guide",
|
||||
href: "#",
|
||||
},
|
||||
label: "RFQ Guide", href: "#"},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Cookie Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Cookie Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/global-environmental-logo-vector-with-green-world-text_53876-112050.jpg"
|
||||
logoSrc="http://img.b2bpic.net/free-photo/global-connection-international-business-concept_23-2149303350.jpg"
|
||||
logoText="Prime Smart Global B2B"
|
||||
copyrightText="© 2025 Prime Smart Global B2B. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user