Merge version_1 into main #1
208
src/app/page.tsx
208
src/app/page.tsx
@@ -31,90 +31,56 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Browse",
|
||||
id: "products",
|
||||
},
|
||||
name: "Browse", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
]}
|
||||
brandName="NicheMarket"
|
||||
button={{
|
||||
text: "Post RFQ",
|
||||
}}
|
||||
text: "Post RFQ"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Streamline Your RFQ and Niche Procurement"
|
||||
description="Connect with specialized suppliers, simplify bidding, and source industrial components with unmatched speed and precision."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-happy-senior-businessman-with-flipchart_1262-1744.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-happy-senior-businessman-with-flipchart_1262-1744.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/redhaired-businessman-drinking-coffee_176420-4987.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/redhaired-businessman-drinking-coffee_176420-4987.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-successful-businessman-manager-ceo-holding-tablet-walking-through-warehouse-storage-area-looking-towards-shelves_342744-1499.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-successful-businessman-manager-ceo-holding-tablet-walking-through-warehouse-storage-area-looking-towards-shelves_342744-1499.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/christmas-shopping-holiday-season_187299-46685.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/christmas-shopping-holiday-season_187299-46685.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ global enterprises"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Sourcing",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Start Sourcing", href: "#products"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "ISO 9001 Certified",
|
||||
},
|
||||
type: "text", text: "ISO 9001 Certified"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Supply Chain",
|
||||
},
|
||||
type: "text", text: "Global Supply Chain"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure RFQ Portal",
|
||||
},
|
||||
type: "text", text: "Secure RFQ Portal"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Automated Logistics",
|
||||
},
|
||||
type: "text", text: "Automated Logistics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Compliance",
|
||||
},
|
||||
type: "text", text: "Real-time Compliance"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,18 +90,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Modernizing the ",
|
||||
},
|
||||
type: "text", content: "Modernizing the "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/solar-panel-industry-expert-stands-high-tech-facility-inspection_482257-126036.jpg",
|
||||
alt: "Procurement Tech",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/solar-panel-industry-expert-stands-high-tech-facility-inspection_482257-126036.jpg", alt: "Procurement Tech"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Niche Marketplace",
|
||||
},
|
||||
type: "text", content: " Niche Marketplace"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -148,29 +107,19 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Rapid RFQ Bidding",
|
||||
description: "Automated bid cycles that reduce procurement lead times by up to 60%.",
|
||||
},
|
||||
title: "Rapid RFQ Bidding", description: "Automated bid cycles that reduce procurement lead times by up to 60%."},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Verified Vendors",
|
||||
description: "Rigorous vetting processes ensuring high-quality niche component supply.",
|
||||
},
|
||||
title: "Verified Vendors", description: "Rigorous vetting processes ensuring high-quality niche component supply."},
|
||||
{
|
||||
icon: BarChart2,
|
||||
title: "Advanced Analytics",
|
||||
description: "Gain actionable insights into your procurement spend and supplier performance.",
|
||||
},
|
||||
title: "Advanced Analytics", description: "Gain actionable insights into your procurement spend and supplier performance."},
|
||||
{
|
||||
icon: Globe,
|
||||
title: "Global Sourcing",
|
||||
description: "Access a worldwide network of specialized industrial manufacturers.",
|
||||
},
|
||||
title: "Global Sourcing", description: "Access a worldwide network of specialized industrial manufacturers."},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "24/7 Monitoring",
|
||||
description: "Continuous oversight of your active bids and logistics workflows.",
|
||||
},
|
||||
title: "24/7 Monitoring", description: "Continuous oversight of your active bids and logistics workflows."},
|
||||
]}
|
||||
title="Built for Precision & Scale"
|
||||
description="Sophisticated tools designed to automate complex supply chains."
|
||||
@@ -179,52 +128,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Precision Industrial Sensor",
|
||||
price: "$120",
|
||||
variant: "Grade A",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545651.jpg",
|
||||
},
|
||||
id: "p1", name: "Precision Industrial Sensor", price: "$120", variant: "Grade A", imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545651.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "High-Freq Processor",
|
||||
price: "$850",
|
||||
variant: "Automotive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-themed-circuit-board-with-capacitor_23-2148284284.jpg",
|
||||
},
|
||||
id: "p2", name: "High-Freq Processor", price: "$850", variant: "Automotive", imageSrc: "http://img.b2bpic.net/free-photo/blue-themed-circuit-board-with-capacitor_23-2148284284.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Alloy Raw Material",
|
||||
price: "$45",
|
||||
variant: "Bulk",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-little-music-boxes_52683-121766.jpg",
|
||||
},
|
||||
id: "p3", name: "Alloy Raw Material", price: "$45", variant: "Bulk", imageSrc: "http://img.b2bpic.net/free-photo/still-life-little-music-boxes_52683-121766.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Lab Research Module",
|
||||
price: "$2,100",
|
||||
variant: "Scientific",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-works-with-professional-precision-drilling-tool_169016-13116.jpg",
|
||||
},
|
||||
id: "p4", name: "Lab Research Module", price: "$2,100", variant: "Scientific", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-works-with-professional-precision-drilling-tool_169016-13116.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Engineering Tooling Set",
|
||||
price: "$560",
|
||||
variant: "Precision",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circular-saw-miter-saw-photographed-workshop-atmosphere_169016-12976.jpg",
|
||||
},
|
||||
id: "p5", name: "Engineering Tooling Set", price: "$560", variant: "Precision", imageSrc: "http://img.b2bpic.net/free-photo/circular-saw-miter-saw-photographed-workshop-atmosphere_169016-12976.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Semiconductor Logic Chip",
|
||||
price: "$340",
|
||||
variant: "Advanced",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-cloud-concept-with-circuits_23-2149739752.jpg",
|
||||
},
|
||||
id: "p6", name: "Semiconductor Logic Chip", price: "$340", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/ai-cloud-concept-with-circuits_23-2149739752.jpg"},
|
||||
]}
|
||||
title="Top Niche Components"
|
||||
description="Direct access to hard-to-find industrial parts."
|
||||
@@ -238,40 +158,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@procurement_lead",
|
||||
testimonial: "The RFQ efficiency here is unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-sitting-lecture-hall-working-laptop-wearing-glasses-modern-auditorium-student-education-online-freelancer-smiling-talking-phone_285396-50.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "@procurement_lead", testimonial: "The RFQ efficiency here is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-sitting-lecture-hall-working-laptop-wearing-glasses-modern-auditorium-student-education-online-freelancer-smiling-talking-phone_285396-50.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@tech_founder",
|
||||
testimonial: "Finally, a marketplace that understands the nuance of technical niche components.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-car-showroom_1303-17442.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", handle: "@tech_founder", testimonial: "Finally, a marketplace that understands the nuance of technical niche components.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-car-showroom_1303-17442.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@supply_chain_expert",
|
||||
testimonial: "Vendor vetting is top-notch, saving us time and risk.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-man-protective-helmet-holding-tablet-looking-away_74855-16420.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", handle: "@supply_chain_expert", testimonial: "Vendor vetting is top-notch, saving us time and risk.", imageSrc: "http://img.b2bpic.net/free-photo/pensive-man-protective-helmet-holding-tablet-looking-away_74855-16420.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@trade_analyst",
|
||||
testimonial: "The automated bid cycles are incredibly intuitive.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-executive-sitting-couch_1098-2454.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", handle: "@trade_analyst", testimonial: "The automated bid cycles are incredibly intuitive.", imageSrc: "http://img.b2bpic.net/free-photo/serious-executive-sitting-couch_1098-2454.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Laura Smith",
|
||||
handle: "@cto_innovation",
|
||||
testimonial: "A game-changer for sourcing hard-to-find components.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-client-looking-formal-blazers-shopping-mall_482257-93110.jpg",
|
||||
},
|
||||
id: "5", name: "Laura Smith", handle: "@cto_innovation", testimonial: "A game-changer for sourcing hard-to-find components.", imageSrc: "http://img.b2bpic.net/free-photo/elderly-client-looking-formal-blazers-shopping-mall_482257-93110.jpg"},
|
||||
]}
|
||||
title="Global Partner Success"
|
||||
description="Why leading supply chain managers choose NicheMarket."
|
||||
@@ -285,20 +180,11 @@ export default function LandingPage() {
|
||||
tag="Trusted Metrics"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "$500M+",
|
||||
description: "Total Bidding Volume",
|
||||
},
|
||||
id: "m1", value: "$500M+", description: "Total Bidding Volume"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12k+",
|
||||
description: "Verified Suppliers",
|
||||
},
|
||||
id: "m2", value: "12k+", description: "Verified Suppliers"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "85%",
|
||||
description: "RFQ Efficiency Gain",
|
||||
},
|
||||
id: "m3", value: "85%", description: "RFQ Efficiency Gain"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -311,19 +197,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "#", ariaLabel: "LinkedIn"},
|
||||
{
|
||||
icon: Github,
|
||||
href: "#",
|
||||
ariaLabel: "GitHub",
|
||||
},
|
||||
href: "#", ariaLabel: "GitHub"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user