Merge version_1 into main #2

Merged
bender merged 5 commits from version_1 into main 2026-04-12 21:45:39 +00:00
5 changed files with 323 additions and 692 deletions

View File

@@ -8,135 +8,72 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import { Award, CheckSquare, Clock, Globe, Users } from "lucide-react";
export default function LandingPage() {
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
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">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Sell",
id: "/sell",
},
{
name: "Buy",
id: "/buy",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="PBI Brokers"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Sell", id: "/sell" },
{ name: "Buy", id: "/buy" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }
]}
brandName="PBI Brokers"
/>
</div>
<div id="about-body" data-section="about-body">
<AboutMetric
useInvertedBackground={false}
title="Experience You Can Trust"
metrics={[
{
icon: Users,
label: "Team",
value: "Atlanta Based",
},
{
icon: Clock,
label: "History",
value: "15+ Years",
},
{
icon: CheckSquare,
label: "Focus",
value: "Confidential",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="about-body" data-section="about-body">
<AboutMetric
useInvertedBackground={false}
title="Experience You Can Trust"
metricsAnimation="slide-up"
metrics={[
{ icon: Users, label: "Team", value: "Atlanta Based" },
{ icon: Clock, label: "History", value: "15+ Years" },
{ icon: CheckSquare, label: "Focus", value: "Confidential" }
]}
/>
</div>
<div id="metric" data-section="metric">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Our Firm's Impact"
description="Building the future of Atlanta business through integrity and results."
metrics={[
{
id: "a1",
icon: Globe,
title: "Market Reach",
value: "Statewide",
},
{
id: "a2",
icon: Award,
title: "Awards Won",
value: "20+",
},
{
id: "a3",
icon: Users,
title: "Active Clients",
value: "50+",
},
]}
/>
</div>
<div id="metric" data-section="metric">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Our Firm's Impact"
description="Building the future of Atlanta business through integrity and results."
metrics={[
{ id: "a1", icon: Globe, title: "Market Reach", value: "Statewide" },
{ id: "a2", icon: Award, title: "Awards Won", value: "20+" },
{ id: "a3", icon: Users, title: "Active Clients", value: "50+" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/businesspeople-having-discussion-shaking-hands_107420-74298.jpg?_wi=4"
logoText="PBI Business Brokers"
columns={[
{
title: "Services",
items: [
{
label: "Selling",
href: "/sell",
},
{
label: "Buying",
href: "/buy",
},
{
label: "Valuation",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/businesspeople-having-discussion-shaking-hands_107420-74298.jpg"
logoText="PBI Business Brokers"
columns={[
{ title: "Services", items: [{ label: "Selling", href: "/sell" }, { label: "Buying", href: "/buy" }, { label: "Valuation", href: "#" }] },
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -8,127 +8,71 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import { Briefcase, FileText, Search, TrendingUp } from "lucide-react";
export default function LandingPage() {
export default function BuyPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
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">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Sell",
id: "/sell",
},
{
name: "Buy",
id: "/buy",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="PBI Brokers"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Sell", id: "/sell" },
{ name: "Buy", id: "/buy" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }
]}
brandName="PBI Brokers"
/>
</div>
<div id="buy-body" data-section="buy-body">
<AboutMetric
useInvertedBackground={false}
title="Find the Right Opportunity"
metrics={[
{
icon: Search,
label: "Listings",
value: "Vetted",
},
{
icon: Briefcase,
label: "Guidance",
value: "Expert",
},
{
icon: TrendingUp,
label: "Support",
value: "Risk-Free",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="buy-body" data-section="buy-body">
<AboutMetric
useInvertedBackground={false}
title="Find the Right Opportunity"
metricsAnimation="slide-up"
metrics={[
{ icon: Search, label: "Listings", value: "Vetted" },
{ icon: Briefcase, label: "Guidance", value: "Expert" },
{ icon: TrendingUp, label: "Support", value: "Risk-Free" }
]}
/>
</div>
<div id="feature" data-section="feature">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Acquisition Services"
description="We help you identify, evaluate, and acquire the right business."
features={[
{
icon: Search,
title: "Opportunity Scout",
description: "Targeted search for your industry.",
},
{
icon: FileText,
title: "Due Diligence",
description: "Expert review of financials.",
},
]}
/>
</div>
<div id="feature" data-section="feature">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Acquisition Services"
description="We help you identify, evaluate, and acquire the right business."
features={[
{ icon: Search, title: "Opportunity Scout", description: "Targeted search for your industry." },
{ icon: FileText, title: "Due Diligence", description: "Expert review of financials." }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/businesspeople-having-discussion-shaking-hands_107420-74298.jpg?_wi=3"
logoText="PBI Business Brokers"
columns={[
{
title: "Services",
items: [
{
label: "Selling",
href: "/sell",
},
{
label: "Buying",
href: "/buy",
},
{
label: "Valuation",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/businesspeople-having-discussion-shaking-hands_107420-74298.jpg"
logoText="PBI Business Brokers"
columns={[
{ title: "Services", items: [{ label: "Selling", href: "/sell" }, { label: "Buying", href: "/buy" }, { label: "Valuation", href: "#" }] },
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -7,102 +7,62 @@ import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
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">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Sell",
id: "/sell",
},
{
name: "Buy",
id: "/buy",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="PBI Brokers"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Sell", id: "/sell" },
{ name: "Buy", id: "/buy" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }
]}
brandName="PBI Brokers"
/>
</div>
<div id="contact-body" data-section="contact-body">
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
text="Schedule a Confidential Consultation at our Atlanta office. (770) 674-6969"
/>
</div>
<div id="contact-body" data-section="contact-body">
<ContactText
useInvertedBackground={false}
background={{ variant: "plain" }}
text="Schedule a Confidential Consultation at our Atlanta office. (770) 674-6969"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Let's Connect"
title="Ready to get started?"
description="Fill out the form to receive a free introductory market evaluation call."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Let's Connect"
title="Ready to get started?"
description="Fill out the form to receive a free introductory market evaluation call."
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/businesspeople-having-discussion-shaking-hands_107420-74298.jpg?_wi=5"
logoText="PBI Business Brokers"
columns={[
{
title: "Services",
items: [
{
label: "Selling",
href: "/sell",
},
{
label: "Buying",
href: "/buy",
},
{
label: "Valuation",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/businesspeople-having-discussion-shaking-hands_107420-74298.jpg"
logoText="PBI Business Brokers"
columns={[
{ title: "Services", items: [{ label: "Selling", href: "/sell" }, { label: "Buying", href: "/buy" }, { label: "Valuation", href: "#" }] },
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -17,279 +17,125 @@ export default function LandingPage() {
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
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">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Sell",
id: "/sell",
},
{
name: "Buy",
id: "/buy",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="PBI Brokers"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Sell", id: "/sell" },
{ name: "Buy", id: "/buy" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }
]}
brandName="PBI Brokers"
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "plain",
}}
title="Sell Your Business for Maximum Value — With Atlantas Trusted Experts"
description="We handle every detail, from valuation to closing, ensuring a confidential and profitable transition."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/side-view-business-woman-posing_23-2149457762.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/happy-senior-looking-notebook_23-2148346228.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/charming-woman-looks-into-camera-smiles-caucasian-short-haired-lady-black-jacket-laughing-posing-isolated_197531-18517.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/happy-relaxed-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder_74855-15162.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101345.jpg",
alt: "Client 5",
},
]}
buttons={[
{
text: "Get Free Valuation",
href: "#",
},
{
text: "Speak With a Broker",
href: "/contact",
},
]}
marqueeItems={[
{
type: "text",
text: "Confidential",
},
{
type: "text",
text: "Expert Valuation",
},
{
type: "text",
text: "100+ Deals Closed",
},
{
type: "text",
text: "Atlanta Based",
},
{
type: "text",
text: "Maximum Value",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{ variant: "plain" }}
title="Sell Your Business for Maximum Value — With Atlantas Trusted Experts"
description="We handle every detail, from valuation to closing, ensuring a confidential and profitable transition."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/side-view-business-woman-posing_23-2149457762.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/happy-senior-looking-notebook_23-2148346228.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/charming-woman-looks-into-camera-smiles-caucasian-short-haired-lady-black-jacket-laughing-posing-isolated_197531-18517.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/happy-relaxed-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder_74855-15162.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101345.jpg", alt: "Client 5" }
]}
buttons={[
{ text: "Get Free Valuation", href: "#" },
{ text: "Speak With a Broker", href: "/contact" }
]}
marqueeItems={[
{ type: "text", text: "Confidential" },
{ type: "text", text: "Expert Valuation" },
{ type: "text", text: "100+ Deals Closed" },
{ type: "text", text: "Atlanta Based" },
{ type: "text", text: "Maximum Value" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "CEO",
company: "TechCorp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg",
},
{
id: "2",
name: "Michael Chen",
role: "Owner",
company: "InnovateLab",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
},
{
id: "3",
name: "Emily Rodriguez",
role: "Founder",
company: "GrowthCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-female-business-people-using-tablet-computer-outdoors_1262-12523.jpg",
},
{
id: "4",
name: "David Kim",
role: "Director",
company: "StartupXYZ",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-professional_1098-14759.jpg",
},
{
id: "5",
name: "Alex Smith",
role: "Owner",
company: "LocalBiz",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
},
]}
kpiItems={[
{
value: "4.7⭐",
label: "Client Rating",
},
{
value: "100+",
label: "Deals Closed",
},
{
value: "15+",
label: "Years Experience",
},
]}
title="Proven Results. Real Clients."
description="Don't take our word for it — hear from the business owners we've helped succeed in Atlanta."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="Proven Results. Real Clients."
description="Don't take our word for it — hear from the business owners we've helped succeed in Atlanta."
testimonials={[
{ id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg" },
{ id: "2", name: "Michael Chen", role: "Owner", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg" },
{ id: "3", name: "Emily Rodriguez", role: "Founder", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-female-business-people-using-tablet-computer-outdoors_1262-12523.jpg" },
{ id: "4", name: "David Kim", role: "Director", company: "StartupXYZ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-professional_1098-14759.jpg" },
{ id: "5", name: "Alex Smith", role: "Owner", company: "LocalBiz", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg" }
]}
kpiItems={[
{ value: "4.7⭐", label: "Client Rating" },
{ value: "100+", label: "Deals Closed" },
{ value: "15+", label: "Years Experience" }
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardEight
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Business Selling",
description: "Confidentially market your business to qualified buyers and maximize your exit valuation.",
imageSrc: "http://img.b2bpic.net/free-photo/businessmen-shaking-hands-close-up_23-2148308619.jpg",
imageAlt: "Selling",
},
{
title: "Business Buying",
description: "Access vetted listings and receive guidance through every step of your acquisition journey.",
imageSrc: "http://img.b2bpic.net/free-photo/big-city-skyline-with-urban-skyscrapers-sunset-background_1127-3630.jpg",
imageAlt: "Buying",
},
{
title: "Business Valuation",
description: "Understand exactly what your business is worth with our data-driven valuation expertise.",
imageSrc: "http://img.b2bpic.net/free-photo/interior-designers-picking-color-scheme-project_1163-5384.jpg",
imageAlt: "Valuation",
},
]}
title="Our Core Services"
description="Expert brokerage solutions tailored to your business goals."
/>
</div>
<div id="features" data-section="features">
<FeatureCardEight
textboxLayout="split"
useInvertedBackground={false}
title="Our Core Services"
description="Expert brokerage solutions tailored to your business goals."
features={[
{ title: "Business Selling", description: "Confidentially market your business to qualified buyers and maximize your exit valuation.", imageSrc: "http://img.b2bpic.net/free-photo/businessmen-shaking-hands-close-up_23-2148308619.jpg", imageAlt: "Selling" },
{ title: "Business Buying", description: "Access vetted listings and receive guidance through every step of your acquisition journey.", imageSrc: "http://img.b2bpic.net/free-photo/big-city-skyline-with-urban-skyscrapers-sunset-background_1127-3630.jpg", imageAlt: "Buying" },
{ title: "Business Valuation", description: "Understand exactly what your business is worth with our data-driven valuation expertise.", imageSrc: "http://img.b2bpic.net/free-photo/interior-designers-picking-color-scheme-project_1163-5384.jpg", imageAlt: "Valuation" }
]}
/>
</div>
<div id="metric" data-section="metric">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Unmatched Market Intel"
description="Data-backed insights to guide your decision-making in the Atlanta market."
metrics={[
{
id: "m1",
icon: LineChart,
title: "Market Access",
value: "Exclusive",
},
{
id: "m2",
icon: ShieldCheck,
title: "Confidentiality",
value: "100%",
},
{
id: "m3",
icon: Clock,
title: "Closing Time",
value: "Fast",
},
]}
/>
</div>
<div id="metric" data-section="metric">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Unmatched Market Intel"
description="Data-backed insights to guide your decision-making in the Atlanta market."
metrics={[
{ id: "m1", icon: LineChart, title: "Market Access", value: "Exclusive" },
{ id: "m2", icon: ShieldCheck, title: "Confidentiality", value: "100%" },
{ id: "m3", icon: Clock, title: "Closing Time", value: "Fast" }
]}
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
title="Trusted by Atlanta's Business Leaders"
description="We are proud to partner with exceptional local businesses and entrepreneurs."
names={[
"Atlanta Tech Center",
"Georgia Logistics Hub",
"Peachtree Retail Partners",
"Buckhead Service Group",
"Midtown Growth Labs",
]}
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
title="Trusted by Atlanta's Business Leaders"
description="We are proud to partner with exceptional local businesses and entrepreneurs."
names={["Atlanta Tech Center", "Georgia Logistics Hub", "Peachtree Retail Partners", "Buckhead Service Group", "Midtown Growth Labs"]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/businesspeople-having-discussion-shaking-hands_107420-74298.jpg?_wi=1"
logoText="PBI Business Brokers"
columns={[
{
title: "Services",
items: [
{
label: "Selling",
href: "/sell",
},
{
label: "Buying",
href: "/buy",
},
{
label: "Valuation",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/businesspeople-having-discussion-shaking-hands_107420-74298.jpg"
logoText="PBI Business Brokers"
columns={[
{ title: "Services", items: [{ label: "Selling", href: "/sell" }, { label: "Buying", href: "/buy" }, { label: "Valuation", href: "#" }] },
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -8,127 +8,71 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import { Award, CheckCircle, Shield, Target } from "lucide-react";
export default function LandingPage() {
export default function SellPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
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">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Sell",
id: "/sell",
},
{
name: "Buy",
id: "/buy",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="PBI Brokers"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Sell", id: "/sell" },
{ name: "Buy", id: "/buy" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }
]}
brandName="PBI Brokers"
/>
</div>
<div id="sell-body" data-section="sell-body">
<AboutMetric
useInvertedBackground={false}
title="Maximize Your Exit"
metrics={[
{
icon: CheckCircle,
label: "Outreach",
value: "Confidential",
},
{
icon: Award,
label: "Marketing",
value: "Premium",
},
{
icon: Shield,
label: "Process",
value: "Expert",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="sell-body" data-section="sell-body">
<AboutMetric
useInvertedBackground={false}
title="Maximize Your Exit"
metricsAnimation="slide-up"
metrics={[
{ icon: CheckCircle, label: "Outreach", value: "Confidential" },
{ icon: Award, label: "Marketing", value: "Premium" },
{ icon: Shield, label: "Process", value: "Expert" }
]}
/>
</div>
<div id="feature" data-section="feature">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Why List With Us"
description="Our systematic approach ensures your business reaches the right investors."
features={[
{
icon: Shield,
title: "Confidential Listing",
description: "Discreet marketing protects your brand.",
},
{
icon: Target,
title: "Qualified Buyers",
description: "We vet all potential candidates.",
},
]}
/>
</div>
<div id="feature" data-section="feature">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Why List With Us"
description="Our systematic approach ensures your business reaches the right investors."
features={[
{ icon: Shield, title: "Confidential Listing", description: "Discreet marketing protects your brand." },
{ icon: Target, title: "Qualified Buyers", description: "We vet all potential candidates." }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/businesspeople-having-discussion-shaking-hands_107420-74298.jpg?_wi=2"
logoText="PBI Business Brokers"
columns={[
{
title: "Services",
items: [
{
label: "Selling",
href: "/sell",
},
{
label: "Buying",
href: "/buy",
},
{
label: "Valuation",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/businesspeople-having-discussion-shaking-hands_107420-74298.jpg"
logoText="PBI Business Brokers"
columns={[
{ title: "Services", items: [{ label: "Selling", href: "/sell" }, { label: "Buying", href: "/buy" }, { label: "Valuation", href: "#" }] },
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);