Merge version_1 into main #1
284
src/app/page.tsx
284
src/app/page.tsx
@@ -30,17 +30,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Solutions",
|
||||
id: "solutions",
|
||||
},
|
||||
name: "Solutions", id: "solutions"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
]}
|
||||
brandName="Bookly"
|
||||
/>
|
||||
@@ -52,73 +46,39 @@ export default function LandingPage() {
|
||||
description="Bookly is your AI front desk that answers every call and lead instantly and turns inquiries into booked appointments 24/7."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Mike J.",
|
||||
handle: "@MikeHVAC",
|
||||
testimonial: "Bookly saved my business 10 hours a week on scheduling alone. Worth every penny.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-male-builder-wearing-uniform-safety-helmet-showing-handshakes-gesture-purple_141793-74804.jpg",
|
||||
},
|
||||
name: "Mike J.", handle: "@MikeHVAC", testimonial: "Bookly saved my business 10 hours a week on scheduling alone. Worth every penny.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-male-builder-wearing-uniform-safety-helmet-showing-handshakes-gesture-purple_141793-74804.jpg"},
|
||||
{
|
||||
name: "Sarah P.",
|
||||
handle: "@PlumbingPros",
|
||||
testimonial: "Every call gets answered. No more losing jobs to competitors because I was on a roof.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-male-engineer-with-copy-space_23-2148453437.jpg",
|
||||
},
|
||||
name: "Sarah P.", handle: "@PlumbingPros", testimonial: "Every call gets answered. No more losing jobs to competitors because I was on a roof.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-male-engineer-with-copy-space_23-2148453437.jpg"},
|
||||
{
|
||||
name: "Dave R.",
|
||||
handle: "@ApexRoofing",
|
||||
testimonial: "Instant ROI. The automation is seamless and feels human to my customers.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
|
||||
},
|
||||
name: "Dave R.", handle: "@ApexRoofing", testimonial: "Instant ROI. The automation is seamless and feels human to my customers.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg"},
|
||||
{
|
||||
name: "Linda T.",
|
||||
handle: "@GreenPest",
|
||||
testimonial: "My conversion rate doubled once I stopped missing lead inquiries.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-call-center-manager-providing-guidance-intern-addressing-questions_482257-125804.jpg",
|
||||
},
|
||||
name: "Linda T.", handle: "@GreenPest", testimonial: "My conversion rate doubled once I stopped missing lead inquiries.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-call-center-manager-providing-guidance-intern-addressing-questions_482257-125804.jpg"},
|
||||
{
|
||||
name: "Tom B.",
|
||||
handle: "@ReliableElectric",
|
||||
testimonial: "Hands down the easiest implementation I've ever had for a service business tool.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-logistic_23-2148886820.jpg",
|
||||
},
|
||||
name: "Tom B.", handle: "@ReliableElectric", testimonial: "Hands down the easiest implementation I've ever had for a service business tool.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-logistic_23-2148886820.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Early Access",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Early Access", href: "#contact"},
|
||||
{
|
||||
text: "See How It Works",
|
||||
href: "#solution",
|
||||
},
|
||||
text: "See How It Works", href: "#solution"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/company-employee-presenting-business-strategy-with-charts-monitor-planning-project-workmates-analyzing-financial-statistics-display-working-together-company-development_482257-37174.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-holding-hand-her-chest-while-laughing-worker-uniform-looking-merry-front-view_176474-34381.jpg",
|
||||
alt: "Happy worker",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-holding-hand-her-chest-while-laughing-worker-uniform-looking-merry-front-view_176474-34381.jpg", alt: "Happy worker"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-worker-wearing-work-clothes_273609-10975.jpg",
|
||||
alt: "Female worker",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-worker-wearing-work-clothes_273609-10975.jpg", alt: "Female worker"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
|
||||
alt: "Smiling mechanic",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg", alt: "Smiling mechanic"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg",
|
||||
alt: "Worker in vest",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg", alt: "Worker in vest"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing-with-helmet_23-2148920601.jpg",
|
||||
alt: "Man with helmet",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing-with-helmet_23-2148920601.jpg", alt: "Man with helmet"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -130,17 +90,11 @@ export default function LandingPage() {
|
||||
description="You work hard for your leads, but you lose them when you can't answer. Stop throwing your ad budget away."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Response Rate",
|
||||
},
|
||||
value: "100%", title: "Response Rate"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Coverage",
|
||||
},
|
||||
value: "24/7", title: "Coverage"},
|
||||
{
|
||||
value: "Instant",
|
||||
title: "Reply Time",
|
||||
},
|
||||
value: "Instant", title: "Reply Time"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/army-soldier-reviews-targets-satellite-world-map-ensure-global-protection_482257-91236.jpg"
|
||||
/>
|
||||
@@ -153,29 +107,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Instant SMS Replies",
|
||||
descriptions: [
|
||||
"Missed call? Our AI fires an immediate, friendly SMS to engage the lead instantly.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heart-shape-favorite-social-media-notification-icon-speech-bubbles-3d-cartoon-banner-website-ui-pink-background-3d-rendering-illustration_56104-1333.jpg",
|
||||
},
|
||||
id: "f1", title: "Instant SMS Replies", descriptions: [
|
||||
"Missed call? Our AI fires an immediate, friendly SMS to engage the lead instantly."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heart-shape-favorite-social-media-notification-icon-speech-bubbles-3d-cartoon-banner-website-ui-pink-background-3d-rendering-illustration_56104-1333.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Smart Qualifying",
|
||||
descriptions: [
|
||||
"We ask the right questions so you only spend time on high-value jobs.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/book-recommendation-icon_632498-3994.jpg",
|
||||
},
|
||||
id: "f2", title: "Smart Qualifying", descriptions: [
|
||||
"We ask the right questions so you only spend time on high-value jobs."],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/book-recommendation-icon_632498-3994.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Calendar Sync",
|
||||
descriptions: [
|
||||
"Appointments drop straight into your calendar with zero manual entry.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/day-office-travel-agency_23-2150769962.jpg",
|
||||
},
|
||||
id: "f3", title: "Calendar Sync", descriptions: [
|
||||
"Appointments drop straight into your calendar with zero manual entry."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/day-office-travel-agency_23-2150769962.jpg"},
|
||||
]}
|
||||
title="Bookly responds instantly and books jobs for you."
|
||||
description="We don't just answer; we qualify, schedule, and close."
|
||||
@@ -184,33 +126,22 @@ export default function LandingPage() {
|
||||
|
||||
<div id="demo" data-section="demo">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "d1",
|
||||
title: "Customer: Emergency?",
|
||||
descriptions: [
|
||||
"Do you do emergency plumbing?",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-reading-menu-restaurant_23-2150384834.jpg",
|
||||
},
|
||||
id: "d1", title: "Customer: Emergency?", descriptions: [
|
||||
"Do you do emergency plumbing?"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-reading-menu-restaurant_23-2150384834.jpg"},
|
||||
{
|
||||
id: "d2",
|
||||
title: "Bookly: 24/7 Ready",
|
||||
descriptions: [
|
||||
"Yes—we offer 24/7 emergency services. What's going on?",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg",
|
||||
},
|
||||
id: "d2", title: "Bookly: 24/7 Ready", descriptions: [
|
||||
"Yes—we offer 24/7 emergency services. What's going on?"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg"},
|
||||
{
|
||||
id: "d3",
|
||||
title: "Booking confirmed",
|
||||
descriptions: [
|
||||
"Got it. We can send someone today at 2 PM.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-with-speech-bubble_53876-13588.jpg",
|
||||
},
|
||||
id: "d3", title: "Booking confirmed", descriptions: [
|
||||
"Got it. We can send someone today at 2 PM."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-with-speech-bubble_53876-13588.jpg"},
|
||||
]}
|
||||
title="Turn conversations into booked jobs."
|
||||
description="See how Bookly handles an emergency request seamlessly."
|
||||
@@ -224,29 +155,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "b1",
|
||||
title: "Fast",
|
||||
descriptions: [
|
||||
"Under 10 seconds response time.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151205016.jpg",
|
||||
},
|
||||
id: "b1", title: "Fast", descriptions: [
|
||||
"Under 10 seconds response time."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151205016.jpg"},
|
||||
{
|
||||
id: "b2",
|
||||
title: "Always On",
|
||||
descriptions: [
|
||||
"Nights, weekends, and holidays covered.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clock-with-arrow-time-concept_187299-46702.jpg",
|
||||
},
|
||||
id: "b2", title: "Always On", descriptions: [
|
||||
"Nights, weekends, and holidays covered."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clock-with-arrow-time-concept_187299-46702.jpg"},
|
||||
{
|
||||
id: "b3",
|
||||
title: "Efficient",
|
||||
descriptions: [
|
||||
"Eliminate missed call anxiety forever.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/earth-day-environment-eco-concept-space-text_185193-110604.jpg",
|
||||
},
|
||||
id: "b3", title: "Efficient", descriptions: [
|
||||
"Eliminate missed call anxiety forever."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/earth-day-environment-eco-concept-space-text_185193-110604.jpg"},
|
||||
]}
|
||||
title="Built for service pros."
|
||||
description="Powerful, simple, no receptionist required."
|
||||
@@ -260,55 +179,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
tag: "Basic",
|
||||
price: "$49",
|
||||
period: "/mo",
|
||||
description: "Perfect for new service pros.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included:",
|
||||
features: [
|
||||
"Instant SMS",
|
||||
"Booking Sync",
|
||||
"Support",
|
||||
],
|
||||
id: "starter", tag: "Basic", price: "$49", period: "/mo", description: "Perfect for new service pros.", button: {
|
||||
text: "Get Started", href: "#contact"},
|
||||
featuresTitle: "Included:", features: [
|
||||
"Instant SMS", "Booking Sync", "Support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Popular",
|
||||
price: "$99",
|
||||
period: "/mo",
|
||||
description: "Best for growing teams.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Everything in Basic, plus:",
|
||||
features: [
|
||||
"Priority Routing",
|
||||
"Custom FAQ AI",
|
||||
"Analytics",
|
||||
],
|
||||
id: "pro", tag: "Popular", price: "$99", period: "/mo", description: "Best for growing teams.", button: {
|
||||
text: "Get Started", href: "#contact"},
|
||||
featuresTitle: "Everything in Basic, plus:", features: [
|
||||
"Priority Routing", "Custom FAQ AI", "Analytics"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
tag: "Scale",
|
||||
price: "$149",
|
||||
period: "/mo",
|
||||
description: "For high-volume companies.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Everything in Pro, plus:",
|
||||
features: [
|
||||
"Dedicated Account Mgr",
|
||||
"Custom Integration",
|
||||
"API Access",
|
||||
],
|
||||
id: "premium", tag: "Scale", price: "$149", period: "/mo", description: "For high-volume companies.", button: {
|
||||
text: "Get Started", href: "#contact"},
|
||||
featuresTitle: "Everything in Pro, plus:", features: [
|
||||
"Dedicated Account Mgr", "Custom Integration", "API Access"],
|
||||
},
|
||||
]}
|
||||
title="Simple monthly pricing."
|
||||
@@ -322,20 +208,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Does this replace my dispatcher?",
|
||||
content: "Bookly works alongside your team to handle incoming leads so they can focus on high-priority tasks.",
|
||||
},
|
||||
id: "q1", title: "Does this replace my dispatcher?", content: "Bookly works alongside your team to handle incoming leads so they can focus on high-priority tasks."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can it integrate with my CRM?",
|
||||
content: "Yes, we integrate with all major home service platforms via Zapier or direct API.",
|
||||
},
|
||||
id: "q2", title: "Can it integrate with my CRM?", content: "Yes, we integrate with all major home service platforms via Zapier or direct API."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is the AI realistic?",
|
||||
content: "Yes, it's designed to sound like a professional, helpful member of your office staff.",
|
||||
},
|
||||
id: "q3", title: "Is the AI realistic?", content: "Yes, it's designed to sound like a professional, helpful member of your office staff."},
|
||||
]}
|
||||
title="Common questions."
|
||||
description="Quick answers to help you get started."
|
||||
@@ -347,16 +224,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Early Access"
|
||||
title="Stop losing customers to missed calls."
|
||||
description="Join the waitlist today and start booking more jobs instantly."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Early Access",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Early Access", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -367,29 +241,19 @@ export default function LandingPage() {
|
||||
logoText="Bookly"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user