Update src/app/page.tsx
This commit is contained in:
140
src/app/page.tsx
140
src/app/page.tsx
@@ -30,16 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Price Alerts", id: "/price-alerts" },
|
||||
{ name: "Orders", id: "/orders" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
]}
|
||||
brandName="BSS"
|
||||
/>
|
||||
@@ -52,22 +47,15 @@ export default function LandingPage() {
|
||||
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: "Learn More", href: "#about"},
|
||||
{ text: "View Alerts", href: "/price-alerts" },
|
||||
{ text: "Order Now", href: "/orders" },
|
||||
]}
|
||||
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/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/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/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/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/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ procurement pros"
|
||||
/>
|
||||
@@ -79,12 +67,9 @@ export default function LandingPage() {
|
||||
title="Why BSS Price Comparison?"
|
||||
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: "150+", title: "Active Suppliers"},
|
||||
{
|
||||
value: "5k+", title: "Processed Quotes"},
|
||||
{ value: "20%", title: "Avg. Cost Savings" },
|
||||
{ value: "150+", title: "Active Suppliers" },
|
||||
{ value: "5k+", title: "Processed Quotes" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-conference-room-with-city-view_23-2152005576.jpg"
|
||||
imageAlt="Team analyzing price metrics"
|
||||
@@ -100,42 +85,18 @@ 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", imageAlt: "Tracking"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Instant updates"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Verified data"},
|
||||
],
|
||||
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" }, { icon: CheckCircle, text: "Verified data" }],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
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"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Vetted partners"},
|
||||
],
|
||||
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" }, { icon: Shield, text: "Vetted partners" }],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
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"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Optimized spending"},
|
||||
],
|
||||
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" }, { icon: Award, text: "Optimized spending" }],
|
||||
reverse: false,
|
||||
},
|
||||
]}
|
||||
@@ -148,8 +109,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Industrial Corp", "Logistics Group", "Global Trade", "Supply Co", "Distribution Inc", "Manufacturing Ltd", "Procurement Partners"]}
|
||||
names={["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."
|
||||
/>
|
||||
@@ -162,21 +122,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
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: "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: "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: "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: "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: "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."
|
||||
@@ -186,8 +136,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ 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."
|
||||
@@ -198,38 +147,13 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="BSS"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Comparison Tools", href: "#"},
|
||||
{
|
||||
label: "Supplier Portal", href: "#"},
|
||||
{
|
||||
label: "Analytics", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Press", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Platform", items: [{ label: "Comparison Tools", href: "#" }, { label: "Price Alerts", href: "/price-alerts" }, { label: "Orders", href: "/orders" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }, { label: "Press", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user