Merge version_1 into main #2
217
src/app/page.tsx
217
src/app/page.tsx
@@ -18,31 +18,28 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="BSS"
|
||||
/>
|
||||
@@ -52,39 +49,25 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="Smart Supplier Price Comparison"
|
||||
description="Empowering BSS businesses to make informed purchasing decisions with real-time supplier data, ensuring you get the best value, every time."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg"
|
||||
imageAlt="Supplier comparison dashboard interface"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-business-woman-dressed-blue-jacket-wears-glasses-poses-pink-with-dissatisfied-emotions_291650-1136.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/modern-business-woman-dressed-blue-jacket-wears-glasses-poses-pink-with-dissatisfied-emotions_291650-1136.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-working-environment_1098-3229.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-working-environment_1098-3229.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ procurement pros"
|
||||
/>
|
||||
@@ -97,19 +80,13 @@ export default function LandingPage() {
|
||||
description="We aggregate supplier data to help you cut costs and streamline procurement processes. Our platform provides the transparency BSS teams need to maintain competitive edges."
|
||||
metrics={[
|
||||
{
|
||||
value: "20%",
|
||||
title: "Avg. Cost Savings",
|
||||
},
|
||||
value: "20%", title: "Avg. Cost Savings"},
|
||||
{
|
||||
value: "150+",
|
||||
title: "Active Suppliers",
|
||||
},
|
||||
value: "150+", title: "Active Suppliers"},
|
||||
{
|
||||
value: "5k+",
|
||||
title: "Processed Quotes",
|
||||
},
|
||||
value: "5k+", title: "Processed Quotes"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-conference-room-with-city-view_23-2152005576.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-conference-room-with-city-view_23-2152005576.jpg"
|
||||
imageAlt="Team analyzing price metrics"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
@@ -123,67 +100,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Real-time Tracking",
|
||||
description: "Monitor price shifts from all your suppliers instantly.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461348.jpg?_wi=1",
|
||||
imageAlt: "Tracking",
|
||||
},
|
||||
title: "Real-time Tracking", description: "Monitor price shifts from all your suppliers instantly.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461348.jpg", imageAlt: "Tracking"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Instant updates",
|
||||
},
|
||||
text: "Instant updates"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Verified data",
|
||||
},
|
||||
text: "Verified data"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg?_wi=2",
|
||||
imageAlt: "data analytics dashboard",
|
||||
},
|
||||
{
|
||||
title: "Supplier Network",
|
||||
description: "Access a massive database of trusted industry suppliers.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-connection-graphic-overlay-notepad-desk_53876-133707.jpg",
|
||||
imageAlt: "Network",
|
||||
},
|
||||
title: "Supplier Network", description: "Access a massive database of trusted industry suppliers.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-connection-graphic-overlay-notepad-desk_53876-133707.jpg", imageAlt: "Network"},
|
||||
items: [
|
||||
{
|
||||
icon: Globe,
|
||||
text: "Global reach",
|
||||
},
|
||||
text: "Global reach"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Vetted partners",
|
||||
},
|
||||
text: "Vetted partners"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-conference-room-with-city-view_23-2152005576.jpg?_wi=2",
|
||||
imageAlt: "professional business office",
|
||||
},
|
||||
{
|
||||
title: "Savings Insights",
|
||||
description: "Deep dive into your spending and find hidden opportunities.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-heap-banknote-cash-payment-money-transfer-exchange-concept-by-3d-render-illustration_616485-108.jpg",
|
||||
imageAlt: "Insights",
|
||||
},
|
||||
title: "Savings Insights", description: "Deep dive into your spending and find hidden opportunities.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-heap-banknote-cash-payment-money-transfer-exchange-concept-by-3d-render-illustration_616485-108.jpg", imageAlt: "Insights"},
|
||||
items: [
|
||||
{
|
||||
icon: TrendingUp,
|
||||
text: "Advanced analytics",
|
||||
},
|
||||
text: "Advanced analytics"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Optimized spending",
|
||||
},
|
||||
text: "Optimized spending"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461348.jpg?_wi=2",
|
||||
imageAlt: "digital price tag icon",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Procurement Tools"
|
||||
@@ -196,14 +149,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Industrial Corp",
|
||||
"Logistics Group",
|
||||
"Global Trade",
|
||||
"Supply Co",
|
||||
"Distribution Inc",
|
||||
"Manufacturing Ltd",
|
||||
"Procurement Partners",
|
||||
]}
|
||||
"Industrial Corp", "Logistics Group", "Global Trade", "Supply Co", "Distribution Inc", "Manufacturing Ltd", "Procurement Partners"]}
|
||||
title="Trusted by Leading Industry Partners"
|
||||
description="Companies across the country rely on BSS for procurement excellence."
|
||||
/>
|
||||
@@ -217,45 +163,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Procurement Lead",
|
||||
company: "Industrial Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-business-woman-dressed-blue-jacket-wears-glasses-poses-pink-with-dissatisfied-emotions_291650-1136.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Jenkins", role: "Procurement Lead", company: "Industrial Corp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-business-woman-dressed-blue-jacket-wears-glasses-poses-pink-with-dissatisfied-emotions_291650-1136.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Thomson",
|
||||
role: "Supply Manager",
|
||||
company: "Logistics Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg",
|
||||
},
|
||||
id: "2", name: "Mark Thomson", role: "Supply Manager", company: "Logistics Group", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Operations Director",
|
||||
company: "Global Trade",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg",
|
||||
},
|
||||
id: "3", name: "Elena Rodriguez", role: "Operations Director", company: "Global Trade", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Chen",
|
||||
role: "Operations Manager",
|
||||
company: "Supply Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-working-environment_1098-3229.jpg",
|
||||
},
|
||||
id: "4", name: "David Chen", role: "Operations Manager", company: "Supply Co", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-working-environment_1098-3229.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Wang",
|
||||
role: "Purchasing Head",
|
||||
company: "Distribution Inc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",
|
||||
},
|
||||
id: "5", name: "Lisa Wang", role: "Purchasing Head", company: "Distribution Inc", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Success stories from procurement leaders."
|
||||
@@ -266,8 +187,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Started"
|
||||
title="Start Comparing Today"
|
||||
description="Ready to optimize your procurement? Reach out and get started with a demo of the BSS platform."
|
||||
@@ -279,50 +199,31 @@ export default function LandingPage() {
|
||||
logoText="BSS"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Comparison Tools",
|
||||
href: "#",
|
||||
},
|
||||
label: "Comparison Tools", href: "#"},
|
||||
{
|
||||
label: "Supplier Portal",
|
||||
href: "#",
|
||||
},
|
||||
label: "Supplier Portal", href: "#"},
|
||||
{
|
||||
label: "Analytics",
|
||||
href: "#",
|
||||
},
|
||||
label: "Analytics", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Press",
|
||||
href: "#",
|
||||
},
|
||||
label: "Press", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user